/* Comic issue presentation. Simulation and the mobile playfield stay independent. */
:root{--ink:#090b16;--paper:#f3eafa;--cream:#f3eafa;--gold:#ffe15b;--cyan:#37e6ee;--orange:#ffe15b;--muted:#b4b3cc}
body.release-view{color:var(--paper);background-color:var(--ink);background-image:radial-gradient(ellipse at 85% 0,#632b783d,transparent 55%),radial-gradient(#79709233 .8px,transparent 1px);background-size:auto,5px 5px}
.release-view .topbar{border-bottom:2px solid #d7cfe4;background:#090b16dc;max-width:1360px}
.release-view .wordmark{font-family:Impact,'Arial Black',sans-serif;font-style:italic;letter-spacing:-1px;color:#f5e5ff;transform:rotate(-2deg);text-shadow:2px 3px #663284}
.release-view .accent{color:#f5e5ff}.release-view .wordmark small{color:var(--gold);letter-spacing:5px}.release-view .edition{color:var(--gold)}.release-view .live-dot{background:var(--gold);box-shadow:0 0 12px #ffe15b80}.release-view nav a:hover{color:var(--cyan)}
.release-view main{max-width:1360px}.release-view .cabinet{border:2px solid #ddd3ed;box-shadow:8px 8px #03040a,0 0 45px #6c248724;background:#090b16}.release-view .stage-top{background:#121322;border-bottom:2px solid #ddd3ed;color:#bdb7d4;letter-spacing:2px}.release-view .stage-top b{color:var(--gold)}
.release-view .selection{background-color:#0b0d1b;background-image:linear-gradient(120deg,#101026cc,#251039a6 55%,#080f24e8),url('./slc-street.v0.6.31.png');background-position:center;background-size:cover;padding:24px 4% 30px;gap:18px;min-height:620px;isolation:isolate}
.release-view .selection::before{content:'';position:absolute;inset:0;background-image:radial-gradient(#a59ec42e 1px,transparent 1.5px);background-size:6px 6px;pointer-events:none;z-index:-1}
.release-view .selection>*{position:relative}.release-view .selection h1{font:italic 900 clamp(30px,5vw,64px)/1 Impact,'Arial Black',sans-serif;letter-spacing:1px;margin:0;color:var(--gold);text-shadow:3px 4px #03050c,5px 6px #8b3cb4}.release-view .eyebrow{color:#d4c6ea;letter-spacing:3px;margin-bottom:10px}.release-view .select-heading{margin:0}
.release-view .selection .select-stage{height:clamp(190px,25vw,330px);min-height:190px;border:2px solid #dbd0e7;background:linear-gradient(115deg,#bb86331f,transparent 50%,#7926c833);box-shadow:5px 5px #03040b;overflow:hidden}.release-view .selection .versus{color:var(--gold);font:italic 900 40px Impact,sans-serif;text-shadow:3px 3px #000;transform:rotate(-8deg)}.release-view .selection .select-side{color:var(--gold)}.release-view .selection .side-two{color:var(--cyan)}
.comic-chapters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;width:100%}.comic-chapters button{min-height:44px;padding:10px 16px;border:1px solid #827391;background:#0b0d1de8;color:#c9c3d7;font:700 12px Arial,sans-serif;letter-spacing:1px}.comic-chapters button[aria-pressed=true]{color:#070b16;background:var(--gold);border-color:var(--gold);box-shadow:3px 3px #753893}.comic-chapters button:hover{border-color:var(--cyan)}
.comic-title{text-align:center;margin-top:-65px;z-index:2;pointer-events:none}.comic-title>*{pointer-events:auto}.comic-caption{display:inline-block;padding:8px 18px;background:#0b0d1b;color:#f4e5ff;font:italic 900 clamp(22px,4vw,48px) Impact,sans-serif;letter-spacing:2px;border:2px solid #dac8ef;transform:rotate(-3deg);margin:0}.comic-title h2{font:italic 900 clamp(52px,9vw,112px)/.85 Impact,'Arial Black',sans-serif;letter-spacing:2px;color:var(--gold);text-shadow:4px 5px #000,7px 8px #803cac;margin:22px 0;transform:rotate(-4deg)}.comic-tagline{color:#e4d9ed;font-size:13px;letter-spacing:2px}.comic-title .primary{margin:12px 0}
.release-view .lineup{max-width:1120px;gap:20px}.release-view .fighter-pick{border:2px solid #b9a4c8;border-top:6px solid var(--gold);background:#0a0d1ded;box-shadow:5px 5px #03040b;padding:14px}.release-view .fighter-pick.p2{border-top-color:var(--cyan)}.release-view .player-tag{color:var(--gold)}.release-view .p2 .player-tag{color:var(--cyan)}.release-view .fighter-picker{--pick-color:var(--gold);grid-template-columns:repeat(5,minmax(0,1fr))}.release-view .p2 .fighter-picker{--pick-color:var(--cyan)}.release-view .fighter-thumb{border-color:#59516d;background:#121024}.release-view .fighter-thumb[aria-pressed=true]{border-color:var(--pick-color);background:#392550;box-shadow:inset 0 0 0 2px var(--pick-color),0 0 12px #a15dd755}.release-view .fighter-thumb-name{background:#080b18ee}.release-view .fighter-pick small{color:#c3b8d4}
.release-view .selection .match-options{width:min(800px,100%);gap:14px;flex-wrap:wrap}.release-view .match-option{border:2px solid #9884af;border-radius:0;background:#0b0e21;flex:1 1 220px;padding:16px;box-shadow:5px 5px #03040b}.release-view .match-option>span{color:var(--gold);font:700 12px Arial,sans-serif;letter-spacing:2px}.release-view .match-option select{width:100%;background:#17182c;color:#f4ecfa;border:1px solid #6c5e80;min-height:48px;font-size:16px;border-radius:0}.release-view .primary,.release-view .secondary{min-height:48px;border-radius:0;font-weight:900;letter-spacing:1.5px;box-shadow:4px 4px #03040b}.release-view .primary{background:var(--gold);border-color:#fff3a6;color:#10101a}.release-view .primary:hover{background:#fff0a5}.release-view .secondary{background:#19172b;border-color:#b898d3;color:#f3eafa}.release-view .secondary:hover{border-color:var(--cyan)}
.release-view .selection .online-entry{background:#0c1425;border:2px solid #38778d;box-shadow:4px 4px #03040b;color:#e4fbff}.release-view .selection .online-entry b{color:var(--cyan)}.release-view .setup-note{color:#c4b9d8}.release-view .console-bar{background:#101222;border-top:2px solid #ccc2dd}.release-view .console-bar button{background:#1d1931;border-color:#7a658b;min-height:44px}.release-view .understage{padding:28px 20px;background:#111020bb;border:1px solid #4e405f}.release-view .controls h2,.release-view .now-playing strong{color:var(--gold)}.release-view .footer-note{color:#b4a7c6}
.release-view .pause-overlay,.release-view .result-overlay,.release-view .tournament-overlay{background-color:#0a0c1af2;background-image:radial-gradient(#8d71aa33 1px,transparent 1.5px);background-size:5px 5px;backdrop-filter:none}.release-view .pause-overlay h2,.release-view .result-overlay h2,.release-view .tournament-overlay h2{color:var(--gold);font-family:Impact,'Arial Black',sans-serif;text-shadow:4px 4px #000,6px 6px #893baf;transform:rotate(-3deg)}
/* Chapters hide decoration and controls together, including keyboard focus. */
.selection:not([data-chapter=title]) .comic-title,.selection[data-chapter=title] .select-heading,
.selection:is([data-chapter=title],[data-chapter=mode],[data-chapter=stage]) .lineup,
.selection:is([data-chapter=title],[data-chapter=mode]) .select-stage,
.selection:not([data-chapter=stage])>.start-actions:not(.comic-next),
.selection:not([data-chapter=stage]) .setup-note,
.selection:is([data-chapter=title],[data-chapter=fighters]) .match-options,
.selection:not([data-chapter=mode]) .match-option:has(#game-mode),
.selection[data-chapter=mode] .match-option:not(:has(#game-mode)),
.selection:not([data-chapter=mode]) .online-entry,
.selection:not([data-chapter=fighters]) .community-fighters{display:none!important}
.release-view .selection[data-chapter=title] .select-stage{display:block!important;height:320px}.release-view .selection[data-chapter=mode]{min-height:500px}.release-view .selection[data-chapter=mode] .match-options{max-width:560px}.release-view .selection[data-chapter=stage] .select-stage{height:240px}
@media(max-width:650px){.release-view main{padding:0 10px 20px}.release-view .topbar{padding:16px 14px}.release-view .selection{padding:16px 12px 24px;gap:14px;min-height:560px}.comic-chapters{gap:5px}.comic-chapters button{padding:8px;font-size:10px;flex:1 1 65px}.release-view .selection .select-stage{height:180px;min-height:180px}.release-view .selection[data-chapter=title] .select-stage{height:210px}.release-view .selection[data-chapter=stage] .select-stage{height:180px}.comic-title{margin-top:-36px}.release-view .lineup{gap:10px}.release-view .fighter-pick{padding:8px}.release-view .fighter-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.release-view .selection h1{font-size:32px}.release-view .selection .match-options{gap:10px}.release-view .match-option{padding:12px;flex-basis:100%}.release-view .start-actions{flex-wrap:wrap}.release-view .primary,.release-view .secondary{padding:12px 16px}.release-view .stage-top{font-size:9px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.release-view *, .release-view *::before,.release-view *::after{scroll-behavior:auto;transition:none}}
@media(max-width:450px){.release-view .selection .lineup{flex-direction:column}.release-view .selection .fighter-pick{width:100%}.release-view .selection .fighter-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.release-view .selection .fighter-thumb-name{overflow-wrap:normal}.release-view .selection .fighter-seat{flex-direction:row}}
/* Roster columns follow available panel width so names wrap only at word spaces. */
.release-view .selection .fighter-picker{grid-template-columns:repeat(auto-fit,minmax(min(100%,100px),1fr))}
.release-view .selection .fighter-thumb-name{overflow-wrap:normal;word-break:normal;hyphens:none;white-space:normal;padding:6px 4px;min-height:36px}