@font-face{font-family:Pixel;src:url('fonts/press-start-2p.ttf') format('truetype');font-display:swap;font-weight:400}:root{--paper:#f3f0df;--ink:#f3f0df;--muted:#a1b6b8;--coral:#ff9a51;--line:#345257;--green:#c1e879;--dark:#091c22;--error:#ff8daa;--pixel:Pixel,monospace;--panel:#16343a;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--dark);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;background-image:radial-gradient(ellipse at 50% 30%,#224a4050,transparent 65%),radial-gradient(#88b5ad16 1px,transparent 1px);background-size:auto,23px 23px}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #80d8c0;outline-offset:5px}a{color:inherit;text-decoration:none}svg{display:block}.header{height:83px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#07171c;border-bottom:2px solid #332944;gap:18px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;position:relative;background:#ff9a51;color:#201a37;height:36px;width:35px;font:bold italic 36px/1 Arial;box-shadow:3px 3px #80643b;padding-bottom:6px}.brand-mark>span{position:absolute;top:2px;right:0;font:17px Arial}.brand-type{font:18px var(--pixel);letter-spacing:-1px;color:#ff9a51}.brand-type>span{display:block;font:6px var(--pixel);letter-spacing:1.1px;color:#ada0c5;margin-top:9px}.header nav{display:flex;align-items:center;gap:20px}.nav-link{font:8px/1.7 var(--pixel);color:#c9bedb;padding:9px}.icon-button{display:grid;place-items:center;border:1px solid #5c4a77;background:#211b34;width:35px;height:35px;box-shadow:2px 2px #080715}.icon-button svg{width:21px;color:#c8b9e2}.language-picker{display:flex;align-items:center;gap:9px;padding-left:20px;border-left:1px solid #443556}.language-picker svg{width:17px;color:#80d8c0}.language-picker select{color:#f6e9cf;background:#211b34;border:1px solid #345257;padding:8px 7px;font-size:12px;cursor:pointer;max-width:120px}main{max-width:850px;margin:auto;padding:0 24px}.hero{position:relative;display:flex;align-items:center;justify-content:center;padding:28px 0 19px;text-align:center}.arcade-sign{position:relative}.hero .eyebrow{font:7px/1.8 var(--pixel);color:#b6a6c9;letter-spacing:1px;margin:0 0 15px;justify-content:center}.hero .game-logo{font:37px/1.2 var(--pixel);color:#ff9a51;letter-spacing:-2px;margin:0;text-shadow:3px 3px #8b4c5b,6px 6px #041217}.hero .game-logo>span{display:block;font-size:9px;letter-spacing:4px;color:#ffb074;text-shadow:2px 2px #041217;margin:15px 0 0}.sign-stars{color:#6e5a87;font-size:10px;margin-top:12px;display:flex;justify-content:center;gap:14px;align-items:center}.sign-stars span{color:#ff9a51;font-size:10px;letter-spacing:6px}.floating-ball{position:absolute;font-size:34px;filter:drop-shadow(4px 5px #060516);animation:bob 3s ease-in-out infinite}.left-ball{left:10%;transform:rotate(-17deg)}.right-ball{right:10%;animation-delay:-1.5s;transform:rotate(15deg)}@keyframes bob{50%{translate:0 -7px}}.game-shell{position:relative;margin:0 auto;border:2px solid #4a676a;padding:13px;background:#10282e;box-shadow:0 7px #041217,0 0 0 5px #06171c,inset 0 0 0 3px #1c3b41;scroll-margin-top:20px}.game-shell:before,.game-shell:after{content:'+';position:absolute;color:#6a5a82;top:3px;font:9px monospace}.game-shell:before{left:4px}.game-shell:after{right:4px}.game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:1px 0 14px}.mode-tabs{display:flex;gap:3px;border:1px solid #345257;padding:4px;background:#081b20}.mode-tabs button{font:8px/1.5 var(--pixel);padding:10px 13px;white-space:nowrap;color:#9bb4b8;transition:background .15s}.mode-tabs button[aria-pressed=true]{background:#80d8c0;color:#102b25;box-shadow:inset 0 -3px #398674}.match-label{display:flex;align-items:center;gap:7px;font:7px/1.7 var(--pixel);color:#b0c4c5;text-transform:uppercase}.match-label i{width:6px;height:6px;background:#ffb074;box-shadow:0 0 9px #ff7bac66}.game-layout{display:block}.pitch-side{background:#0b2025}.scoreboard{display:flex;align-items:center;gap:55px;background:#0b2025;border:2px solid #36575b;padding:17px 22px;margin-bottom:12px;box-shadow:0 3px #080717}.scoreboard>div{display:flex;flex-direction:column;gap:12px}.scoreboard span{font:7px var(--pixel);letter-spacing:1px;color:#94b2b3;text-transform:uppercase}.scoreboard strong{font:23px var(--pixel);color:#ff9a51}.scoreboard>div:nth-child(2) strong{color:#c1e879}.scoreboard>div:nth-child(3) strong{color:#80d8c0}.scoreboard small{font:9px var(--pixel);color:#88a4a8;margin-left:8px}.sound{margin-left:auto;font-size:26px;border-left:1px solid #423053;padding-left:20px;color:#baadd2;line-height:1}.stadium{position:relative;overflow:hidden;border:3px solid #090817;outline:1px solid #50415f}.stadium canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.stadium:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0px,transparent 2px,#00000012 2px,#00000012 3px)}.stadium-label{position:absolute;top:12px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;color:#f8e7d0;font:7px var(--pixel);z-index:1}.stadium-label>span{background:#121126dc;padding:8px 9px;box-shadow:2px 2px #07061050}.stadium-label>span:last-child{color:#ff9a51;letter-spacing:2px}.pitch-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#0c242b;padding:12px 15px;border:1px solid #2d5056;border-top:0}.pitch-bottom>span{font:6px/1.7 var(--pixel);letter-spacing:.4px;color:#9eb8b9}.pitch-bottom b{color:#ffb074;margin:0 5px}#shotDots{display:flex;gap:6px}#shotDots i{width:10px;height:10px;border:1px solid #6a567d;background:#1a343a;box-shadow:1px 1px #060610}#shotDots .current{border-color:#ff9a51;box-shadow:0 0 5px #ff9a5122}#shotDots .goal{background:#c1e879;border-color:#c1e879}#shotDots .miss{background:#ffb074;border-color:#ffb074}.play-side{margin-top:13px;border:2px solid #3f6369;background:linear-gradient(125deg,#1b3940,#132e35);box-shadow:inset 0 0 0 4px #0b2229,0 3px #090718}.game-panel{padding:27px 30px 28px;min-height:270px}.eyebrow{font:8px/1.8 var(--pixel);color:#80d8c0;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:7px}.ready{text-align:center}.ready .eyebrow{justify-content:center;margin:0 0 16px;font-size:7px;color:#80d8c0}.ready h2{font:19px/1.65 var(--pixel);color:#fff4df;margin:0 0 14px;text-shadow:2px 3px #100a22}.ready>p{font-size:14px;line-height:1.65;color:#b5c6c5;max-width:480px;margin:0 auto 21px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:#ff9a51;color:#231c15;border:2px solid #100b1b;padding:15px 21px;font:9px/1.7 var(--pixel);box-shadow:4px 4px #0a0718,inset 0 -4px #bc632e;transition:transform .15s,background .15s;text-transform:uppercase;min-height:48px}.primary:hover:not(:disabled){background:#ffb17a;transform:translateY(-2px)}.primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #090718,inset 0 -2px #bc632e}.primary>span{font-size:14px}.ready .primary{min-width:260px}.secondary{font:8px/1.8 var(--pixel);border:1px solid #89729c;background:#3d2d55;color:#f3e5fa;padding:13px 16px;box-shadow:3px 3px #130b23;text-transform:uppercase}.rules-mini{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:24px 0 0;font:7px/1.7 var(--pixel);color:#96b3b6}.rules-mini span:before{content:'◆';font-family:Arial,sans-serif;color:#ffb074;margin-right:6px}.topic-field{display:flex;align-items:center;justify-content:center;gap:12px;font:8px/1.7 var(--pixel);margin:0 0 21px;color:#b3a3c7}.topic-field select{font:12px Arial,sans-serif;background:#18122d;border:1px solid #78618d;color:#f7e9ff;padding:9px;max-width:190px}.numbers{display:flex;align-items:center;justify-content:center;gap:0;margin:29px 0 0;padding:17px 0;border-top:1px dashed #345257;border-bottom:1px dashed #345257}.numbers>div{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;border-right:1px solid #345257}.numbers>div:last-child{border:0}.numbers strong{font:14px var(--pixel);color:#ffb074}.numbers>div:nth-child(2) strong{color:#80d8c0}.numbers>div:nth-child(3) strong{font:28px/1 var(--pixel);color:#ff9a51}.numbers span{font-size:10px;color:#aea0c1;max-width:90px;line-height:1.6}.playbook{padding:43px 0 40px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-title .eyebrow{font-size:7px;color:#ffb074;margin:0 0 13px}.section-title h2{font:13px/1.9 var(--pixel);margin:0;color:#f5e8d7;max-width:600px}.curved-arrow{font-size:39px;color:#ff9a51;font-family:monospace;padding:0 10px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.guide-grid article{padding:20px 17px;border:1px solid #345257;background:#102c33;box-shadow:3px 3px #0a081a;position:relative}.guide-grid article:nth-child(2){background:#14363c}.card-top{display:flex;align-items:center;justify-content:space-between;font:9px var(--pixel);color:#867096;margin-bottom:18px}.card-icon{color:#ff9a51;font-size:23px;line-height:1;font-family:Arial,sans-serif}.guide-grid h3{font:10px/1.9 var(--pixel);color:#80d8c0;margin:0 0 13px}.guide-grid article:nth-child(2) h3{color:#ff9a51}.guide-grid article:nth-child(3) h3{color:#ffb074}.guide-grid p{font-size:12px;line-height:1.8;margin:0;color:#afc3c4}.rarity-scale{display:flex;align-items:center;gap:3px;margin-top:15px}.rarity-scale i{width:22px;height:6px;background:#80d8c0}.rarity-scale i:nth-child(2){background:#c1e879}.rarity-scale i:nth-child(3){background:#ff9a51}.rarity-scale span{font:6px var(--pixel);color:#ae9dbe;margin-left:6px}footer{border-top:2px solid #2e4c52;background:#07191e;padding:27px max(24px,calc((100vw - 802px)/2));display:flex;justify-content:space-between;gap:22px;align-items:center}.footer-brand{font:17px var(--pixel);color:#ff9a51}.footer-brand span{color:#ffb074;margin-left:5px}footer p{font-size:10px;color:#a899ba;margin:11px 0 0}.footer-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.footer-links button{font-size:10px;padding:0;color:#c6b9d8}.footer-links small{width:100%;text-align:right;font:6px/1.8 var(--pixel);color:#82718f;letter-spacing:1px}.timer{display:flex;align-items:center;gap:15px;margin:0 0 19px}.timer-track{height:9px;flex:1;background:#130e26;box-shadow:0 0 0 1px #4b365e;padding:1px}.timer-track i{display:block;height:100%;background:repeating-linear-gradient(to right,#80d8c0 0px,#80d8c0 13px,#25203b 13px,#25203b 17px);transition:width .1s linear;box-shadow:inset 0 -2px #1f7e7f}.timer strong{font:20px var(--pixel);color:#80d8c0;min-width:44px;text-align:right}.timer.urgent strong{color:#ffb074}.timer.urgent i{background:repeating-linear-gradient(to right,#ffb074 0px,#ffb074 13px,#25203b 13px,#25203b 17px);box-shadow:inset 0 -2px #b74378}.question-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px;font:7px/1.8 var(--pixel);color:#80d8c0;text-transform:uppercase}.question-meta>span{border:1px solid #67507b;padding:7px 8px}.question-meta .difficulty{color:#ff9a51;letter-spacing:3px;white-space:nowrap}.question-title{font:14px/1.9 var(--pixel);letter-spacing:-.3px;margin:0 0 22px;color:#fff3e6;overflow-wrap:anywhere}.answer-form{display:flex;gap:10px}.answer-field{display:flex;align-items:center;gap:11px;min-width:0;flex:1;background:#130f28;border:2px solid #080613;box-shadow:inset 0 0 0 1px #5d4277;padding:0 15px}.answer-field>span{font:17px var(--pixel);color:#ff9a51}.answer-field input{width:100%;min-width:0;background:none;border:0;outline:none;color:#fff4ea;font-size:16px;padding:16px 0}.answer-field input::placeholder{color:#9c88b1}.answer-field:focus-within{outline:2px solid #80d8c0;outline-offset:2px}.answer-field input:focus-visible{outline:none}.answer-form .primary{font-size:9px;gap:17px;padding:12px 18px}.hint{font-size:11px;line-height:1.65;color:#af9cc1;margin:14px 0 0}.suggestion{border:1px solid #ff9a51;color:#ffdf97;background:#1b142d;font-size:13px;padding:10px 14px;text-align:left;margin-top:14px;line-height:1.6}.shot-banner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:34px/1.5 var(--pixel);text-shadow:4px 4px #141025,0 0 20px #100d28;color:#ff9a51;opacity:0;scale:.8;pointer-events:none;z-index:2;transition:scale .2s steps(3),opacity .15s}.shot-banner.show{opacity:1;scale:1}.result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:19px 0 12px}.result-head h2{font:17px/1.7 var(--pixel);color:#c1e879;text-shadow:2px 3px #170e25;margin:0}.result-head>span{font:23px/1.5 var(--pixel);color:#ff9a51;white-space:nowrap}.result-note{font-size:14px;line-height:1.65;color:#c9b8d8;margin:12px 0;overflow-wrap:anywhere}.result-note strong{color:#ff9a51}.answer-disclosure{margin:20px 0 0;border-top:1px solid #59416b;border-bottom:1px solid #59416b;padding:13px 0}summary{font-size:12px;line-height:1.6;color:#d4c2e3;cursor:pointer}.answers-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;max-height:220px;overflow:auto;padding:17px 7px 4px 0}.answers-list span{display:flex;justify-content:space-between;gap:10px;font-size:12px;line-height:1.5;color:#c7b6d9}.answers-list b{color:#ff9a51;font:8px/1.8 var(--pixel)}.result-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:21px;flex-wrap:wrap}.match-results{text-align:center}.match-results .eyebrow{justify-content:center}.match-results h2{font:20px/1.65 var(--pixel);margin:20px 0;color:#ffb074;text-shadow:3px 3px #0b091c}.final-score{font:47px/1.5 var(--pixel);color:#ff9a51;text-shadow:4px 4px #855644}.final-score small{font:12px var(--pixel);color:#a390ba;text-shadow:none;margin-left:10px}.results-line{font-size:13px;color:#c6b5d7}.review{text-align:left;border-top:1px solid #614b76;padding-top:15px;margin-top:24px}.review-row{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid #59416b;font-size:13px;line-height:1.7;align-items:flex-start}.review-row>span{color:#ffb074}.review-row>div{flex:1;overflow-wrap:anywhere}.review-row small{display:block;font-size:11px;color:#a995be;margin-top:4px}.review-row b{font:10px/1.8 var(--pixel);color:#ff9a51}.match-results .result-actions{justify-content:center}.match-results .hint{text-align:center}.copy-area{display:block;width:100%;font:13px/1.6 monospace;color:#f4e9ff;border:1px solid #6c4e88;background:#171026;margin-top:13px;padding:13px;resize:vertical}dialog{border:2px solid #86659f;background:#29203f;color:#f7e8ff;padding:38px;max-width:580px;width:calc(100% - 32px);max-height:85vh;box-shadow:0 0 0 5px #171026,8px 8px #090612,inset 0 0 0 4px #1d142d}dialog::backdrop{background:#090614cd;backdrop-filter:blur(4px)}.close{position:absolute;top:13px;right:13px;font-size:23px}.modal h2{font:17px/1.8 var(--pixel);color:#ff9a51;margin:13px 0 24px;padding-right:10px}.modal p,.modal li{font-size:13px;line-height:1.9;color:#d1c0df}.modal ol{padding-left:18px}.modal li{padding-left:5px;margin-bottom:16px}.modal a{color:#80d8c0;text-decoration:underline;text-underline-offset:3px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-grid>div{padding:20px;background:#171127;border:1px solid #5b3e72}.stat-grid strong{display:block;font:25px/1.5 var(--pixel);color:#ffb074}.stat-grid span{display:block;font-size:11px;color:#b9a4cc;margin-top:9px}.skip{position:fixed;top:-80px;left:12px;z-index:30;background:#ff9a51;color:#20182d;padding:15px}.skip:focus{top:10px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.2s;z-index:50;background:#312345;border:2px solid #ff9a51;color:#fff2dc;font-size:13px;line-height:1.6;padding:13px 20px;max-width:calc(100% - 30px);width:max-content;box-shadow:4px 4px #0b0719}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:650px){.header{height:73px;padding:0 17px;gap:12px}.brand{gap:8px}.brand-mark{width:28px;height:29px;font-size:29px}.brand-mark>span{font-size:14px}.brand-type{font-size:13px}.brand-type>span{font-size:5px;letter-spacing:.7px;margin-top:7px}.header nav{gap:10px}.nav-link{display:none}.language-picker{padding-left:9px;gap:0}.language-picker svg{display:none}.language-picker select{font-size:11px;max-width:88px;padding:7px 4px}.icon-button{width:30px;height:30px}.icon-button svg{width:18px}main{padding:0 15px}.hero{padding:25px 0 17px}.hero .eyebrow{font-size:5px;letter-spacing:.5px;max-width:260px;line-height:2;margin:0 auto 13px}.hero .game-logo{font-size:28px;letter-spacing:-1px}.hero .game-logo>span{font-size:7px;letter-spacing:2px;margin-top:13px}.sign-stars{margin-top:9px;font-size:8px}.sign-stars span{font-size:8px}.floating-ball{font-size:22px;top:65px}.left-ball{left:0}.right-ball{right:0}.game-shell{padding:8px;border-color:#594574}.game-toolbar{gap:7px;padding-bottom:11px}.mode-tabs{padding:3px;gap:2px}.mode-tabs button{font-size:6px;padding:9px 7px}.match-label{font-size:5px;gap:5px;line-height:1.7}.match-label i{width:4px;height:4px;flex-shrink:0}.scoreboard{gap:29px;padding:14px 13px;margin-bottom:9px}.scoreboard>div{gap:10px}.scoreboard span{font-size:6px;letter-spacing:0}.scoreboard strong{font-size:17px}.scoreboard small{font-size:7px;margin-left:4px}.sound{font-size:22px;padding-left:12px}.stadium{border-width:2px}.stadium-label{top:6px;left:7px;right:7px;font-size:4px}.stadium-label>span{padding:6px}.pitch-bottom{padding:10px 8px;gap:7px}.pitch-bottom>span{font-size:4px;line-height:1.8;letter-spacing:0}.pitch-bottom b{margin:0 2px}#shotDots{gap:4px}#shotDots i{width:8px;height:8px}.play-side{margin-top:10px}.game-panel{padding:24px 17px;min-height:270px}.ready .eyebrow{font-size:6px;margin-bottom:17px}.ready h2{font-size:14px;line-height:1.9;margin-bottom:14px}.ready>p{font-size:12px;line-height:1.7;margin-bottom:20px}.ready .primary{min-width:0;width:100%;font-size:8px;padding:13px 10px}.primary{gap:16px;font-size:8px;min-height:45px;padding:13px 15px}.rules-mini{gap:8px 13px;font-size:5px;line-height:2;margin-top:20px}.topic-field{font-size:6px;gap:8px;flex-wrap:wrap}.topic-field select{font-size:11px;padding:7px;max-width:165px}.numbers{padding:16px 0;margin-top:24px}.numbers>div{flex-direction:column;gap:9px}.numbers strong{font-size:12px}.numbers>div:nth-child(3) strong{font-size:23px;line-height:.7}.numbers span{font-size:8px;text-align:center;line-height:1.5;max-width:90px}.playbook{padding:31px 0}.section-title{margin-bottom:20px}.section-title .eyebrow{font-size:6px;margin-bottom:13px}.section-title h2{font-size:10px;line-height:1.9}.curved-arrow{font-size:29px;padding-right:0}.guide-grid{grid-template-columns:1fr;gap:13px}.guide-grid article{padding:18px}.card-top{margin-bottom:13px;font-size:8px}.card-icon{font-size:21px}.guide-grid h3{font-size:10px;margin-bottom:10px}.guide-grid p{font-size:12px}.guide-grid article .card-top{float:right;flex-direction:row-reverse;gap:14px;margin-left:15px}.guide-grid h3{min-height:20px;padding-top:2px}.rarity-scale{margin-top:12px}footer{padding:25px 20px;flex-direction:column;align-items:flex-start;gap:22px}.footer-brand{font-size:15px}.footer-links{justify-content:flex-start;gap:22px}.footer-links small{text-align:left;font-size:5px;margin-top:3px}.question-title{font-size:10px;line-height:2;letter-spacing:0;margin-bottom:20px}.question-meta{font-size:5px;gap:5px}.question-meta>span{padding:6px}.question-meta .difficulty{letter-spacing:2px}.timer{gap:12px;margin-bottom:17px}.timer strong{font-size:16px;min-width:35px}.answer-form{gap:9px;flex-wrap:wrap}.answer-field{padding:0 10px;min-width:150px}.answer-field input{font-size:14px;padding:14px 0}.answer-field>span{font-size:12px}.answer-form .primary{font-size:7px;gap:9px;padding:11px 10px}.hint{font-size:10px;line-height:1.7}.suggestion{font-size:12px;padding:9px 10px}.shot-banner{font-size:20px;text-shadow:3px 3px #141025}.result-head{gap:12px;margin-top:16px}.result-head h2{font-size:12px;line-height:1.8}.result-head>span{font-size:17px}.result-note{font-size:12px}.answers-list{grid-template-columns:1fr;gap:10px}.answer-disclosure{margin-top:16px}summary{font-size:11px}.result-actions{margin-top:19px}.result-actions .primary{flex:1}.match-results h2{font-size:15px;line-height:1.8}.final-score{font-size:32px}.final-score small{font-size:8px;margin-left:6px}.results-line{font-size:11px}.match-results .result-actions>*{width:100%;font-size:7px}.review-row{font-size:12px;gap:9px}.review-row small{font-size:10px}.review-row b{font-size:8px}.review-row>span{font-size:11px}dialog{padding:32px 22px}.modal h2{font-size:13px}.modal p,.modal li{font-size:12px}.stat-grid>div{padding:15px}.stat-grid strong{font-size:21px}.stat-grid span{font-size:10px}}
@media(max-width:360px){.brand-mark{display:none}.header{padding:0 13px}.scoreboard{gap:22px}.mode-tabs button{font-size:5px}.game-panel{padding:21px 13px}.hero .game-logo{font-size:25px}.hero .eyebrow{font-size:4px}.floating-ball{font-size:19px}.rules-mini{font-size:4px}.answer-form .primary{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Compact two-line wordmark. */
.brand-type{font-size:13px;letter-spacing:0}.brand-type>span{font:11px var(--pixel);color:#ffb074;letter-spacing:1.3px;margin-top:7px}.brand-mark{font:22px var(--pixel);padding:3px 1px 0}.brand-mark>span{font:10px Arial;right:-3px;top:-3px;color:#ffb074;text-shadow:1px 1px #1c1530}.hero .game-logo{font-size:31px;line-height:1.35;letter-spacing:1px}.hero .game-logo>span{font-size:34px;letter-spacing:-1px;margin-top:4px;color:#ffb074;text-shadow:3px 3px #753c72,6px 6px #041217}.footer-brand{font-size:11px;line-height:1.8}.sign-stars{margin-top:14px}@media(max-width:650px){.brand-type{font-size:10px}.brand-type>span{font-size:9px;letter-spacing:.7px;margin-top:6px}.brand-mark{font-size:18px}.hero .game-logo{font-size:24px}.hero .game-logo>span{font-size:26px;letter-spacing:-1px;margin-top:5px}.floating-ball{top:74px}.hero .eyebrow{font-size:5px}}@media(max-width:360px){.hero .game-logo{font-size:22px}.hero .game-logo>span{font-size:24px}}
.about-game{padding:39px 4px 9px;text-align:center}.about-game h1{font:17px/1.9 var(--pixel);color:#ff9a51;text-shadow:2px 3px #0b091c;margin:0 auto 17px;max-width:730px;text-wrap:balance}.about-game p{font-size:14px;line-height:1.9;color:#b5c6c5;margin:0 auto;max-width:660px}.faq{padding:3px 0 42px}.faq-mark{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;font:19px var(--pixel);color:#ff9a51;border:2px solid #705184;box-shadow:3px 3px #080615;background:#302044}.faq details{border:1px solid #345257;background:#211a35;margin-bottom:10px;box-shadow:3px 3px #0a081a}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 20px;font:9px/1.9 var(--pixel);color:#dfd1ee;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';color:#80d8c0;flex-shrink:0;font-size:12px}.faq details[open]{border-color:#82628e;background:#2a1f3e}.faq details[open] summary{color:#ff9a51}.faq details[open] summary::after{content:'−';color:#ffb074}.faq details>p{margin:0;padding:0 20px 20px;font-size:13px;line-height:1.9;color:#b5c6c5;max-width:730px}@media(max-width:650px){.about-game{padding:31px 3px 6px}.about-game h1{font-size:12px;line-height:2;margin-bottom:15px}.about-game p{font-size:12px;line-height:1.85}.faq{padding-bottom:31px}.faq summary{font-size:8px;line-height:2;padding:16px 14px;gap:13px}.faq details>p{font-size:12px;padding:0 14px 16px;line-height:1.85}.faq-mark{width:29px;height:29px;font-size:15px}}
.sound{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:72px;min-height:43px}.sound svg{width:23px;height:23px}.scoreboard .sound span{font:6px/1.7 var(--pixel);color:inherit;letter-spacing:0;text-transform:none}.sound[aria-pressed=true]{color:#80d8c0}.sound[aria-pressed=false]{color:#94b2b3}.language-links{display:flex;gap:13px;flex-wrap:wrap;justify-content:flex-end;width:100%}.language-links a{font-size:10px;color:#b5a6c8}.language-links a[aria-current=page]{color:#80d8c0;text-decoration:underline;text-underline-offset:4px}@media(max-width:650px){.sound{min-width:55px;gap:6px;padding-left:10px}.sound svg{width:20px;height:20px}.scoreboard .sound span{font-size:4px}.language-links{justify-content:flex-start}.scoreboard{gap:24px}}@media(max-width:360px){.scoreboard{gap:16px}.sound{min-width:48px}}

/* Football Krillion: a floodlit teal cabinet with a burnt-orange club identity. */
:root{--dark:#091c22;--ink:#f3f0df;--muted:#a1b6b8;--line:#345257;--panel:#16343a;--coral:#ff9a51}
body{background-image:radial-gradient(ellipse at 50% 15%,#20453d55,transparent 65%),radial-gradient(#88b5ad16 1px,transparent 1px)}
.header{height:82px;padding-inline:max(24px,calc((100vw - 1092px)/2));background:#07191e;border-bottom:1px solid #30494d}
.brand-crest{width:36px;height:42px}.brand-type{font-size:11px;letter-spacing:.7px;color:#f3f0df}.brand-type>span{font-size:10px;letter-spacing:1.6px;color:#ff9a51;margin-top:8px}
.nav-link{color:#c5d2cc}.icon-button{border-color:#446269;background:#142e35;box-shadow:2px 2px #031216}.icon-button svg{color:#c5d2cc}.language-picker{border-color:#345257}.language-picker select{background:#142e35;color:#f3f0df;border-color:#446269}
main{max-width:1140px;padding:0 24px}.hero{padding:35px 0 27px;gap:65px}.hero .eyebrow{font-size:6px;letter-spacing:1.4px;color:#96b6b8;margin-bottom:15px}.hero .game-logo{font-size:35px;letter-spacing:1px;color:#ff9a51;text-shadow:3px 3px #7d442c,6px 6px #041217}.hero .game-logo>span{font-size:39px;letter-spacing:2px;color:#f3f0df;text-shadow:3px 3px #486164,6px 6px #041217;margin-top:7px}.hero-note{font-size:13px;letter-spacing:.3px;color:#a9c1c2;margin:18px 0 0}.hero-emblem,.hero-ball{width:125px;display:flex;flex-direction:column;align-items:center;gap:17px;transform:rotate(-7deg)}.hero-emblem span,.hero-ball span{font:5px/1.8 var(--pixel);letter-spacing:.5px;color:#80a5aa}.hero-ball{transform:rotate(7deg)}.hero-ball svg{width:82px;height:82px;filter:drop-shadow(4px 5px #041217)}
.game-shell{padding:15px;border:2px solid #547077;background:#10282e;box-shadow:0 6px #031318,0 0 0 5px #07191e,inset 0 0 0 3px #1c3b41}.game-toolbar{padding:0 0 14px}.mode-tabs button{padding:10px 18px}.match-label{color:#adc5c5}.match-label i{background:#ff9a51;box-shadow:0 0 8px #ff9a5144}
.game-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:14px;align-items:stretch}.pitch-side{display:flex;flex-direction:column;min-width:0;background:#0b2025}.scoreboard{gap:31px;padding:16px 18px;margin-bottom:10px;box-shadow:none}.scoreboard strong{font-size:20px}.scoreboard>div{gap:11px}.scoreboard small{font-size:7px;margin-left:5px}.scoreboard span{font-size:6px}.sound{border-color:#345257;padding-left:15px;min-width:61px}.scoreboard .sound span{font-size:5px}.stadium{border-color:#06171c;outline-color:#345257;flex:1;min-height:0;background:#328351;display:flex;align-items:center}.stadium-label{top:10px;left:9px;right:9px;font-size:5px}.stadium-label>span{background:#0b2429ed;padding:7px}.stadium-label>span:last-child{display:none}.pitch-bottom{padding:12px;min-height:40px}.pitch-bottom>span{font-size:5px}.play-side{margin:0;background:linear-gradient(135deg,#1b3940,#122c33);border:1px solid #45656b;box-shadow:inset 0 0 0 4px #0b2229;display:flex;align-items:center;min-width:0}.game-panel{padding:27px 25px;min-height:336px;width:100%}.ready h2{font-size:17px;color:#f1eedb;text-shadow:2px 3px #061a20}.ready>p{font-size:13px;color:#afc6c6;max-width:330px}.ready .eyebrow{font-size:6px}.ready .primary{min-width:240px}.primary{border-color:#081b20;box-shadow:3px 3px #06171c,inset 0 -4px #bf632f}.rules-mini{font-size:5px;gap:12px;line-height:1.8;margin-top:22px}.rules-mini span:before{color:#80d8c0}.topic-field{color:#afc6c6;font-size:6px}.topic-field select{background:#0b2229;border-color:#45656b;color:#f1eedb}.secondary{background:#21434a;color:#f1eedb;border-color:#587a7e;box-shadow:3px 3px #06171c}
.question-title{font-size:11px;line-height:1.9;color:#f1eedb;margin-bottom:18px}.question-meta{font-size:6px;gap:6px}.question-meta>span{border-color:#45656b;padding:6px}.answer-form{flex-wrap:wrap}.answer-field{background:#081f27;border-color:#07171c;box-shadow:inset 0 0 0 1px #45656b;padding:0 10px}.answer-field input{font-size:15px;padding:13px 0;color:#f1eedb}.answer-field input::placeholder{color:#87a6ab}.answer-form .primary{font-size:7px;padding:10px 12px;gap:9px}.timer-track{background:#0a2028;box-shadow:0 0 0 1px #45656b}.hint{color:#a2bdc0}.result-head h2{font-size:12px;color:#f3f0df}.result-note{color:#b4c9c8}.answer-disclosure{border-color:#45656b}.answers-list{grid-template-columns:1fr}.answers-list span{color:#bed0ce}.match-results h2{font-size:16px;color:#f3f0df}.suggestion{background:#102d34;color:#ffc08f}.review-row{color:#c4d3d0}.review-row small{color:#9cb9bd}
.numbers{margin:25px 0 0;padding:19px 0;border-color:#345257}.numbers strong{font-size:17px;color:#ff9a51}.numbers>div:nth-child(3) strong{color:#c1e879}.numbers span{color:#a4bdc0;font-size:11px;max-width:100px}
.playbook{padding:39px 0 35px}.section-title .eyebrow{color:#80d8c0;font-size:6px}.section-title h2{font-size:14px;color:#f1eedb}.guide-grid{gap:15px}.guide-grid article{background:#102a31;border-color:#345257;box-shadow:3px 3px #05171c;padding:23px}.guide-grid article:nth-child(2){background:#15343a}.guide-grid article:nth-child(3) h3{color:#c1e879}.guide-grid h3{font-size:9px;line-height:1.9}.guide-grid p{font-size:13px;color:#afc3c4;line-height:1.85}.card-top{color:#7f9fa5}.rarity-scale span{color:#afc3c4}
.about-game{display:grid;grid-template-columns:1fr 1fr;gap:45px;text-align:left;padding:29px 0 34px;border-top:1px solid #345257;border-bottom:1px solid #345257;margin-bottom:35px;align-items:center}.about-game .eyebrow{font-size:6px;color:#80d8c0;line-height:1.9;margin:0 0 12px}.about-game h2{font:16px/1.9 var(--pixel);color:#ff9a51;margin:0;text-wrap:balance}.about-game>p{font-size:14px;color:#afc3c4;line-height:1.85;margin:0}
.faq{padding-bottom:35px}.faq .section-title{margin-bottom:20px}.faq-mark{background:#16343a;border-color:#44666c;box-shadow:3px 3px #05171c}.faq details{background:#102a31;box-shadow:none;border-color:#345257}.faq summary{font-size:8px;color:#d3dfd7;padding:19px 20px}.faq details[open]{background:#17363c;border-color:#698882}.faq details>p{color:#b5cac8;max-width:900px}
footer{padding:30px max(24px,calc((100vw - 1092px)/2));background:#07191e;border-color:#30494d}.footer-brand{font-size:13px;color:#f3f0df;line-height:1.8}.footer-brand span{color:#ff9a51}footer p{font-size:12px;color:#98b2b5}.footer-links{gap:15px}.footer-links button,.language-links a{font-size:11px;color:#b4c9c8}.footer-links small{color:#7f9fa5;font-size:5px}.domain-label{font:6px/2 var(--pixel);color:#80d8c0}dialog{background:#112c33;border-color:#4d7075;color:#d6dfd6;box-shadow:8px 8px #031318}.modal h2{color:#ff9a51}.modal p,.modal li{color:#b5cac8}.stat-grid>div{background:#0b2229;border-color:#45656b}.stat-grid span{color:#b5cac8}#toast{background:#f1edd5;color:#0b2229;border-color:#80d8c0}
@media(min-width:851px){.game-panel:has(.answer-disclosure[open]),.game-panel:has(.match-results){max-height:550px;overflow-y:auto;scrollbar-color:#587a7e #10282e}}
@media(max-width:1000px){.game-layout{grid-template-columns:1fr 1fr}.scoreboard{gap:19px;padding:15px 13px}.game-panel{padding:24px 19px}.ready h2{font-size:14px}.ready .primary{min-width:0;width:100%}.rules-mini{gap:8px}.hero{gap:35px}}
@media(max-width:850px){main{max-width:760px}.game-layout{grid-template-columns:1fr;gap:13px}.game-panel{min-height:260px;padding:26px}.scoreboard{gap:45px;padding:17px 22px}.stadium{display:block}.stadium-label{font-size:6px}.stadium-label>span:last-child{display:block}.ready .primary{width:auto;min-width:260px}.ready h2{font-size:19px}.ready>p{max-width:440px}.rules-mini{font-size:6px;gap:18px}.hero{gap:25px}.hero-emblem,.hero-ball{width:90px}.hero .game-logo{font-size:30px}.hero .game-logo>span{font-size:33px}.hero .eyebrow{font-size:5px;letter-spacing:.6px}.guide-grid article{padding:18px}.about-game{gap:28px}.about-game h2{font-size:13px}}
@media(max-width:650px){.header{height:72px;padding:0 18px}.brand-crest{width:29px;height:35px}.brand{gap:8px}.brand-type{font-size:8px}.brand-type>span{font-size:7px;letter-spacing:1.4px}.header nav{gap:9px}.language-picker{padding-left:9px;gap:5px}.language-picker select{font-size:11px;max-width:94px}.nav-link{display:none}.language-picker svg{display:none}main{padding:0 15px}.hero{padding:29px 0 25px}.hero-emblem,.hero-ball{display:none}.hero .game-logo{font-size:27px;letter-spacing:1px}.hero .game-logo>span{font-size:30px;letter-spacing:2px}.hero .eyebrow{font-size:5px;letter-spacing:.4px}.hero-note{font-size:12px;margin-top:17px}.game-shell{padding:10px;box-shadow:0 5px #031318,0 0 0 3px #07191e,inset 0 0 0 2px #1c3b41}.game-toolbar{gap:8px;padding-bottom:11px}.mode-tabs button{font-size:5px;padding:9px 10px}.match-label{font-size:5px}.scoreboard{gap:28px;padding:14px}.scoreboard strong{font-size:18px}.scoreboard span{font-size:5px}.scoreboard small{font-size:6px}.scoreboard .sound span{font-size:4px}.sound{min-width:45px;padding-left:11px}.stadium-label{font-size:5px}.pitch-bottom>span{font-size:4px}.game-panel{padding:25px 18px;min-height:260px}.ready h2{font-size:15px;line-height:1.8}.ready>p{font-size:13px}.ready .primary{min-width:0;width:100%}.rules-mini{font-size:5px;gap:9px}.numbers{margin-top:24px;padding:18px 0}.numbers strong{font-size:14px}.numbers span{font-size:9px;max-width:90px}.playbook{padding:32px 0}.section-title h2{font-size:11px}.section-title .eyebrow{font-size:5px}.guide-grid{gap:12px}.guide-grid article{padding:20px}.guide-grid h3{font-size:10px}.guide-grid p{font-size:13px}.about-game{grid-template-columns:1fr;gap:18px;padding:27px 0;margin-bottom:30px}.about-game h2{font-size:14px;max-width:350px}.about-game .eyebrow{font-size:5px}.about-game>p{font-size:13px}.faq summary{font-size:7px;line-height:2;padding:17px 14px}.faq details>p{font-size:13px}.footer-brand{font-size:12px}footer{padding:26px 20px}.footer-links{gap:18px}.question-title{font-size:10px}.question-meta{font-size:5px}.answer-field input{font-size:16px}.answer-form .primary{font-size:7px}.result-head h2{font-size:12px}}
@media(max-width:370px){.brand-crest{width:25px}.brand-type{font-size:7px}.brand-type>span{font-size:6px}.header{padding:0 12px}.header nav{gap:7px}.language-picker{padding-left:7px}.language-picker select{max-width:85px}.scoreboard{gap:20px;padding:13px 10px}.scoreboard strong{font-size:16px}.mode-tabs button{padding:8px}.hero .game-logo{font-size:24px}.hero .game-logo>span{font-size:27px}.hero .eyebrow{font-size:4px}.ready h2{font-size:13px}.rules-mini{font-size:4px}.game-panel{padding:24px 14px}}

/* Keep the stadium above the controls at every screen size. */
main{max-width:870px}
.hero{gap:28px}
.hero-emblem,.hero-ball{width:95px}
.game-layout{display:flex;flex-direction:column;gap:13px}
.stadium{display:block;flex:none}
.scoreboard{gap:55px;padding:17px 22px}
.scoreboard strong{font-size:23px}
.scoreboard span{font-size:7px}
.scoreboard small{font-size:9px}
.stadium-label{font-size:7px;top:12px;left:14px;right:14px}
.stadium-label>span:last-child{display:block}
.play-side{display:block}
.game-panel{min-height:270px;padding:29px 30px}
.ready h2{font-size:19px}
.ready>p{max-width:480px;font-size:14px}
.ready .primary{width:auto;min-width:260px}
.rules-mini{font-size:6px;gap:20px}
.question-title{font-size:14px;line-height:1.9}
.question-meta{font-size:7px}
.answer-form .primary{font-size:9px;padding:12px 18px}
.answers-list{grid-template-columns:1fr 1fr}
.game-panel:has(.answer-disclosure[open]),.game-panel:has(.match-results){max-height:none;overflow:visible}
@media(max-width:850px){.hero .game-logo{font-size:30px}.hero .game-logo>span{font-size:33px}}
@media(max-width:650px){.scoreboard{gap:28px;padding:14px}.scoreboard strong{font-size:18px}.scoreboard span{font-size:5px}.scoreboard small{font-size:6px}.stadium-label{font-size:5px;top:10px;left:9px;right:9px}.game-panel{padding:25px 18px;min-height:260px}.ready h2{font-size:15px}.ready>p{font-size:13px}.ready .primary{width:100%;min-width:0}.rules-mini{font-size:5px;gap:9px}.question-title{font-size:10px}.question-meta{font-size:5px}.answer-form .primary{font-size:7px;padding:10px 12px}.answers-list{grid-template-columns:1fr}.hero .game-logo{font-size:27px}.hero .game-logo>span{font-size:30px}}
@media(max-width:370px){.scoreboard{gap:20px;padding:13px 10px}.scoreboard strong{font-size:16px}.hero .game-logo{font-size:24px}.hero .game-logo>span{font-size:27px}.game-panel{padding:24px 14px}.ready h2{font-size:13px}.rules-mini{font-size:4px}}

/* Search introduction follows the complete game; the hero is a visual wordmark. */
.game-intro{padding:36px 4px 3px;text-align:center}
.game-intro h1{font:17px/1.9 var(--pixel);color:var(--coral);margin:0 auto 17px;max-width:750px;text-wrap:balance}
.game-intro p{font-size:14px;line-height:1.9;color:#b5cac8;margin:0 auto;max-width:690px}
@media(max-width:650px){.game-intro{padding:29px 3px 2px}.game-intro h1{font-size:12px;line-height:2;margin-bottom:14px}.game-intro p{font-size:13px;line-height:1.85}}