:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#030a08;color:#effff7;font-synthesis:none;--ink: #030a08;--panel: #081611;--panel-soft: #0c2119;--line: rgba(141, 255, 199, .22);--mint: #8dffc7;--lime: #c9ff4a;--cyan: #66ffe6;--coral: #ff5f76;--violet: #a77aff;--muted: #7da391}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#030a08}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 18% 8%,rgba(61,210,139,.1),transparent 28rem),radial-gradient(circle at 90% 42%,rgba(201,255,74,.045),transparent 32rem),linear-gradient(180deg,#06120e,#030a08 70%)}body:before{position:fixed;z-index:-1;inset:0;background-image:linear-gradient(rgba(141,255,199,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(141,255,199,.018) 1px,transparent 1px);background-size:32px 32px;content:"";mask-image:linear-gradient(to bottom,black,transparent 92%)}button,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;padding:.75rem 1rem;border:1px solid var(--lime);background:var(--ink);color:var(--lime);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.app-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1.25rem 0 2rem}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:68px;border-bottom:1px solid var(--line)}.brand-lockup{display:flex;align-items:center;gap:.85rem}.brand-mark{position:relative;display:grid;width:39px;height:39px;place-items:center;border:1px solid rgba(201,255,74,.55);background:#c9ff4a0f;clip-path:polygon(0 0,79% 0,100% 21%,100% 100%,21% 100%,0 79%);transform:rotate(45deg)}.brand-mark span{position:absolute;top:50%;left:50%;width:19px;height:2px;background:var(--lime);box-shadow:0 0 8px var(--lime);transform:translate(-50%,-50%)}.brand-mark span:first-child{transform:translate(-50%,-50%) rotate(90deg)}.brand-mark span:last-child{width:6px;height:6px;border-radius:50%}.eyebrow,.hud-label,.control-title,.overlay-kicker,footer{margin:0;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem;font-weight:700;letter-spacing:.16em}h1{margin:.05rem 0 0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(1.7rem,4vw,2.35rem);font-style:italic;font-weight:900;letter-spacing:.04em;line-height:.92}h1 span{color:var(--lime)}.header-actions{display:flex;gap:.5rem}.icon-button{display:flex;align-items:center;min-height:40px;gap:.55rem;padding:.5rem .75rem;border:1px solid var(--line);background:#081611c7;color:var(--mint);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.icon-button:hover:not(:disabled),.icon-button:focus-visible{border-color:var(--lime);background:#c9ff4a14;outline:none;transform:translateY(-1px)}.icon-button:disabled{cursor:not-allowed;opacity:.35}.hud{display:grid;grid-template-columns:minmax(140px,1fr) minmax(220px,1.35fr) minmax(140px,1fr);align-items:stretch;margin:1rem 0 .75rem;border:1px solid var(--line);background:#040e0ad1;box-shadow:0 18px 44px #0000003d}.hud-card,.match-core{min-height:86px}.score-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;align-items:center;padding:.85rem 1rem}.player-score{border-right:1px solid var(--line)}.rival-score{border-left:1px solid var(--line);text-align:right}.score-card strong{grid-row:span 2;align-self:center;color:var(--lime);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:3.5rem;font-style:italic;line-height:.8;text-shadow:0 0 24px rgba(201,255,74,.28)}.player-score strong{margin-left:auto;padding-left:1rem}.rival-score strong{grid-column:1;grid-row:span 2;color:var(--coral);text-shadow:0 0 24px rgba(255,95,118,.28)}.rival-score .hud-label,.rival-score .hud-detail{grid-column:2}.hud-detail{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem;letter-spacing:.08em}.match-core{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;align-items:center;padding:.6rem 1rem}.timer-wrap{grid-row:span 2;padding-right:1.2rem;text-align:center}.timer-wrap strong{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.5rem,3vw,2rem);font-variant-numeric:tabular-nums;letter-spacing:-.05em}.goal-pips{display:flex;align-items:center;gap:.35rem}.goal-pips span{width:2rem;height:3px;background:#8dffc721}.goal-pips span.earned{background:var(--lime);box-shadow:0 0 10px var(--lime)}.goal-pips span.active:not(.earned){background:var(--mint);animation:blink 1.2s steps(2,end) infinite}.match-status{overflow:hidden;margin:.35rem 0 0;color:var(--mint);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(.62rem,1.4vw,.78rem);font-weight:700;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.game-stage{position:relative}.field-frame{position:relative;padding:6px;border:1px solid rgba(141,255,199,.32);background:#06110d;box-shadow:0 28px 65px #0000007a,inset 0 0 30px #8dffc70a}.field-frame:before,.field-frame:after{position:absolute;z-index:2;top:50%;width:6px;height:36%;background:linear-gradient(var(--mint),transparent 30%,transparent 70%,var(--mint));content:"";opacity:.5;transform:translateY(-50%)}.field-frame:before{left:-3px}.field-frame:after{right:-3px}.frame-corner{position:absolute;z-index:4;width:23px;height:23px;border-color:var(--lime);opacity:.75;pointer-events:none}.top-left{top:-2px;left:-2px;border-top:2px solid;border-left:2px solid}.top-right{top:-2px;right:-2px;border-top:2px solid;border-right:2px solid}.bottom-left{bottom:-2px;left:-2px;border-bottom:2px solid;border-left:2px solid}.bottom-right{right:-2px;bottom:-2px;border-right:2px solid;border-bottom:2px solid}#game-canvas{display:block;width:100%;height:auto;aspect-ratio:1000 / 620;background:#07110d;outline:none;touch-action:none}#game-canvas:focus-visible{box-shadow:0 0 0 2px var(--lime)}.field-badges{position:absolute;z-index:3;right:1.35rem;bottom:1.1rem;left:1.35rem;display:flex;justify-content:space-between;color:#effff76b;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.55rem;font-weight:700;letter-spacing:.13em;pointer-events:none}.game-overlay{position:absolute;z-index:5;inset:6px;display:grid;place-items:center;padding:1rem;background:linear-gradient(90deg,#020906e0,#0209068c),repeating-linear-gradient(0deg,transparent 0 4px,rgba(141,255,199,.025) 4px 5px);opacity:1;transition:opacity .18s ease,visibility .18s ease}.game-overlay.hidden{visibility:hidden;opacity:0;pointer-events:none}.overlay-panel{width:min(500px,92%);padding:clamp(1.25rem,4vw,2.25rem);border:1px solid rgba(141,255,199,.28);border-left:3px solid var(--lime);background:#04100be6;box-shadow:0 25px 80px #0000008c}.overlay-kicker{color:var(--lime)}.overlay-panel h2{margin:.7rem 0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(2.5rem,8vw,5.1rem);font-style:italic;font-weight:900;letter-spacing:.01em;line-height:.83}.overlay-panel h2 span{color:var(--lime);text-shadow:0 0 32px rgba(201,255,74,.25)}.overlay-panel>p:not(.overlay-kicker,.keyboard-hint){max-width:38rem;margin:1rem 0;color:#b6d1c3;font-size:.91rem;line-height:1.6}.mission-row{display:flex;gap:.55rem;margin:1.25rem 0}.mission-row span{flex:1;padding:.65rem .5rem;border:1px solid var(--line);color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.62rem;text-align:center}.mission-row b{color:var(--mint);font-size:.95rem}.primary-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:50px;padding:0 1rem 0 1.25rem;border:0;background:var(--lime);color:#0b1604;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem;font-weight:900;letter-spacing:.09em;cursor:pointer;box-shadow:0 0 30px #c9ff4a29;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);transition:filter .15s ease,transform .15s ease}.primary-button:hover,.primary-button:focus-visible{filter:brightness(1.15);outline:none;transform:translateY(-2px)}.primary-button i{font-size:1.6rem;font-style:normal}.keyboard-hint{margin:.8rem 0 0;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.58rem;letter-spacing:.08em;text-align:center}.game-overlay[data-mode=paused] .overlay-panel{border-left-color:var(--cyan)}.game-overlay[data-mode=lost] .overlay-panel{border-left-color:var(--coral)}.game-overlay[data-mode=lost] h2 span{color:var(--coral);text-shadow:0 0 32px rgba(255,95,118,.25)}.lower-hud{display:grid;grid-template-columns:1fr auto auto 1fr;align-items:center;min-height:62px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);background:#06110de0}.lives-panel,.stamina-panel,.possession-panel,.combo-panel{padding:.7rem 1rem}.possession-panel,.combo-panel{min-width:112px;border-left:1px solid var(--line);text-align:center}.combo-panel{min-width:86px;border-right:1px solid var(--line)}.possession-panel strong,.combo-panel strong{display:block;margin-top:.15rem;color:var(--cyan);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9rem;letter-spacing:.12em}.combo-panel strong{color:var(--lime)}.lives{display:flex;gap:.45rem;margin-top:.4rem}.lives span{width:22px;height:7px;background:var(--lime);box-shadow:0 0 10px #c9ff4a73;clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%,12% 50%)}.lives span.lost{background:#8dffc71f;box-shadow:none}.stamina-panel{justify-self:stretch}.stamina-copy{display:flex;justify-content:space-between;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.65rem}.meter{height:5px;margin-top:.42rem;overflow:hidden;background:#8dffc71a}.meter span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--lime));box-shadow:0 0 10px var(--lime);transform-origin:left;transition:transform 80ms linear}.controls-panel{margin-top:.8rem;padding:.8rem 1rem;border:1px solid var(--line);background:#050f0b99}.desktop-controls{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:1.5rem}.control-title{display:block;margin-bottom:.45rem}.key-row{display:flex;align-items:center;gap:.32rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.63rem;letter-spacing:.06em}kbd{display:grid;min-width:25px;height:25px;padding:0 .35rem;place-items:center;border:1px solid rgba(141,255,199,.3);border-bottom-width:2px;background:#8dffc70f;color:var(--mint);font:inherit}.wide-key{min-width:82px}.touch-controls{display:none;align-items:center;justify-content:space-between;gap:2rem}.touch-actions{display:grid;justify-items:center;gap:.55rem}.d-pad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:5px}.d-pad button,.dash-button,.touch-restart-button{border:1px solid rgba(141,255,199,.34);background:#8dffc714;color:var(--mint);touch-action:manipulation;user-select:none}.d-pad button:active,.dash-button:active,.touch-restart-button:active{border-color:var(--lime);background:#c9ff4a33;color:var(--lime)}.d-pad button[data-direction=up]{grid-column:2}.d-pad button[data-direction=left]{grid-column:1;grid-row:2}.d-pad button[data-direction=down]{grid-column:2;grid-row:2}.d-pad button[data-direction=right]{grid-column:3;grid-row:2}.dash-button{display:grid;width:92px;height:92px;place-content:center;border:2px solid var(--lime);border-radius:50%;color:var(--lime);box-shadow:inset 0 0 20px #c9ff4a14;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85rem;font-weight:900;letter-spacing:.08em}.dash-button small{margin-top:.2rem;color:var(--muted);font-size:.48rem}.touch-restart-button{width:92px;min-height:30px;padding:.35rem .45rem;border-color:#ff5f7673;color:#ff93a3;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.61rem;font-weight:800;letter-spacing:.06em}footer{display:flex;justify-content:space-between;padding:1.2rem 0 0;color:#7da391a6;font-size:.55rem}@keyframes blink{50%{opacity:.25}}@media(max-width:720px){.app-shell{width:min(100% - 1rem,1180px);padding-top:.5rem}.topbar{min-height:58px}.button-label,.eyebrow{display:none}.icon-button{justify-content:center;min-width:42px;padding:.45rem}.hud{grid-template-columns:1fr 1.2fr 1fr;margin-top:.6rem}.hud-card,.match-core{min-height:67px}.score-card{display:flex;flex-direction:column;justify-content:center;padding:.45rem}.score-card strong,.rival-score strong{margin:.2rem 0 0;padding:0;font-size:2.25rem}.hud-detail,.match-status{display:none}.match-core{display:flex;flex-direction:column;justify-content:center;padding:.4rem}.timer-wrap{padding:0}.timer-wrap .hud-label{display:none}.timer-wrap strong{font-size:1.45rem}.goal-pips span{width:1.2rem}.field-frame{padding:3px}.game-overlay{inset:3px}.overlay-panel{width:min(420px,96%);max-height:96%;padding:1rem}.overlay-panel h2{margin:.4rem 0;font-size:clamp(2rem,10vw,3.4rem)}.overlay-panel>p:not(.overlay-kicker,.keyboard-hint){margin:.55rem 0;font-size:.74rem;line-height:1.35}.mission-row{margin:.7rem 0}.mission-row span{padding:.45rem .2rem;font-size:.52rem}.keyboard-hint{display:none}.primary-button{min-height:43px}.lower-hud{grid-template-columns:1fr .75fr .65fr 1.25fr}.lives-panel,.stamina-panel,.possession-panel,.combo-panel{padding:.55rem}.lives span{width:15px}.possession-panel,.combo-panel{min-width:0}.possession-panel strong,.combo-panel strong{font-size:.7rem}.desktop-controls{display:none}.touch-controls{display:flex}footer span:last-child{display:none}}@media(hover:none)and (pointer:coarse){.desktop-controls{display:none}.touch-controls{display:flex}}@media(max-width:430px){.brand-mark{width:32px;height:32px}h1{font-size:1.55rem}.overlay-kicker,.mission-row{display:none}.overlay-panel h2{font-size:2rem}.primary-button{margin-top:.6rem}.controls-panel{padding:.6rem}.d-pad{grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px)}.dash-button{width:78px;height:78px}.touch-restart-button{width:78px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}