@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap');
:root{--ink:#292b25;--cream:#faf7ee;--orange:#ef7047;--green:#46694a}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}header{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:28px 32px}.brand{text-decoration:none;color:var(--ink);font-family:Outfit,sans-serif;font-weight:700;font-size:23px}.brand span{background:var(--orange);color:white;border-radius:12px;padding:5px 9px;margin-right:8px}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #314fd2;outline-offset:4px}.small{background:transparent;border:1px solid #dedbd1;border-radius:30px;padding:10px 16px;font-size:13px}main{max-width:1140px;margin:auto;padding:35px 32px 50px;min-height:77vh}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:45px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--green);text-transform:uppercase}h1,h2,h3{font-family:Outfit,sans-serif;letter-spacing:-1.5px}h1{font-size:clamp(48px,6vw,76px);line-height:1.04;margin:22px 0}h1 em{font-style:normal;color:var(--orange)}.lead{font-size:18px;line-height:1.7;color:#67695e;max-width:400px}.primary{background:var(--orange);color:white;border-radius:14px;padding:17px 32px;font-weight:700;box-shadow:0 5px 0 #ce5534}.primary:hover{background:#e55f36;transform:translateY(-1px)}.play{font-size:18px;min-width:190px;margin-top:20px}.hint{font-size:12px;color:#7b7d70;margin-top:22px;line-height:1.6}.collage{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:13px;background:#eadfcb;border-radius:120px 120px 75px 75px;padding:40px 22px;transform:rotate(3deg)}.face{aspect-ratio:1;object-fit:cover;width:100%;border-radius:50%;border:6px solid var(--cream);transform:rotate(-3deg)}.sticker{position:absolute;bottom:-12px;left:20%;background:var(--green);color:white;border-radius:30px;padding:12px 22px;font-family:Outfit;font-size:18px;transform:rotate(-8deg)}.steps{display:flex;gap:28px;border-top:1px solid #e2ded2;padding-top:25px;margin-top:25px;font-size:14px}.steps b{color:var(--orange);margin-right:8px}.gameTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.track{height:6px;border-radius:10px;background:#e6e2d7;margin-bottom:26px;overflow:hidden}.track div{height:100%;background:var(--orange);transition:width .3s}.question{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:start}.photoWrap{background:#ece6d9;border-radius:24px;overflow:hidden;height:480px}.photoWrap img{width:100%;height:100%;object-fit:contain}.question h2{font-size:38px;line-height:1.1;margin:20px 0 12px}.muted{color:#76786c;line-height:1.6;font-size:14px}.tag{display:inline-block;border:1px solid #dedbd0;border-radius:30px;padding:6px 12px;font-size:12px;color:var(--green)}.choices{display:grid;gap:10px;margin:25px 0}.choice{background:#fffdf8;border:1px solid #dedace;border-radius:13px;text-align:left;padding:16px;display:flex;gap:14px;align-items:center;min-height:62px;color:var(--ink)}.letter{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:8px;background:#f0ece2;font-size:12px}.choice:hover:not(:disabled){border-color:var(--orange);background:#fff1e6}.choice:disabled{cursor:default;opacity:1}.choice.correct{background:#e9f1e5;border:2px solid #527653}.choice.wrong{background:#fce6df;border:2px solid #d76a52}.feedback{background:#efeade;padding:16px;border-radius:14px;margin-bottom:16px;line-height:1.5}.feedback b{display:block}.feedback.good{background:#e9f1e5}.next{width:100%}.photoCredit{font-size:11px;margin:10px 0;color:#73766a}.photoCredit a{color:inherit}.results{text-align:center;max-width:650px;margin:15px auto}.medal{font-size:75px;margin:10px}.results h1{font-size:50px}.score{font-family:Outfit;font-size:110px;font-weight:700;line-height:1;color:var(--orange);margin:28px 0 10px}.score small{font-size:30px}.actions{display:flex;justify-content:center;gap:15px;margin:30px 0}.secondary{border:1px solid #c8c5b9;background:transparent;border-radius:14px;padding:17px 30px}.review{text-align:left;margin-top:35px;border-top:1px solid #ddd8ca;padding-top:20px}.review summary{cursor:pointer;font-weight:700}.reviewRow{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #e2ded4}.reviewRow img{height:55px;width:65px;object-fit:cover;border-radius:9px}.reviewRow span{font-size:13px;line-height:1.5}.reviewRow b{display:block}.confetti{position:fixed;top:-30px;width:10px;height:15px;pointer-events:none;animation:fall 3s ease-in forwards;z-index:5}@keyframes fall{to{transform:translateY(110vh) rotate(800deg)}}footer{max-width:1140px;margin:auto;padding:20px 32px;border-top:1px solid #e2ded2;color:#828478;font-size:12px;display:flex;justify-content:space-between}footer button{background:none;color:inherit;text-decoration:underline}dialog{border:none;border-radius:20px;background:var(--cream);max-width:700px;max-height:80vh;padding:30px}dialog::backdrop{background:#2228}#creditList p{font-size:13px}#creditList a{color:var(--green)}@media(max-width:760px){header{padding:22px 20px}.brand{font-size:18px}main{padding:15px 20px 40px}.hero{grid-template-columns:1fr;gap:35px;padding:10px 0}.collage{max-width:440px;margin:0 auto;order:-1;padding:25px 18px;gap:8px}.face{border-width:4px}.hero h1{font-size:52px}.hero .lead{font-size:16px}.steps{gap:15px;font-size:12px}.question{grid-template-columns:1fr;gap:8px}.photoWrap{height:330px}.question h2{font-size:32px}.score{font-size:90px}.actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.sponsor{display:flex;gap:18px;align-items:center;text-decoration:none;color:var(--ink);border:1px solid #ded7cc;border-radius:18px;background:#fffdf8;padding:14px 20px;max-width:580px;margin:0 0 24px}.sponsor img{width:78px;height:70px;object-fit:contain;border-radius:7px;flex-shrink:0}.sponsor small{display:block;text-transform:uppercase;font-size:10px;letter-spacing:1.5px;color:#72746b;margin-bottom:5px}.sponsor strong{display:block;font-size:16px;line-height:1.35}.sponsor .clubLink{display:block;color:#351797;font-size:12px;margin-top:5px}.sponsor:hover{border-color:#351797;box-shadow:0 3px 14px #35179714}.results .sponsor{margin:0 auto 30px;text-align:left}@media(max-width:500px){.sponsor{padding:12px;gap:12px}.sponsor img{width:64px;height:58px}.sponsor strong{font-size:14px}}
