:root{--midnight: #0b1f3a;--midnight-2: #102a4d;--turf: #a6e22e;--cream: #fff5d8;--yellow: #ffc529;--orange: #f2643c;--ink: #10213a;--paper-ink: #1a365d;--white: #ffffff;--radius: .75rem;--background: oklch(.2 .05 255);--foreground: oklch(.98 .015 95);--card: oklch(.97 .04 90);--card-foreground: oklch(.22 .04 255);--primary: oklch(.86 .2 125);--primary-foreground: oklch(.18 .04 255);--border: oklch(.3 .05 255);--ring: oklch(.86 .2 125);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{overflow:hidden;background:var(--midnight);color:var(--foreground);font-family:DM Sans,ui-sans-serif,system-ui,sans-serif}button{font:inherit}button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.game-shell{position:fixed;z-index:5;inset:0;overflow:hidden;isolation:isolate;color:var(--cream);background-color:#0b1f3ad1;background-image:var(--stadium-texture);background-position:center;background-size:cover;background-blend-mode:multiply;touch-action:manipulation}canvas{pointer-events:none}.orientation-lock{display:none}.game-shell:before{position:absolute;z-index:-1;inset:0;content:"";background-image:radial-gradient(circle at 78% 24%,rgba(166,226,46,.12) 0 1px,transparent 1.5px),radial-gradient(circle at 15% 76%,rgba(255,245,216,.12) 0 1px,transparent 1.5px);background-size:18px 18px,24px 24px;opacity:.78}.game-board{position:relative;display:grid;grid-template-columns:minmax(230px,.72fr) minmax(580px,2fr);min-height:100svh;padding:clamp(18px,3.2vw,46px);gap:clamp(24px,4.5vw,78px)}.game-board:before{position:absolute;z-index:-1;inset:clamp(14px,2vw,28px);content:"";border:1px dashed rgba(255,245,216,.26);clip-path:polygon(0 0,calc(100% - 56px) 0,100% 56px,100% 100%,56px 100%,0 calc(100% - 56px));pointer-events:none}.score-strip{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding-block:10px}.score-strip:before{position:absolute;top:-10px;left:0;content:"MATCH BOARD · 10 QUESTIONS";color:#fff5d873;font-size:.55rem;font-weight:800;letter-spacing:.15em}.score-strip:after{position:absolute;top:12%;right:-22px;bottom:12%;width:1px;content:"";background:repeating-linear-gradient(to bottom,rgba(255,245,216,.55) 0 6px,transparent 6px 15px)}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{width:58px;height:58px;object-fit:contain;filter:drop-shadow(3px 3px 0 rgba(255,245,216,.2))}.eyebrow{margin:0;color:currentColor;font-weight:800;font-size:.66rem;line-height:1.1;letter-spacing:.18em}.brand-name{margin:3px 0 0;color:var(--cream);font-family:Bricolage Grotesque,ui-sans-serif,sans-serif;font-size:clamp(1.35rem,2vw,1.85rem);font-weight:800;line-height:.78;letter-spacing:-.07em}.brand-name span{color:var(--turf)}.score-rail{display:grid;gap:13px;padding-left:2px}.hud-stat{display:flex;align-items:baseline;justify-content:space-between;gap:16px;max-width:235px;padding-bottom:10px;border-bottom:1px solid rgba(255,245,216,.24)}.hud-label{color:#fff5d8b8;font-size:.62rem;font-weight:800;letter-spacing:.12em;line-height:1.1}.hud-stat strong{color:var(--turf);font-family:Bricolage Grotesque,ui-sans-serif,sans-serif;font-size:1.65rem;letter-spacing:-.06em;line-height:.9}.keyboard-tip{max-width:210px;margin:0;color:#fff5d8ad;font-size:.73rem;line-height:1.55}kbd{display:inline-grid;min-width:19px;height:19px;padding:0 4px;place-items:center;border:1px solid rgba(255,245,216,.5);border-radius:3px;background:#ffffff14;color:var(--cream);font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:800}.play-area{position:relative;display:grid;align-items:center;min-width:0}.ticket{position:relative;max-width:825px;overflow:hidden;clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,34px 100%,0 calc(100% - 34px));border-top:5px solid var(--midnight);background:var(--cream);color:var(--ink);box-shadow:13px 13px #00000038}.ticket:after{position:absolute;inset:7px;z-index:-1;content:"";border:1px dashed rgba(16,33,58,.27);pointer-events:none}.ticket:before{position:absolute;top:15px;right:19px;width:36px;height:7px;content:"";background:var(--orange);box-shadow:13px 0 0 var(--yellow);transform:rotate(-3deg)}.start-area{align-items:center}.hero-ticket{width:min(100%,635px);padding:clamp(34px,6vw,76px) clamp(32px,6vw,72px);transform:rotate(-1deg)}.ticket-label{color:var(--orange)}.hero-ticket h1,.question-ticket h1,.feedback-ticket h1,.result-ticket h1{margin:15px 0 0;font-family:Bricolage Grotesque,ui-sans-serif,sans-serif;font-weight:800;letter-spacing:-.075em;line-height:.84}.hero-ticket h1{font-size:clamp(4rem,8vw,7.5rem)}.hero-ticket h1 em{position:relative;color:var(--midnight);font-style:normal}.hero-ticket h1 em:after{position:absolute;right:-4px;bottom:-10px;left:6px;height:8px;content:"";background:var(--orange);transform:rotate(-2deg)}.hero-copy{margin:28px 0 0;color:var(--paper-ink);font-size:clamp(1rem,1.7vw,1.3rem);font-weight:600;line-height:1.35}.rule-line{display:flex;align-items:center;gap:14px;margin-top:32px;padding-top:17px;border-top:2px solid var(--ink)}.rule-line span{display:grid;width:42px;height:42px;flex:none;place-items:center;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:var(--turf);color:var(--ink);font-family:Bricolage Grotesque,sans-serif;font-size:1.25rem;font-weight:800}.rule-line p{max-width:320px;margin:0;color:var(--paper-ink);font-size:.85rem;font-weight:600;line-height:1.35}.primary-action,.secondary-action{display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;border:0;font-weight:800;transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out),background-color .16s var(--ease-out)}.primary-action{margin-top:31px;padding:16px 18px 16px 21px;background:var(--turf);color:var(--ink);box-shadow:5px 5px 0 var(--ink);font-size:1rem}.primary-action b,.secondary-action b{font-family:Bricolage Grotesque,sans-serif;font-size:1.45rem;line-height:.7}.primary-action:hover{background:#b8f34b;transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.primary-action:active,.secondary-action:active,.answer-card:active{transform:scale(.97)}.start-side-note{display:flex;align-items:center;gap:11px;width:max-content;margin:28px 0 0 46%;color:var(--turf);font-family:Bricolage Grotesque,sans-serif;font-size:.86rem;font-weight:800;letter-spacing:.11em;transform:rotate(2.5deg)}.start-side-note i{color:var(--yellow);font-size:1.45rem;font-style:normal}.question-area{display:grid;grid-template-columns:minmax(0,1fr) 105px;align-items:center;gap:24px}.question-ticket{width:min(100%,825px);padding:clamp(26px,4.5vw,54px)}.question-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--orange)}.hint-label{padding:7px 10px;border:1px solid var(--ink);background:var(--yellow);color:var(--ink);font-size:.66rem;font-weight:800;line-height:1}.question-ticket h1{font-size:clamp(2.25rem,4.7vw,4.55rem)}.emoji-clue{display:flex;align-items:center;justify-content:center;min-height:clamp(128px,17vw,188px);margin:15px 0 10px;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:clamp(4.7rem,9.7vw,8.5rem);letter-spacing:.01em;line-height:1;text-align:center;text-shadow:6px 6px 0 rgba(16,33,58,.09)}.answer-heading{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 10px;color:var(--paper-ink);font-size:.8rem;font-weight:800}.answer-key{color:#1a365da6;font-size:.64rem;letter-spacing:.09em}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-card{display:grid;grid-template-columns:30px 1fr auto;align-items:center;min-height:66px;padding:12px 13px;border:2px solid var(--ink);background:#ffffff75;color:var(--ink);font-size:clamp(.9rem,1.6vw,1.08rem);font-weight:800;text-align:left;transition:transform .16s var(--ease-out),background-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.answer-card:hover{background:var(--yellow);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.answer-card b{color:var(--orange);font-size:1rem}.answer-number{display:grid;width:24px;height:24px;place-items:center;border-radius:999px;background:var(--midnight);color:var(--cream);font-size:.67rem}.time-card{align-self:center;padding:16px 12px 14px;border:1px solid rgba(255,245,216,.45);background:#06162ba6;color:var(--cream);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.time-card strong{display:block;margin:6px 0 10px;color:var(--yellow);font-family:Bricolage Grotesque,sans-serif;font-size:2rem;letter-spacing:-.06em}.time-track{width:100%;height:7px;overflow:hidden;background:#fff5d840}.time-track i{display:block;width:100%;height:100%;transform-origin:left;background:var(--turf);transition:transform .35s linear}.feedback-area,.result-area{align-items:center}.feedback-ticket,.result-ticket{width:min(100%,610px);padding:clamp(36px,5vw,66px);text-align:left}.feedback-ticket.is-correct{background:var(--turf);box-shadow:13px 13px 0 var(--cream)}.feedback-ticket.is-wrong{background:var(--orange);box-shadow:13px 13px 0 var(--cream)}.feedback-status{display:inline-block;margin:0;padding:8px 10px;background:var(--midnight);color:var(--cream);font-size:.64rem;font-weight:900;letter-spacing:.16em;line-height:1}.feedback-symbol{display:grid;width:82px;height:82px;margin:20px 0 11px;place-items:center;border:3px solid var(--midnight);border-radius:999px;font-family:Bricolage Grotesque,sans-serif;font-size:4.25rem;font-weight:800;line-height:1}.is-correct .feedback-symbol{background:var(--midnight);color:var(--turf)}.is-wrong .feedback-symbol{background:var(--cream);color:var(--orange)}.feedback-ticket h1{font-size:clamp(3rem,6vw,5.3rem)}.feedback-detail{margin:11px 0 0;color:var(--midnight);font-size:.72rem;font-weight:900;letter-spacing:.16em}.answer-reveal{margin:18px 0 0;color:var(--paper-ink);font-size:1.05rem;font-weight:600}.feedback-clue{margin-top:25px;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:3.2rem;line-height:1}.enter-tip{margin:18px 0 0;color:#1a365dad;font-size:.74rem;font-weight:700}.enter-tip kbd{border-color:#1a365d80;background:#10213a1a;color:var(--ink)}.feedback-ticket.is-correct .primary-action,.feedback-ticket.is-wrong .primary-action{background:var(--midnight);color:var(--cream);box-shadow:5px 5px #fff5d8b8}.feedback-ticket.is-correct .primary-action:hover,.feedback-ticket.is-wrong .primary-action:hover{background:#17375f}.result-ticket{box-shadow:13px 13px 0 var(--yellow)}.result-score{display:flex;align-items:flex-end;gap:12px;margin:20px 0 9px}.result-score span{color:var(--turf);font-family:Bricolage Grotesque,sans-serif;font-size:clamp(5.5rem,10vw,8.5rem);font-weight:800;letter-spacing:-.11em;line-height:.76;text-shadow:6px 6px 0 var(--midnight)}.result-score i{padding-bottom:4px;color:var(--paper-ink);font-size:.68rem;font-style:normal;font-weight:800;letter-spacing:.13em}.result-ticket h1{font-size:clamp(2.8rem,5vw,4.8rem)}.result-line{margin:20px 0 0;color:var(--paper-ink);font-size:1rem;font-weight:600}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.secondary-action{margin-top:31px;padding:16px 18px 16px 21px;border:2px solid var(--ink);background:transparent;color:var(--ink);font-size:.93rem}.secondary-action:hover{background:var(--yellow);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.share-notice{margin:18px 0 0;padding:9px 11px;background:var(--midnight);color:var(--cream);font-size:.78rem;font-weight:700;line-height:1.35}.edge-sticker{position:absolute;z-index:-1;width:220px;height:220px;background-image:var(--sticker-cluster);background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.92;pointer-events:none}.sticker-top{top:-28px;right:-28px;transform:rotate(17deg)}.sticker-bottom{bottom:-42px;left:19%;transform:rotate(196deg)}@media(max-width:900px){.game-board{grid-template-columns:1fr;align-content:start;min-height:100svh;padding:18px 18px 24px;gap:18px;overflow-y:auto}.score-strip{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:0}.score-strip:before{top:-1px}.score-strip:after,.keyboard-tip{display:none}.brand-mark{width:46px;height:46px}.brand-name{font-size:1.42rem}.score-rail{display:flex;align-items:end;gap:13px;padding:0}.hud-stat{display:grid;gap:3px;max-width:86px;padding:0;border:0}.hud-stat strong{font-size:1.3rem}.hud-label{font-size:.52rem}.play-area{min-height:auto}.hero-ticket,.question-ticket,.feedback-ticket,.result-ticket{width:100%;max-width:690px}.start-side-note{margin-left:26%}.question-area{grid-template-columns:1fr;gap:14px}.time-card{display:flex;align-items:center;justify-content:space-between;gap:10px;width:min(100%,690px);padding:10px 12px}.time-card strong{margin:0;font-size:1.6rem}.time-track{width:48%}.edge-sticker{width:160px;height:160px;opacity:.55}.sticker-bottom{left:-24px}}@media(max-width:560px){.game-board{padding:14px}.score-strip{grid-template-columns:1fr;gap:10px}.score-strip:before{display:none}.score-rail{justify-content:space-between;width:100%;padding:8px 0;border-top:1px solid rgba(255,245,216,.26);border-bottom:1px solid rgba(255,245,216,.26)}.hud-stat{max-width:104px}.hero-ticket,.question-ticket,.feedback-ticket,.result-ticket{padding:28px 23px;box-shadow:8px 8px #0000003d}.hero-ticket{transform:none}.hero-ticket h1{font-size:clamp(4rem,20vw,5.8rem)}.hero-copy{margin-top:20px}.rule-line{margin-top:23px}.start-side-note{margin:22px 0 0 10%}.question-ticket h1{font-size:clamp(2.65rem,13vw,4rem)}.emoji-clue{min-height:118px;margin:7px 0;font-size:clamp(4.5rem,20vw,6rem)}.answer-grid{grid-template-columns:1fr}.answer-card{min-height:54px}.answer-key{display:none}.result-actions{grid-template-columns:1fr;gap:0}.secondary-action{margin-top:15px}.feedback-symbol{width:60px;height:60px;margin-top:18px;font-size:3.2rem}.feedback-ticket h1{font-size:clamp(3.2rem,15vw,4.4rem)}.edge-sticker{display:none}}@media(prefers-reduced-motion:no-preference){.ticket{animation:ticket-enter .3s var(--ease-out) both}.answer-card{animation:answer-enter .28s var(--ease-out) both}.answer-card:nth-child(2){animation-delay:35ms}.answer-card:nth-child(3){animation-delay:70ms}.answer-card:nth-child(4){animation-delay:105ms}}@keyframes ticket-enter{0%{opacity:0;transform:translateY(14px) rotate(-.35deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes answer-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.match-area{display:block;width:100%;min-width:0}.match-field{position:relative;width:100%;min-height:min(660px,calc(100svh - 166px));overflow:hidden;border:1px solid rgba(255,245,216,.5);background:#07182dc7;box-shadow:8px 8px #00000038}.match-field:before{position:absolute;inset:13px;content:"";border:1px solid rgba(255,245,216,.16);pointer-events:none}.field-ribbon{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 14px 0 16px;background:var(--cream);color:var(--midnight);box-shadow:0 4px 0 var(--midnight);font-size:.63rem;font-weight:900;letter-spacing:.12em}.field-count{white-space:nowrap}.field-live,.field-hint{display:inline-flex;align-items:center;gap:6px;padding:7px 8px;background:var(--midnight);color:var(--cream);font-size:.57rem;line-height:1;letter-spacing:.11em}.field-live i{display:block;width:7px;height:7px;border-radius:99px;background:var(--orange)}.field-hint{background:var(--yellow);color:var(--ink)}.sport-arena{position:relative;display:grid;min-height:285px;place-items:center;overflow:hidden}.sport-arena:before,.sport-arena:after{position:absolute;width:420px;height:420px;border:1px solid rgba(255,245,216,.18);border-radius:50%;content:""}.sport-arena:before{top:-215px;left:50%;transform:translate(-50%)}.sport-arena:after{bottom:-320px;left:50%;width:520px;height:520px;transform:translate(-50%)}.arena-disc{position:relative;z-index:1;display:grid;width:190px;height:190px;place-items:center;clip-path:polygon(50% 0,85% 8%,100% 50%,89% 89%,50% 100%,12% 89%,0 50%,10% 12%);background:var(--turf);box-shadow:8px 8px 0 var(--orange),15px 15px 0 var(--cream)}.arena-disc:before{position:absolute;inset:10px;content:"";border:2px solid var(--midnight);clip-path:inherit}.arena-disc:after{position:absolute;inset:23px;content:"";border:1px dashed rgba(11,31,58,.55);border-radius:50%}.match-field .emoji-clue{position:relative;z-index:2;display:block;min-height:auto;margin:0;font-size:5.05rem;line-height:1;text-shadow:5px 5px 0 rgba(255,245,216,.48)}.start-arena{min-height:302px}.start-disc{width:205px;height:205px}.start-emojis{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:1px;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:4.25rem;letter-spacing:-.34em;line-height:1;text-shadow:4px 4px 0 rgba(255,245,216,.45);transform:rotate(-6deg)}.start-emojis span{position:relative;top:-20px;z-index:2;transform:rotate(13deg)}.start-prompt h1{max-width:320px}.start-dock{padding:13px 14px 14px}.start-dock .primary-action{margin-top:11px}.pitch-line{position:absolute;z-index:0;display:block;border:2px dashed rgba(255,245,216,.55);border-left:0;border-bottom:0;border-radius:0 100% 0 0}.pitch-line-one{top:46px;left:-74px;width:190px;height:112px;transform:rotate(12deg)}.pitch-line-two{right:-58px;bottom:16px;width:150px;height:95px;transform:rotate(193deg)}.ball-marker{position:absolute;z-index:1;display:block;width:16px;height:16px;border:3px solid var(--midnight);border-radius:50%;background:var(--cream);box-shadow:3px 3px 0 var(--orange)}.ball-marker-one{top:66px;right:64px}.ball-marker-two{bottom:35px;left:48px;width:10px;height:10px;background:var(--yellow)}.field-pennant{position:absolute;top:78px;left:38px;z-index:1;color:var(--orange);font-size:1.65rem;transform:rotate(-12deg)}.arena-spark{position:absolute;z-index:2;color:var(--orange);font-size:1.25rem;text-shadow:1px 1px 0 var(--cream)}.spark-one{top:29px;right:22px}.spark-two{bottom:22px;left:28px;color:var(--midnight)}.field-prompt{position:relative;z-index:1;margin:0 18px;padding:0 3px 12px;border-bottom:2px solid rgba(255,245,216,.55);color:var(--cream)}.field-prompt .eyebrow{color:var(--yellow)}.field-prompt h1{margin:5px 0 0;font-family:Bricolage Grotesque,ui-sans-serif,sans-serif;font-size:clamp(2.15rem,10.5vw,3.1rem);font-weight:800;letter-spacing:-.075em;line-height:.9}.answer-dock{position:relative;z-index:2;margin:14px 12px 12px;padding:12px 10px 10px;background:var(--cream);color:var(--ink);box-shadow:5px 5px 0 var(--orange)}.dock-label{margin:0 0 8px;padding-left:4px;color:var(--paper-ink);font-size:.74rem;font-weight:800}.match-field .answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.answer-chip{display:grid;grid-template-columns:25px 1fr auto;align-items:center;min-height:54px;padding:10px 9px;border:2px solid var(--midnight);background:var(--cream);color:var(--ink);box-shadow:3px 3px 0 var(--midnight);font-size:clamp(.82rem,4vw,1rem);font-weight:800;text-align:left;transition:transform .16s var(--ease-out),background-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.answer-chip:nth-child(1){clip-path:polygon(0 0,100% 0,97% 82%,7% 100%,0 87%)}.answer-chip:nth-child(2){clip-path:polygon(4% 0,100% 5%,100% 94%,0 100%,0 13%)}.answer-chip:nth-child(3){clip-path:polygon(0 3%,94% 0,100% 86%,90% 100%,0 95%)}.answer-chip:nth-child(4){clip-path:polygon(0 4%,96% 0,100% 88%,8% 100%,0 77%)}.answer-chip:hover{background:var(--yellow);transform:translate(-2px,-2px) rotate(-.4deg);box-shadow:6px 6px 0 var(--midnight)}.answer-chip b{color:var(--orange);font-size:.95rem}.answer-chip .answer-number{width:22px;height:22px;font-size:.62rem}@media(prefers-reduced-motion:no-preference){.arena-disc{animation:arena-pulse 1.85s var(--ease-in-out) infinite alternate}.ball-marker-one{animation:ball-run 2.6s linear infinite}.field-pennant{animation:pennant-bob 1.1s var(--ease-in-out) infinite alternate}}@keyframes arena-pulse{0%{transform:translateY(0) rotate(-1.5deg)}to{transform:translateY(-5px) rotate(1.5deg)}}@keyframes ball-run{0%{transform:translate(0)}50%{transform:translate(-18px,18px)}to{transform:translate(0)}}@keyframes pennant-bob{0%{transform:rotate(-12deg) translateY(0)}to{transform:rotate(-5deg) translateY(-5px)}}@media(max-width:560px){.match-field{min-height:624px}.sport-arena{min-height:268px}.arena-disc{width:174px;height:174px}.start-disc{width:185px;height:185px}.start-arena{min-height:282px}.start-emojis{font-size:3.9rem}.match-field .emoji-clue{font-size:4.5rem}.field-prompt{margin-inline:14px}.answer-dock{margin:12px 10px 10px}}.game-board{width:min(100%,480px);grid-template-columns:1fr;align-content:start;margin:0 auto;padding:16px 14px 24px;gap:14px;overflow-y:auto}.game-board:before{inset:8px}.score-strip{display:grid;grid-template-columns:1fr;gap:10px;padding:5px 0 0}.score-strip:before{top:-1px}.score-strip:after,.keyboard-tip{display:none}.brand-lockup{gap:9px}.brand-mark{width:44px;height:44px}.brand-name{font-size:1.35rem}.score-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:8px 0;border-top:1px solid rgba(255,245,216,.26);border-bottom:1px solid rgba(255,245,216,.26)}.hud-stat{display:grid;gap:4px;min-width:0;padding:0;border:0}.hud-stat strong{font-size:1.35rem}.hud-label{font-size:.51rem}.play-area{min-height:auto}.hero-ticket,.question-ticket,.feedback-ticket,.result-ticket{width:100%;max-width:none}.hero-ticket{padding:32px 24px 30px;transform:none}.hero-ticket h1{font-size:clamp(4rem,20vw,5.8rem)}.hero-copy{margin-top:20px}.rule-line{margin-top:23px}.start-side-note{margin:20px auto 0}.question-area{grid-template-columns:1fr;gap:11px}.question-ticket{padding:28px 23px}.question-ticket h1{font-size:clamp(2.65rem,13vw,4rem)}.emoji-clue{min-height:118px;margin:7px 0;font-size:clamp(4.5rem,20vw,6rem)}.answer-grid{grid-template-columns:1fr}.answer-card{min-height:54px}.answer-key{display:none}.time-card{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px}.time-card strong{margin:0;font-size:1.6rem}.time-track{width:48%}.feedback-ticket,.result-ticket{padding:31px 25px}.feedback-symbol{width:72px;height:72px;font-size:3.7rem}.feedback-ticket h1{font-size:clamp(3.2rem,15vw,4.4rem)}.result-actions{grid-template-columns:1fr;gap:0}.secondary-action{margin-top:15px}.edge-sticker{width:130px;height:130px;opacity:.58}.sticker-bottom{bottom:-39px;left:-20px}@media(orientation:landscape){.orientation-lock{display:none}.game-board{display:grid}}.game-shell{background-color:#061326;background-image:linear-gradient(180deg,#0510232e,#051023ab),var(--stadium-texture);background-position:center;background-size:cover;background-blend-mode:normal}.game-shell:before{background-image:radial-gradient(circle at 10% 18%,rgba(255,245,216,.2) 0 1px,transparent 1.8px),radial-gradient(circle at 83% 60%,rgba(255,197,41,.16) 0 1.3px,transparent 2px);opacity:.7}.reference-board{width:min(100%,510px);min-height:100svh;margin:0 auto;padding:14px 14px 30px;gap:14px;align-content:start;overflow-y:auto}.reference-board:before{inset:7px;border-color:#fff5d847}.reference-masthead{position:relative;display:grid;grid-template-columns:66px minmax(0,1fr) 62px;align-items:center;min-height:96px;padding:10px 12px 10px 8px;clip-path:polygon(4% 0,97% 0,100% 16%,98% 84%,96% 100%,4% 100%,0 86%,2% 14%);background:var(--cream);color:var(--midnight);box-shadow:6px 6px #0000006b;transform:rotate(-.5deg)}.reference-masthead:after{position:absolute;inset:7px;content:"";border:1px dashed rgba(11,31,58,.28);clip-path:inherit;pointer-events:none}.masthead-logo{position:relative;z-index:1;display:grid;width:65px;height:65px;place-items:center;transform:rotate(-10deg) translate(-5px,2px)}.masthead-logo:before{position:absolute;inset:1px;z-index:-1;content:"";border-radius:50%;background:var(--orange);box-shadow:2px 2px 0 var(--midnight)}.masthead-logo img{width:67px;height:67px;object-fit:contain;filter:drop-shadow(3px 3px 0 #fff5d8)}.masthead-wordmark{position:relative;z-index:1;margin:0;font-family:Bricolage Grotesque,ui-sans-serif,sans-serif;font-size:clamp(1.78rem,8.1vw,2.5rem);font-weight:900;letter-spacing:-.09em;line-height:.83;transform:rotate(-1deg);white-space:nowrap}.masthead-wordmark em{color:var(--orange);font-style:italic}.masthead-score{position:relative;z-index:1;display:grid;justify-items:center;align-content:center;min-width:57px;color:var(--midnight)}.masthead-score span{font-size:.45rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.masthead-score strong{color:var(--cream);font-family:Bricolage Grotesque,sans-serif;font-size:3.85rem;font-weight:900;letter-spacing:-.12em;line-height:.7;-webkit-text-stroke:2px var(--midnight);text-shadow:3px 3px 0 var(--orange)}.masthead-streak{position:relative;z-index:7;display:flex;align-items:center;justify-self:start;gap:5px;margin:-20px 0 -1px 72px;padding:6px 11px;border:2px solid var(--cream);background:var(--orange);color:var(--midnight);box-shadow:3px 3px 0 var(--midnight);font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;transform:rotate(-2deg)}.masthead-streak>span:first-child{font-size:.9rem;line-height:.7}.masthead-streak b{font-family:Bricolage Grotesque,sans-serif;font-size:1.35rem;letter-spacing:-.07em;line-height:.7}.reference-page{position:relative;display:grid;gap:12px;min-width:0}.reference-hero{position:relative;display:grid;min-height:275px;place-items:center;overflow:hidden}.reference-hero:before{position:absolute;inset:17px 6px 0;content:"";background:radial-gradient(ellipse at 50% 80%,rgba(166,226,46,.12),transparent 55%),linear-gradient(90deg,transparent 49.7%,rgba(255,245,216,.16) 50%,transparent 50.3%);opacity:.9}.reference-hero:after{position:absolute;right:0;bottom:0;left:0;height:55%;content:"";background:linear-gradient(180deg,transparent,rgba(3,15,33,.55));pointer-events:none}.turf-target{position:absolute;z-index:0;bottom:8px;width:min(78%,350px);height:112px;border:11px solid rgba(166,226,46,.86);border-radius:50%;background:radial-gradient(ellipse,rgba(20,70,40,.84) 0 34%,rgba(5,30,35,.7) 35% 58%,transparent 59%);box-shadow:0 0 19px #a6e22e73,inset 0 0 0 5px #0a2627b3;transform:perspective(150px) rotateX(56deg)}.turf-target:after{position:absolute;inset:15px 19%;content:"";border:2px solid rgba(255,245,216,.4);border-radius:50%}.hero-sticker-art{position:relative;z-index:2;width:min(80%,330px);margin-top:17px;filter:drop-shadow(0 13px 0 rgba(3,13,28,.48));transform:rotate(-2deg)}.chalk-swoosh{position:absolute;z-index:1;display:block;width:170px;height:90px;border:3px dotted rgba(255,245,216,.84);border-right:0;border-bottom:0;border-radius:72% 0 0;opacity:.85}.chalk-swoosh-one{top:29px;right:-52px;transform:rotate(25deg)}.chalk-swoosh-two{bottom:53px;left:-39px;transform:rotate(188deg)}.pitch-flag{position:absolute;z-index:2;color:var(--orange);font-size:2.15rem;line-height:1;text-shadow:2px 2px 0 var(--cream)}.flag-left{bottom:20px;left:22px;transform:rotate(-9deg)}.flag-right{right:24px;bottom:19px;transform:rotate(8deg) scaleX(-1)}.speech-prompt{position:relative;z-index:3;display:grid;grid-template-columns:22px 1fr 22px;align-items:center;gap:8px;margin:-3px auto 0;padding:13px 16px 15px;background:var(--midnight);color:var(--cream);filter:drop-shadow(4px 4px 0 rgba(255,245,216,.7));text-align:center}.speech-prompt:before{position:absolute;bottom:-13px;left:22px;width:25px;height:25px;content:"";background:var(--midnight);clip-path:polygon(0 0,100% 0,0 100%)}.speech-prompt h1{margin:0;font-family:Bricolage Grotesque,ui-sans-serif,sans-serif;font-size:clamp(1.5rem,7.5vw,2.2rem);font-weight:900;letter-spacing:-.075em;line-height:.9}.prompt-burst{color:var(--yellow);font-size:1.35rem}.start-copy{position:relative;z-index:2;margin:2px 0 0;color:var(--cream);font-size:.94rem;font-weight:700;text-align:center}.plaque-stack{display:grid;gap:8px}.answer-plaque{position:relative;display:grid;grid-template-columns:42px 1fr 36px;align-items:center;min-height:62px;width:100%;padding:10px 13px 10px 12px;border:3px solid var(--midnight);clip-path:polygon(4% 0,96% 0,100% 20%,98% 80%,93% 100%,7% 100%,0 82%,2% 20%);background:var(--cream);color:var(--midnight);box-shadow:5px 5px #010d1ec7,inset 0 0 0 2px #fff5d8b3;font-family:Bricolage Grotesque,ui-sans-serif,sans-serif;font-size:clamp(1.26rem,6.7vw,1.9rem);font-weight:900;letter-spacing:-.055em;line-height:.9;text-align:left;transition:transform .16s var(--ease-out),background-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.answer-plaque:nth-child(2){transform:rotate(.35deg)}.answer-plaque:nth-child(3){transform:rotate(-.25deg)}.answer-plaque:nth-child(4){transform:rotate(.45deg)}.answer-plaque:after{position:absolute;inset:5px 8px;content:"";border:1px dashed rgba(11,31,58,.2);clip-path:inherit;pointer-events:none}.answer-plaque:hover{z-index:2;background:#fff9e8;transform:translate(-3px,-3px) rotate(-.7deg);box-shadow:8px 8px #010d1ee0}.answer-plaque:active{transform:scale(.97)}.plaque-mark{position:relative;z-index:1;display:grid;width:31px;height:31px;place-items:center;border:2px solid var(--midnight);border-radius:50%;background:var(--orange);color:var(--cream);font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:900;box-shadow:2px 2px 0 var(--midnight)}.answer-plaque b{position:relative;z-index:1;color:var(--orange);font-family:DM Sans,sans-serif;font-size:1.2rem;text-align:right}.primary-plaque{background:var(--turf)}.primary-plaque .plaque-mark{background:var(--midnight);color:var(--turf)}.clue-hero{min-height:320px}.question-tag{position:absolute;top:13px;left:17px;z-index:4;padding:7px 10px;border:2px solid var(--cream);background:var(--midnight);color:var(--cream);font-size:.57rem;font-weight:900;letter-spacing:.12em;transform:rotate(-1deg)}.clue-stage{position:relative;z-index:3;display:flex;width:min(91%,390px);min-height:208px;margin-top:18px;align-items:center;justify-content:center;gap:clamp(7px,3vw,16px);padding:30px 19px 24px;border-top:2px solid rgba(255,245,216,.78);border-bottom:2px solid rgba(255,245,216,.78);background:linear-gradient(90deg,transparent,rgba(11,31,58,.45) 15%,rgba(11,31,58,.45) 85%,transparent)}.clue-stage:before,.clue-stage:after{position:absolute;width:19px;height:19px;content:"";border:4px solid var(--turf);border-radius:50%;background:var(--cream);box-shadow:2px 2px 0 var(--orange)}.clue-stage:before{top:15px;left:7px}.clue-stage:after{right:7px;bottom:14px}.clue-stage .emoji-token{position:relative;z-index:1;display:inline-block;flex:0 0 auto;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:clamp(4.85rem,18vw,6.35rem);letter-spacing:0;line-height:1;text-align:center;text-shadow:4px 4px 0 rgba(11,31,58,.23);transform:rotate(-3deg)}.clue-stage .emoji-token:nth-child(2n){transform:translateY(-8px) rotate(5deg)}.clue-stage.clue-count-3 .emoji-token{font-size:clamp(3.65rem,14.1vw,4.8rem)}.clue-stage.clue-count-4 .emoji-token{font-size:clamp(3.03rem,11.8vw,4.05rem)}.clue-stage.clue-count-5{gap:3px;padding-inline:10px}.clue-stage.clue-count-5 .emoji-token{font-size:clamp(2.45rem,9.7vw,3.35rem)}.feedback-hero{min-height:260px}.feedback-sticker{position:relative;z-index:3;display:grid;min-width:min(78vw,320px);place-items:center;padding:20px 27px 18px;border:5px solid var(--cream);clip-path:polygon(7% 0,93% 0,100% 17%,97% 86%,91% 100%,9% 100%,0 82%,3% 14%);color:var(--midnight);box-shadow:8px 8px #020c1dc7;text-align:center}.feedback-sticker.correct{background:var(--turf);transform:rotate(-2deg)}.feedback-sticker.wrong{background:var(--orange);transform:rotate(2deg)}.feedback-kicker{padding:6px 9px;background:var(--midnight);color:var(--cream);font-size:.57rem;font-weight:900;letter-spacing:.14em}.feedback-sticker b{display:grid;width:62px;height:62px;margin:10px 0;place-items:center;border:3px solid var(--midnight);border-radius:50%;background:var(--cream);color:var(--midnight);font-family:Bricolage Grotesque,sans-serif;font-size:3.6rem;line-height:1}.feedback-sticker h1{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:3.5rem;font-weight:900;letter-spacing:-.09em;line-height:.78}.feedback-sticker p{margin:11px 0 0;font-size:.65rem;font-weight:900;letter-spacing:.12em}.result-plaque.correct{background:var(--turf)}.result-plaque.wrong{background:var(--orange)}.auto-advance{display:grid;gap:6px;justify-self:center;width:min(100%,244px);padding:7px 0 0;color:var(--cream);font-size:.75rem;font-weight:800;text-align:center}.auto-copy b{color:var(--yellow);font-family:Bricolage Grotesque,sans-serif;font-size:1.1rem}.auto-track{height:7px;overflow:hidden;border:1px solid rgba(255,245,216,.55);background:#fff5d82e}.auto-track i{display:block;width:100%;height:100%;transform-origin:left;background:var(--yellow);animation:auto-progress 3s linear forwards}.auto-advance.wrong .auto-track i{background:var(--orange)}@keyframes auto-progress{to{transform:scaleX(0)}}.feedback-continue-button{display:flex;align-items:center;justify-content:space-between;width:min(100%,286px);justify-self:center;margin-top:2px;padding:10px 14px;border:2px solid var(--cream);background:var(--midnight);color:var(--cream);box-shadow:3px 3px 0 var(--orange);font-family:Bricolage Grotesque,sans-serif;font-size:1.04rem;font-weight:900;letter-spacing:-.04em;touch-action:manipulation}.feedback-continue-button b{color:var(--turf);font-size:1.3rem}.feedback-continue-button:active{transform:scale(.97)}.feedback-tap-surface{min-height:calc(100svh - 138px);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.feedback-tap-surface>:not(.feedback-hit-area){position:relative;z-index:2;pointer-events:none}.feedback-hit-area{position:absolute;z-index:5;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.feedback-hit-area:focus-visible{outline:3px solid var(--yellow);outline-offset:-6px}.feedback-tap-surface .auto-copy span{color:var(--yellow)}.result-hero{min-height:220px}.result-art{width:220px}.final-score{display:grid;justify-items:center;padding:15px;background:var(--cream);color:var(--midnight);box-shadow:5px 5px 0 var(--orange);text-align:center}.final-score span{font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.final-score strong{margin-top:2px;color:var(--midnight);font-family:Bricolage Grotesque,sans-serif;font-size:4rem;font-weight:900;letter-spacing:-.11em;line-height:.9}.final-score strong i{color:var(--orange);font-size:1.25rem;font-style:normal}.final-score p{margin:8px 0 0;font-size:.88rem;font-weight:700}.share-notice{margin:0;padding:9px 12px;background:var(--midnight);color:var(--cream);font-size:.76rem;font-weight:700;text-align:center}.reference-board .edge-sticker{opacity:.84}.edge-sticker{background-image:var(--sticker-cluster)}.sticker-top{top:-24px;right:-50px}.sticker-bottom{bottom:-48px;left:-51px}@media(max-width:560px){.reference-board{padding:11px 11px 24px;gap:12px}.reference-masthead{grid-template-columns:59px minmax(0,1fr) 54px;min-height:87px}.masthead-logo{width:56px;height:56px}.masthead-logo img{width:59px;height:59px}.masthead-wordmark{font-size:clamp(1.67rem,8vw,2.05rem)}.masthead-score strong{font-size:3.35rem}.masthead-streak{margin:-19px 0 -2px 62px;font-size:.58rem}.reference-hero{min-height:245px}.hero-sticker-art{width:min(84%,300px)}.clue-hero{min-height:300px}.clue-stage{min-height:198px;margin-top:17px;padding-inline:12px}.clue-stage .emoji-token{font-size:clamp(4.55rem,19vw,5.65rem)}.clue-stage.clue-count-3 .emoji-token{font-size:clamp(3.42rem,14.7vw,4.15rem)}.clue-stage.clue-count-4 .emoji-token{font-size:clamp(2.75rem,12vw,3.5rem)}.clue-stage.clue-count-5 .emoji-token{font-size:clamp(2.2rem,9.7vw,2.85rem)}.speech-prompt{padding-block:12px 14px}.speech-prompt h1{font-size:clamp(1.46rem,7.5vw,1.88rem)}.answer-plaque{min-height:58px;font-size:clamp(1.18rem,6.6vw,1.55rem)}.plaque-mark{width:29px;height:29px}.feedback-hero{min-height:238px}.feedback-sticker{padding:17px 24px 15px}.feedback-sticker h1{font-size:3.1rem}.result-hero{min-height:200px}}@media(max-width:560px){html,body,#root{min-width:0;min-height:100%}.game-shell{height:100dvh;min-height:100svh;overflow:hidden}.reference-board{width:100%;height:100dvh;min-height:100svh;padding-top:max(11px,env(safe-area-inset-top));padding-right:max(11px,env(safe-area-inset-right));padding-bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px));padding-left:max(11px,env(safe-area-inset-left));overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.reference-page{padding-bottom:max(8px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:no-preference){.clue-sticker{animation:sticker-float 2.4s var(--ease-in-out) infinite alternate}.turf-target{animation:turf-glow 2.2s ease-in-out infinite alternate}.chalk-swoosh-one{animation:chalk-drift 2.8s var(--ease-in-out) infinite alternate}.chalk-swoosh-two{animation:chalk-drift 3.2s var(--ease-in-out) infinite alternate-reverse}}@keyframes sticker-float{0%{transform:rotate(-5deg) translateY(0)}to{transform:rotate(-2deg) translateY(-7px)}}@keyframes turf-glow{0%{filter:saturate(.92) brightness(.95)}to{filter:saturate(1.2) brightness(1.1)}}@keyframes chalk-drift{0%{opacity:.55}to{opacity:1}}.masthead-score strong{transition:color .14s var(--ease-out),text-shadow .14s var(--ease-out)}.masthead-score strong.is-counting{color:var(--yellow)}.masthead-score strong.score-base-pop{animation:score-pop .19s var(--ease-out)}.masthead-score strong.score-bonus-pop{color:var(--turf);animation:bonus-score-pop .22s var(--ease-out)}.score-award{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:13px}.base-award,.bonus-award{display:inline-flex;padding:5px 7px;border:2px solid var(--midnight);box-shadow:2px 2px 0 var(--cream);font-size:.58rem;font-weight:900;letter-spacing:.08em}.base-award{background:var(--cream);color:var(--midnight);animation:award-fly-in .26s var(--ease-out) both}.bonus-award{background:var(--yellow);color:var(--midnight);animation:award-fly-in .3s .15s var(--ease-out) both}.feedback-sticker.streak-broken{animation:streak-break-shake .34s var(--ease-out) both}.feedback-sticker.streak-broken .feedback-kicker{background:var(--cream);color:var(--midnight)}.streak-reset-prompt{filter:drop-shadow(4px 4px 0 var(--orange))}@keyframes score-pop{0%{transform:scale(1)}45%{color:var(--cream);transform:scale(1.42) rotate(-5deg)}to{transform:scale(1)}}@keyframes bonus-score-pop{0%{transform:scale(1)}45%{color:var(--turf);text-shadow:5px 5px 0 var(--orange);transform:scale(1.56) rotate(5deg)}to{transform:scale(1)}}@keyframes award-fly-in{0%{opacity:0;transform:translateY(10px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes streak-break-shake{0%,to{transform:rotate(2deg) translate(0)}22%{transform:rotate(1deg) translate(-8px)}48%{transform:rotate(3deg) translate(7px)}70%{transform:rotate(1deg) translate(-4px)}}@media(prefers-reduced-motion:reduce){.masthead-score strong.score-base-pop,.masthead-score strong.score-bonus-pop,.feedback-sticker.streak-broken,.base-award,.bonus-award{animation:none}}