@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
#rival-picker{font-size:9px;letter-spacing:1.5px;color:#9492a7;margin-top:14px}#rival{font:inherit;letter-spacing:0;background:#252532;color:#eae9f2;border:1px solid #ffffff30;border-radius:6px;padding:7px;margin-left:10px}#change-fighter{background:none;border:0;color:#b7b1cc;text-decoration:underline;font-size:11px;margin-top:12px}#change-fighter[hidden],#rival-picker[hidden]{display:none}@media(max-width:650px){#rival-picker{margin-top:7px;font-size:8px}#rival{padding:3px}#message{max-width:95%}}
#round-art{max-height:140px;width:auto;image-rendering:pixelated}@media(max-width:650px){#round-art{max-height:80px}}
.fighter[data-fighter=disco].selected{border-color:#f781db;background:#f781db10}
.fighter[data-fighter=vibe].selected{border-color:#72dfbd;background:#72dfbd10}.fighters{max-width:100%}.fighter{min-width:0}@media(max-width:650px){.fighters .fighter{width:31%;padding-left:2px;padding-right:2px}.fighters .fighter small{letter-spacing:0}.fighters .fighter canvas{width:74px;height:70px}.fighters .fighter strong{font-size:9px}}
:root{color-scheme:dark;--ink:#eae9f2;--muted:#9492a7;--purple:#beabff;--gold:#ffcb63}*{box-sizing:border-box}body{margin:0;background:#101018;color:var(--ink);font-family:'Space Grotesk',system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #e6d1ff;outline-offset:5px}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff12}header>span{font-size:10px;letter-spacing:3px;color:var(--muted)}.brand{font-weight:700;letter-spacing:2px;font-size:15px;color:inherit;text-decoration:none}.brand i{font-size:28px;color:var(--purple);font-style:normal;vertical-align:middle;margin-right:10px}header button,.arena-footer button{background:transparent;border:1px solid #ffffff24;border-radius:7px;padding:9px 14px;font-size:11px}main{max-width:1320px;margin:auto;padding:45px 40px 20px}.intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--purple);font-weight:600}h1{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-3px;margin:18px 0 0}h1 em{font-style:normal;color:var(--purple)}.lede{font-size:14px;line-height:1.8;color:var(--muted);padding-right:35px}.game{position:relative;border:1px solid #ffffff20;border-radius:18px;overflow:hidden;background:#171722;box-shadow:0 30px 100px #0005}.hud{display:flex;align-items:center;justify-content:space-between;padding:22px 30px;background:#181821}.hud>div:not(.mid){width:34%}.hud span{font-size:11px;letter-spacing:1.4px}.health{height:6px;background:#ffffff12;margin:10px 0;border-radius:8px;overflow:hidden}.health b{display:block;width:100%;height:100%;background:var(--purple);transition:width .12s}.enemy .health b{background:var(--gold);margin-left:auto}.enemy{text-align:right}.hud small{font-size:13px;letter-spacing:5px;color:var(--muted)}.mid{display:flex;flex-direction:column;align-items:center;gap:5px}.mid strong{font-size:29px}.mid small{font-size:8px;letter-spacing:2px}#arena{width:100%;height:auto;display:block;touch-action:none}.arena-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 25px;background:#181821}.arena-footer span{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.overlay{position:absolute;inset:0;background:#101019ed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;backdrop-filter:blur(7px)}.overlay[hidden]{display:none}h2{font-size:clamp(25px,4vw,45px);letter-spacing:-1.5px;margin:8px 0 20px}.fighters{display:flex;gap:18px}.fighter{border:1px solid #ffffff1c;border-radius:12px;background:#ffffff03;padding:8px 22px 20px;width:240px;display:flex;align-items:center;flex-direction:column}.fighter.selected{border-color:var(--purple);background:#beabff10;box-shadow:0 0 35px #beabff0b}.fighter[data-fighter=gold].selected{border-color:var(--gold);background:#ffcb6310}.fighter canvas{width:160px;height:151px;image-rendering:pixelated}.fighter strong{font-size:15px}.fighter small{color:var(--muted);font-size:8px;letter-spacing:1px;margin-top:8px}#message{font-size:12px;color:var(--muted);margin:20px 0}.primary{background:var(--ink);color:#15151d;border:0;border-radius:8px;font-weight:700;padding:15px 40px;min-width:190px}.guide{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;gap:30px;margin:30px 0 45px}.guide span{font-size:9px;letter-spacing:2px;color:var(--purple)}.guide p{font-size:12px;line-height:1.9;color:var(--muted)}kbd{font:inherit;color:var(--ink)}footer{border-top:1px solid #ffffff14;padding-top:20px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}footer span{font-size:8px;letter-spacing:1px}.touch{display:flex;gap:10px;margin-top:14px;justify-content:center}.touch button{touch-action:none;user-select:none;border:1px solid #ffffff25;border-radius:8px;background:#20202e;min-height:44px;padding:10px 14px;font-size:11px}.dpad{display:flex;gap:5px}.touch .fire{color:var(--purple)}.touch button.active{background:#4d416d}@media(max-width:650px){header{height:62px}header>span{display:none}main{padding:25px 12px}.intro{margin-bottom:23px}.lede{display:none}h1{font-size:42px;letter-spacing:-2px}.hud{padding:12px}.hud span{font-size:8px;letter-spacing:.2px}.hud small{font-size:10px}.mid strong{font-size:20px}.mid small{font-size:6px}.arena-footer{padding:9px}.arena-footer span{font-size:7px;letter-spacing:0}.overlay{padding:12px}.overlay .eyebrow{font-size:7px;margin:0}h2{font-size:23px;margin:5px 0 10px}.fighters{gap:9px;width:100%;justify-content:center}.fighter{width:42%;padding:2px 4px 8px}.fighter canvas{width:80px;height:76px}.fighter strong{font-size:10px}.fighter small{font-size:5px;margin-top:4px}.primary{padding:10px 20px;font-size:11px}#message{font-size:9px;margin:10px 0}.guide{grid-template-columns:1fr;gap:8px;margin:25px 10px}.guide p{margin:6px 0}.touch{gap:5px}.touch button{font-size:9px;padding:8px 9px}footer{line-height:1.6;gap:20px}footer span{max-width:110px;text-align:right}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.fighter[data-fighter=star].selected{border-color:#d99aff;background:#d99aff10}.fighters{width:100%;gap:12px}.fighter{flex:1;width:auto;padding:8px 8px 16px}.fighter canvas{max-width:100%;object-fit:contain}.fighter small{letter-spacing:0}.game:has(#fighters:not([hidden])){min-height:600px}#scene{font:inherit;letter-spacing:0;background:#252532;color:#eae9f2;border:1px solid #ffffff30;border-radius:6px;padding:7px;margin-left:10px}#rival-picker p{margin:0 0 10px}@media(max-width:800px){.fighters{flex-wrap:wrap;max-width:560px;justify-content:center}.fighters .fighter{flex:0 0 30%;width:30%;padding:4px 4px 8px}.fighter canvas{width:90px;height:85px}.fighter strong{font-size:11px}.fighter small{font-size:6px}.game:has(#fighters:not([hidden])){min-height:590px}.overlay{padding:16px}#rival-picker{font-size:8px;letter-spacing:1px}}