:root{color-scheme:dark;--ink: #09080d;--panel: #111019ec;--steel: #cbc7bc;--paper: #fff4dc;--muted: #918d91;--cyan: #40e6ff;--cyan-dark: #087a9b;--orange: #ff5a37;--orange-dark: #a21716;--acid: #e7ff59;--safe: max(18px, env(safe-area-inset-left))}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink)}body{color:var(--paper);font-family:Arial Narrow,Roboto Condensed,Impact,system-ui,sans-serif;text-transform:uppercase;-webkit-user-select:none;user-select:none}button,input{font:inherit;text-transform:uppercase}button{border:1px solid #ffffff2f;border-radius:3px;background:#191722;color:var(--paper);cursor:pointer;letter-spacing:.08em;transition:transform .1s ease,border-color .1s ease,background .1s ease,color .1s ease}button:hover{transform:translateY(-2px);border-color:var(--cyan)}button:active{transform:translateY(1px) scale(.99)}button:focus-visible,input:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.hidden{display:none!important}#game-canvas{position:fixed;inset:0;width:100%;height:100%;background:#08070c}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 4px);mix-blend-mode:multiply}#ui-shell{position:fixed;inset:0;z-index:4;pointer-events:none}#ui-shell button,#ui-shell input,.screen,.launch-overlay,.tutorial-hud{pointer-events:auto}.arcade-return{position:absolute;z-index:8;top:max(18px,env(safe-area-inset-top));right:var(--safe);padding:8px 10px;color:#9c979d;border:1px solid #ffffff24;background:#09080dbd;font:900 9px/1 system-ui,sans-serif;letter-spacing:.12em;text-decoration:none}.arcade-return:hover,.arcade-return:focus-visible{color:var(--cyan);border-color:var(--cyan)}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(28px,env(safe-area-inset-top)) var(--safe) max(22px,env(safe-area-inset-bottom))}.title-screen{align-items:flex-start;background:linear-gradient(90deg,#08070df5 0%,#08070de8 42%,#08070d66 72%,transparent),linear-gradient(180deg,transparent 70%,#08070de6)}.eyebrow{color:var(--cyan);font:800 clamp(9px,1vw,12px)/1 system-ui,sans-serif;letter-spacing:.24em}.title-screen>.eyebrow{position:absolute;top:max(22px,env(safe-area-inset-top));left:var(--safe)}.logo-lockup{width:min(52vw,650px);margin-left:clamp(0px,3vw,46px);transform:skewY(-2deg)}.logo-kicker{display:block;color:var(--acid);font:900 clamp(9px,1vw,12px)/1 system-ui,sans-serif;letter-spacing:.2em}h1{margin:5px 0 0;font-size:clamp(82px,13.5vw,188px);font-weight:950;line-height:.62;letter-spacing:-.075em;filter:drop-shadow(8px 10px 0 #000a)}h1 span,h1 b{display:block}h1 span{color:var(--paper);-webkit-text-stroke:2px #231f28}h1 b{color:var(--orange);-webkit-text-stroke:2px #53120e;text-shadow:8px 8px 0 var(--cyan-dark)}.logo-lockup p{margin:25px 0 0 5px;color:#b7b2ad;font-size:clamp(14px,1.65vw,22px);font-weight:900;letter-spacing:.11em}.online-card{position:absolute;top:50%;right:clamp(18px,4vw,70px);width:min(360px,36vw);padding:22px;border:1px solid #ffffff25;border-top:3px solid var(--cyan);background:linear-gradient(145deg,#15131eee,#09080de8);box-shadow:18px 18px #0006;transform:translateY(-48%)}.online-rule{margin-bottom:18px;color:var(--cyan);font:900 10px/1.2 system-ui,sans-serif;letter-spacing:.12em}.online-rule span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#65ff83;box-shadow:0 0 10px #65ff83}.field-label{display:block;margin:0 0 6px;color:#a7a1a5;font:800 9px/1 system-ui,sans-serif;letter-spacing:.18em}input{width:100%;min-width:0;padding:12px 13px;border:1px solid #ffffff33;border-radius:2px;outline:0;background:#06050ac7;color:var(--paper);font:900 16px/1 system-ui,sans-serif;letter-spacing:.1em}input:focus{border-color:var(--cyan)}.primary-button{width:100%;margin-top:12px;padding:14px 18px;border:0;background:var(--orange);color:#160806;font-weight:950;box-shadow:5px 5px #7c1611}.primary-button:hover{border-color:transparent;background:var(--acid)}.join-row{display:grid;grid-template-columns:1fr 90px;gap:8px;margin-top:11px}.join-row button{background:var(--cyan-dark);font-weight:900}.ghost-button{width:100%;margin-top:11px;padding:11px 14px;background:transparent;color:#b8b1b5;font-size:11px;font-weight:900}.status-line{min-height:28px;margin:15px 0 0;color:var(--muted);font:700 10px/1.4 system-ui,sans-serif;text-transform:none}.status-line.error{color:#ff846f}.title-footer{position:absolute;right:var(--safe);bottom:max(18px,env(safe-area-inset-bottom));left:var(--safe);display:flex;justify-content:space-between;gap:16px;padding-top:12px;border-top:1px solid #ffffff21;color:#7c787e;font:800 clamp(8px,.8vw,10px)/1 system-ui,sans-serif;letter-spacing:.12em}.title-footer b{color:var(--paper)}.lobby-screen{background:radial-gradient(circle,#11111be8,#08070dfa 72%)}.lobby-screen h2{margin:18px 0 8px;color:var(--paper);font-size:clamp(38px,7vw,76px);letter-spacing:-.04em}#room-code{padding:0 12px;border:0;background:transparent;color:var(--acid);font-size:inherit;font-weight:950;letter-spacing:.12em}#lobby-status{margin:0 0 22px;color:var(--muted);font:700 12px/1.4 system-ui,sans-serif;text-transform:none}.lobby-slots{display:grid;grid-template-columns:repeat(2,minmax(230px,320px));gap:12px;width:min(660px,92vw)}.lobby-slot{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;min-height:74px;padding:14px;border:1px solid #ffffff20;border-left:4px solid var(--fighter-color, #35323a);background:#111019dc}.lobby-slot i{width:38px;height:38px;border:7px double #09080d;border-radius:50%;background:var(--fighter-color, #24212a);box-shadow:0 0 0 2px var(--fighter-color, #24212a)}.lobby-slot strong{display:block;font-size:18px;letter-spacing:.04em}.lobby-slot span{color:var(--muted);font:800 9px/1 system-ui,sans-serif;letter-spacing:.16em}.lobby-slot.ready span{color:var(--acid)}.lobby-screen .primary-button,.lobby-screen .ghost-button{width:min(440px,88vw)}.lobby-screen>small{margin-top:18px;color:#6f6b71;font:800 9px/1 system-ui,sans-serif;letter-spacing:.15em}.hud{position:fixed;top:max(14px,env(safe-area-inset-top));right:var(--safe);left:var(--safe);z-index:5;display:grid;grid-template-columns:minmax(210px,1fr) 180px minmax(210px,1fr);gap:18px;pointer-events:none}.hud.impact-kick .fighter-card.cyan{animation:hud-kick-left .14s cubic-bezier(.2,.9,.35,1)}.hud.impact-kick .fighter-card.orange{animation:hud-kick-right .14s cubic-bezier(.2,.9,.35,1)}.hud.impact-kick .spin-track{filter:brightness(1.8)}@keyframes hud-kick-left{0%{transform:translate(0)}25%{transform:translate(var(--impact-kick))}to{transform:translate(0)}}@keyframes hud-kick-right{0%{transform:translate(0)}25%{transform:translate(calc(0px - var(--impact-kick)))}to{transform:translate(0)}}.fighter-card{min-width:0;padding:10px 12px;border-top:3px solid currentColor;background:#09080dd9;box-shadow:0 7px 18px #0007}.fighter-card.cyan{color:var(--cyan)}.fighter-card.orange{color:var(--orange);text-align:right}.fighter-line{display:flex;align-items:baseline;gap:8px}.orange .fighter-line{flex-direction:row-reverse}.fighter-line strong{min-width:0;overflow:hidden;color:var(--paper);font-size:clamp(12px,1.4vw,19px);text-overflow:ellipsis;white-space:nowrap}.side-tag{color:currentColor;font:900 8px/1 system-ui,sans-serif;letter-spacing:.14em}.win-pips{margin-left:auto;color:currentColor;font:950 13px/1 system-ui,sans-serif;letter-spacing:.08em}.orange .win-pips{margin-right:auto;margin-left:0}.spin-track{height:8px;margin-top:7px;overflow:hidden;background:#302e35}.spin-track i{display:block;width:100%;height:100%;background:currentColor;box-shadow:0 0 10px currentColor;transition:width 80ms linear}.fighter-card small{color:#9e999d;font:800 8px/1 system-ui,sans-serif;letter-spacing:.14em}.round-stack{text-align:center}.round-stack span{display:block;color:#969196;font:900 8px/1 system-ui,sans-serif;letter-spacing:.12em}.round-stack strong{display:block;margin:4px 0 1px;font:950 clamp(25px,3vw,38px)/.9 system-ui,sans-serif;font-variant-numeric:tabular-nums}.round-stack em{color:#6cff7b;font:900 7px/1 system-ui,sans-serif;letter-spacing:.2em}.corner-button{position:fixed;z-index:7;right:var(--safe);bottom:max(16px,env(safe-area-inset-bottom));padding:8px 11px;background:#09080dbd;color:#aaa4a8;font:900 9px/1 system-ui,sans-serif}.launch-overlay{position:absolute;top:50%;left:50%;width:min(460px,88vw);padding:23px 28px 27px;border-top:3px solid var(--acid);background:#0b0910e8;text-align:center;box-shadow:13px 13px #0008;transform:translate(-50%,-45%)}.launch-overlay>span{color:var(--cyan);font:900 10px/1 system-ui,sans-serif;letter-spacing:.2em}.launch-overlay h2{margin:6px 0 18px;font-size:clamp(37px,7vw,68px);line-height:.9;letter-spacing:-.04em}.gauge-shell{position:relative;height:20px;margin-bottom:17px;overflow:hidden;border:2px solid #fff5d4;background:#28252d;transform:skew(-10deg)}.gauge-shell i{display:block;width:50%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--acid),var(--orange));box-shadow:0 0 14px var(--acid)}.gauge-shell b{position:absolute;top:-3px;left:calc(100% - 7px);width:5px;height:22px;background:#fff;box-shadow:0 0 8px #fff}.rip-button{width:100%;padding:15px;border:0;background:var(--acid);color:#16170a;font-size:21px;font-weight:950;box-shadow:5px 5px #68781b}.rip-button:disabled{cursor:default;filter:grayscale(.6);opacity:.6}.launch-overlay p{margin:13px 0 0;color:#8c878d;font:800 9px/1 system-ui,sans-serif;letter-spacing:.12em}.round-banner{position:absolute;top:50%;left:50%;width:min(720px,92vw);padding:22px;border-block:1px solid #ffffff40;background:#08070de8;text-align:center;transform:translate(-50%,-50%) skewY(-2deg)}.round-banner small{display:block;color:var(--orange);font:950 12px/1 system-ui,sans-serif;letter-spacing:.25em}.round-banner strong{display:block;margin-top:7px;font-size:clamp(30px,6vw,64px);line-height:.9}.result-screen{background:radial-gradient(circle at 50% 42%,#1b1723ed,#08070dfb 70%)}.result-screen h2{margin:15px 0 2px;color:var(--acid);font-size:clamp(64px,12vw,132px);line-height:.8;letter-spacing:-.06em;text-shadow:7px 7px 0 var(--orange-dark)}.result-screen>p{color:var(--muted);font:900 10px/1 system-ui,sans-serif;letter-spacing:.2em}.result-ranking{display:grid;gap:7px;width:min(470px,90vw);margin:18px 0 8px}.result-row{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:12px 14px;border-left:4px solid var(--fighter-color);background:#121019dc}.result-row b{color:var(--fighter-color);font-size:22px}.result-row span{font-weight:900}.result-row em{color:var(--muted);font:900 10px/1 system-ui,sans-serif}.result-screen .primary-button,.result-screen .ghost-button{width:min(420px,88vw)}.tutorial-hud{position:absolute;top:max(16px,env(safe-area-inset-top));left:var(--safe);width:min(480px,calc(100vw - 36px));padding:14px 16px;border-left:4px solid var(--cyan);background:#09080de8;box-shadow:8px 8px #0007}.tutorial-hud span{display:block;color:var(--cyan);font:900 8px/1 system-ui,sans-serif;letter-spacing:.18em}.tutorial-hud strong{display:block;margin-top:5px;font-size:clamp(17px,3vw,25px)}.tutorial-hud p{margin:8px 0 0;color:#918c90;font:700 10px/1.35 system-ui,sans-serif;text-transform:none}.tutorial-hud button{position:absolute;top:12px;right:12px;padding:6px 8px;background:transparent;color:#9a9499;font:900 8px/1 system-ui,sans-serif}.touch-controls{position:fixed;inset:0;z-index:6;pointer-events:none}.touch-stick{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));width:112px;height:112px;border:2px solid #ffffff55;border-radius:50%;background:#08070d6b;pointer-events:auto;touch-action:none}.touch-stick:before,.touch-stick:after{content:"";position:absolute;background:#ffffff1f}.touch-stick:before{top:50%;left:10%;width:80%;height:1px}.touch-stick:after{top:10%;left:50%;width:1px;height:80%}.touch-stick i{position:absolute;top:50%;left:50%;width:46px;height:46px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px #40e6ff88;transform:translate(-50%,-50%)}#touch-burst{position:absolute;right:max(25px,env(safe-area-inset-right));bottom:max(40px,env(safe-area-inset-bottom));width:92px;height:92px;border:3px solid #ffb29f;border-radius:50%;background:#a21716d6;color:var(--paper);font:950 14px/1 system-ui,sans-serif;pointer-events:auto;touch-action:none}@media(max-width:900px){.title-screen{justify-content:flex-start;padding-top:58px;background:linear-gradient(180deg,#08070de8,#08070df9 62%)}.logo-lockup{width:100%;margin:0}h1{font-size:clamp(72px,21vw,140px)}.logo-lockup p{margin-top:19px}.online-card{position:relative;top:auto;right:auto;width:min(520px,100%);margin-top:26px;padding:16px;transform:none}.title-footer{display:none}.hud{grid-template-columns:1fr 86px 1fr;gap:6px;right:8px;left:8px}.fighter-card{padding:7px}.side-tag{display:none}.fighter-line strong{font-size:10px}.round-stack span{font-size:6px}.round-stack strong{font-size:22px}.lobby-slots{grid-template-columns:1fr;max-width:420px}}@media(max-height:720px)and (min-width:700px){.online-card{padding:15px}.logo-lockup p{margin-top:18px}.title-footer{bottom:10px}}@media(pointer:coarse){button{min-height:42px}.scanlines{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.scanlines{display:none}}