@import "https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Space+Mono:wght@400;700&display=swap";:root{color:#f8f1d4;font-synthesis:none;background:#090516;font-family:Space Mono,monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 15%,#2f1350 0,#0000 40%),repeating-linear-gradient(0deg,#0d081c 0 2px,#090516 2px 4px);min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}.menu{grid-template-columns:1.25fr 1fr;align-content:center;gap:32px 48px;width:min(1160px,100% - 32px);min-height:100vh;margin:auto;padding:48px 0 28px;display:grid}.marquee{text-align:center;grid-column:1/-1;transform:rotate(-1deg)}.eyebrow,.step-label{color:#70efff;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:700}h1{color:#fff4cb;letter-spacing:-.04em;text-shadow:5px 5px #d92e5b,10px 10px #331343;margin:0;font-family:Black Ops One,impact,sans-serif;font-size:clamp(58px,10vw,132px);font-weight:400;line-height:.7}h1 span{color:#f7e05e;letter-spacing:.02em;font-size:.57em}.tagline{color:#d9cbea;letter-spacing:.12em;text-transform:uppercase;margin:30px 0 0;font-size:14px}.character-select,.join-panel{background:#120b22e8;border:3px solid #473160;padding:24px;box-shadow:8px 8px #05030b}.character-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.character-card{color:#f8f1d4;cursor:pointer;text-align:left;background:#0c0718;border:3px solid #332344;min-height:162px;padding:0;transition:transform .1s,border-color .1s;position:relative}.character-card:hover,.character-card:focus-visible{border-color:#70efff;outline:none;transform:translateY(-4px)}.character-card.selected{border-color:var(--local-color,#f7e05e);box-shadow:0 0 0 2px var(--local-color,#d92e5b)}.fighter-picks{z-index:1;flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:6px;left:6px}.fighter-pick{background:var(--pick-color,#f7e05e);color:#090516;letter-spacing:.04em;border:2px solid #090516;place-items:center;min-width:22px;height:18px;font-size:9px;font-weight:700;display:grid}.lobby-roster-wrap{margin-top:18px}.lobby-roster{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lobby-player{background:#0c0718;border:2px solid #332344;grid-template-columns:14px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.lobby-player.local{border-color:var(--player-color,#f7e05e)}.lobby-player-swatch{background:var(--player-color,#f7e05e);width:12px;height:12px;box-shadow:2px 2px #05030b}.lobby-player-name,.lobby-player-fighter,.lobby-player-ready{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.lobby-player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lobby-player-fighter{color:#d9cbea}.lobby-player-ready{color:#a990bd}.lobby-player.ready .lobby-player-ready{color:#7dff8a}.player-name-field{color:#a990bd;text-transform:uppercase;gap:7px;font-size:11px;display:grid}#player-name{color:#fff;letter-spacing:.12em;text-transform:uppercase;background:#090516;border:3px solid #473160;border-radius:0;width:100%;min-height:45px;padding:0 14px;font-size:19px;font-weight:700}#player-name:focus{border-color:#70efff;outline:none}.lobby-player-you{color:#70efff;margin-left:6px}.solo-actions{flex-direction:column;gap:12px;display:flex}.join-panel:not(.lobby-open) .lobby-actions,.join-panel.lobby-open .solo-actions{display:none}.lobby-actions{flex-direction:column;gap:12px;display:flex}.lobby-code{color:#f7e05e;letter-spacing:.16em;margin:0;font-size:22px;font-weight:700}.lobby-hint{color:#a990bd;margin:0;font-size:12px}.arcade-button.is-ready{color:#090516;background:#7dff8a;border-color:#7dff8a}.fighter-preview{background:linear-gradient(135deg, transparent 48%, #ffffff16 49% 52%, transparent 53%), var(--fighter-secondary);height:98px;position:relative;overflow:hidden}.fighter-head,.fighter-body,.fighter-leg,.fighter-arm{image-rendering:pixelated;display:block;position:absolute}.fighter-sprite{width:96px;height:96px;image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;background-size:800% 600%;display:block;position:absolute;top:1px;left:50%;transform:translate(-50%)}.fighter-head{background:var(--fighter-accent);width:22px;height:22px;top:16px;left:calc(50% - 11px)}.fighter-body{background:var(--fighter-primary);width:34px;height:38px;top:37px;left:calc(50% - 17px)}.fighter-leg{background:var(--fighter-primary);width:12px;height:24px;top:72px;left:calc(50% - 15px)}.fighter-leg.right{left:calc(50% + 3px)}.fighter-arm{background:var(--fighter-accent);width:12px;height:34px;top:40px;left:calc(50% - 29px);transform:rotate(15deg)}.fighter-arm.right{left:calc(50% + 17px);transform:rotate(-28deg)}.fighter-name,.fighter-role{padding:7px 10px 0;font-weight:700;display:block}.fighter-role{color:#a990bd;text-transform:uppercase;padding-top:2px;font-size:10px}.join-panel{flex-direction:column;gap:12px;display:flex}.test-start{color:#a990bd;text-transform:uppercase;gap:7px;font-size:11px;display:grid}.test-start select{color:#f8f1d4;cursor:pointer;background:#090516;border:3px solid #473160;border-radius:0;min-height:45px;padding:0 12px}.test-start select:focus{border-color:#70efff;outline:none}.arcade-button{color:#f8f1d4;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#241237;border:3px solid #f8f1d4;min-height:49px;font-weight:700;box-shadow:4px 4px #05030b}.arcade-button:hover,.arcade-button:focus-visible{color:#090516;background:#70efff;outline:none}.arcade-button.primary{color:#090516;background:#f7e05e;border-color:#f7e05e}.arcade-button.compact{min-width:84px;min-height:45px}#join-form{margin-top:8px}#join-form label{color:#a990bd;text-transform:uppercase;margin-bottom:7px;font-size:11px;display:block}.join-row{gap:10px;display:flex}#room-code{color:#fff;letter-spacing:.15em;text-transform:uppercase;background:#090516;border:3px solid #473160;border-radius:0;width:100%;min-width:0;padding:0 14px;font-size:19px;font-weight:700}#room-code:focus{border-color:#70efff;outline:none}.menu-status{color:#ff8cad;min-height:22px;margin:2px 0 0;font-size:12px}.legal{color:#6c577d;text-align:center;grid-column:1/-1;margin:0;font-size:10px}.game-shell{background:#05030b;min-height:100vh}.top-bar,.controls{color:#a990bd;text-transform:uppercase;justify-content:space-between;align-items:center;width:min(100%,960px);min-height:44px;margin:auto;font-size:11px;display:flex}.top-bar-actions{align-items:center;gap:16px;display:flex}.top-bar button{color:#70efff;cursor:pointer;text-transform:uppercase;background:0 0;border:0}.options-dialog{width:min(520px,100% - 32px);color:inherit;background:0 0;border:3px solid #473160;padding:0}.options-dialog::backdrop{background:#05030bcc}.options-panel{background:#120b22;border:3px solid #f7e05e;padding:24px;box-shadow:8px 8px #05030b}.options-panel h2{color:#fff4cb;letter-spacing:.02em;margin:0 0 18px;font-family:Black Ops One,impact,sans-serif;font-size:42px;font-weight:400;line-height:.9}.audio-options{gap:12px;margin-bottom:22px;display:grid}.volume-row{color:#f8f1d4;letter-spacing:.08em;text-transform:uppercase;grid-template-columns:132px 1fr 44px;align-items:center;gap:12px;font-size:12px;font-weight:700;display:grid}.volume-row input[type=range]{appearance:none;cursor:pointer;background:#090516;border:3px solid #473160;width:100%;height:18px}.volume-row input[type=range]::-webkit-slider-thumb{appearance:none;background:#f7e05e;border:3px solid #090516;width:18px;height:28px}.volume-row input[type=range]::-moz-range-thumb{background:#f7e05e;border:3px solid #090516;width:18px;height:28px}.volume-row output{color:#70efff;font-variant-numeric:tabular-nums;text-align:right}.options-toggle{color:#f8f1d4;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.options-toggle input{accent-color:#f7e05e;width:18px;height:18px}.options-hint{color:#a990bd;letter-spacing:.04em;text-transform:none;margin:4px 0 0;font-size:11px}.options-panel .arcade-button{width:100%}#game{background:#080512;width:100%;min-height:min(540px,100vh - 94px);box-shadow:0 0 42px #6d2f8b44}#game canvas{max-width:100%;image-rendering:pixelated}.controls{flex-wrap:wrap;justify-content:center;gap:12px 22px;min-height:50px}kbd{color:#f8f1d4;background:#1a1028;border:1px solid #6c577d;padding:2px 5px;box-shadow:2px 2px #000}@media (max-width:760px){.menu{grid-template-columns:1fr;align-content:start;padding-top:32px}.marquee{grid-column:1}.character-grid{grid-template-columns:1fr}.character-card{grid-template-columns:100px 1fr;min-height:92px;display:grid}.fighter-preview{grid-row:1/3;height:86px}.volume-row{grid-template-columns:1fr 40px;gap:8px}.volume-row span{grid-column:1/-1}}