:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#06120e;--color-bg-strong:#020705;--color-surface:#06120ee0;--color-surface-solid:#0a1b16;--color-surface-raised:#10251e;--color-text:#f6fff9;--color-muted:#bce8d1;--color-dim:#85b49d;--color-border:#bce8d138;--color-primary:#48b8ff;--color-primary-strong:#0b85d8;--color-gold:#f5b51b;--color-cream:#e7d8b0;--color-green:#19a861;--color-danger:#ff5c6c;--shadow-strong:0 20px 58px #00000057;--radius-card:8px;--radius-control:8px;--focus-ring:0 0 0 3px #48b8ff6b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-bg);min-inline-size:320px}body{min-block-size:100dvh;min-inline-size:320px;color:var(--color-text);background:linear-gradient(90deg, #06120ef5, #06120eb8 48%, #020705f5), url(/stadium-bg.png) center / cover fixed, var(--color-bg);margin:0}button,a{touch-action:manipulation}button{font:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{box-shadow:var(--focus-ring);outline:none}button:disabled{cursor:default}.app-shell{isolation:isolate;min-block-size:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));position:relative;overflow-x:clip}.app-shell:before{z-index:-1;pointer-events:none;content:"";background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 72%);mask-image:linear-gradient(#000000b3,#0000 72%)}.skip-link{z-index:30;min-block-size:44px;color:var(--color-bg);text-align:center;background:var(--color-cream);border-radius:var(--radius-control);padding:12px 14px;transition:transform .18s;position:fixed;inset-block-start:calc(max(16px, env(safe-area-inset-top)) + 64px);inset-inline:max(16px,50vw - 560px);transform:translateY(calc(-100% - 96px))}.skip-link:focus{transform:translateY(0)}.topbar,.game-grid{inline-size:min(1120px,100%);margin-inline:auto}.topbar{justify-content:space-between;align-items:center;gap:12px;min-block-size:56px;margin-block-end:18px;display:flex}.brand-lockup,.score-strip,.live-score{min-block-size:44px;color:var(--color-text);align-items:center;gap:9px;font-size:.95rem;font-weight:800;display:inline-flex}.brand-lockup span,.score-strip span,.live-score span{overflow-wrap:anywhere}.logo-mark{block-size:34px;inline-size:34px;color:var(--color-primary)}.logo-mark rect{fill:var(--color-surface-solid);stroke:currentColor;stroke-width:2px}.logo-mark path,.logo-mark circle{fill:none;stroke:var(--color-gold);stroke-width:2px;stroke-linecap:round}.score-strip{color:var(--color-bg-strong);background:var(--color-gold);border-radius:var(--radius-control);border:1px solid #ffffff52;padding:0 12px;box-shadow:0 12px 34px #0000003d}.game-grid{gap:16px;display:grid}.quiz-panel{background:linear-gradient(145deg, #10251ee6, #06120eeb), var(--color-surface-solid);border-radius:var(--radius-card);min-block-size:calc(100dvh - 118px);box-shadow:var(--shadow-strong);border:1px solid #bce8d129;padding:18px}.ready-screen,.question-screen,.result-screen{flex-direction:column;min-block-size:calc(100dvh - 154px);display:flex}.ready-screen{justify-content:space-between;gap:28px}.resume-panel{border:1px solid var(--color-border);border-radius:var(--radius-card);background:#0207055c;gap:18px;padding:18px;display:grid}.status-row,.question-meta,.action-row{flex-wrap:wrap;gap:8px;display:flex}.status-chip,.question-meta span{min-block-size:30px;color:var(--color-cream);background:#e7d8b00f;border:1px solid #e7d8b029;border-radius:4px;align-items:center;padding:4px 8px;font-size:.78rem;font-weight:800;display:inline-flex}.headline-stack{gap:14px;display:grid}.small-caps{color:var(--color-cream);text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2{letter-spacing:0;margin:0;line-height:1.04}h1{max-inline-size:11ch;font-size:clamp(3rem,15vw,5.7rem);font-weight:900}h2{font-size:clamp(1.55rem,8vw,3rem);font-weight:900}h3{color:var(--color-text);margin:0;font-size:1rem;line-height:1.3}.lede,.result-summary{max-inline-size:42rem;color:var(--color-muted);margin:0;font-size:clamp(1rem,3.6vw,1.25rem);line-height:1.55}.threshold-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-inline-size:32rem;display:grid}.threshold-list span{min-block-size:28px;color:var(--color-cream);background:#e7d8b00f;border:1px solid #e7d8b029;border-radius:4px;align-items:center;padding:5px 8px;font-size:.72rem;font-weight:850;display:inline-flex}.primary-action,.secondary-action,.next-action,.answer-button{border-radius:var(--radius-control);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;min-block-size:48px;transition:transform .18s,background-color .18s,border-color .18s,color .18s;display:inline-flex}.primary-action:active,.secondary-action:active,.next-action:active,.answer-button:active{transform:scale(.98)}.primary-action{inline-size:100%;color:var(--color-bg-strong);background:var(--color-gold);border-color:#ffffff59;padding:15px 18px;font-size:1.05rem;font-weight:900}.primary-action:hover{background:#ffd055}.primary-action:disabled,.secondary-action:disabled,.next-action:disabled{opacity:.64}.secondary-action{color:var(--color-text);border-color:var(--color-border);background:#f6fff90f;flex:160px;padding:14px 16px;font-weight:850}.secondary-action:hover{background:#f6fff91f}.progress-header{grid-template-columns:1fr auto;align-items:end;gap:12px;margin-block-end:18px;display:grid}.progress-track{background:#f6fff91f;border-radius:999px;block-size:9px;margin-block-start:9px;position:relative;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--color-primary), var(--color-gold));border-radius:inherit;block-size:100%;transition:inline-size .24s;display:block}.live-score{min-block-size:40px;color:var(--color-muted);border-radius:var(--radius-control);background:#48b8ff1a;border:1px solid #48b8ff3d;justify-self:end;padding:0 10px}.load-message{color:var(--color-gold);border-radius:var(--radius-card);background:#f5b51b1a;border:1px solid #f5b51b47;margin:0;padding:12px;line-height:1.45}.question-meta{margin-block-end:18px}.visual-question{gap:18px;display:grid}.question-visual{border:1px solid var(--color-border);border-radius:var(--radius-card);background:linear-gradient(120deg,#f6fff914,#06120e33),#0d2b21;min-block-size:148px;display:grid;position:relative;overflow:hidden}.question-visual.has-photo{min-block-size:clamp(164px,36vw,220px)}.question-visual:before{content:"";border:2px solid #f6fff938;border-radius:6px;position:absolute;inset:14px}.accent-blue{--visual-accent:var(--color-primary)}.accent-gold{--visual-accent:var(--color-gold)}.accent-green{--visual-accent:var(--color-green)}.pitch-lines{color:#f6fff961;place-items:center;display:grid;position:absolute;inset:0}.pitch-lines:before,.pitch-lines:after{content:"";background:#f6fff92e;position:absolute}.pitch-lines:before{block-size:100%;inline-size:2px}.pitch-lines:after{block-size:2px;inline-size:100%}.visual-card{inline-size:min(260px,100% - 28px);color:var(--color-text);border:1px solid var(--visual-accent);background:#020705c2;border-inline-start-width:6px;border-radius:6px;align-self:end;gap:3px;margin:14px;padding:12px;display:grid;position:relative}.player-photo{object-fit:cover;object-position:top center;filter:saturate(1.05)contrast(1.03);block-size:100%;inline-size:100%;position:absolute;inset:0}.question-visual.has-photo:after{content:"";background:linear-gradient(#0000,#020705e6);block-size:52%;position:absolute;inset:auto 0 0}.question-visual.has-photo .pitch-lines{display:none}.question-visual.has-photo .visual-card{z-index:1}.visual-card span{font-size:clamp(1.1rem,5vw,2rem);font-weight:900}.visual-card small{color:var(--color-muted);text-transform:uppercase;font-size:.82rem;font-weight:750}.answer-list{gap:10px;margin-block-start:22px;display:grid}.answer-list.has-photo-options{grid-template-columns:repeat(2,minmax(0,1fr))}.answer-button{min-block-size:56px;color:var(--color-text);text-align:start;background:#f6fff912;border-color:#bce8d133;justify-content:flex-start;padding:12px}.answer-button:hover:not(:disabled){background:#48b8ff24;border-color:#48b8ff85}.answer-button.has-option-image{place-items:center;min-block-size:168px;padding:8px;display:grid;position:relative;overflow:hidden}.answer-button span:nth-child(2){flex:1;line-height:1.3}.answer-photo{object-fit:contain;object-position:top center;filter:saturate(1.04)contrast(1.02);transform-origin:top;border-radius:6px;block-size:150px;inline-size:100%;transform:scale(1.25)}.option-index{block-size:34px;inline-size:34px;color:var(--color-bg-strong);background:var(--color-muted);border-radius:6px;flex:0 0 34px;place-items:center;font-size:.9rem;font-weight:900;display:inline-grid}.answer-button.has-option-image .option-index{z-index:2;position:absolute;inset-block-start:14px;inset-inline-start:14px;box-shadow:0 6px 18px #00000047}.answer-button.has-option-image svg{z-index:2;position:absolute;inset-block-start:16px;inset-inline-end:16px}.answer-button.is-correct{color:#062116;background:#6ef0a2;border-color:#a8ffd0}.answer-button.is-wrong{color:#ffe9ec;background:#75263070;border-color:#ff7a8ab8}.answer-button.is-correct .option-index,.answer-button.is-wrong .option-index{background:#ffffffbd}.answer-button.is-wrong .option-index{color:#1b0508}.feedback-box{min-block-size:72px;color:var(--color-dim);border-radius:var(--radius-card);background:#0207055c;border:1px solid #bce8d124;gap:12px;margin-block-start:14px;padding:14px;display:grid}.feedback-box.is-visible{color:var(--color-text);border-color:#f5b51b6b}.feedback-box p{color:var(--color-muted);margin:0;line-height:1.55}.feedback-title{color:var(--color-gold);align-items:center;gap:8px;display:flex}.next-action{color:var(--color-text);background:var(--color-primary-strong);border-color:#fff3;justify-self:stretch;padding:13px 15px;font-weight:900}.next-action:hover{background:#1099f5}.result-screen{justify-content:center;gap:14px}.result-medal{block-size:68px;inline-size:68px;color:var(--color-bg-strong);background:var(--color-gold);border-radius:var(--radius-card);place-items:center;display:inline-grid}.result-label{color:var(--color-primary);text-transform:uppercase;margin:0;font-weight:900}.badge-line,.challenge-copy{color:var(--color-cream);margin:0;font-weight:900}.challenge-copy{font-size:1.1rem}.score-card{color:var(--color-text);align-items:baseline;gap:8px;display:flex}.score-card span:first-child{font-size:clamp(4.5rem,22vw,8rem);font-weight:950;line-height:.9}.score-card span:last-child{color:var(--color-muted);font-size:1.4rem;font-weight:900}.share-copy{color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-card);background:#f6fff912;grid-template-columns:auto 1fr;gap:10px;padding:12px;display:grid}.share-copy span{overflow-wrap:anywhere;line-height:1.45}.action-row{margin-block-start:6px}.action-row .primary-action{flex:2 210px}.match-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.rail-block{border:1px solid var(--color-border);border-radius:var(--radius-card);background:#02070594;gap:6px;min-block-size:88px;padding:12px;display:grid}.rail-label{color:var(--color-cream);text-transform:uppercase;font-size:.72rem;font-weight:900}.rail-block strong{color:var(--color-text);font-size:.92rem;line-height:1.25}.seo-section{border-block-start:1px solid var(--color-border);inline-size:min(1120px,100%);margin:30px auto 0;padding:28px 0 6px}.seo-section summary{min-block-size:44px;color:var(--color-gold);cursor:pointer;align-items:center;padding:10px 0;font-weight:900;display:inline-flex}.seo-section h2{max-inline-size:16ch;margin-block-start:8px}.seo-intro{max-inline-size:760px;color:var(--color-muted);margin:14px 0 0;font-size:1rem;line-height:1.6}.faq-list{border-block-start:1px solid #bce8d12e;gap:0;margin-block-start:22px;display:grid}.faq-row{border-block-end:1px solid #bce8d12e;gap:8px;padding:16px 0;display:grid}.faq-row p{max-inline-size:760px;color:var(--color-muted);margin:0;line-height:1.6}.source-note{max-inline-size:760px;color:var(--color-dim);margin:18px 0 0;font-size:.9rem;line-height:1.5}.toast-region{z-index:20;pointer-events:none;min-block-size:44px;color:var(--color-bg-strong);place-items:center;font-weight:850;display:grid;position:fixed;inset-block-end:max(16px, env(safe-area-inset-bottom));inset-inline:16px}.toast-region:not(:empty){background:var(--color-gold);border-radius:var(--radius-control);padding:10px 12px;box-shadow:0 16px 36px #00000059}@media (width<=759px){.quiz-panel{padding:16px}.question-meta{margin-block-end:14px}.visual-question{gap:14px}.question-visual{min-block-size:132px}.question-visual:before{border-width:1px;inset:10px}.visual-card{margin:10px;padding:10px}.answer-list{margin-block-start:16px}.match-rail{border-radius:var(--radius-card);background:#02070561;border:1px solid #bce8d124;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:8px}.rail-block{background:0 0;border:0;border-radius:0;min-block-size:auto;padding:4px 6px}.rail-block+.rail-block{border-inline-start:1px solid #bce8d124}.rail-label{font-size:.62rem}.rail-block strong{font-size:.74rem}}@media (width>=760px){.app-shell{padding:24px}.skip-link{inline-size:max-content;inset-inline-end:auto}.game-grid{grid-template-columns:minmax(0,1fr) 260px;align-items:stretch}.quiz-panel{min-block-size:calc(100dvh - 120px);padding:24px}.ready-screen,.question-screen,.result-screen{min-block-size:calc(100dvh - 170px)}.primary-action{inline-size:auto;min-inline-size:220px}.threshold-list{flex-wrap:wrap;max-inline-size:44rem;display:flex}.match-rail{grid-template-columns:1fr;align-content:start}.rail-block{min-block-size:118px}.faq-row{grid-template-columns:minmax(190px,.32fr) minmax(0,.68fr);gap:24px}.answer-list{grid-template-columns:repeat(2,minmax(0,1fr))}.next-action{justify-self:start;min-inline-size:220px}}@media (width>=1040px){.game-grid{grid-template-columns:minmax(0,1fr) 320px}.quiz-panel{padding:30px}.visual-question{grid-template-columns:minmax(220px,.42fr) minmax(0,.58fr);align-items:center}h1{max-inline-size:13ch}}@media (orientation:landscape) and (height<=560px){.quiz-panel,.ready-screen,.question-screen,.result-screen{min-block-size:auto}h1{font-size:clamp(2.6rem,9vw,4.5rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}