@font-face{font-family:Pixel;src:url('fonts/press-start-2p.ttf') format('truetype');font-display:swap;font-weight:400}:root{--paper:#f8f2e7;--ink:#f8f2e7;--muted:#b0a6c9;--coral:#ffd264;--line:#51416d;--green:#a6f077;--dark:#14132b;--error:#ff8daa;--pixel:Pixel,monospace;--panel:#292040;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%,#2b204650,transparent 65%),radial-gradient(#8079ad24 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 #65e3df;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:#111024;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:#ffd264;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:#ffd264}.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:#65e3df}.language-picker select{color:#f6e9cf;background:#211b34;border:1px solid #51416d;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:#ffd264;letter-spacing:-2px;margin:0;text-shadow:3px 3px #8b4c5b,6px 6px #090819}.hero .game-logo>span{display:block;font-size:9px;letter-spacing:4px;color:#fc91b7;text-shadow:2px 2px #090819;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:#ffd264;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 #554571;padding:13px;background:#1c1732;box-shadow:0 7px #090819,0 0 0 5px #110e23,inset 0 0 0 3px #27203d;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 #4e3d63;padding:4px;background:#110f25}.mode-tabs button{font:8px/1.5 var(--pixel);padding:10px 13px;white-space:nowrap;color:#a89abc;transition:background .15s}.mode-tabs button[aria-pressed=true]{background:#65e3df;color:#132b31;box-shadow:inset 0 -3px #38a8b2}.match-label{display:flex;align-items:center;gap:7px;font:7px/1.7 var(--pixel);color:#c2b2d5;text-transform:uppercase}.match-label i{width:6px;height:6px;background:#fc91b7;box-shadow:0 0 9px #ff7bac66}.game-layout{display:block}.pitch-side{background:#0d0c1d}.scoreboard{display:flex;align-items:center;gap:55px;background:#101020;border:2px solid #3f3256;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:#a79bbd;text-transform:uppercase}.scoreboard strong{font:23px var(--pixel);color:#ffd264}.scoreboard>div:nth-child(2) strong{color:#a6f077}.scoreboard>div:nth-child(3) strong{color:#65e3df}.scoreboard small{font:9px var(--pixel);color:#8b7ba5;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:#ffd264;letter-spacing:2px}.pitch-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#131025;padding:12px 15px;border:1px solid #3c2f50;border-top:0}.pitch-bottom>span{font:6px/1.7 var(--pixel);letter-spacing:.4px;color:#9b8bb0}.pitch-bottom b{color:#fc91b7;margin:0 5px}#shotDots{display:flex;gap:6px}#shotDots i{width:10px;height:10px;border:1px solid #6a567d;background:#292039;box-shadow:1px 1px #060610}#shotDots .current{border-color:#ffd264;box-shadow:0 0 5px #ffd26422}#shotDots .goal{background:#a6f077;border-color:#a6f077}#shotDots .miss{background:#fc91b7;border-color:#fc91b7}.play-side{margin-top:13px;border:2px solid #5b4475;background:linear-gradient(125deg,#302348,#251d3c);box-shadow:inset 0 0 0 4px #1b142f,0 3px #090718}.game-panel{padding:27px 30px 28px;min-height:270px}.eyebrow{font:8px/1.8 var(--pixel);color:#65e3df;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:#65e3df}.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:#c2b5d3;max-width:480px;margin:0 auto 21px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:24px;background:#ffd264;color:#261d30;border:2px solid #100b1b;padding:15px 21px;font:9px/1.7 var(--pixel);box-shadow:4px 4px #0a0718,inset 0 -4px #ce9540;transition:transform .15s,background .15s;text-transform:uppercase;min-height:48px}.primary:hover:not(:disabled){background:#ffe299;transform:translateY(-2px)}.primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #090718,inset 0 -2px #ce9540}.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:#ac9aba}.rules-mini span:before{content:'◆';font-family:Arial,sans-serif;color:#fc91b7;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 #4e3d63;border-bottom:1px dashed #4e3d63}.numbers>div{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;border-right:1px solid #4e3d63}.numbers>div:last-child{border:0}.numbers strong{font:14px var(--pixel);color:#fc91b7}.numbers>div:nth-child(2) strong{color:#65e3df}.numbers>div:nth-child(3) strong{font:28px/1 var(--pixel);color:#ffd264}.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:#fc91b7;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:#ffd264;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 #4d3b64;background:#241b39;box-shadow:3px 3px #0a081a;position:relative}.guide-grid article:nth-child(2){background:#2e2140}.card-top{display:flex;align-items:center;justify-content:space-between;font:9px var(--pixel);color:#867096;margin-bottom:18px}.card-icon{color:#ffd264;font-size:23px;line-height:1;font-family:Arial,sans-serif}.guide-grid h3{font:10px/1.9 var(--pixel);color:#65e3df;margin:0 0 13px}.guide-grid article:nth-child(2) h3{color:#ffd264}.guide-grid article:nth-child(3) h3{color:#fc91b7}.guide-grid p{font-size:12px;line-height:1.8;margin:0;color:#bcb0cc}.rarity-scale{display:flex;align-items:center;gap:3px;margin-top:15px}.rarity-scale i{width:22px;height:6px;background:#65e3df}.rarity-scale i:nth-child(2){background:#a6f077}.rarity-scale i:nth-child(3){background:#ffd264}.rarity-scale span{font:6px var(--pixel);color:#ae9dbe;margin-left:6px}footer{border-top:2px solid #30243f;background:#100e21;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:#ffd264}.footer-brand span{color:#fc91b7;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,#65e3df 0px,#65e3df 13px,#25203b 13px,#25203b 17px);transition:width .1s linear;box-shadow:inset 0 -2px #1f7e7f}.timer strong{font:20px var(--pixel);color:#65e3df;min-width:44px;text-align:right}.timer.urgent strong{color:#fc91b7}.timer.urgent i{background:repeating-linear-gradient(to right,#fc91b7 0px,#fc91b7 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:#65e3df;text-transform:uppercase}.question-meta>span{border:1px solid #67507b;padding:7px 8px}.question-meta .difficulty{color:#ffd264;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:#ffd264}.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 #65e3df;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 #ffd264;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:#ffd264;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:#a6f077;text-shadow:2px 3px #170e25;margin:0}.result-head>span{font:23px/1.5 var(--pixel);color:#ffd264;white-space:nowrap}.result-note{font-size:14px;line-height:1.65;color:#c9b8d8;margin:12px 0;overflow-wrap:anywhere}.result-note strong{color:#ffd264}.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:#ffd264;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:#fc91b7;text-shadow:3px 3px #0b091c}.final-score{font:47px/1.5 var(--pixel);color:#ffd264;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:#fc91b7}.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:#ffd264}.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:#ffd264;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:#65e3df;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:#fc91b7}.stat-grid span{display:block;font-size:11px;color:#b9a4cc;margin-top:9px}.skip{position:fixed;top:-80px;left:12px;z-index:30;background:#ffd264;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 #ffd264;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}}
/* Soccer Krillion is the primary brand; Rabona remains in the game title. */
.brand-type{font-size:13px;letter-spacing:0}.brand-type>span{font:11px var(--pixel);color:#fc91b7;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:#fc91b7;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:#fc91b7;text-shadow:3px 3px #753c72,6px 6px #090819}.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:#ffd264;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:#c2b5d3;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:#ffd264;border:2px solid #705184;box-shadow:3px 3px #080615;background:#302044}.faq details{border:1px solid #51416d;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:#65e3df;flex-shrink:0;font-size:12px}.faq details[open]{border-color:#82628e;background:#2a1f3e}.faq details[open] summary{color:#ffd264}.faq details[open] summary::after{content:'−';color:#fc91b7}.faq details>p{margin:0;padding:0 20px 20px;font-size:13px;line-height:1.9;color:#c2b5d3;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:#65e3df}.sound[aria-pressed=false]{color:#a79bbd}.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:#65e3df;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}}