.fighter-lineup{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0 6px}
.lineup-fighter{display:flex;align-items:center;gap:7px;min-width:0;padding:5px 8px;border:1px solid #ffcb37;background:#201a32;color:#fff8e8;text-align:left;cursor:pointer;overflow:hidden}
.lineup-fighter.rival{border-color:#34f5da}.lineup-fighter img{width:44px;height:52px;object-fit:contain;flex-shrink:0}.lineup-fighter span{min-width:0}.lineup-fighter small{display:block;font:700 8px/1.4 Barlow,Arial,sans-serif;color:#ffcb37;letter-spacing:.07em}.lineup-fighter.rival small{color:#34f5da}.lineup-fighter strong{font:23px/1 Bangers,Impact,sans-serif;display:block;margin-top:3px}
.roster-open{border:0;background:none;color:#34f5da;font:900 11px Barlow,Arial,sans-serif;letter-spacing:.08em;padding:7px 0;cursor:pointer;text-align:left}.roster-open:hover{color:#fff8e8}
.fighter-loading{color:#ffcb37;font:700 10px/1.4 Barlow,Arial,sans-serif;margin:3px 0 8px;min-height:0}.fighter-loading:empty{display:none}.action-btn:disabled{opacity:.5;cursor:wait}
.roster-screen{background:linear-gradient(145deg,#18122efc,#0c1021fc);padding:18px;align-items:center;overflow:auto}
.roster-panel{width:100%;max-width:1160px;margin:auto;--slot-color:#ffcb37}.roster-panel[data-slot="1"]{--slot-color:#34f5da}
.roster-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px}.roster-header .eyebrow{font:900 9px Barlow,Arial,sans-serif;letter-spacing:.18em}.roster-header h2{font:clamp(25px,3.3vw,42px)/1 Bangers,Impact,sans-serif;color:#ffcb37;letter-spacing:.025em;margin:6px 0 0;transform:rotate(-1deg);text-shadow:3px 3px 0 #b42468}
.roster-slots{display:flex;gap:10px;align-items:center;margin-bottom:13px}.roster-slots button{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:9px 14px;border:2px solid #534969;background:#242039;color:#fff8e8;cursor:pointer;text-align:left}.roster-slots small{font:900 10px Barlow,Arial,sans-serif;color:#aea1c3;letter-spacing:.08em}.roster-slots strong{font:25px/1 Bangers,Impact,sans-serif}.roster-slots #rosterP1[aria-pressed="true"]{border-color:#ffcb37;background:#4b342c}.roster-slots #rosterP2[aria-pressed="true"]{border-color:#34f5da;background:#163d43}.roster-vs{font:26px Bangers,Impact,sans-serif;color:#ff398e}
.fighter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.fighter-card{position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;padding:0;border:2px solid #4a3d60;background:linear-gradient(165deg,#25223c,#11101e);color:#fff8e8;cursor:pointer;text-align:left;transition:transform .15s,border-color .15s,box-shadow .15s}
.fighter-card:hover{border-color:var(--fighter-color);transform:translateY(-3px)}.fighter-card.is-selected{border-color:var(--slot-color);box-shadow:3px 3px 0 var(--slot-color)}
.fighter-card-image{position:relative;height:clamp(92px,13.5vw,172px);display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(ellipse at 50% 70%,var(--fighter-color),transparent 68%);isolation:isolate}
.fighter-card-image:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-30deg,transparent 0 20px,#fff1 20px 21px);z-index:-1}.fighter-card img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(3px 5px 0 #080714);padding:7px 5px 0}
.fighter-card-name{font:clamp(16px,2.2vw,27px)/1 Bangers,Impact,sans-serif;padding:10px 9px 4px;color:var(--fighter-color)}.fighter-card-style{font:900 9px/1.2 Barlow,Arial,sans-serif;color:#e0d7ee;letter-spacing:.06em;padding:0 9px 9px}.fighter-card-badge{position:absolute;top:4px;left:4px;color:#161225;background:#ffcb37;z-index:2;padding:3px 5px;font:900 9px Barlow,Arial,sans-serif}.fighter-card-badge[data-players="2"]{background:#34f5da}.fighter-card-badge:empty{display:none}
.fighter-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.85fr);align-items:center;gap:18px;margin:16px 0 10px;padding:11px 14px;border-left:3px solid var(--slot-color);background:#242039}
.fighter-details h3{font:24px/1 Bangers,Impact,sans-serif;margin:0 0 4px;color:var(--fighter-color)}.fighter-details p{font:12px/1.35 Barlow,Arial,sans-serif;margin:0;color:#e0d5ee}.fighter-details b{color:#fff8e8}.fighter-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.fighter-stat{font:900 9px Barlow,Arial,sans-serif;letter-spacing:.04em;color:#bdb0d2}.fighter-stat strong{display:block;color:#fff8e8;font-size:15px;margin:2px 0 4px}.fighter-stat i{display:block;height:4px;background:#493957;overflow:hidden}.fighter-stat i span{display:block;height:100%;background:var(--fighter-color)}
.roster-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.roster-footer>span{font:11px/1.3 Barlow,Arial,sans-serif;color:#cab9dc}.roster-footer .action-btn{font-size:21px;padding:8px 20px}.roster-footer .small-btn{font:900 10px Barlow,Arial,sans-serif;padding:9px}
.fighter-card:focus-visible,.lineup-fighter:focus-visible,.roster-open:focus-visible,.roster-slots button:focus-visible{outline:3px solid #fff8e8;outline-offset:3px}
@media(max-width:680px){.fighter-lineup{gap:5px;margin:8px 0 3px}.lineup-fighter{padding:3px 5px;gap:4px}.lineup-fighter img{width:28px;height:34px}.lineup-fighter small{font-size:6px}.lineup-fighter strong{font-size:16px}.roster-open{font-size:9px;padding:5px 0}.fighter-loading{font-size:8px}.roster-screen{padding:11px}.roster-header{margin-bottom:10px}.roster-header h2{font-size:26px}.roster-header .eyebrow{font-size:8px}.roster-slots{gap:7px;margin-bottom:11px}.roster-slots button{display:block;padding:7px}.roster-slots small{font-size:8px}.roster-slots strong{font-size:21px;display:block;margin-top:4px}.roster-vs{font-size:22px}.fighter-grid{gap:7px}.fighter-card-name{font-size:17px;padding:7px 6px 3px}.fighter-card-style{font-size:7px;padding:0 6px 6px}.fighter-details{grid-template-columns:1fr;gap:10px;margin:13px 0 11px;padding:10px}.fighter-details h3{font-size:21px}.fighter-details p{font-size:11px}.fighter-stats{gap:9px}.fighter-stat strong{font-size:13px}.roster-footer{gap:8px;flex-wrap:wrap}.roster-footer>span{font-size:9px;flex:1}.roster-footer .action-btn{font-size:19px;padding:7px 15px}.roster-footer .small-btn{font-size:9px;padding:8px}.fighter-card-badge{font-size:8px;padding:2px 4px}}
@media(max-width:680px) and (orientation:portrait){.arena:has(#roster.active){aspect-ratio:auto;overflow:visible}.arena:has(#roster.active)>canvas{height:auto;aspect-ratio:16/9}#roster.active{position:relative;inset:auto;padding:17px 13px 24px;overflow:visible;border-top:1px solid #534269}#roster.active .fighter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#roster.active .fighter-card-image{height:clamp(115px,31vw,190px)}#roster.active .fighter-card-name{font-size:23px}#roster.active .fighter-card-style{font-size:9px}#roster.active .roster-slots strong{font-size:25px}#menu.active .fighter-lineup{margin:12px 0 6px}#menu.active .lineup-fighter{padding:5px 8px}#menu.active .lineup-fighter img{width:40px;height:46px}#menu.active .lineup-fighter small{font-size:8px}#menu.active .lineup-fighter strong{font-size:22px}#menu.active .roster-open{font-size:11px;padding:8px 0}}
@media(max-height:650px) and (orientation:landscape) and (max-width:1100px){#menu .game-title{font-size:39px}#menu .subtitle{font-size:11px;margin:8px 0 4px}#menu .menu-blurb{font-size:9px;margin-bottom:5px}#menu .fighter-lineup{margin:6px 0 2px}#menu .lineup-fighter img{width:25px;height:30px}#menu .lineup-fighter strong{font-size:16px}#menu .roster-open{font-size:8px;padding:3px 0}#menu .fighter-loading{font-size:8px;margin:2px 0 4px}.roster-screen{padding:8px 12px;align-items:flex-start}.roster-header{margin-bottom:7px}.roster-header .eyebrow{font-size:7px}.roster-header h2{font-size:26px;margin-top:3px}.roster-header .small-btn{padding:5px 8px}.roster-slots{margin-bottom:8px}.roster-slots button{display:flex;padding:5px 9px;gap:7px}.roster-slots small{font-size:8px}.roster-slots strong{font-size:20px;margin:0}.fighter-card-image{height:clamp(57px,16svh,90px)}.fighter-card-name{font-size:17px;padding:5px 6px 2px}.fighter-card-style{font-size:7px;padding:0 6px 5px}.fighter-grid{gap:7px}.fighter-details{grid-template-columns:1fr 1fr;gap:12px;margin:8px 0;padding:7px 10px}.fighter-details h3{font-size:18px;margin-bottom:3px}.fighter-details p{font-size:9px}.fighter-stat{font-size:7px}.fighter-stat strong{font-size:11px;margin:1px 0 3px}.roster-footer .action-btn{font-size:16px;padding:4px 12px}.roster-footer .small-btn{font-size:8px;padding:6px}.roster-footer>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.fighter-card{transition:none}}