:root{color-scheme:dark;--bg:#070b12;--surface:#111925;--border:#314052;--ink:#f3f2ec;--muted:#a2aebc;--lime:#c2ff58;--violet:#b59aff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Consolas,'Courier New',monospace}button,select,input{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:#132033;color:var(--ink);padding:11px 15px;font-size:12px;min-height:44px}button:hover{border-color:var(--lime)}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--lime);color:#17220b;border-color:var(--lime);font-weight:700}.small{font-size:11px;padding:8px 11px;min-height:36px}[hidden]{display:none!important}#app{max-width:1320px;margin:auto}.top{display:flex;align-items:center;gap:18px;padding:17px 24px;border-bottom:1px solid var(--border);background:#080e17;flex-wrap:wrap}.brand{border:0;background:none;padding:0;font-size:22px;font-weight:900;letter-spacing:2px}.brand span{color:var(--lime)}.build{font-size:11px;color:var(--muted);letter-spacing:1px}.tools{margin-left:auto;display:flex;gap:7px}.tools button{font-size:11px;padding:8px 10px}.screen{border-left:1px solid var(--border);border-right:1px solid var(--border)}.hero{position:relative;min-height:700px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:45px 7%;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;opacity:.3}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#070b12fa 3%,#070b12c9 42%,#070b1244 85%);pointer-events:none}.hero-copy,.hero-art{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--lime);line-height:1.7;text-transform:uppercase}h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(60px,8vw,105px);line-height:.92;font-style:italic;letter-spacing:4px;margin:19px 0;text-shadow:4px 4px 0 #35405d}h1 em{font-style:inherit;color:var(--lime)}.hero-copy>p{font-size:12px;letter-spacing:2px;color:var(--muted);margin:22px 0 28px}.menu{display:grid;gap:9px;max-width:335px}.big{text-align:left;font-size:18px;letter-spacing:1px;padding:15px 18px;min-height:66px;box-shadow:3px 3px 0 #0008;background:#0b1523ee;font-weight:700}.big span{display:block;font-size:11px;letter-spacing:0;font-weight:400;color:var(--muted);margin-top:6px}.big.primary span{color:#3b4d22}.hero-art{text-align:center}.hero-art img{height:425px;max-width:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(8px 8px 0 #0008)}.hero-art span{display:block;color:var(--lime);font-size:11px;letter-spacing:2px;margin-top:18px}.inner{padding:32px 25px;min-height:600px}.heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:25px}h2{font-family:Impact,'Arial Black',sans-serif;font-size:34px;letter-spacing:2px;font-style:italic;margin:8px 0 12px}.heading p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.versus{display:flex;align-items:center;justify-content:center;gap:70px;margin:12px 0 24px}.versus>div{text-align:center}.versus img{width:115px;height:115px;object-fit:contain;display:block;margin:auto;image-rendering:pixelated;background:#172034;border:1px solid var(--border)}.versus b{display:block;font-size:12px;margin-top:10px;color:var(--lime)}.versus>div:last-child b{color:var(--violet)}.versus>strong{font-size:40px;font-style:italic;color:#f1d77d}.mirror{transform:scaleX(-1)}.mini-title{font-size:12px;letter-spacing:2px;margin:0 0 13px}.arena-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.arena-card{padding:0;text-align:left;border:1px solid var(--border);position:relative;background:#101a27}.arena-card[aria-pressed=true]{border:2px solid var(--lime)}.arena-card img{width:100%;aspect-ratio:2.4;object-fit:cover;display:block;image-rendering:pixelated}.arena-card span{display:block;padding:11px;font-size:12px}.settings{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.settings label,.rule span{font-size:11px;color:var(--muted);letter-spacing:1px;display:block}.settings select{background:#111b2a;color:var(--ink);border:1px solid var(--border);padding:10px;font-size:13px;width:100%;margin-top:7px;min-height:44px}.rule b{display:block;font-weight:400;font-size:13px;margin-top:16px}.connection,.start-row{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-top:20px;font-size:11px;color:var(--muted);line-height:1.6}.start-row{margin-top:27px}.start-row p{margin:0;font-size:12px}.start-row button{min-width:170px}.roster-layout{display:grid;grid-template-columns:1fr 260px;gap:22px;margin-bottom:24px}.fighter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.fighter-card{padding:0;min-width:0;text-align:center;background:#111c2b}.fighter-card[aria-pressed=true]{border:2px solid var(--lime)}.fighter-card img{width:100%;aspect-ratio:1.08;object-fit:cover;display:block}.fighter-card.pixel img{object-fit:contain;image-rendering:pixelated;background:#20293e}.fighter-card span{font-size:11px;padding:8px 3px;display:block;overflow-wrap:anywhere}.fighter-card.future{min-height:80px;border-style:dashed;color:#6c7e94;background:repeating-linear-gradient(135deg,#0b1420,#0b1420 8px,#101b29 8px,#101b29 16px)}.note{font-size:11px;color:var(--muted);line-height:1.7}.dossier{border:1px solid var(--border);background:#101927;padding:16px}.dossier img{width:100%;max-height:170px;object-fit:contain;display:block;background:#192334}.dossier h3{font-size:21px;margin:15px 0 10px}.dossier p{font-size:12px;color:var(--muted);line-height:1.6}.dossier .move{border-top:1px solid var(--border);padding-top:12px;margin-top:12px;font-size:12px;line-height:1.7}.dossier .move small{display:block;color:var(--muted);font-size:11px}.dossier .move:last-child{color:var(--lime)}.battle-bar{display:flex;gap:15px;align-items:center;padding:11px 16px;color:var(--muted);font-size:11px;letter-spacing:1px;border-bottom:1px solid var(--border)}.battle-bar #match-type{color:var(--lime)}.battle-bar button{margin-left:auto;font-size:11px;padding:6px 10px;min-height:34px}.fight-wrap{position:relative;background:#0d1625;aspect-ratio:16/9;overflow:hidden}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.hud{position:absolute;top:16px;left:3%;right:3%;display:grid;grid-template-columns:1fr 72px 1fr;gap:16px;pointer-events:none}.fighter-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:10px;margin-bottom:7px;text-shadow:2px 2px #000}.fighter-label span{color:#ced7c6;font-size:12px}.health{height:17px;background:#631c2c;box-shadow:0 0 0 2px #142437;position:relative}.health i{display:block;height:100%;background:#c2ff58;width:100%;transition:width .10s linear}.second .health i{background:#b59aff;margin-left:auto}.meter{height:15px;position:relative;background:#13283a;margin-top:6px}.meter i{display:block;width:35%;height:100%;background:#6ca7cf}.meter.full i{background:#f1cb64}.meter span{position:absolute;inset:0;font-size:10px;line-height:15px;text-align:center;text-shadow:1px 1px #000;color:#fff}.second .meter i{margin-left:auto}.clock{text-align:center;margin-top:1px;text-shadow:2px 2px #000}.clock strong{font-size:35px;line-height:1;display:block;color:#f6e1a1}.clock span{display:block;margin-top:5px;font-size:10px;white-space:nowrap}.round-dots{display:flex;gap:8px;margin-top:9px}.round-dots i{width:10px;height:10px;background:#283d4e;border:1px solid #bfc9cf}.round-dots i.won{background:var(--lime);border-color:var(--lime)}.second .round-dots{justify-content:end}.second .round-dots i.won{background:var(--violet);border-color:var(--violet)}.combat-hints{padding:15px 18px;display:flex;gap:15px;flex-wrap:wrap;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.combat-hints b{color:var(--ink);font-weight:400}.fight-note{padding:13px 18px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.battle-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#03080ed9;text-align:center;padding:20px;z-index:5}.battle-overlay>div{max-width:450px}.battle-overlay h2{font-size:44px;margin:9px 0 20px}.battle-overlay p{color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:22px}.battle-overlay button{display:block;width:260px;max-width:100%;margin:9px auto}.footer{border-top:1px solid var(--border);padding:17px 24px;color:var(--muted);display:flex;justify-content:space-between;gap:15px;font-size:11px;line-height:1.6;flex-wrap:wrap}.touch{display:none;padding:12px 16px;justify-content:space-between;gap:15px;background:#091220;touch-action:none}.touch.show{display:flex}.dpad{display:grid;grid-template-columns:repeat(3,44px);gap:5px}.dpad button[data-touch=down]{grid-column:2}.touch-attacks{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-width:320px}.touch button{touch-action:none;user-select:none;font-size:10px;min-height:44px;padding:7px}.touch button.pressed{background:var(--lime);color:#132008}.touch button[data-touch=super]{color:#f5db88}dialog{max-width:780px;width:calc(100% - 36px);border:2px solid var(--lime);background:#101a28;padding:24px;color:var(--ink);max-height:calc(100% - 40px)}dialog::backdrop{background:#000b}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.dialog-heading h2{margin:0;font-size:30px}.dialog-heading button{font-size:23px;min-width:44px;padding:0}.control-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6}.control-table th{text-align:left;color:var(--lime);font-weight:400}.control-table td,.control-table th{padding:9px 5px;border-bottom:1px solid var(--border)}.help{font-size:12px;color:var(--muted);line-height:1.8}.option-row{display:flex;gap:20px;align-items:center;margin:20px 0;font-size:14px}.option-row input{accent-color:var(--lime);width:20px;height:20px}.pad-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pad-buttons button{text-align:left}.pad-buttons button.listening{border-color:var(--lime);color:var(--lime)}.pad-select{width:100%;background:#132035;border:1px solid var(--border);color:var(--ink);padding:10px;margin:12px 0}#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#070b12ea;z-index:10;font-size:16px;letter-spacing:3px}#setup-error.error{color:#ff8998}#app:fullscreen{max-width:none;width:100%;height:100%;overflow:auto;background:var(--bg)}#app:fullscreen #battle{max-width:min(100%,calc((100vh - 180px)*16/9));margin:auto}#app:fullscreen .build{display:none}@media(max-width:900px){.top{padding:14px 17px;gap:10px}.build{display:none}.hero{min-height:640px;padding:35px 5%}.hero-art img{height:360px}.heading h2{font-size:28px}.hud{top:10px;gap:10px;grid-template-columns:1fr 58px 1fr}.fighter-label{font-size:11px}.clock strong{font-size:30px}.inner{padding:26px 18px}.roster-layout{grid-template-columns:1fr 220px;gap:14px}}@media(max-width:650px){.tools{width:100%;margin-left:0}.tools button{flex:1}.brand{font-size:20px}.hero{grid-template-columns:1fr;align-items:start;min-height:650px;padding:35px 24px}.hero-art{position:absolute;right:0;top:55px;width:42%;opacity:.28}.hero-art img{height:310px}.hero-art span{display:none}.hero-copy{z-index:3}h1{font-size:72px}.heading{flex-wrap:wrap;gap:10px}.heading h2{font-size:27px}.heading p{font-size:12px}.inner{padding:23px 15px}.versus{gap:20px}.versus img{width:90px;height:90px}.versus b{font-size:11px}.versus>strong{font-size:28px}.arena-grid{gap:7px}.arena-card span{font-size:11px;padding:8px 5px;min-height:42px}.arena-card img{aspect-ratio:1.5}.settings{grid-template-columns:1fr;gap:15px}.settings select{font-size:16px}.rule b{margin-top:8px}.fighter-grid{grid-template-columns:repeat(3,1fr)}.roster-layout{grid-template-columns:1fr}.dossier{display:grid;grid-template-columns:100px 1fr;gap:12px}.dossier img{grid-row:1/5;height:130px}.dossier h3{font-size:19px;margin:0}.dossier p{margin:0}.dossier .move{margin-top:0;padding-top:8px;grid-column:2}.battle-bar{padding:9px 10px;gap:8px;letter-spacing:0}.battle-bar #arena-label{max-width:130px}.hud{top:7px;left:3%;right:3%;grid-template-columns:1fr 36px 1fr;gap:8px}.fighter-label{font-size:8px;gap:3px;margin-bottom:4px}.fighter-label span{font-size:8px}.health{height:10px}.meter{height:10px;margin-top:4px}.meter span{font-size:7px;line-height:10px}.clock strong{font-size:22px}.clock span{font-size:7px;margin-top:3px}.round-dots{margin-top:5px;gap:5px}.round-dots i{width:7px;height:7px}.combat-hints{gap:9px;padding:12px;font-size:11px}.fight-note{padding:12px;flex-wrap:wrap}.battle-overlay{padding:12px}.battle-overlay h2{font-size:26px;margin:3px 0 6px}.battle-overlay p{font-size:11px;margin:0 0 6px}.battle-overlay .eyebrow{display:none}.battle-overlay button{display:inline-block;width:auto;min-height:35px;padding:7px 10px;margin:4px;font-size:11px}.footer{padding:14px 17px}.touch{gap:8px;padding:12px 8px}.dpad{grid-template-columns:repeat(3,39px);gap:3px}.touch-attacks{gap:3px}.touch button{font-size:9px;padding:5px 6px;min-height:44px}.control-table{font-size:11px}.control-table td,.control-table th{padding:7px 3px}dialog{padding:19px}.pad-buttons{grid-template-columns:1fr}.dialog-heading h2{font-size:26px}}

/* Original custom gunmetal texture shared across arcade surfaces. */
body{background-image:linear-gradient(#070b12ed,#070b12ed),url('assets/textures/menu-material.png');background-size:auto,256px 256px}.top,.inner,.dossier,.fighter-card,.battle-bar,.combat-hints,.fight-note,dialog,.big{background-image:linear-gradient(#0b1424ed,#0b1424ed),url('assets/textures/menu-material.png');background-size:auto,256px 256px}.primary{background-image:none!important}.health,.meter{border:1px solid #7993a9;box-shadow:2px 2px #0009}.health i,.meter i{background-image:linear-gradient(90deg,#ffffff00,#ffffff26),url('assets/textures/menu-material.png');background-blend-mode:screen;background-size:auto,64px 64px}.arena-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fighter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fighter-choice{display:block;font-size:10px;color:var(--muted);margin-top:12px}.fighter-choice select{display:block;width:100%;max-width:230px;min-height:44px;background:#142033;color:var(--ink);border:1px solid var(--border);padding:8px;margin-top:5px;font-size:13px}.versus>div{min-width:0;max-width:42%}@media(max-width:650px){.fighter-choice select{font-size:12px;padding:5px;max-width:145px}.versus{gap:14px}.versus b{min-height:24px}}
.dossier .move .move-icon{float:left;width:36px;height:36px;object-fit:contain;image-rendering:pixelated;background:none;margin:3px 10px 0 0}.fighter-choice select{max-width:250px}@media(max-width:650px){.fighter-choice select{max-width:145px}}

/* Game title: readable on desktop and compact screens. */
.brand{font-size:clamp(12px,1.5vw,19px);letter-spacing:1px;line-height:1.5;text-align:left;max-width:100%;overflow-wrap:anywhere}.brand span{display:block;font-size:.8em;letter-spacing:3px}.hero-copy{min-width:0}.game-title{font-size:clamp(34px,5.2vw,66px);line-height:1.03;letter-spacing:1px}.game-title em{display:block;font-size:.78em;letter-spacing:3px}@media(max-width:650px){.game-title{font-size:clamp(31px,8.8vw,54px)}.brand{font-size:15px}.game-title em{letter-spacing:2px}}