a{color:inherit;text-decoration:none}button{font:inherit}canvas{display:block}
:root{--ink:#0b0b14;--accent:#f400cc;--second:#00e8ee;--volt:#dfff00;--bone:#f6f5ee;--display:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--bone);font:15px/1.5 Arial,sans-serif}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--volt);outline-offset:4px}h1,h2,h3,p{margin:0}main{max-width:none;margin:0}h1,h2{font-family:var(--display);font-weight:900;font-style:italic;text-transform:uppercase;line-height:.98;letter-spacing:-1px}em{font-style:inherit;color:var(--accent)}
.game-nav{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:22px 4vw;max-width:none;background:linear-gradient(#0b0b14cc,transparent);border:0;height:auto}.game-nav>div{display:flex;gap:10px}.brand{font:bold 25px/1 Arial,sans-serif;letter-spacing:-1px}.brand span{color:var(--volt)}.utility{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 17px;border:1px solid #ffffff40;background:#0b0b14db;color:var(--bone);border-radius:2px;font:700 12px/1.3 Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase}.utility:hover{border-color:var(--volt);color:var(--volt)}.eyebrow{font:700 11px/1.6 monospace;letter-spacing:2px;color:var(--volt)}
.arcade-home{position:relative;min-height:100svh;isolation:isolate;display:flex;align-items:center;overflow:hidden;padding:110px 5vw 80px;background:var(--hero-stage) center/cover}.home-art,.home-shade,.cabinet-lines{position:absolute;inset:0;pointer-events:none}.home-art{z-index:-3;background:var(--poster) 85% center/cover no-repeat}.home-shade{z-index:-1;background:linear-gradient(90deg,#0b0b14f5 0%,#0b0b14df 27%,#0b0b1470 58%,#0b0b1420),linear-gradient(0deg,#0b0b14ee,transparent 35%)}.home-content{width:min(650px,56%);position:relative}.home-content h1{font-size:clamp(58px,7.3vw,108px);margin:22px 0;color:var(--bone);text-shadow:4px 4px #0006}.home-content h1 span{display:block;color:var(--accent)}.menu-tagline{font-size:16px;color:#dedde9;max-width:450px}.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 15px}.menu-button{position:relative;display:flex;flex-direction:column;align-items:start;gap:9px;background:#0b0b14e8;color:var(--bone);text-align:left;border:2px solid var(--accent);padding:20px;box-shadow:5px 5px #f400cc26;border-radius:2px}.menu-button:hover{background:#f400cc24;transform:translateY(-2px)}.menu-button.second{border-color:var(--second);box-shadow:5px 5px #00e8ee22}.menu-button>span,.menu-button small{font:11px/1.5 monospace}.menu-button strong{font:italic 900 clamp(27px,3vw,44px)/1 var(--display);white-space:nowrap}.menu-button i{font:italic 20px var(--display);color:var(--accent)}.menu-button.second i{color:var(--second)}.load-note{font:11px/1.5 monospace;color:#b3b1c4}.home-footer{position:absolute;bottom:25px;left:5vw;right:5vw;display:flex;justify-content:space-between;gap:15px;font:10px/1.5 monospace;letter-spacing:1.5px;color:#e1dfed}.home-footer b{color:var(--accent);padding:0 14px}.poster-cast{position:absolute;right:0;top:10%;bottom:0;width:63%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(-8deg) scale(1.15);opacity:.85}.poster-cast img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 25%;border:3px solid #f400cc50;filter:saturate(.8);box-shadow:0 15px 35px #0008}.cabinet-lines{z-index:0;border:7px solid #f400cc44;box-shadow:inset 0 0 55px #0007}
.selection-screen{min-height:100svh;padding:105px 4vw 32px;background:radial-gradient(ellipse at 85% 35%,#f400cc19,transparent 60%),#0b0b14}.step-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.step-header h1{font-size:clamp(30px,4.5vw,65px);margin:8px 0 0}.screen-hint{font:12px/1.5 monospace;color:#bcbace;margin:0 0 18px}.select-layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(310px,1.45fr) minmax(180px,1fr);gap:25px;align-items:stretch;max-width:1380px;margin:0 auto}.player-card{padding:0;background:linear-gradient(180deg,#ffffff05,#f400cc12);border:1px solid #ffffff2d;min-width:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;text-align:center}.player-card.active{border-color:var(--accent);box-shadow:0 0 25px #f400cc19}.player-card>button{background:#15151c;color:var(--bone);border:0;border-bottom:1px solid #ffffff30;padding:13px;font:700 13px monospace}.player-card.active>button{background:var(--accent);color:#0b0b14}.player-card:nth-child(3).active{border-color:var(--second)}.player-card:nth-child(3).active>button{background:var(--second)}.fighter-portrait{height:clamp(220px,34vh,420px);overflow:hidden}.fighter-portrait img{height:100%;width:100%;display:block;object-fit:contain;object-position:center;transform:none;padding:8px;margin:0;max-height:none}.player-card>strong{font:italic 900 clamp(24px,3vw,42px)/1.1 var(--display);padding:15px 10px 5px;color:var(--bone);text-transform:uppercase;overflow-wrap:anywhere}.player-card>p{font:10px/1.5 monospace;color:#bcbace;padding:0 8px 15px}.roster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:none;align-self:center}.roster-pick{position:relative;min-height:0;overflow:hidden;background:#12121c;border:2px solid #ffffff25;color:var(--bone);padding:0;text-align:left;transition:border-color .15s}.roster-portrait{display:block;height:clamp(65px,11vh,120px);overflow:hidden}.roster-pick img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 20%;transform:scale(2.2);transform-origin:center top;padding:0;margin:0}.roster-pick strong{display:block;padding:7px 6px;font:700 clamp(9px,1vw,13px)/1.2 Arial,sans-serif;overflow-wrap:anywhere}.roster-pick:hover{border-color:var(--volt)}.roster-pick[data-p1=true]{border-color:var(--accent)}.roster-pick[data-p2=true]{box-shadow:inset 0 0 0 3px var(--second);border-color:var(--second)}.roster-pick[data-p1=true][data-p2=true]{border-color:var(--accent);box-shadow:inset -3px 0 var(--second)}.pick-mark{position:absolute;top:4px;left:4px;background:#0b0b14e8;color:var(--volt);font:700 9px monospace;padding:3px;z-index:1}.pick-mark:empty{display:none}.selection-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px auto 0;max-width:1380px}.selection-footer>span{font:10px monospace;color:#bcbace}.selection-footer b{color:var(--accent);padding:0 12px}.action-button{min-height:54px;background:var(--volt);color:#0b0b14;border:2px solid var(--volt);border-radius:2px;padding:14px 24px;font:italic 900 23px/1.1 var(--display);text-transform:uppercase;letter-spacing:.8px}.action-button:hover{background:#f6ffaf;box-shadow:0 0 30px #dfff0026}
.arena-feature{position:relative;max-width:1300px;margin:24px auto 18px;height:clamp(180px,37vh,380px);overflow:hidden;border:1px solid #ffffff35}.arena-feature>img{width:100%;height:100%;object-fit:cover;object-position:center 65%}.arena-feature>div{position:absolute;inset:auto 0 0;padding:45px 25px 20px;background:linear-gradient(transparent,#0b0b14f5)}.arena-feature h2{font-size:clamp(28px,4vw,50px);margin:5px 0 8px}.arena-feature>div>p:last-child{font-size:13px;color:#dad8e3}.arena-grid{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.arena{padding:0;border:2px solid #ffffff30;overflow:hidden;background:#12121c;min-height:0;text-align:left;color:var(--bone)}.arena.selected{border-color:var(--volt)}.arena img{display:block;width:100%;height:clamp(65px,11vh,120px);object-fit:cover;object-position:center 62%}.arena .info{display:block;position:static;padding:10px 14px;background:transparent}.arena strong{font-size:13px}.arena .info small{display:none}#match-summary{font:11px/1.5 monospace;color:#ccc9dc}
.fight{min-height:100svh;padding:90px 3vw 18px;max-width:none;margin:0;display:flex;flex-direction:column;align-items:center}.fight-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:1200px;margin:0 auto 10px;padding:0;font:11px monospace;background:none}.fight-bar>span:nth-child(2){color:var(--second)}.screen{position:relative;width:min(100%,calc((100svh - 180px)*16/9));margin:auto;border:2px solid #f400cc77;box-shadow:0 0 40px #f400cc10;overflow:hidden;background:#000;aspect-ratio:16/9}.screen canvas{display:block;width:100%;height:100%;max-height:none;object-fit:contain}.assistive{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.result{position:absolute;inset:0;background:#0b0b14e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:25px;text-align:center}.result h2{font-size:clamp(25px,5vw,60px);color:var(--accent)}.result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.touch{display:none;width:100%;max-width:1200px;margin:15px auto 0;gap:15px;justify-content:space-between}.touch-side{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.touch-side button{min-width:38px;min-height:38px;padding:5px;border:1px solid #ffffff44;background:#181822;color:#fff;font:700 10px Arial;user-select:none}.touch-side button:active{background:var(--accent)}
.game-dialog{width:min(850px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto;border:2px solid var(--accent);border-radius:3px;background:#0f0f18;color:var(--bone);padding:28px;box-shadow:0 0 70px #f400cc22}.game-dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}.game-dialog h2{font-size:clamp(35px,5vw,58px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.settings-grid h3{font:700 11px monospace;color:var(--volt);letter-spacing:1.5px;padding-bottom:12px;border-bottom:1px solid #ffffff30;margin-bottom:10px}.toggle-row{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #ffffff10;font:700 13px/1.5 Arial}.toggle-row small{display:block;font:11px/1.5 Arial;color:#b5b2c6;margin-top:3px}.toggle-row input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0;margin:2px 0 0}.slider-label{display:flex;justify-content:space-between;font:700 12px Arial;margin:18px 0 10px}.slider-label output{color:var(--volt)}.settings-grid input[type=range]{width:100%;accent-color:var(--accent)}.setting-field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;margin-top:18px}.setting-field select{background:#191923;color:var(--bone);border:1px solid #ffffff40;border-radius:2px;padding:12px;font:13px Arial}.control-guide{font:11px/1.7 monospace;color:#c5c2d4;margin-top:15px}.control-guide strong{color:var(--second)}.settings-note{font:11px/1.6 Arial;color:#9d99b4;margin-top:20px}.pause-menu{width:min(460px,calc(100vw - 32px));text-align:center}.pause-menu h2{color:var(--accent);margin:12px 0}.pause-menu>p:not(.eyebrow){font-size:12px;color:#bcbace}.pause-actions{display:flex;flex-direction:column;gap:10px;margin-top:25px}.exit-button{color:#ff8cab;border-color:#ff8cab55}
.touch-device .touch{display:flex}@media(pointer:coarse){.touch{display:flex}}
@media(max-width:850px){.home-content{width:75%}.home-art{background-position:70% center}.home-shade{background:linear-gradient(90deg,#0b0b14ed,#0b0b1499),linear-gradient(0deg,#0b0b14,transparent)}.select-layout{grid-template-columns:1fr 1.2fr 1fr;gap:12px}.fighter-portrait{height:220px}.player-card>strong{font-size:26px}.roster-portrait{height:75px}.step-header h1{font-size:38px}}
@media(max-width:600px){.game-nav{padding:15px 18px}.brand{font-size:20px}.game-nav>div{gap:6px}.game-nav .utility{padding:9px;font-size:10px}.site-exit{display:none!important}.arcade-home{padding:100px 22px 75px;align-items:center}.home-content{width:100%}.home-content h1{font-size:clamp(48px,13vw,74px);margin:18px 0}.home-art{background-position:center}.home-shade{background:linear-gradient(90deg,#0b0b14e8,#0b0b14b8)}.menu-tagline{font-size:13px}.mode-buttons{gap:8px;margin:25px 0 15px}.menu-button{padding:14px 12px}.menu-button strong{font-size:29px}.menu-button i{font-size:16px}.menu-button>span{font-size:9px;letter-spacing:0}.menu-button small{font-size:10px}.home-footer{left:22px;right:22px;bottom:20px;font-size:8px;letter-spacing:0;flex-wrap:wrap}.poster-cast{width:100%;right:-20%;opacity:.5}.selection-screen{padding:90px 18px 25px}.step-header{align-items:start;gap:8px;flex-wrap:wrap}.step-header h1{font-size:33px}.step-header .utility{font-size:10px;padding:10px}.step-header .eyebrow{font-size:9px}.select-layout{grid-template-columns:1fr 1fr;gap:12px}.roster-grid{grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(3,1fr);gap:7px}.player-card:nth-child(3){grid-column:2;grid-row:1}.fighter-portrait{height:140px}.player-card>strong{font-size:25px;padding:10px 5px 3px}.player-card>p{font-size:8px;padding-bottom:10px}.player-card>button{font-size:11px;padding:9px}.roster-portrait{height:73px}.roster-pick strong{font-size:10px;padding:6px}.selection-footer{flex-direction:column;align-items:stretch;gap:15px;margin-top:20px}.selection-footer>span{text-align:center;font-size:8px}.action-button{font-size:21px;min-height:50px}.arena-feature{height:220px}.arena-feature>div{padding:35px 15px 14px}.arena-feature h2{font-size:30px}.arena-grid{gap:7px}.arena img{height:60px}.arena .info{padding:7px}.arena strong{font-size:9px;line-height:1.3;display:block}.arena-select #match-summary{font-size:10px}.settings-grid{grid-template-columns:1fr;gap:25px}.game-dialog{padding:20px}.dialog-heading h2{font-size:36px}.fight{padding:80px 8px 15px}.fight-bar{font-size:9px;gap:6px;flex-wrap:wrap}.fight-bar .utility{padding:8px;font-size:10px}.screen{width:100%;margin:12px 0}.touch{flex-direction:column;gap:10px}.touch-side{gap:5px}.touch-side button{min-width:36px}.result{gap:10px;padding:12px}.result .eyebrow{display:none}.result>p{font-size:11px}.result-actions .action-button,.result-actions .utility{min-height:35px;padding:8px;font-size:12px}}
@media(max-height:500px) and (min-width:600px){.game-nav{padding:12px 3vw}.arcade-home{padding:75px 4vw 45px}.home-content h1{font-size:48px;margin:12px 0}.home-content{width:65%}.mode-buttons{margin:18px 0 8px}.menu-button{padding:12px}.menu-button strong{font-size:30px}.home-footer{bottom:12px}.selection-screen{padding-top:75px}.fighter-portrait{height:160px}.roster-portrait{height:50px}.fight{padding:65px 8px 8px}.screen{width:min(85%,calc((100svh - 110px)*16/9))}.fight-bar{margin-bottom:5px}.touch{margin-top:5px}.touch-side button{min-height:30px}.pause-menu .pause-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pause-actions .action-button{grid-column:1 / -1}.arena-feature{height:170px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.menu-button:hover{transform:none}}

.touch-side::before{content:'P1';flex-basis:100%;font:700 10px monospace;color:var(--accent);text-align:center}.touch-side.p2::before{content:'P2';color:var(--second)}
@media(max-width:360px){.game-nav{padding:15px 12px}.game-nav .brand{font-size:18px}.game-nav .utility{font-size:9px;padding:8px}}
@media(max-height:500px) and (min-width:600px) and (max-width:799px){.touch-device .screen{width:min(85%,calc((100svh - 210px)*16/9))}}
@media(max-height:500px) and (min-width:800px){.touch-device .fight{position:relative}.touch-device .screen{width:min(calc(100% - 330px),calc((100svh - 110px)*16/9))}.touch-device .touch{position:absolute;inset:135px 12px auto;width:auto;pointer-events:none;margin:0}.touch-device .touch-side{width:145px;align-content:start;justify-content:start;pointer-events:auto}.touch-device .touch-side.p2{margin-left:auto}.touch-device .touch-side button{min-width:42px;min-height:38px}.touch-side::before{text-align:left}}

.fight-standings{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;color:var(--second)}#match-score{font:700 16px monospace;color:var(--volt)}#match-round{font:700 10px monospace;color:var(--bone)}
@media(max-width:600px){.fight-standings{gap:8px;font-size:9px}#match-score{font-size:12px}#match-round{font-size:8px}}
@media(max-height:500px) and (min-width:800px){.touch-device .screen{width:min(calc(100% - 330px),calc((100svh - 128px)*16/9))}}

.clip-dialog{width:min(640px,calc(100vw - 32px))}.clip-dialog video{display:block;max-height:45svh;max-width:100%;margin:20px auto;background:#000}.clip-dialog progress{width:100%;accent-color:var(--accent);margin-top:20px}.clip-dialog #clip-status{font:13px/1.6 Arial;margin:18px 0}.clip-dialog .result-actions{justify-content:flex-start}.clip-dialog #clip-round-label{color:var(--second);font:12px monospace}.clip-dialog select{max-width:100%;background:#191923;color:#fff;padding:12px}

.versus-intro{position:relative;min-height:100svh;padding:95px 6vw 30px;background:#0b0b14;overflow:hidden;text-align:center}.vs-backdrop{position:absolute;inset:0;background:linear-gradient(0deg,#0b0b14,#0b0b14aa),var(--vs-arena) center/cover;filter:saturate(.6)}.versus-intro> :not(.vs-backdrop){position:relative}.vs-lineup{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;max-width:1100px;margin:auto}.vs-lineup article{background:linear-gradient(0deg,#f400cc22,transparent);border-bottom:3px solid var(--accent);padding:15px}.vs-lineup article:last-child{background:linear-gradient(0deg,#00d9ff22,transparent);border-color:var(--second)}.vs-lineup img{height:min(45svh,400px);max-width:100%;object-fit:contain;filter:drop-shadow(0 0 25px #000)}.vs-lineup article>span{display:block;color:var(--accent);font:bold 13px monospace}.vs-lineup article:last-child>span{color:var(--second)}.vs-lineup h1{font-size:clamp(28px,4vw,60px);color:#fff}.vs-lineup p{font:11px/1.5 monospace;margin-top:10px}.vs-mark{font:italic 900 clamp(45px,7vw,110px)/1 Impact,Arial;color:var(--volt);transform:rotate(-10deg);text-shadow:6px 6px var(--accent)}.vs-bottom{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px}.vs-bottom p{font:14px monospace}.vs-bottom>strong{font:italic 900 40px Impact;color:var(--volt)}
@media(max-width:600px){.versus-intro{padding:100px 12px 20px}.vs-lineup{grid-template-columns:1fr 45px 1fr}.vs-lineup article{padding:8px}.vs-lineup img{height:230px}.vs-lineup h1{font-size:27px}.vs-lineup p{font-size:9px}.vs-bottom{gap:12px}.vs-bottom p{width:100%;font-size:12px}}
@media(orientation:landscape) and (max-height:500px){.versus-intro{padding-top:70px}.vs-lineup img{height:110px}.vs-lineup h1{font-size:28px}.vs-lineup article{padding:5px}.vs-lineup p{display:none}.vs-bottom{margin-top:10px}.vs-bottom .action-button{min-height:35px;padding:8px;font-size:20px}}

.controls-table-wrap{overflow-x:auto}.controls-table{width:100%;border-collapse:collapse;font:13px/1.5 Arial;text-align:left}.controls-table caption{text-align:left;color:var(--second);font:700 12px monospace;padding:0 0 15px}.controls-table td,.controls-table th{border-bottom:1px solid #ffffff22;padding:12px 8px}.controls-table thead{color:var(--volt)}.moves-heading{margin:25px 0 15px;color:var(--volt);font:700 12px monospace}.moves-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.moves-grid article{padding:15px;border:1px solid #ffffff22;background:#181821}.moves-grid strong{color:var(--second);font:700 12px monospace}.moves-grid p{margin-top:8px;font:12px/1.6 Arial;color:#ccc}.home-content>[data-controls]{margin-top:10px}@media(max-width:600px){.moves-grid{grid-template-columns:1fr}.controls-table{font-size:11px}.controls-table td,.controls-table th{padding:9px 4px}}

.vs-lineup article:last-child img{transform:scaleX(-1)}@media(prefers-reduced-motion:no-preference){.vs-lineup article{animation:vs-enter .5s ease-out both}.vs-lineup article:last-child{animation-delay:.08s}.vs-mark{animation:vs-hit .55s ease-out both}@keyframes vs-enter{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes vs-hit{from{opacity:0;scale:1.8}to{opacity:1;scale:1}}}

.specials-intro{font:12px/1.7 Arial;color:#ccc;margin-bottom:15px}.specials-grid .special-combo{font:700 14px/1.5 monospace;color:var(--volt);margin:10px 0}.special-bindings{margin:10px 0;display:grid;gap:6px;font:11px/1.5 monospace}.special-bindings>div{display:flex;gap:10px}.special-bindings dt{color:#aaa;min-width:22px}.special-bindings dd{margin:0;color:#fff;overflow-wrap:anywhere}

@media(max-width:360px){body[data-screen="fight"] .game-nav{flex-wrap:wrap;gap:12px}body[data-screen="fight"] .game-nav>div{width:100%;justify-content:flex-start}body[data-screen="fight"] .fight{padding-top:125px}}

@media(max-width:600px){body[data-screen="fight"] .game-nav{flex-wrap:wrap;gap:10px}body[data-screen="fight"] .game-nav>div{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}body[data-screen="fight"] .game-nav .utility{padding:9px 4px;font-size:9px;letter-spacing:0}body[data-screen="fight"] .fight{padding-top:125px}}

/* Keep full fighter previews beside an equally tall, nine-fighter roster. */
.select-layout .roster-grid{align-self:stretch;grid-template-rows:repeat(3,minmax(0,1fr))}
.select-layout .roster-pick{display:grid;grid-template-rows:minmax(0,1fr) auto}
.select-layout .roster-portrait{position:relative;display:flex;align-items:center;justify-content:center;height:auto;min-height:0}
.select-layout .roster-portrait img{position:absolute;inset:auto;height:100%;width:100%;object-position:center;transform-origin:center;transform:none}
.select-layout .fighter-portrait{position:relative;flex-shrink:0}
.select-layout img[data-centered=true]{position:absolute;object-fit:contain;object-position:center;transform:none;padding:0;max-width:none;max-height:none;margin:0}
.select-layout .roster-pick strong{background:#292939;border-top:1px solid #ffffff20;min-height:34px;padding:9px 7px;font-size:13px}
.select-layout .roster-pick[data-p1=true] strong{background:#5a174e}
.select-layout .roster-pick[data-p2=true] strong{background:#12464b}
.select-layout .roster-pick[data-p1=true][data-p2=true] strong{background:linear-gradient(90deg,#5a174e,#12464b)}
.select-layout .player-card>strong{background:#292939;border-top:1px solid #ffffff20}
.select-layout .player-card>p{background:#292939;flex:1}
@media(max-width:600px){.select-layout .roster-grid{grid-template-rows:repeat(3,minmax(140px,1fr))}.select-layout .roster-pick strong{font-size:12px;padding:8px 5px}}

/* Meet the cast, beside the two game modes. */
.home-content{width:min(900px,75%)}
.mode-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}
.mode-buttons .menu-button strong{font-size:clamp(24px,2.7vw,38px)}
.fighters-gallery-button{border-color:var(--volt);box-shadow:5px 5px #dfff0022}
.fighters-gallery-button:hover{background:#dfff0017}
.gallery-note{color:#c9c6d9;font-size:15px;line-height:1.6;margin:0 0 25px;max-width:850px}
.fighter-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1380px;margin:auto}
.fighter-reference-card{background:#13131e;border:1px solid #ffffff30;overflow:hidden}
.fighter-reference-card>header{display:flex;align-items:center;gap:14px;padding:18px;border-bottom:1px solid #ffffff20;min-height:100px}
.fighter-reference-card>header>span{font:900 32px/1 var(--display);color:var(--volt)}
.fighter-reference-card h2{font-size:clamp(24px,2vw,31px);letter-spacing:0;overflow-wrap:anywhere}
.fighter-reference-card header p{font:12px/1.5 monospace;color:#c9c6d9;margin-top:7px}
.fighter-reference-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}
.fighter-reference-pair figure{margin:0;min-width:0}
.gallery-reference,.gallery-fighter{height:280px;overflow:hidden;background:#20202d;position:relative}
.gallery-reference img,.gallery-fighter img{width:100%;height:100%;object-fit:contain;display:block}
.gallery-reference img{object-fit:cover;object-position:center}
.gallery-reference-atlas{width:100%;height:100%;background-size:300% 300%;background-repeat:no-repeat}
.gallery-fighter{background:radial-gradient(ellipse at 50% 60%,#f400cc20,transparent 75%),#101019}
.gallery-fighter img[data-centered=true]{position:absolute;max-width:none;max-height:none;padding:0;margin:0}
.fighter-reference-pair figcaption{padding:10px 5px;text-align:center;font:700 12px/1.4 monospace;background:#292939;color:var(--bone)}
@media(max-width:1050px){.fighter-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-buttons .menu-button{padding:15px}.mode-buttons .menu-button small{font-size:10px}}
@media(max-width:600px){.home-content{width:100%}.mode-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.fighters-gallery-button{grid-column:1/-1}.mode-buttons .menu-button strong{font-size:29px}.fighters-gallery-button{padding:13px 15px}.fighter-reference-grid{grid-template-columns:1fr;gap:18px}.fighter-reference-card>header{min-height:85px;padding:15px}.fighter-reference-card h2{font-size:28px}.gallery-reference,.gallery-fighter{height:260px}.gallery-note{font-size:14px}.arcade-home{padding-bottom:100px}}
@media(max-height:500px) and (min-width:600px){.mode-buttons .menu-button{padding:12px}.mode-buttons .menu-button strong{font-size:26px}.mode-buttons .menu-button small{font-size:9px}.gallery-reference,.gallery-fighter{height:220px}}
.gallery-reference,.gallery-fighter{height:auto;aspect-ratio:2 / 3}
.gallery-fighter img{position:absolute;inset:auto}