:root{--ink: #f4efe6;--dim: #9a948a;--hwang: #e0283c;--zhang: #3fb59a;--gold: #f2c14e;--bg: #07070a;--chrome: linear-gradient(180deg, #ffffff 0%, #dfe6f2 38%, #6f7d96 52%, #f6e2b8 60%, #ffcf6e 78%, #ffffff 100%)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Barlow Condensed,system-ui,sans-serif;user-select:none;-webkit-user-select:none}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none}.menus>*{pointer-events:auto}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.logo{font-family:Anton,sans-serif;font-size:clamp(96px,18vw,230px);line-height:.9;letter-spacing:.04em;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #3a0a10) drop-shadow(0 0 28px rgba(255,90,60,.45));font-style:italic;transform:skew(-6deg)}.logo.mid{font-size:clamp(64px,9vw,120px)}.logo.small{font-size:72px}.loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:22px;background:radial-gradient(circle at 50% 45%,#1a0b10,#050507 70%)}.load-bar{width:min(420px,70vw);height:4px;background:#222;overflow:hidden}.load-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--hwang),var(--gold),var(--zhang));transform-origin:left;transform:scaleX(0);transition:transform .2s}.load-text{letter-spacing:.3em;font-size:14px;color:var(--dim);text-transform:uppercase}.gate{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:22px;cursor:pointer;background:radial-gradient(circle at 50% 42%,#2a0a10,#0b0507 45%,#040305 75%);overflow:hidden;transition:opacity .5s}.gate.out{opacity:0;pointer-events:none}.gate-sun{position:absolute;left:50%;top:40%;width:min(52vw,520px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(224,40,60,.55),rgba(224,40,60,.12) 55%,transparent 70%);animation:sunpulse 3.2s ease-in-out infinite alternate}@keyframes sunpulse{to{transform:translate(-50%,-50%) scale(1.08);opacity:.75}}.gate .logo,.gate .load-bar,.gate .load-text,.gate-press,.gate-hint{position:relative}.gate-press{margin-top:18px;font-weight:800;font-style:italic;letter-spacing:.4em;font-size:clamp(16px,1.8vw,24px);animation:blink 1.1s steps(2,start) infinite;text-shadow:0 0 18px rgba(255,200,120,.8)}.gate.pressed .gate-press{animation:none;color:var(--gold)}.gate-hint{color:var(--dim);letter-spacing:.15em;font-size:14px}.title{position:absolute;inset:0;cursor:pointer;display:grid;place-items:center;overflow:hidden}.keyart{position:absolute;inset:-4%;background:url(/ui/keyart.jpg) center/cover no-repeat;filter:saturate(1.1) contrast(1.05);animation:kenburns 30s ease-in-out infinite alternate;opacity:.92}.title:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0000008c,#0000 40%,#000000bf),repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 1px,transparent 1px 3px)}@keyframes kenburns{0%{transform:scale(1) translateY(0)}to{transform:scale(1.08) translateY(-1.5%)}}.title-logo{position:relative;z-index:2;text-align:center;margin-top:-18vh;animation:slam .9s cubic-bezier(.2,1.6,.4,1) both}@keyframes slam{0%{transform:scale(2.4);opacity:0;filter:blur(8px)}to{transform:scale(1);opacity:1;filter:none}}.tagline{font-weight:700;letter-spacing:.5em;font-size:clamp(14px,1.6vw,22px);margin-top:10px;text-shadow:0 2px 8px #000}.tagline i{color:var(--gold);font-style:normal}.press{position:absolute;bottom:16vh;z-index:2;font-weight:800;font-style:italic;letter-spacing:.4em;font-size:clamp(18px,2vw,28px);animation:blink 1.1s steps(2,start) infinite;text-shadow:0 0 18px rgba(255,200,120,.8)}@keyframes blink{to{visibility:hidden}}.title-foot{position:absolute;bottom:4vh;z-index:2;color:var(--dim);letter-spacing:.15em;font-size:14px}.main-menu,.pause,.options,.stages,.select,.results,.movelist{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse at 50% 60%,#0a060a40,#040306d9);animation:fadein .25s both}@keyframes fadein{0%{opacity:0}}.main-menu{align-items:flex-start;padding-left:9vw;background:linear-gradient(90deg,#040306eb,#0403068c 45%,#04030600 70%)}.menu-list{display:flex;flex-direction:column;gap:6px;min-width:340px}.menu-list.row{flex-direction:row;gap:14px}.menu-item{position:relative;text-align:left;padding:10px 26px 10px 18px;font-size:clamp(26px,3vw,40px);font-weight:800;font-style:italic;letter-spacing:.06em;color:#8f8a83;transition:color .12s,transform .12s;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%)}.menu-item small{display:none}.menu-item.on{color:#fff;transform:translate(14px);background:linear-gradient(90deg,#e0283cd9,#e0283c0d)}.menu-item.on:before{content:"";position:absolute;left:-10px;top:50%;width:6px;height:60%;transform:translateY(-50%);background:var(--gold)}.menu-list.row .menu-item{font-size:26px}.menu-hint{color:#cfc8bc;font-size:18px;letter-spacing:.05em;min-height:24px;max-width:520px;text-shadow:0 1px 4px #000}.select-head{text-align:center}.select-head b{display:block;font-family:Anton,sans-serif;font-size:clamp(32px,4vw,56px);letter-spacing:.06em;font-style:italic}.select-head span{color:var(--gold);letter-spacing:.4em;font-weight:700;font-size:14px}.select{justify-content:space-between;padding:4vh 3vw;background:linear-gradient(180deg,#040306d9,#04030600 30% 60%,#040306e6)}.select-cards{display:flex;justify-content:space-between;width:100%;flex:1;align-items:flex-end}.select-pane{width:min(32vw,420px);padding:18px 22px;background:linear-gradient(180deg,#0a080c33,#0a080cd9);border-bottom:4px solid var(--c);position:relative;cursor:pointer}.select-pane.p1{text-align:right}.select-pane .who{position:absolute;top:-18px;font-family:Anton;font-size:30px;color:var(--c);font-style:italic}.select-pane.p1 .who{right:22px}.select-pane .portrait{display:none}.select-pane .fname{font-family:Anton;font-size:clamp(28px,3vw,44px);line-height:1;font-style:italic;letter-spacing:.02em}.select-pane .fnative{font-size:22px;color:var(--c);margin-top:2px}.select-pane .fstyle{font-weight:800;letter-spacing:.3em;text-transform:uppercase;font-size:14px;color:var(--gold);margin-top:6px}.select-pane .fbio{font-size:17px;color:#d9d2c6;margin-top:8px;line-height:1.25}.select-pane .farrows{margin-top:10px;color:var(--c);letter-spacing:.5em;font-size:18px}.select-pane .fdiff{margin-top:8px;font-weight:700;letter-spacing:.15em}.select-pane .fdiff b{color:var(--gold)}.select-pane.locked{box-shadow:0 0 0 2px var(--c),0 0 40px -6px var(--c)}.select-pane.locked .farrows{visibility:hidden}.select-pane.locked:after{content:"READY";position:absolute;top:14px;font-family:Anton;font-size:22px;color:var(--c);letter-spacing:.2em}.select-pane.p0.locked:after{right:22px}.select-pane.p1.locked:after{left:22px}.select-foot{color:#cfc8bc;letter-spacing:.08em;font-size:18px;min-height:24px}.stage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:min(1200px,92vw)}.stage-card{text-align:left;padding:0 0 10px;background:#0c0a0ed9;border:2px solid transparent;transition:transform .15s,border-color .15s}.stage-card .thumb{aspect-ratio:3/2;background:#111 center/cover;display:grid;place-items:center;font-family:Anton;font-size:48px;color:#444;filter:saturate(.6) brightness(.7);transition:filter .2s}.stage-card b{display:block;padding:8px 10px 0;font-size:20px;font-style:italic;letter-spacing:.04em}.stage-card small{display:block;padding:0 10px;color:var(--dim);font-size:14px}.stage-card.on{transform:translateY(-6px) scale(1.04);border-color:var(--gold)}.stage-card.on .thumb{filter:none}.pause-title{font-family:Anton;font-size:64px;font-style:italic;letter-spacing:.1em}.pause .menu-list{align-items:stretch}.options .opt-rows{display:flex;flex-direction:column;gap:10px;width:min(560px,90vw)}.opt{display:grid;grid-template-columns:180px 1fr 40px;align-items:center;gap:16px;font-weight:800;font-size:22px;color:#8f8a83;letter-spacing:.08em;padding:6px 12px}.opt.on{color:#fff;background:#e0283c59}.opt-bar{height:6px;background:#333}.opt-bar i{display:block;height:100%;background:var(--gold);transform-origin:left}.controls h4,.ml-system h4{margin:6px 0;letter-spacing:.3em;color:var(--gold)}.controls table{border-collapse:collapse;font-size:16px}.controls th,.controls td{padding:3px 14px;text-align:left}.controls th{color:var(--dim);font-size:13px;letter-spacing:.15em}.controls td:first-child{color:#cfc8bc}.movelist{justify-content:flex-start;padding:4vh 4vw;background:#040306ed;overflow:auto;align-items:stretch}.ml-head{display:flex;align-items:baseline;gap:18px;border-bottom:3px solid var(--c);padding-bottom:8px}.ml-head b{font-family:Anton;font-size:44px;font-style:italic}.ml-head span{color:var(--c);letter-spacing:.3em;font-weight:800}.ml-head em{margin-left:auto;color:var(--dim);font-style:normal}.ml-body{display:grid;grid-template-columns:1.4fr 1fr;gap:3vw}.ml-body table{border-collapse:collapse;width:100%;font-size:18px}.ml-body td{padding:5px 8px;border-bottom:1px solid #222}.mv-name{font-weight:700}.mv-cmd kbd{display:inline-block;min-width:30px;padding:1px 5px;margin:0 1px;border-radius:3px;font:700 14px Barlow Condensed;text-align:center;background:#2a2a30;color:#fff}.mv-cmd kbd.b-LP,.mv-cmd kbd.b-RP{background:#3a5b9a}.mv-cmd kbd.b-LK,.mv-cmd kbd.b-RK{background:#9a3a3a}.mv-cmd kbd.b-ST,.mv-cmd kbd.b-TH{background:#6a5a2a}.mv-cmd kbd.b-SU{background:linear-gradient(90deg,#c08a1a,#e0283c)}.mv-cmd em{color:var(--gold);font-style:normal;font-weight:700}.mv-lvl i{font-style:normal;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:1px 5px}.lv-high{color:#ffb36b}.lv-mid{color:#8fd2ff}.lv-low{color:#ff6b8a}.lv-throw{color:#c49bff}.mv-tags{color:var(--dim);font-size:15px}.ml-system p{margin:0 0 8px;font-size:17px;line-height:1.3;color:#d9d2c6}.ml-system b{color:#fff}.ml-foot{color:var(--dim);margin-top:12px}.results{background:linear-gradient(90deg,#04030600 30%,#040306e6 75%);align-items:flex-end;padding-right:7vw}.res-who{font-weight:800;letter-spacing:.5em;color:var(--c);font-size:22px}.res-name{font-family:Anton;font-style:italic;font-size:clamp(48px,6vw,88px);line-height:1;text-align:right}.res-stats{border-collapse:collapse;font-size:22px;margin:12px 0 18px}.res-stats td{padding:4px 18px;font-weight:800;text-align:center;min-width:60px}.res-stats th{color:var(--dim);font-weight:600;letter-spacing:.1em;font-size:16px;text-transform:uppercase}.hud{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;top:3vh;left:3vw;right:3vw;display:flex;align-items:flex-start;gap:18px}.hud-side{flex:1;display:grid;grid-template-columns:1fr;gap:4px}.hud-side.s1{direction:rtl}.hud-side.s1>*{direction:ltr}.hud-name{display:flex;align-items:baseline;gap:10px;font-style:italic;text-shadow:0 2px 6px #000}.hud-side.s1 .hud-name{justify-content:flex-end;flex-direction:row-reverse}.hud-name b{font-family:Anton;font-size:clamp(18px,2vw,28px);letter-spacing:.04em}.hud-name span{color:var(--c);font-weight:800;letter-spacing:.25em;font-size:12px;text-transform:uppercase;font-style:normal}.hud-bar{position:relative;height:clamp(16px,2.2vh,24px);background:#000000a6;border:1px solid rgba(255,255,255,.35);transform:skew(-18deg);overflow:hidden;box-shadow:0 2px 10px #0009}.hud-side.s1 .hud-bar{transform:skew(18deg)}.hud-hp,.hud-lag{position:absolute;inset:0;transform-origin:right}.hud-side.s1 .hud-hp,.hud-side.s1 .hud-lag{transform-origin:left}.hud-lag{background:#b31b2b;transition:transform .1s linear}.hud-hp{background:linear-gradient(180deg,#fff6cf,#ffd34d 45%,#e8a218 55%,#ffde6e);transition:transform .06s}.hud-hp.low{animation:lowhp .5s infinite alternate}@keyframes lowhp{to{filter:brightness(1.6) hue-rotate(-25deg)}}.hud-wins{display:flex;gap:6px;height:12px}.hud-side.s1 .hud-wins{justify-content:flex-start}.hud-side.s0 .hud-wins{justify-content:flex-end}.hud-wins i{width:14px;height:14px;transform:rotate(45deg);border:2px solid rgba(255,255,255,.5)}.hud-wins i.on{background:var(--gold);border-color:#fff;box-shadow:0 0 10px var(--gold)}.hud-meter{position:relative;height:8px;width:55%;background:#0009;border:1px solid rgba(255,255,255,.25);transform:skew(-18deg)}.hud-side.s1 .hud-meter{transform:skew(18deg)}.hud-meter-fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--c),#fff);transform-origin:left}.hud-side.s0 .hud-meter-fill{transform-origin:right}.hud-side.s0 .hud-meter{justify-self:end}.hud-meter span{position:absolute;top:9px;font-size:11px;letter-spacing:.3em;color:var(--dim);font-weight:700}.hud-side.s0 .hud-meter span{right:0}.hud-meter.full{box-shadow:0 0 14px var(--c);animation:meterfull .4s infinite alternate}@keyframes meterfull{to{filter:brightness(1.8)}}.hud-meter.full span{color:#fff}.hud-clock{width:92px;text-align:center;font-family:Anton;font-size:clamp(40px,5vh,58px);line-height:1;text-shadow:0 0 14px rgba(255,200,120,.6),0 3px 0 #000}.hud-clock.hurry{color:#ff5a5a;animation:lowhp .5s infinite alternate}.hud-banner{position:absolute;top:38%;left:0;right:0;text-align:center;font-family:Anton;font-style:italic;font-size:clamp(72px,12vw,180px);background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 0 #3a0a10) drop-shadow(0 0 30px rgba(255,120,60,.6));opacity:0;transform:translateY(-50%)}.hud-banner.on{animation:banner .5s cubic-bezier(.2,1.7,.4,1) both}.hud-banner.ko,.hud-banner.fight{letter-spacing:.05em}.hud-banner.super{font-size:clamp(36px,5vw,76px);top:78%}@keyframes banner{0%{opacity:0;transform:translateY(-50%) scale(2.2);filter:blur(10px)}to{opacity:1;transform:translateY(-50%) scale(1)}}.hud-sub{position:absolute;top:52%;left:0;right:0;text-align:center;font-weight:800;letter-spacing:.4em;font-size:22px;opacity:0;text-shadow:0 2px 8px #000}.hud-banner.super+.hud-sub{top:86%}.hud-sub.on{opacity:1;transition:opacity .3s .2s}.hud-combo{position:absolute;top:22vh;opacity:0;font-style:italic;font-weight:800;text-shadow:0 3px 8px #000;transition:opacity .25s}.hud-combo.s0{left:4vw}.hud-combo.s1{right:4vw;text-align:right}.hud-combo.on{opacity:1}.hud-combo b{font-family:Anton;font-size:64px;color:var(--gold);margin-right:6px}.hud-combo small{display:block;font-size:16px;color:#ddd;letter-spacing:.15em;font-style:normal}.hud-combo.pop b{display:inline-block;animation:pop .2s both}@keyframes pop{0%{transform:scale(1.6)}}.hud-training{position:absolute;left:3vw;bottom:4vh;display:flex;gap:22px;font-weight:700;letter-spacing:.15em;font-size:15px;color:var(--dim);text-shadow:0 1px 4px #000}.hud-training b{color:#fff;font-size:22px;margin-left:6px}.hud-training b.plus{color:#6cf59a}.hud-training b.minus{color:#ff6b6b}.train-hint{position:absolute;right:3vw;bottom:4vh;color:var(--dim);letter-spacing:.1em;font-size:14px;cursor:pointer}@media(max-width:720px){.stage-grid{grid-template-columns:repeat(2,1fr)}.ml-body{grid-template-columns:1fr}.main-menu{padding-left:16px}}