*{box-sizing:border-box} :root{color-scheme:dark;--bg:#0d0f12;--panel:#15181e;--line:#2a2c32;--muted:#858893;--orange:#ff683d;--white:#f0eee8}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,'Malgun Gothic',sans-serif}.app{max-width:1420px;margin:auto;padding:0 48px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:2px solid #8cf9ed;outline-offset:4px}header{height:100px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:inherit}.brand-mark{font-weight:900;font-style:italic;font-size:42px;color:var(--orange);line-height:1}.brand-mark span{font-size:23px;position:relative;top:-12px;left:-8px}.brand b{font-size:17px;letter-spacing:2px}.brand small{display:block;font:8px monospace;letter-spacing:2.7px;margin-top:8px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:9px;font:10px monospace;letter-spacing:1px}.version{border-left:1px solid #3a3c40;margin-left:20px;padding-left:24px;color:var(--muted)}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 8px #ff683d55}.title-row{display:flex;justify-content:space-between;align-items:center;margin:32px 0 27px}.eyebrow{font:9px monospace;letter-spacing:2px;color:var(--orange);margin:0 0 11px}h1{font-size:26px;letter-spacing:-1.1px;margin:0;font-weight:700}h1 span{color:var(--orange)}.stage-label{text-align:right;display:grid;gap:7px}.stage-label>span{font:9px monospace;color:var(--orange);letter-spacing:2px}.stage-label b{font-size:12px;font-weight:500}.stage-label small{font:8px monospace;color:var(--muted);letter-spacing:1px}.arcade{border:1px solid #383a41;background:#12151b;box-shadow:0 20px 50px #0004}.game-toolbar,.game-footer{display:flex;align-items:center;justify-content:space-between;padding:0 20px;font:9px monospace;letter-spacing:1px;height:43px}.game-toolbar>div{display:flex;align-items:center;gap:12px}.game-toolbar b{font-weight:500}.slash{color:#555}.game-toolbar span:not(.live-dot){color:var(--muted)}.toolbar-actions{gap:16px!important}.toolbar-actions button{background:none;font:9px monospace;color:#adaeb5;padding:6px 2px}.toolbar-actions button:hover{color:var(--orange)}.screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111528}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;outline:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#080e1da8,#0a101333,#080e1d85);backdrop-filter:blur(1px)}.hidden{display:none!important}.menu-card{text-align:center;width:320px;margin-top:-6px}.menu-card>.eyebrow{font-size:8px;color:#d2ddd4;letter-spacing:2px}.menu-card h2{font-size:78px;line-height:.85;letter-spacing:-4px;font-weight:950;font-style:italic;margin:20px 0;position:relative;text-shadow:4px 5px 0 #060a14}.menu-card h2 span{color:var(--orange)}.menu-card h2 i{position:absolute;top:0;right:8px;font:11px monospace;background:var(--orange);padding:5px;color:#0c1016;transform:rotate(0deg);letter-spacing:0;text-shadow:none}.menu-desc{font-size:11px;line-height:1.85;color:#c8c9d1;margin:18px 0}.mode-switch{display:flex;padding:4px;background:#0c101ad9;border:1px solid #4b4b55;margin:0 0 10px}.mode-switch button{flex:1;background:transparent;font-size:10px;height:30px;color:#8e949f}.mode-switch .selected{background:#34343d;color:#fff}.primary{width:100%;background:var(--orange);color:#161616;min-height:48px;font-size:13px;font-weight:800;letter-spacing:1px;padding:14px 20px}.primary:hover{background:#ff8b64}.primary span{float:right;font-size:18px}.menu-hint{font:7px monospace;letter-spacing:1px;color:#aaaeb7;margin:15px 0 0}.menu-hint span{margin:0 6px;color:var(--orange)}.game-footer{height:35px;font-size:8px;color:#6e7584}.game-footer>span:first-child{color:#9fa4af}.game-footer i{display:inline-block;background:#77ccab;width:4px;height:4px;margin-right:8px}.game-footer b{color:#77ccab;font-size:7px}.below{display:grid;grid-template-columns:1.08fr 1fr;gap:34px;margin-top:28px}.section-head{display:flex;justify-content:space-between;align-items:center;font:9px monospace;letter-spacing:1px;margin-bottom:18px;color:#969aa5}.section-head button{background:none;color:var(--muted);font-size:9px}.orange{color:var(--orange);font-size:8px}.controls{border-right:1px solid var(--line);padding-right:32px}.key-groups{display:flex;justify-content:space-between;gap:8px}.key-groups>div{display:flex;align-items:center;flex-direction:column;gap:10px}.key-groups>div>span{display:flex;gap:4px}.key-groups small{font-size:9px;color:#969aa5}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:27px;padding:0 6px;border:1px solid #3b3f47;border-bottom-width:3px;border-radius:3px;color:#c5c8d0;background:#1c2027;font:11px monospace}kbd.accent{color:#ff8a65;border-color:#674137;background:#29201e}.tip{font-size:10px;color:#686e7a;margin-top:18px;line-height:1.7}.combo-row{display:flex;gap:16px;align-items:center;margin-bottom:9px}.combo-row>div{min-width:155px;display:flex;align-items:center;gap:7px}.combo-row kbd{height:22px;min-width:23px;font-size:9px}.combo-row em{font:10px monospace;color:#6c727f}.combo-row b{font-size:10px;font-weight:500;white-space:nowrap}.combo-row b span{color:var(--orange);margin-left:8px}.combo-row small{margin-left:auto;font-size:9px;color:#6e7580;white-space:nowrap}footer{border-top:1px solid var(--line);margin-top:25px;height:55px;display:flex;align-items:center;justify-content:space-between;font:8px monospace;letter-spacing:1.5px;color:#555c68}footer i{color:var(--orange);font-style:normal}.pause-card{width:300px;text-align:center;background:#111722ee;padding:28px;border:1px solid #51545c}.pause-card h2{font:bold italic 38px Arial;margin:18px 0 24px}.pause-card h2 span{color:var(--orange)}.pause-card p:not(.eyebrow){font-size:12px;color:#bbb;line-height:1.6}.secondary{width:100%;background:#292e38;padding:13px;margin-top:10px;font-size:11px}.touch-controls{display:none}.screen:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;display:flex;align-items:center;justify-content:center}.screen:fullscreen canvas{width:100%;height:auto;max-height:100vh;object-fit:contain}@media(min-width:1500px){.app{max-width:1440px}.title-row{margin:36px 0}}@media(max-width:1000px){.app{padding:0 22px}.below{gap:20px}.controls{padding-right:20px}.combo-row{gap:6px}.combo-row small{display:none}.key-groups{flex-wrap:wrap}.toolbar-actions{gap:10px!important}}@media(max-width:700px){.app{padding:0 12px}header{height:72px}.brand b{font-size:12px}.brand small{font-size:6px}.header-right{font-size:8px}.version{display:none}.title-row{margin:22px 0 18px}h1{font-size:18px}.eyebrow{font-size:7px}.stage-label b{font-size:9px}.stage-label small{display:none}.stage-label>span{font-size:7px}.screen{aspect-ratio:4/3}.screen canvas{object-fit:contain}.game-toolbar{padding:0 10px;font-size:8px;height:37px}.toolbar-actions button{font-size:8px}#match-label,.slash,#status{display:none}.toolbar-actions{gap:8px!important}.menu-card{width:230px}.menu-card h2{font-size:53px;margin:10px 0}.menu-desc{font-size:9px;margin:10px 0}.menu-card>.eyebrow{font-size:6px}.menu-card h2 i{right:15px;font-size:9px}.menu-hint{font-size:5px}.primary{min-height:38px;padding:10px}.mode-switch button{height:25px;font-size:9px}.game-footer{padding:0 10px;font-size:6px}.below{grid-template-columns:1fr;margin-top:22px;gap:15px}.controls{border:0;padding:0}.key-groups{justify-content:flex-start;gap:17px}.combo-row small{display:block}.combo-row>div{min-width:153px}.touch-controls{display:flex;justify-content:space-between;gap:8px;margin-top:12px;touch-action:none;user-select:none}.touch-controls>div{display:flex;gap:5px;flex-wrap:wrap}.touch-controls button{height:40px;min-width:33px;background:#242831;border:1px solid #3d4149;border-radius:4px;font-size:11px}.touch-controls>div:last-child button{background:#392923;color:#ffa77f}.touch-controls button:active{background:#ff683d;color:#111}.pause-card{padding:18px;width:260px}.pause-card h2{font-size:28px;margin:8px 0 14px}footer{font-size:6px}}@media(pointer:coarse){.touch-controls{display:flex;justify-content:space-between;touch-action:none;gap:6px;margin-top:12px}.touch-controls button{padding:12px;background:#242831;border:1px solid #444;border-radius:4px}.touch-controls>div{display:flex;gap:6px}}
/* Live arcade customizer */
.customizer{margin-top:24px;border:1px solid #333843;background:#12161d;padding:23px}.customizer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.customizer h3{font-size:18px;margin:0;letter-spacing:-.5px}.customizer h3 span{color:var(--orange)}.customizer .eyebrow{font-size:8px;margin-bottom:8px}.customizer-actions{display:flex;align-items:center;gap:15px}.customizer-actions span{font-size:9px;color:#7c8695}.customizer-actions button{font-size:10px;background:none;color:#b1b6bf;padding:7px}.option-grid{display:grid;grid-template-columns:1fr .95fr 1.1fr;gap:22px}.option-card{min-width:0;border-right:1px solid #2d333e;padding-right:22px}.option-card:last-child{border:0;padding:0}.option-card .section-head{font-size:8px;margin-bottom:16px}.option-card .section-head>span:last-child{color:#ff936f;letter-spacing:0}.option-card label{display:block;font-size:10px;color:#a6b0bf;margin-bottom:13px;min-width:0}.option-card select{display:block;width:100%;background:#202632;border:1px solid #3a4351;border-radius:3px;padding:10px 25px 10px 8px;color:#dedfe0;font:11px Arial,'Malgun Gothic',sans-serif;margin-top:7px;cursor:pointer;min-width:0;max-width:100%}.option-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-note{font-size:9px;color:#718092;line-height:1.8;margin:12px 0 0}.option-card input[type=checkbox]{accent-color:var(--orange);width:14px;height:14px;vertical-align:middle;margin:0 6px 0 0}.option-pair .check-label{display:flex;align-items:center;margin-top:14px;font-size:9px}.fighter-choice{display:flex;align-items:center;gap:12px;margin-bottom:11px}.fighter-choice canvas{width:64px;height:78px;background:linear-gradient(#111a26,#24303a);border:1px solid #36404b;object-fit:contain;flex-shrink:0}.fighter-choice label{flex:1;margin:0;font:9px monospace}.fighter-choice select{font-size:10px;padding:10px 20px 10px 7px}.feel-presets{display:flex;gap:5px;margin-bottom:14px}.feel-presets button{flex:1;background:#222936;color:#929dab;border:1px solid #3a4351;border-radius:3px;min-height:31px;font-size:10px;padding:6px}.feel-presets button.selected{background:#492b24;border-color:#a9563c;color:#ffb090}.range-label{position:relative;margin-bottom:10px!important}.range-label output{float:right;color:#c9d2dd;font:9px monospace}.range-label input{display:block;width:100%;height:13px;accent-color:var(--orange);margin:6px 0 0;cursor:pointer}.effect-checks{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0 9px}.effect-checks label{font-size:10px;margin:0}.impact-buttons{display:flex;gap:7px;margin-top:13px}.impact-buttons button{flex:1;padding:10px 4px;border:1px solid #854d39;background:#432c24;color:#ffb890;font-size:10px;border-radius:3px}.impact-buttons button:last-child{background:#222e35;border-color:#3b5660;color:#a7d4d6}.impact-buttons button:hover{filter:brightness(1.25)}#tune{color:#ffb090}.customizer.flash-save{border-color:#80513b}@media(max-width:1000px){.customizer{padding:18px}.option-grid{gap:15px;grid-template-columns:1fr 1fr}.option-card{padding-right:15px}.option-card:nth-child(2){border:0;padding:0}.feel-card{grid-column:1/-1;border-top:1px solid #303743!important;padding-top:18px!important;display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.feel-card .section-head,.feel-presets,.effect-checks,.impact-buttons{grid-column:1/-1}.customizer-actions span{display:none}.fighter-choice canvas{width:63px}.option-pair{grid-template-columns:1fr}.option-pair .check-label{margin-top:0}}@media(max-width:700px){.customizer{padding:15px;margin-top:18px}.customizer-head{gap:12px}.customizer h3{font-size:15px}.customizer .eyebrow{font-size:6px}.option-grid{grid-template-columns:1fr}.option-card{border-right:0;border-bottom:1px solid #303743;padding:0 0 17px}.option-card:nth-child(2){padding-bottom:17px;border-bottom:1px solid #303743}.option-pair{grid-template-columns:1fr 1fr}.option-pair .check-label{margin-top:14px}.feel-card{grid-column:auto;grid-template-columns:1fr 1fr;padding-top:0!important;border-top:0!important}.fighter-choice canvas{width:70px;height:80px}.fighter-choice select{font-size:11px}.option-note{font-size:10px}.customizer-actions{gap:0}.customizer-actions button{white-space:nowrap}.game-toolbar>div{gap:7px}.toolbar-actions{gap:6px!important}.toolbar-actions button{font-size:7px}}
@media(max-width:700px){.menu-card{margin-top:0}.menu-card h2{font-size:48px;margin:8px 0}.menu-card .menu-desc{font-size:8px;margin:8px 0}.menu-card>.eyebrow{margin-bottom:7px;font-size:5px}.menu-card .menu-hint{margin-top:10px}.menu-card .mode-switch{margin-bottom:8px}.menu-card .primary{min-height:36px}}
.menu-graphics{display:block;text-align:left;color:#a8b3c2;font-size:10px;margin:0 0 13px}.menu-graphics select{display:block;width:100%;margin-top:6px;padding:10px 12px;background:#17212c;color:#f2dfc8;border:1px solid #586172;border-radius:3px;font:12px Arial,'Malgun Gothic',sans-serif;cursor:pointer}.menu-graphics select:focus-visible{outline:2px solid var(--orange);outline-offset:2px}@media(max-width:700px){.screen:has(#overlay:not(.hidden)){min-height:340px}.menu-graphics{font-size:9px;margin-bottom:9px}.menu-graphics select{font-size:10px;padding:7px 8px;margin-top:4px}}