:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eef7f6;--muted:#7e9b9d;--cyan:#25e6ee;--coral:#ff4e68;--panel:#09131d}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#04080f;margin:0;font-family:Barlow Condensed,sans-serif}button{font:inherit;color:inherit}.arcade-shell{background:radial-gradient(at 50% 90%,#0a2930 0,#050b13 52%,#03060b 100%);max-width:1440px;min-height:100vh;margin:auto;padding:22px 36px 18px;position:relative;overflow:hidden}.scanlines{pointer-events:none;z-index:5;opacity:.08;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 3px,#bff 4px);position:fixed;inset:0}.topbar{letter-spacing:2px;border-bottom:1px solid #19333b;justify-content:space-between;align-items:flex-start;height:50px;display:flex}.brand{color:#fff;align-items:center;gap:10px;font-size:26px;font-weight:900;line-height:22px;display:flex}.brand-mark{color:var(--cyan);filter:drop-shadow(0 0 7px var(--cyan));font-size:25px}.brand small{letter-spacing:1px;color:var(--muted);align-self:flex-end;margin-bottom:2px;margin-left:3px;font:10px Space Mono}.match-meta,.sound{letter-spacing:1.6px;color:var(--muted);font:11px Space Mono}.match-meta{gap:12px;margin-top:7px;display:flex}.match-meta b{color:var(--coral)}.sound{cursor:pointer;background:#07121a;border:1px solid #2a4b55;padding:7px 10px}.scoreboard{justify-content:center;align-items:center;gap:72px;height:96px;display:flex;position:relative}.team{letter-spacing:1.5px;align-items:center;gap:11px;font-size:22px;font-weight:800;display:flex}.team-away{color:#ffadb7}.dot{border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 15px}.cyan{background:var(--cyan);color:var(--cyan)}.coral{background:var(--coral);color:var(--coral)}.score{align-items:center;gap:16px;display:flex;position:relative}.score strong{letter-spacing:3px;font-size:58px;font-weight:900;line-height:1}.score i{color:#476369;font-size:32px;font-style:normal}.score small{color:var(--cyan);letter-spacing:2px;font:12px Space Mono;position:absolute;top:64px;left:50%;transform:translate(-50%)}.game-frame{background:#061019;border:1px solid #1a4249;height:min(59vh,650px);min-height:420px;position:relative;box-shadow:0 0 0 5px #061019,0 22px 80px #02050a}.scene{position:absolute;inset:0}.scene canvas{width:100%;height:100%;display:block}.status-pill{letter-spacing:2px;color:#071119;background:var(--cyan);padding:8px 12px;font:11px Space Mono;position:absolute;top:16px;left:18px;box-shadow:0 0 16px #25e6ee88}.hint{color:#81a5a8;letter-spacing:1px;font:10px Space Mono;position:absolute;top:18px;right:16px}.hint b{color:#d5f8f5}.touch-controls{display:none}.progress{background:#07111a;border:1px solid #1a333b;margin-top:20px}.progress-head{letter-spacing:1.5px;color:#7ea4a7;border-bottom:1px solid #19323a;justify-content:space-between;padding:11px 15px;font:11px Space Mono;display:flex}.live{color:var(--cyan)}.live em{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 10px var(--cyan);border-radius:50%;margin-right:6px;display:inline-block}.progress-grid{grid-template-columns:repeat(4,1fr);display:grid}.progress-grid>div{border-right:1px solid #19323a;grid-template-columns:30px 1fr;gap:3px;padding:13px 15px;display:grid}.progress-grid>div:last-child{border:0}.progress-grid b{color:#54767a;grid-row:span 2;font:12px Space Mono}.progress-grid span{letter-spacing:1px;font-size:15px;font-weight:800}.progress-grid small{color:#54767a;letter-spacing:1px;font:9px Space Mono}.progress-grid .done small{color:#52b9b2}.progress-grid>div:last-child span{color:var(--cyan)}footer{color:#45666b;letter-spacing:1.5px;justify-content:space-between;margin-top:13px;font:9px Space Mono;display:flex}.sound:active{transform:translateY(1px)}@media (width<=800px){.arcade-shell{padding:14px 14px 16px}.topbar{height:42px}.brand{font-size:21px}.brand small,.match-meta{display:none}.scoreboard{gap:18px;height:83px}.team{font-size:16px}.score{gap:7px}.score strong{font-size:42px}.score i{font-size:22px}.game-frame{height:62vh;min-height:400px}.hint{display:none}.progress-grid{grid-template-columns:repeat(2,1fr)}.progress-grid>div:nth-child(2){border-right:0}.progress-grid>div:nth-child(-n+2){border-bottom:1px solid #19323a}.touch-controls{pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute;inset:auto 16px 18px}.dpad{pointer-events:auto}.dpad button,.kick{color:#b9fffa;background:#07151dcc;border:1px solid #6ce5df88;width:42px;height:38px;margin:2px;font-weight:700}.dpad>button{margin:2px auto;display:block}.kick{pointer-events:auto;color:#ff9da8;letter-spacing:1px;background:#3d1422dd;border-color:#ff718288;border-radius:50%;width:70px;height:70px;font-size:14px;box-shadow:0 0 18px #ff3f5c44}footer{font-size:8px}footer span{display:none}}