*{box-sizing:border-box}html{color-scheme:dark;background:#08090c}body{margin:0;color:#f6f0fc;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at 50% 44%,#45335566,transparent 64%),linear-gradient(110deg,#08090c,#17121e 50%,#08090c);min-height:100svh}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #6e557d;background:#17121ecc;padding:.7rem 1rem;font-weight:800;letter-spacing:.06em}button:disabled{cursor:default;opacity:.5}button:hover:not(:disabled){border-color:#b7f668;background:#301b3f}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f6f0fc;outline-offset:4px}a{color:#d6c5e2;text-decoration:none}a:hover{color:#c9a3e8}[hidden]{display:none!important}.broadcast-grain{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.16;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 3px 4px)}.demo-header,.demo-footer{position:relative;z-index:6;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid #4e414a;font:10px monospace;letter-spacing:.12em}.demo-header b{color:#c9a3e8;margin-left:20px}.demo-header button,.demo-footer button{font:11px monospace;padding:.5rem .65rem}.demo-footer{border-top:1px solid #4e414a;border-bottom:0}.demo-footer>div{display:flex;align-items:center;gap:18px}.demo-footer label{display:flex;align-items:center;gap:5px}.signal-label{font:10px monospace;letter-spacing:.23em;color:#c9a3e8}.title-screen{min-height:calc(100svh - 125px);display:grid;place-items:center;position:relative;overflow:hidden;padding:40px 18px}.title-screen:before,.selection-stage:after{content:'';position:absolute;pointer-events:none;inset:auto -30% -100px;height:180px;border-top:1px solid #6e557d;transform:perspective(220px) rotateX(42deg);background:repeating-linear-gradient(90deg,transparent 0 80px,#a699ac22 80px 82px),repeating-linear-gradient(0deg,transparent 0 24px,#a699ac22 24px 26px)}.title-fighters{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;opacity:.28;filter:grayscale(.3)}.title-fighter{width:min(34vw,420px);height:min(75vh,520px);object-fit:contain;object-position:bottom;filter:drop-shadow(0 0 30px #79495d88)}.title-fighter-two{transform:scaleX(-1);filter:drop-shadow(0 0 35px #7458b288)}.title-content{position:relative;z-index:2;text-align:center;width:min(720px,100%)}.title-content h1{margin:12px 0 10px}.title-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 15px #000)}.title-tagline{font:11px monospace;letter-spacing:.3em;margin:12px 0 28px;color:#c8b6d5}.title-modes{width:min(410px,100%);margin:auto;display:grid;gap:12px}.title-modes button{display:flex;align-items:center;text-align:left;gap:18px;border-width:1px 1px 1px 4px;border-left-color:#ba71ee;background:linear-gradient(110deg,#2b153bbf,#08090cec);min-height:60px;font-size:15px;box-shadow:0 8px 25px #0006}.title-modes button span{font:11px monospace;color:#f6f0fc}.title-modes button i{font-style:normal;margin-left:auto;color:#c9a3e8}.demo-scope{font:10px monospace;color:#b0a390;margin-top:25px}.demo-load{font:11px monospace;color:#7f9c92;min-height:14px}.demo-load.error{color:#ff9e8a}.select-screen{max-width:1440px;margin:auto;padding:20px 24px 12px;min-height:calc(100svh - 125px)}.select-heading{text-align:center}.select-heading h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(25px,3vw,40px);letter-spacing:.05em;margin:6px 0;color:#efe0cc;text-shadow:0 3px #382044}.select-heading p:last-child{font:11px monospace;color:#d6c5e2;min-height:14px;margin:10px 0 2px}.selection-stage{position:relative;display:grid;grid-template-columns:minmax(150px,1fr) minmax(420px,660px) minmax(150px,1fr);gap:14px;isolation:isolate;overflow:clip;padding-bottom:8px;align-items:center}.fighter-panel{position:relative;min-height:435px;overflow:hidden;align-self:stretch;--side:#ba71ee}.player-two{--side:#b7f668}.ghost-face{position:absolute;width:320px;height:340px;object-fit:contain;top:0;left:50%;transform:translateX(-50%);opacity:.17;filter:grayscale(.8) contrast(1.25);mask-image:linear-gradient(#000 30%,transparent 100%)}.standing-fighter{position:absolute;bottom:76px;left:50%;transform:translateX(-50%);width:300px;height:365px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 12px 9px #000)}.player-two .standing-fighter{transform:translateX(-50%) scaleX(-1)}.player-two .ghost-face{transform:translateX(-50%) scaleX(-1)}.fighter-panel.active{background:radial-gradient(ellipse at 50% 65%,#ba71ee20,transparent 64%)}.player-two.active{background:radial-gradient(ellipse at 50% 65%,#b7f66825,transparent 64%)}.fighter-identity{position:absolute;bottom:10px;text-align:center;width:100%;z-index:2}.fighter-identity h2{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(20px,2.4vw,30px);margin:5px 0 3px;letter-spacing:.025em;color:#f6f0fc}.fighter-identity p{font:10px monospace;margin:3px 0 8px;color:#d6c5e2;min-height:12px}.player-tag,.lock-status{font:9px monospace;letter-spacing:.13em;color:var(--side)}.lock-status{padding:3px 7px;border:1px solid #705c5866}.selection-center{position:relative;z-index:2}.fighter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.fighter-card{position:relative;overflow:hidden;padding:0;border:1px solid #453355;background:linear-gradient(160deg,#21132d,#08090c);letter-spacing:0;height:116px;min-width:0;opacity:1!important}.fighter-card img{width:100%;height:90px;object-fit:contain;object-position:50% 45%;display:block;filter:grayscale(.28)}.fighter-card .fighter-name{display:grid;place-items:center;position:absolute;inset:auto 0 0;min-height:24px;padding:3px;background:#080b11da;font-size:9px;line-height:1.1}.fighter-card.is-one{border:2px solid #ba71ee;box-shadow:0 0 14px #ba71ee55}.fighter-card.is-two{border:2px solid #b7f668;box-shadow:0 0 14px #b7f66855}.fighter-card.is-both{border-color:#f6f0fc}.fighter-card.is-current{background:linear-gradient(160deg,#442052,#17121e)}.fighter-card.is-current img{filter:none}.slot-tag{position:absolute;top:3px;left:4px;font:9px monospace;background:#100b0ddd;color:#c9a3e8;padding:3px}.slot-tag.two{left:auto;right:4px;color:#a8c6ff}.fighter-card.future{background:repeating-linear-gradient(135deg,#17181d,#17181d 7px,#101117 7px,#101117 14px);border-color:#453355;color:#9f8baa}.future .locked-mark{font-size:29px;color:#6e557d;position:absolute;inset:16px 0 30px;display:grid;place-items:center}.future .fighter-name{font-size:9px}.future small{position:absolute;top:6px;left:0;right:0;font:7px monospace;letter-spacing:.12em;color:#b4a0c1}.selection-actions{display:flex;gap:8px;justify-content:center;margin-top:15px}.selection-actions button{font-size:11px;min-height:42px}.primary,.enter-arena{background:linear-gradient(110deg,#2d4e14,#26391b);border-color:#b7f668}.enter-arena{display:block;width:100%;margin-top:10px;font-size:12px;min-height:46px;color:#f6f0fc;box-shadow:0 0 20px #8c463633}.selection-hint{text-align:center;font:9px monospace;color:#b4a0c1;margin:12px 0}.back-button{font:10px monospace}.future-note{text-align:center;font:9px monospace;color:#b4a0c1;margin:8px 0}.selection-stage:after{z-index:-1;bottom:-100px}.dialog-close{float:right;font-size:22px;padding:0 10px}dialog{max-width:650px;width:calc(100% - 32px);border:1px solid #9772b8;background:#10131af7;color:#f6f0fc;padding:25px;box-shadow:0 20px 100px #000}dialog::backdrop{background:#000c}dialog h2{font:30px Impact,sans-serif;margin:10px 0}dialog p{font-size:12px;line-height:1.7;color:#d6c5e2}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid #453355;padding:9px 6px}th{color:#c9a3e8}body.motion-reduced *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
@media(max-width:1000px){.selection-stage{grid-template-columns:minmax(110px,1fr) minmax(390px,560px) minmax(110px,1fr);gap:6px}.select-screen{padding-inline:10px}.standing-fighter{width:260px}.fighter-card{height:104px}.fighter-card img{height:78px}.fighter-identity h2{font-size:23px}.fighter-identity p{max-width:130px;margin-inline:auto;min-height:24px}}
@media(max-width:760px){.demo-header,.demo-footer{padding:12px;flex-wrap:wrap;font-size:9px}.demo-header>span{display:none}.demo-footer{justify-content:center}.demo-footer>span{display:none}.title-screen{min-height:calc(100svh - 112px)}.title-tagline{font-size:9px;letter-spacing:.17em}.title-fighters{opacity:.16}.title-fighter{width:42vw;height:50vh}.selection-stage{grid-template-columns:1fr 1fr;gap:8px}.fighter-panel{min-height:280px;grid-row:1}.player-one{grid-column:1}.player-two{grid-column:2}.selection-center{grid-column:1/-1;grid-row:2;width:min(620px,100%);margin:auto}.standing-fighter{height:210px;width:200px;bottom:58px}.ghost-face{height:200px;width:220px}.fighter-identity{bottom:0}.fighter-identity h2{font-size:21px}.fighter-identity p{margin:3px auto;min-height:12px;max-width:none;font-size:9px}.fighter-card{height:100px}.fighter-card img{height:73px}.select-heading h1{font-size:27px}.future-note{font-size:8px;line-height:1.5}.player-tag,.lock-status{font-size:8px}}
@media(max-width:420px){.fighter-card{height:86px}.fighter-card img{height:60px}.fighter-card .fighter-name{font-size:8px;min-height:26px}.fighter-grid{gap:4px}.fighter-panel{min-height:260px}.standing-fighter{height:190px;width:180px}.fighter-identity h2{font-size:19px}.selection-hint{font-size:8px}.select-screen{padding-top:12px}.select-heading p:last-child{font-size:10px}}

.controller-status{margin:12px 16px;color:#d6c5e2;font:600 11px/1.6 system-ui,sans-serif;letter-spacing:.04em;text-align:center;min-height:18px}.controller-guide{border:1px solid #6e557d;background:#0e151b;padding:16px;color:#f6f0fc;font-size:13px;line-height:1.65}.controller-guide p{margin:8px 0}.controller-guide kbd{display:inline-block;background:#21132d;border:1px solid #657581;border-radius:4px;padding:1px 6px;font:700 14px system-ui,sans-serif;color:#eff8ff}.demo .controller-guide.instructions{display:none}.demo.show-controls .controller-guide.instructions{display:block}.demo .controller-status{margin:8px 12px}dialog{max-height:85vh;overflow:auto}
.title-arena{position:absolute;inset:0;background:linear-gradient(90deg,#060b12aa,transparent 35%,transparent 65%,#060b12aa),linear-gradient(0deg,#08090cee,transparent 25%,#08090c55),url('assets/menu/title-arena.webp') center 58%/cover;opacity:.8;pointer-events:none}.title-fighters{opacity:.38;filter:none}.title-content{padding:18px 24px 24px;background:radial-gradient(ellipse,#060a11b8 40%,transparent 72%)}.title-modes{gap:9px}.title-modes button{min-height:52px}.fighter-panel{--menu-preview-scale:.84}.idle-fighter{position:absolute;bottom:76px;left:50%;transform:translateX(-50%);width:calc(320px * var(--menu-preview-scale));height:calc(440px * var(--menu-preview-scale));filter:drop-shadow(0 12px 9px #000)}.tournament-waiting .standing-fighter,.tournament-waiting .idle-fighter,.tournament-waiting .ghost-face{visibility:hidden}.tournament-waiting:before{content:'08';position:absolute;inset:15% 0 22%;display:grid;place-items:center;font:120px Impact,sans-serif;color:#ba71ee44;text-shadow:0 0 35px #5d88b944}.tournament-waiting .fighter-identity h2{font-size:24px}@media(max-width:1000px){.fighter-panel{--menu-preview-scale:.78}}@media(max-width:760px){.fighter-panel{--menu-preview-scale:.49}.idle-fighter{bottom:58px}.title-fighters{opacity:.25}.title-content{padding:10px 0}.title-screen{padding-top:25px;padding-bottom:25px}.tournament-waiting:before{font-size:90px}.tournament-waiting .fighter-identity h2{font-size:21px}}@media(max-width:420px){.fighter-panel{--menu-preview-scale:.44}.title-modes button{min-height:48px}}

.stage-choice{display:flex;gap:12px;align-items:center;width:100%;padding:12px;background:#101920;border:1px solid #53606d;margin:10px 0;text-align:left}
.stage-choice[hidden]{display:none}.stage-choice img{width:116px;height:66px;object-fit:cover;border:1px solid #6e557d}
.stage-choice label{display:block;color:#c9a3e8;font:700 11px monospace;margin-bottom:5px}.stage-choice select{width:100%;color:#f6f0fc;background:#0c1117;border:1px solid #697785;padding:7px;min-height:36px}
.stage-choice p{margin:6px 0 0;color:#d6c5e2;font-size:11px;line-height:1.3}

.idle-fighter,.standing-fighter{width:calc(var(--menu-canvas-width,320px) * var(--menu-preview-scale));height:calc(var(--menu-canvas-height,440px) * var(--menu-preview-scale));bottom:76px}
@media(max-width:760px){.idle-fighter,.standing-fighter{bottom:58px}}

.idle-fighter,.standing-fighter{width:calc(var(--menu-canvas-width,320px) * var(--menu-preview-scale));height:calc(var(--menu-canvas-height,440px) * var(--menu-preview-scale));bottom:76px}
@media(max-width:760px){.idle-fighter,.standing-fighter{bottom:58px}}

/* Browsers without native fullscreen still offer more room, with an accessible exit. */
html.is-expanded .demo-header{padding:4px 12px;min-height:30px}html.is-expanded .title-screen{min-height:calc(100svh - 92px);padding-block:12px}html.is-expanded .select-screen{max-width:none;padding:8px 12px}html.is-expanded .selection-stage{max-width:1480px;margin:auto}

/* The same authored control plate across match, pause and title surfaces. */
.title-modes button,.selection-actions button,.enter-arena,.tournament-actions button,.pause-options button,.match-menu-actions button,.menu-actions button,dialog button{background-image:url('assets/ui/menu-plate.webp');background-size:100% 100%;background-repeat:no-repeat}

.fighter-card{border:7px solid transparent;border-image:url('assets/ui/portrait-art.webp') 16 stretch;border-radius:0}.fighter-card:focus-visible{outline:2px solid #f6f0fc;outline-offset:2px}

/* The native idle keys provide fighter motion; the set moves gently behind them. */
.selection-stage:after{animation:selection-grid-breathe 12s ease-in-out infinite alternate;will-change:transform}
@keyframes selection-grid-breathe{from{transform:perspective(220px) rotateX(42deg) translateY(0)}to{transform:perspective(220px) rotateX(42deg) translateY(7px)}}
body.motion-reduced .selection-stage:after{animation:none;will-change:auto}
@media(prefers-reduced-motion:reduce){.selection-stage:after{animation:none;will-change:auto}}