@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{height:100%;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:100dvh;overflow-x:hidden}button,input,select{font:inherit}.menu{grid-template-rows:auto minmax(0,1fr) auto;align-content:center;gap:18px;width:min(1380px,100% - 32px);min-height:100dvh;margin:auto;padding:28px 0 20px;display:grid}.marquee{border-bottom:2px solid #473160;grid-template-rows:1fr 1fr;grid-template-columns:auto 1fr;align-items:center;column-gap:24px;padding:0 4px 14px;display:grid}.eyebrow,.step-label{color:#70efff;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}h1{color:#fff4cb;letter-spacing:-.04em;text-shadow:3px 3px #d92e5b,6px 6px #331343;grid-area:1/1/3;margin:0;font-family:Black Ops One,impact,sans-serif;font-size:clamp(32px,5vh,54px);font-weight:400;line-height:.72}h1 span{color:#f7e05e;letter-spacing:.02em;font-size:.57em}.tagline{color:#d9cbea;letter-spacing:.12em;text-transform:uppercase;grid-area:2/2;margin:0;font-size:11px}.marquee>.eyebrow{grid-area:1/2;align-self:end;margin-bottom:3px}.menu-stage{grid-template-columns:minmax(390px,1.05fr) minmax(280px,.72fr) minmax(270px,.68fr);gap:14px;min-height:0;display:grid}.character-select,.fighter-spotlight,.join-panel{background:linear-gradient(#ffffff08,#0000 45%),#120b22f2;border:2px solid #473160;min-height:0;padding:14px;box-shadow:5px 5px #05030b}.character-select{flex-direction:column;display:flex}.panel-heading{border-bottom:1px solid #473160;justify-content:space-between;align-items:flex-start;gap:12px;min-height:46px;margin-bottom:12px;padding-bottom:10px;display:flex}.panel-heading .eyebrow{margin-bottom:3px}.panel-heading h2,.spotlight-copy h2{color:#fff4cb;letter-spacing:.01em;text-transform:uppercase;margin:0;font-family:Black Ops One,impact,sans-serif;font-size:clamp(20px,2.2vw,28px);font-weight:400;line-height:1}.roster-count{color:#a990bd;letter-spacing:.08em;text-transform:uppercase;background:#090516;border:1px solid #4f4261;flex:none;padding:5px 7px;font-size:9px}.character-grid{flex:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:0;display:grid}.character-card{color:#f8f1d4;background:linear-gradient(145deg, #ffffff0c, transparent 50%), var(--fighter-secondary);cursor:pointer;text-align:left;isolation:isolate;border:2px solid #3c2d4c;height:100%;min-height:0;padding:0;transition:transform .12s,border-color .12s,box-shadow .12s;display:block;position:relative;overflow:hidden}.character-card:hover,.character-card:focus,.character-card:focus-visible,.character-card.is-cursor{z-index:2;border-color:#70efff;outline:none;transform:translateY(-2px)scale(1.025)}.character-card.selected{z-index:1;border-color:var(--local-color,var(--fighter-accent));box-shadow:inset 0 0 0 2px #090516, 0 0 0 2px var(--local-color,var(--fighter-accent))}.character-card.selected:after{z-index:4;border-style:solid;border-width:0 0 18px 18px;border-color:transparent transparent var(--local-color,var(--fighter-accent)) transparent;content:"";width:0;height:0;position:absolute;bottom:0;right:0}.character-card.selected.is-cursor,.character-card.selected:focus{box-shadow:0 0 0 2px var(--local-color,#d92e5b), 0 0 0 5px #70efff}.fighter-picks{z-index:5;flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex;position:absolute;top:5px;right:5px}.fighter-pick{background:var(--pick-color,#f7e05e);color:#090516;letter-spacing:.04em;border:2px solid #090516;place-items:center;min-width:21px;height:17px;font-size:9px;font-weight:700;display:grid}.fighter-portrait{background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--fighter-primary) 26%, transparent), transparent 52%), repeating-linear-gradient(90deg, transparent 0 15px, #ffffff08 15px 16px);display:block;position:absolute;inset:0 0 24px;overflow:hidden}.fighter-portrait-sprite{aspect-ratio:1;width:160%;image-rendering:pixelated;transform-origin:50% 30%;background-position:0 0;background-repeat:no-repeat;background-size:800% 600%;display:block;position:absolute;top:-16%;left:50%;transform:translate(-50%)scale(1.15)}.portrait-placeholder,.portrait-placeholder>span{image-rendering:pixelated;display:block;position:absolute}.portrait-placeholder{inset:0}.portrait-head{aspect-ratio:.82;z-index:2;background:var(--fighter-accent);width:34%;top:21%;left:33%;box-shadow:inset 0 -6px #0002,5px 5px #0003}.portrait-head:before{content:"";background:#090516;width:5px;height:5px;position:absolute;top:43%;left:22%;box-shadow:18px 0 #090516}.portrait-head:after{content:"";background:#090516;width:13px;height:3px;position:absolute;bottom:19%;left:calc(50% - 6px)}.portrait-hair{z-index:3;background:color-mix(in srgb, var(--fighter-secondary) 58%, #fff);clip-path:polygon(0 0,100% 0,100% 75%,80% 60%,67% 100%,45% 65%,25% 100%,0 72%);width:40%;height:19%;top:15%;left:30%}.portrait-neck{z-index:1;background:var(--fighter-accent);width:16%;height:18%;top:52%;left:42%}.portrait-shoulders{background:var(--fighter-primary);clip-path:polygon(20% 0,80% 0,100% 42%,100% 100%,0 100%,0 42%);width:76%;height:43%;bottom:-15%;left:12%;box-shadow:inset 0 8px #ffffff18}.fighter-name{z-index:3;text-overflow:ellipsis;text-shadow:1px 1px #000;white-space:nowrap;background:#090516e8;border-top:1px solid #ffffff15;align-items:center;min-width:0;height:24px;padding:0 7px;font-size:clamp(8px,.85vw,11px);font-weight:700;line-height:1;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.fighter-spotlight{border-color:color-mix(in srgb, var(--fighter-accent) 60%, #473160);flex-direction:column;display:flex;position:relative;overflow:hidden}.spotlight-copy{z-index:2;position:relative}.spotlight-copy .eyebrow{margin-bottom:4px}.spotlight-copy h2{color:var(--fighter-accent);overflow-wrap:anywhere;text-shadow:3px 3px #05030b;font-size:clamp(21px,2.35vw,34px);line-height:.94}.selected-fighter-role{color:#d9cbea;letter-spacing:.12em;text-transform:uppercase;margin:5px 0 0;font-size:10px}.spotlight-stage{background:radial-gradient(ellipse at 50% 85%, color-mix(in srgb, var(--fighter-accent) 28%, transparent), transparent 52%), linear-gradient(180deg, color-mix(in srgb, var(--fighter-secondary) 75%, #090516), #090516);flex:1;min-height:180px;margin:10px -14px 0;position:relative;overflow:hidden}.spotlight-grid{opacity:.22;transform-origin:50% 100%;background-image:linear-gradient(#ffffff18 1px,#0000 1px),linear-gradient(90deg,#ffffff18 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;transform:perspective(180px)rotateX(55deg)scale(1.5)}.selected-fighter-visual{z-index:1;place-items:center;display:grid;position:absolute;inset:0}.spotlight-sprite{aspect-ratio:1;filter:drop-shadow(8px 10px #05030b88);width:min(100%,350px);image-rendering:pixelated;background-position:0 0;background-repeat:no-repeat;background-size:800% 600%;display:block;transform:translateY(-2%)scale(1.07)}.spotlight-platform{z-index:0;border:2px solid color-mix(in srgb, var(--fighter-accent) 65%, #473160);width:72%;height:17px;box-shadow:0 8px 0 #05030b, 0 0 26px var(--fighter-accent);background:#090516;border-radius:50%;position:absolute;bottom:6%;left:14%}.selected-fighter-special{color:#a990bd;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #473160;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;font-size:9px;display:flex}.selected-fighter-special strong{color:var(--fighter-accent);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.lobby-roster-wrap{z-index:3;flex:0 auto;max-height:38%;margin-top:10px;position:relative;overflow:auto}.lobby-roster{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lobby-player{background:#090516d9;border:1px solid #473160;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:6px 7px;display:grid}.lobby-player.local{border-color:var(--player-color,#f7e05e)}.lobby-player-swatch{background:var(--player-color,#f7e05e);width:9px;height:9px;box-shadow:1px 1px #05030b}.lobby-player-name,.lobby-player-fighter,.lobby-player-ready{letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:700}.lobby-player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lobby-player-fighter{color:#d9cbea;text-overflow:ellipsis;white-space:nowrap;max-width:82px;overflow:hidden}.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}.spotlight-puppet{filter:drop-shadow(9px 11px #05030b88);width:156px;height:238px;image-rendering:pixelated;animation:1.15s steps(2,end) infinite puppet-idle;display:block;position:relative}.spotlight-puppet>span{image-rendering:pixelated;display:block;position:absolute}.spotlight-head{z-index:3;background:var(--fighter-accent);width:54px;height:58px;top:12px;left:51px;box-shadow:inset 0 -9px #0002,6px 6px #0003}.spotlight-head:before{content:"";background:#090516;width:7px;height:7px;position:absolute;top:24px;left:11px;box-shadow:25px 0 #090516}.spotlight-head:after{content:"";background:#090516;width:18px;height:5px;position:absolute;bottom:10px;left:18px}.spotlight-body{z-index:2;background:var(--fighter-primary);width:78px;height:92px;top:67px;left:39px;box-shadow:inset 12px 0 #ffffff12,inset 0 -12px #0002}.spotlight-leg{z-index:1;background:var(--fighter-primary);width:28px;height:82px;box-shadow:inset 0 -16px 0 var(--fighter-secondary);top:150px;left:43px}.spotlight-leg.right{left:85px}.spotlight-arm{z-index:1;background:var(--fighter-accent);transform-origin:50% 10%;width:26px;height:94px;top:73px;left:15px;transform:rotate(10deg)}.spotlight-arm.right{animation:3.6s steps(4,end) infinite puppet-punch;left:115px}@keyframes puppet-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes puppet-punch{0%,62%,to{transform:rotate(-10deg)}70%,77%{height:42px;transform:translate(34px,4px)rotate(-88deg)}85%{transform:rotate(-34deg)}}.join-panel{flex-direction:column;gap:9px;display:flex;overflow:auto}.play-heading{flex:none}.play-choice{gap:8px;display:grid}.play-choice-label{color:#f7e05e;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.play-divider{color:#a990bd;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:9px;display:flex}.play-divider:before,.play-divider:after{content:"";background:#473160;flex:1;height:1px}.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,.test-start select.is-cursor{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:44px;font-weight:700;box-shadow:4px 4px #05030b}.arcade-button:hover,.arcade-button:focus,.arcade-button:focus-visible,.arcade-button.is-cursor{color:#090516;background:#70efff;outline:none}.arcade-button.primary{color:#090516;background:#f7e05e;border-color:#f7e05e}.arcade-button.primary:hover,.arcade-button.primary:focus,.arcade-button.primary:focus-visible,.arcade-button.primary.is-cursor{background:#70efff;border-color:#70efff}.arcade-button.compact{min-width:84px;min-height:45px}.arcade-button.subtle{color:#a990bd;background:#120b22;border-color:#473160}.options-link{color:#a990bd;cursor:pointer;letter-spacing:.1em;text-underline-offset:3px;text-transform:uppercase;background:0 0;border:0;align-self:flex-start;padding:4px 0;font-size:10px;text-decoration:underline}.options-link:hover,.options-link:focus,.options-link.is-cursor{color:#70efff;outline:none}#join-form{margin-top:0}#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}.menu-footer{grid-column:1/-1;justify-items:center;gap:8px;display:grid}.menu-hints{width:100%}.menu-hints .control-hints{color:#a990bd;text-transform:uppercase;justify-content:center;font-size:11px}.legal{color:#6c577d;text-align:center;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}.control-hints{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 22px;display:flex}.control-hints[hidden]{display:none}kbd{color:#f8f1d4;background:#1a1028;border:1px solid #6c577d;padding:2px 5px;box-shadow:2px 2px #000}@media (min-width:761px){html,body,#app{height:100dvh;overflow:hidden}#app{place-items:center;display:grid}.menu{align-content:stretch;gap:clamp(8px,1.5vh,14px);width:min(100vw - 24px,177.778dvh);height:100dvh;min-height:0;margin:0;padding:clamp(8px,1.6vh,16px) clamp(14px,2vw,24px);overflow:hidden}.marquee{transform:none}.eyebrow,.step-label{margin-bottom:clamp(4px,.7vh,8px);font-size:10px}.join-panel,.solo-actions,.lobby-actions{gap:clamp(6px,1vh,10px)}.arcade-button,#player-name,.test-start select{min-height:clamp(36px,5.2vh,44px)}.game-shell{width:100%;min-height:100dvh}}@media (min-width:761px) and (max-width:980px){html,body,#app{height:auto;overflow:visible}#app{display:block}.menu{width:min(100% - 24px,940px);height:auto;min-height:100dvh;margin:auto;overflow:visible}.menu-stage{grid-template-columns:minmax(0,1fr) minmax(280px,.82fr)}.join-panel{grid-column:1/-1}.spotlight-stage{min-height:360px}}@media (max-width:760px){.menu{grid-template-rows:auto;align-content:start;width:min(100% - 20px,680px);min-height:100dvh;padding:18px 0 28px}.marquee{column-gap:14px}h1{font-size:clamp(27px,9vw,42px)}.tagline{font-size:8px}.menu-stage{grid-template-columns:1fr}.character-select{overflow:visible}.character-grid{flex:none;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.character-card{aspect-ratio:1;height:auto}.fighter-name{font-size:clamp(8px,2.5vw,11px)}.spotlight-stage{min-height:340px}.lobby-roster-wrap{max-height:none}.volume-row{grid-template-columns:1fr 40px;gap:8px}.volume-row span{grid-column:1/-1}}