:root{color-scheme:dark;--lime:#ddfc52;--orange:#ff7650;--ink:#101517;--muted:#90999a}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f3f5ee;font-family:Barlow,Arial,sans-serif}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:5px}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #303638}.brand{display:flex;align-items:center;gap:13px;color:#f3f5ee;text-decoration:none;font-weight:800;font-size:23px;letter-spacing:-.6px}.brandmark{background:var(--lime);color:var(--ink);padding:7px 8px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-style:italic;font-size:25px;transform:rotate(-5deg)}.edition{font-size:12px;letter-spacing:1.7px;color:var(--muted);border-left:1px solid #424749;padding-left:20px;margin-left:9px;font-weight:500}.topright{display:flex;gap:22px;align-items:center;font-size:12px;font-weight:600;letter-spacing:1.3px}.topright button{background:none;color:#c1c6c5;border:1px solid #444c4d;padding:10px 13px;font-size:12px;letter-spacing:1px}.topright #help{border-radius:50%;width:34px;height:34px;padding:0}.live{color:#aab3b2}.arena{position:relative;margin:20px 24px 0;height:calc(100svh - 194px);min-height:520px;background:#151e20;overflow:hidden;border:1px solid #35403f}canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 150px 50px #060c0d66}.hud{position:absolute;top:27px;left:30px;right:30px;display:flex;align-items:flex-start;justify-content:space-between;gap:30px;pointer-events:none}.fighter-info{width:34%;max-width:440px}.names{display:flex;align-items:center;justify-content:space-between;font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;font-weight:700;letter-spacing:.8px}.names small{font-family:Barlow,Arial,sans-serif;font-size:11px;color:#abb6b2;letter-spacing:1.6px;margin:0 10px}.names b{font-family:Barlow,sans-serif;font-size:14px}.swatch{display:inline-block;width:7px;height:7px;vertical-align:middle;margin-right:5px}.lime{background:var(--lime)}.orange{background:var(--orange)}.health{height:9px;background:#55626366;margin-top:9px;transform:skewX(-16deg)}.health i{display:block;height:100%;width:100%;background:var(--lime);transition:width .16s}.opponent .health i{background:var(--orange);margin-left:auto}.stamina{height:3px;background:#4c575866;margin-top:7px;width:66%}.stamina i{display:block;height:100%;width:100%;background:#c6d5ce}.opponent .stamina{margin-left:auto}.opponent .stamina i{margin-left:auto}.tiny{font-size:10px;letter-spacing:1.5px;color:#c1cbc6;display:flex;justify-content:space-between;margin-top:7px}.round{text-align:center;min-width:115px}.round span{font-size:12px;letter-spacing:3px;color:var(--lime)}.round strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:44px;line-height:1.1;font-weight:700;letter-spacing:1px}.round small{font-size:9px;color:#adbbb7;letter-spacing:1.3px;white-space:nowrap}.corner-label{position:absolute;top:135px;left:30px;font-size:10px;color:#bdc9c3;letter-spacing:1.6px;display:flex;align-items:center;gap:9px}.dot{width:5px;height:5px;border-radius:50%;background:var(--lime)}.dim{color:#65716c;margin:0 8px}.pause{position:absolute;right:30px;top:127px;background:#17202499;border:1px solid #566461;color:#e3eee7;width:32px;height:32px}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0b1319dd 0%,#0b131994 36%,#0b131915 80%);display:flex;align-items:center;padding:130px 6% 50px}.start-card{max-width:430px}.eyebrow{color:var(--lime);font-weight:600;font-size:12px;letter-spacing:2.8px}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(70px,8vw,128px);line-height:.78;letter-spacing:-3px;margin:26px 0 24px;font-weight:900;font-style:italic}h1 span{color:var(--lime)}p{font-size:16px;color:#b9c4c1;line-height:1.55;margin:18px 0}.start-options{display:flex;align-items:center;gap:20px;margin:24px 0 14px}.start-options label{font-size:10px;letter-spacing:1.5px;color:#abb8b2}select{background:#152224aa;border:0;border-bottom:1px solid #637368;padding:9px 10px;color:#f5f9ed;font-size:14px}.primary{display:block;border:0;background:var(--lime);color:#172014;font-weight:800;letter-spacing:1.5px;font-size:14px;padding:19px 32px;min-width:255px;text-align:center;transform:skewX(-5deg);transition:filter .2s,translate .2s}.primary:hover{filter:brightness(1.12);translate:2px -2px}.primary:disabled{opacity:.5;cursor:wait}.loaded{display:block;font-size:11px;color:#91a297;letter-spacing:1px;margin-top:13px}.intro-tag{position:absolute;right:5%;bottom:16%;font-size:11px;letter-spacing:2px;line-height:1.8;text-align:right;color:#a8b9ac}.intro-tag b{font-size:21px;line-height:1.1;font-family:'Barlow Condensed',Impact,sans-serif;color:#e0e8dd;display:block;margin-top:8px}.arena-bottom{position:absolute;bottom:21px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.8px;color:#b9c9bd;pointer-events:none}.hidden{display:none!important}.dialog{margin:auto;width:min(550px,100%);background:#121d21ee;border:1px solid #637265;padding:40px}.dialog h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:52px;font-style:italic;line-height:1;margin:20px 0}.dialog .primary{width:100%}.secondary{width:100%;margin-top:13px;padding:15px;color:#d4dfd5;background:transparent;border:1px solid #4f6357;letter-spacing:1px;font-size:12px}.stats{display:flex;gap:30px;justify-content:space-between;margin:30px 0}.stats strong{display:block;font-size:28px;color:var(--lime)}.stats span{font-size:10px;color:#b0beb7;letter-spacing:1px}.credits{font-size:12px!important;color:#82998b}#pausePanel,#helpPanel,#end{background:#081113ba;padding:25px;backdrop-filter:blur(5px)}#impact{position:absolute;top:30%;left:0;right:0;text-align:center;pointer-events:none;font:italic 900 60px 'Barlow Condensed',Impact,sans-serif;color:var(--lime);text-shadow:3px 5px #172319;letter-spacing:2px}#toast{position:absolute;top:23%;left:0;right:0;text-align:center;font-size:12px;color:#edf4e8;letter-spacing:2px;pointer-events:none}footer{height:87px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:16px}.keys{display:flex;gap:22px;align-items:center}.keys>span{font-size:10px;letter-spacing:1px;color:#96a29c;white-space:nowrap}kbd{font-family:Barlow,sans-serif;font-size:11px;font-weight:600;color:#dce5dd;border:1px solid #536058;padding:5px 7px;border-radius:3px;margin-right:6px;box-shadow:0 2px #34423a}.footer-note{font-size:10px;letter-spacing:1.5px;color:#6f8375}.footer-note b{color:var(--lime);font-weight:500}.touch-controls{display:none;position:absolute;bottom:48px;left:18px;right:18px;justify-content:space-between;pointer-events:none}.touch-controls button{touch-action:none;pointer-events:auto;background:#13231dd9;border:1px solid #abc89988;color:#effadd;min-width:46px;height:44px;font-size:12px}.dpad{display:grid;grid-template-columns:repeat(3,46px);gap:4px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.touch-punches{display:grid;grid-template-columns:repeat(2,55px);gap:4px;align-self:end}@media(max-height:800px) and (min-width:801px){.arena{min-height:470px}.overlay{padding-top:100px}h1{font-size:90px;margin:20px 0}.start-card p{margin:12px 0}.start-options{margin:14px 0 10px}.primary{padding:16px 25px}}@media(max-width:1050px){.edition,.live,.footer-note,.names small{display:none}.keys{gap:12px}header{padding:0 24px}.fighter-info{width:34%}}@media(max-width:700px){header{height:64px;padding:0 16px}.brand{font-size:20px}.topright{gap:10px}.arena{margin:10px 8px 0;height:calc(100svh - 90px);min-height:580px}.hud{top:18px;left:16px;right:16px;gap:12px}.names{font-size:18px}.round{min-width:70px}.round strong{font-size:35px}.round small{display:none}.round span{font-size:10px;letter-spacing:1px}.tiny{font-size:8px}.corner-label{left:17px;top:107px;font-size:8px}.pause{top:101px;right:17px}.overlay{padding:115px 26px 140px}.start-card{max-width:300px}h1{font-size:88px}.intro-tag{display:none}.eyebrow{font-size:10px}.start-card p{font-size:14px}.start-options{gap:9px}.primary{min-width:230px}.arena-bottom{font-size:8px;left:16px;right:16px;bottom:16px}.arena-bottom>span:last-child{max-width:140px;text-align:right;line-height:1.7}footer{display:none}.touch-controls{display:flex}body:not(.playing) .touch-controls{display:none}.dialog{padding:24px}.dialog h2{font-size:38px}.dialog p{font-size:14px}.stats{gap:12px}#impact{font-size:45px}}@media(pointer:coarse){.touch-controls{display:flex}body:not(.playing) .touch-controls{display:none}}