/* Arcade character select: the roster is the primary navigation. */
#menu{background:linear-gradient(125deg,#08172af5,#142d4cf5),repeating-linear-gradient(0deg,transparent 0 3px,#ffffff05 3px 4px);padding:0;display:flex;justify-content:center;align-items:flex-start}#menu.hidden{display:none}#menu .menu-content{width:min(900px,100%);max-width:none;margin:0;padding:18px 28px 24px;box-sizing:border-box}#menu .eyebrow{display:none}#menu h1{font-size:clamp(22px,3vw,35px);font-style:italic;letter-spacing:1px;line-height:1;margin:0 0 13px;text-shadow:2px 3px #050f21;color:#fff}#menu h1 span{margin-left:6px;color:#ffc72e}
.versus-line{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:10px}.versus{font-size:33px;font-style:italic;color:#ffd03e;text-align:center;transform:rotate(-8deg);text-shadow:3px 3px #070f1c}.seat{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;height:122px;overflow:hidden;cursor:pointer;color:#fff;border:2px solid #68809a;background:linear-gradient(120deg,#791e37,#df3d3f);border-radius:4px;box-shadow:0 5px #071322;text-align:left}.cpu-seat{background:linear-gradient(120deg,#12447f,#168ad0)}.seat[aria-pressed=true]{border-color:#ffe354;box-shadow:0 0 0 2px #ffe354,0 6px #071322}.seat-tag{position:absolute;top:8px;left:10px;font-weight:1000;font-style:italic;font-size:15px}.seat img{height:130px;width:126px;object-fit:contain;align-self:flex-end;filter:drop-shadow(5px 4px 0 #0004)}.cpu-seat img{transform:scaleX(-1)}.seat-caption{display:flex;flex-direction:column;gap:5px}.seat-caption strong{font-size:29px;letter-spacing:2px}.seat-caption small{font-size:12px}.selection-prompt{font-size:12px;color:#ffe17a;margin:13px 0 9px;letter-spacing:1px;text-align:center}
.fighter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.pick-card{position:relative;min-width:0;cursor:pointer;background:linear-gradient(145deg,#2b4968,#15283f);border:2px solid #6987a4;border-radius:3px;padding:0 4px 8px;color:white;transition:transform .12s,border-color .12s;box-shadow:0 4px #071322}.pick-card img{display:block;width:100%;height:95px;object-fit:contain;object-position:bottom;background:linear-gradient(135deg,transparent 50%,#ffffff0a 50%);margin-bottom:6px}.pick-card strong{display:block;font-size:18px}.pick-card small{display:block;font-size:10px;margin-top:3px;min-height:25px}.pick-card:hover{transform:translateY(-3px);border-color:#d9ecff}.pick-card[aria-pressed=true]{border-color:#ffd337;background:linear-gradient(135deg,#85642a,#3b3426);box-shadow:0 0 0 2px #ffd337,0 5px #071322}.pick-badges{position:absolute;left:3px;right:3px;top:3px;display:flex;justify-content:space-between;pointer-events:none}.pick-badges b{display:none;font-size:10px;padding:3px 4px;box-shadow:1px 2px #0008;background:#e93641}.pick-badges .badge-c{background:#087cdd}.pick-card[data-player=true] .badge-p,.pick-card[data-cpu=true] .badge-c{display:block}.pick-card:focus-visible,.seat:focus-visible{outline:3px solid white;outline-offset:3px}
.move-strip{min-height:34px;display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;font-size:12px;margin:13px 0 5px;color:#d6e4f5}.move-strip strong{color:#ffdb66}.move-strip span{white-space:nowrap}#menu .setup{display:flex;justify-content:center;align-items:center;gap:25px;margin:5px 0 12px}#menu .setup label{font-size:10px;margin-bottom:4px}#menu .setup select{padding:5px 8px;font-size:12px}#menu .rule-chip{font-size:11px}#menu .primary{display:block;width:min(380px,100%);margin:0 auto;min-height:44px;padding:10px;font-size:18px}#menu .tutorial-entry{display:block;width:min(380px,100%);min-width:0;margin:10px auto 0;padding:8px;font-size:12px}
@media(max-width:600px){#menu .menu-content{padding:15px 12px 20px}#menu h1{font-size:24px;margin:0 0 14px;letter-spacing:0}.versus-line{grid-template-columns:1fr 32px 1fr;gap:6px}.versus{font-size:25px}.seat{height:116px;gap:0}.seat img{height:100px;width:90px;position:absolute;left:-7px;bottom:0;opacity:.8}.cpu-seat img{left:auto;right:-7px}.seat-caption{position:relative;margin-top:42px;margin-left:32px;text-shadow:1px 2px #182331}.cpu-seat .seat-caption{margin-left:0;margin-right:24px}.seat-caption strong{font-size:23px;letter-spacing:0}.seat-caption small{font-size:9px}.seat-tag{top:7px;left:7px;font-size:13px}.fighter-grid{gap:5px}.pick-card{padding:0 1px 5px}.pick-card img{height:64px}.pick-card strong{font-size:13px}.pick-card small{font-size:8px;line-height:1.4;min-height:24px;overflow-wrap:anywhere}.pick-badges b{font-size:8px;padding:2px}.move-strip{gap:5px 10px;font-size:10px;margin-top:12px;line-height:1.7}.move-strip strong{width:100%;text-align:center}#menu .setup{gap:18px;margin:8px 0 12px}#menu .primary,#menu .tutorial-entry{width:100%}}
@media(max-height:550px) and (orientation:landscape){#menu .menu-content{padding:10px 20px;width:min(850px,100%)}#menu h1{font-size:23px;margin-bottom:9px}.seat{height:80px}.seat img{height:90px}.seat-caption strong{font-size:24px}.pick-card img{height:58px}.pick-card small{min-height:12px}.selection-prompt{margin:8px 0}.move-strip{margin:8px 0;min-height:20px}#menu .setup{margin:0 0 8px}#menu .tutorial-entry{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.pick-card{transition:none}}
@media(max-width:600px) and (max-height:680px){#menu .menu-content{padding:10px 12px 16px}#menu h1{font-size:21px;margin-bottom:10px}.seat{height:94px}.seat img{height:85px}.seat-caption{margin-top:28px}.pick-card img{height:52px}.pick-card small{min-height:16px}.selection-prompt{margin:9px 0 7px}.move-strip{margin:7px 0;gap:2px 9px;min-height:25px}#menu .setup{margin:4px 0 8px}#menu .primary{padding:8px;min-height:40px}#menu .tutorial-entry{margin-top:7px;padding:6px}}

.seat canvas{height:150px;width:150px;align-self:flex-end;pointer-events:none;flex-shrink:0}.seat{height:150px}.seat-caption{min-width:0}.seat-caption strong{font-size:27px}
@media(max-width:600px){.seat{height:140px}.seat canvas{height:140px;width:128px;position:absolute;left:-17px;bottom:0}.cpu-seat canvas{left:auto;right:-17px}.seat-caption{margin-left:60px;margin-top:55px}.cpu-seat .seat-caption{margin-right:50px}.seat-caption strong{font-size:22px}.seat-caption small{max-width:80px;overflow-wrap:anywhere}}
@media(max-height:680px){.seat{height:112px}.seat canvas{height:120px;width:120px}.seat-caption{margin-top:30px}.seat-caption strong{font-size:20px}}

@media(max-height:680px){.seat canvas{height:110px;width:112px}}

/* Thumb-sized controls, clear separation and safe-area spacing. */
@media(pointer:coarse),(max-width:850px){.simple-actions{right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));gap:18px}.simple-actions #simple-attack{width:88px;height:88px;font-size:21px}.simple-actions .simple-jump{width:78px;height:78px;margin-bottom:68px;font-size:28px}.simple-actions small{font-size:9px}#move-zone{right:48%;overflow:visible}#stick{width:96px;height:96px}#stick-knob{width:50px;height:50px}.simple-actions button{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.move-hint{left:24px;bottom:55px;letter-spacing:0}}
@media(max-width:370px){.simple-actions{right:12px;gap:12px}.simple-actions #simple-attack{width:80px;height:80px}.simple-actions .simple-jump{width:72px;height:72px}}
@media(max-height:550px) and (orientation:landscape){.simple-actions{gap:18px;bottom:max(12px,env(safe-area-inset-bottom))}.simple-actions #simple-attack{width:76px;height:76px}.simple-actions .simple-jump{width:70px;height:70px;margin-bottom:47px}}