@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;800&family=Manrope:wght@700;800&display=swap";:root{color:#f5f5ed;font-synthesis:none;background:#101a18;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0,#20342f 0,#101a18 52%);min-width:320px;min-height:100dvh;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #f3d36a}.screen{width:min(100%,620px);min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));margin:0 auto}.landing,.results-screen,.missing-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.missing-screen h1{letter-spacing:-.045em;max-width:470px;font-size:clamp(1.8rem,8vw,2.8rem);line-height:1.08}.missing-screen>p:not(.eyebrow){color:#9aaba5;max-width:380px;margin:18px 0 22px;line-height:1.5}.brand-mark{color:#10201c;background:#b7f15a;border-radius:20px;place-items:center;width:68px;height:68px;margin-bottom:22px;font-size:2.8rem;font-weight:800;display:grid;box-shadow:0 12px 40px #b7f15a21}.brand-mark.small{border-radius:16px;width:52px;height:52px;margin-bottom:18px;font-size:2rem}.eyebrow,.category{color:#b7f15a;letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px;font-size:.75rem;font-weight:800}h1{margin:0;font-family:Manrope,system-ui,sans-serif}.landing h1{letter-spacing:-.06em;font-size:clamp(2.65rem,13vw,4.5rem);line-height:.98}.tagline{color:#cad2ce;margin:20px 0 0;font-size:1.1rem;line-height:1.5}.game-length{color:#8ea099;margin:32px 0 14px;font-size:.9rem}.primary-button{color:#10201c;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#b7f15a;border:0;border-radius:14px;font-weight:800;box-shadow:0 8px 24px #0004}.primary-button:hover{background:#c6fa75;transform:translateY(-1px)}.play-button{width:min(100%,360px);min-height:62px;font-size:1rem}.same-game{color:#70817b;margin:16px 0 0;font-size:.78rem}.game-screen{grid-template-rows:auto auto minmax(82px,auto) minmax(250px,1fr) minmax(78px,auto);height:100dvh;min-height:560px;display:grid;overflow:hidden}.game-header{justify-content:space-between;align-items:center;display:flex}.mini-logo{color:#10201c;background:#b7f15a;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.progress-text{color:#b9c5c0;font-size:.85rem;font-weight:700}.progress-track{background:#2a3935;border-radius:99px;height:3px;margin-top:14px;overflow:hidden}.progress-track div{background:#b7f15a;height:100%;transition:width .3s}.question-copy{text-align:center;align-self:center;padding:14px 2px}.question-copy h1{letter-spacing:-.035em;max-width:510px;margin:0 auto;font-size:clamp(1.3rem,6vw,2rem);line-height:1.18}.options{grid-template-columns:1fr 1fr;gap:12px;min-height:0;display:grid;position:relative}.option-card{color:#f5f5ed;cursor:pointer;background:#1c2926;border:1px solid #344640;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;padding:18px 10px;transition:transform .15s,border-color .2s,background .2s;display:flex;position:relative}.option-card:not(:disabled):hover{border-color:#8baaa0;transform:translateY(-2px)}.option-card:disabled{opacity:1;cursor:default}.option-card.winner{background:#22352c;border:2px solid #b7f15a;animation:.32s ease-out answer-pop;box-shadow:0 0 0 1px #b7f15a22,0 14px 34px #0004}.option-card.loser{background:#382626;border-color:#df6969}.option-label{overflow-wrap:anywhere;font-family:Manrope,system-ui,sans-serif;font-size:clamp(1.05rem,5vw,1.55rem);font-weight:800;line-height:1.15}.option-value{color:#d5ddd9;font-size:clamp(.9rem,3.8vw,1.15rem);font-weight:700;animation:.3s ease-out both value-reveal}.answer-badge{color:#17221e;letter-spacing:.08em;text-transform:uppercase;background:#b7f15a;border-radius:99px;padding:4px 8px;font-size:.62rem;font-weight:800;position:absolute;top:10px}.versus{z-index:2;color:#84958f;text-transform:uppercase;background:#273632;border:3px solid #101a18;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.66rem;font-weight:800;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feedback-area{place-items:center;min-height:78px;display:grid}.checking{color:#a9b8b3;font-size:.9rem}.feedback{grid-template-columns:1fr auto;align-items:center;gap:15px;width:100%;padding-top:12px;display:grid}.feedback strong{font-size:1.15rem}.feedback.correct strong{color:#b7f15a}.feedback.incorrect strong{color:#ff8a84}.feedback-copy{min-width:0}.explanation,.choice-stat{color:#9cada7;margin:4px 0 0;font-size:.72rem;line-height:1.3}.choice-stat{color:#b7c5c0}.reveal-in{animation:.28s ease-out both feedback-in}.next-button{min-width:132px;min-height:48px;padding:0 18px}.results-screen{padding-top:max(18px, env(safe-area-inset-top));padding-bottom:max(18px, env(safe-area-inset-bottom))}.results-screen h1{letter-spacing:-.045em;font-size:clamp(1.55rem,7vw,2.35rem)}.score{align-items:baseline;gap:6px;margin:8px 0;display:flex}.score strong{color:#b7f15a;font-family:Manrope,sans-serif;font-size:4.5rem;line-height:1}.score span{color:#91a19b;font-size:1.4rem;font-weight:700}.result-grid{grid-template-columns:repeat(5,40px);gap:8px;margin-top:22px;display:grid}.result-grid span{border-radius:10px;width:40px;height:40px}.grid-correct{background:#78c94b;box-shadow:inset 0 0 0 1px #b7f15a55}.grid-incorrect{background:#c95151;box-shadow:inset 0 0 0 1px #f994}.streak-summary{color:#81928c;justify-content:space-between;align-items:center;min-width:220px;margin-top:18px;font-size:.85rem;display:flex}.streak-summary strong{color:#e9ede9}.share-button{width:min(100%,300px);min-height:54px;margin-top:18px}.share-status{color:#b7f15a;min-height:18px;margin:8px 0 0;font-size:.75rem}.countdown{color:#74847e;letter-spacing:.06em;text-transform:uppercase;flex-direction:column;gap:3px;margin-top:10px;font-size:.72rem;display:flex}.countdown strong{color:#c4cec9;font-variant-numeric:tabular-nums;letter-spacing:.1em;font-size:1rem}@keyframes answer-pop{0%{transform:scale(.985)}to{transform:scale(1)}}@keyframes value-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes feedback-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (height<=700px){.screen{padding-top:12px;padding-bottom:12px}.question-copy{padding:8px 2px}.game-screen{grid-template-rows:auto auto minmax(68px,auto) minmax(210px,1fr) minmax(68px,auto)}.feedback-area{min-height:68px}.results-screen .brand-mark{margin-bottom:10px}.result-grid{margin-top:14px}.streak-summary,.share-button{margin-top:12px}}@media (width<=380px){.screen{padding-left:14px;padding-right:14px}.options{gap:9px}.option-card{border-radius:16px;padding-left:7px;padding-right:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}