/* Mobile match layout: large thumb targets, compact score badges, safe edges. */
.hud-short{display:none}
.install-game{display:none}
.fullscreen-steps{font-size:14px;line-height:1.8;color:#c3d1ce;padding-left:22px;text-align:left}
#fullscreen-help h2{font-size:26px;margin:8px 0 15px;line-height:1.2}
#fullscreen-help p{color:#afc0bf;font-size:12px;line-height:1.7}
/* Match graphics remain full bleed behind protected control lanes. */
.menu-toggle,.rotate-screen{display:none}
.resume-solo{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px;margin-top:20px;background:#20342c;border:1px solid #59734c;border-radius:8px}.resume-solo p{margin:4px 0;color:#aabeb5;font-size:12px}.resume-solo>div{flex:1}
.leave-actions{display:flex;gap:12px;margin-top:22px}.leave-actions button{min-height:44px}
.touch-joystick{position:relative;width:110px;height:110px;border:2px solid #c8e6db77;border-radius:50%;background:radial-gradient(circle,#27413a88,#0b1d2099);pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:inset 0 0 20px #0005}
.stick-thumb{position:absolute;width:48px;height:48px;left:calc(50% - 24px);top:calc(50% - 24px);border-radius:50%;border:2px solid #d1f4bd;background:#6a8b68dd;box-shadow:0 4px 14px #0007;transform:translate(var(--stick-x,0px),var(--stick-y,0px));pointer-events:none}.stick-cross{position:absolute;inset:10px;display:grid;place-items:center;font-size:68px;color:#b6dac633;pointer-events:none}.stick-label{position:absolute;left:0;right:0;bottom:-23px;text-align:center;font-size:9px;font-weight:800;letter-spacing:1.3px;color:#c8e1d0;pointer-events:none}.touch-joystick.pressed{border-color:#d2ff9b;background:#335348a8}
@media(max-width:850px){
 .topbar{position:relative;height:66px;padding:0 12px;gap:8px;z-index:20}.brand{font-size:19px;gap:6px;letter-spacing:-1px}.brand svg{width:24px;height:34px}.brand small{display:none}.top-actions{gap:4px}.account-btn{min-width:44px;min-height:44px;padding:6px;font-size:10px;gap:4px}.account-btn>span:last-child{display:none}.account-btn .status-dot{display:none}
 .topbar nav{display:none}.menu-toggle{display:block}.topbar .icon-btn{width:44px;height:44px;font-size:23px}
 .topbar nav.menu-open{display:flex;position:absolute;top:66px;left:12px;right:12px;height:auto;padding:8px;gap:2px;background:#1a2929;border:1px solid #56705f;border-radius:8px;box-shadow:0 12px 30px #0009;flex-direction:column;z-index:30}.topbar nav .nav{text-align:left;min-height:44px;padding:10px 14px}
}
@media(pointer:coarse){
 .install-game:not([hidden]){display:block;width:100%;margin:15px 0 0;padding:12px 16px;background:#24382d;border:1px solid #54704d;border-radius:6px;text-align:left;color:#def4cf;font-size:13px;font-weight:700;min-height:44px}.install-game small{display:block;font-size:10px;color:#a9bea3;font-weight:400;margin-top:2px}
 .match-options select{min-width:64px;min-height:44px;font-size:14px}.match-options .check-label{min-height:44px;min-width:130px;display:flex;align-items:center;gap:10px;padding:4px 8px;cursor:pointer}.check-label input{width:24px;height:24px;margin:0;flex-shrink:0;accent-color:#c7f49b}.text-btn,#controls-link,.close{min-width:44px;min-height:44px}.section-heading{height:auto;min-height:44px}
 #game-screen{--touch-size:clamp(44px,calc(var(--visible-height,100dvh)*.17),60px);--touch-gap:6px;background-image:linear-gradient(#071419b8,#071419dd),url('/assets/arenas-v2.webp');background-size:cover,300% 400%;background-position:center,var(--arena-position,0% 0%)}
 .touch-controls{--touch-size:inherit;--touch-gap:inherit;inset:0;gap:0;display:block}.touch-joystick{position:absolute;left:max(12px,env(safe-area-inset-left));top:calc(50% + 12px);transform:translateY(-50%)}
 .touch-actions{position:absolute;right:max(12px,env(safe-area-inset-right));top:calc(50% + 12px);transform:translateY(-50%);display:grid;grid-template-columns:repeat(3,var(--touch-size));gap:var(--touch-gap);max-width:none}
 .touch-controls button,.touch-controls .touch-small{width:var(--touch-size);height:var(--touch-size);padding:0;font-size:10px;border:1.5px solid #d5e5ec80;background:#122a39d9;box-shadow:0 3px 12px #0005}.touch-controls .touch-small{font-size:9px}.touch-controls .touch-super{grid-column:3;grid-row:2;font-size:30px}.touch-controls [aria-label="Heavy attack"]{grid-column:3;grid-row:1}.touch-controls [aria-label="Special"]{grid-column:1;grid-row:2}.touch-controls [aria-label="Attack"]{grid-column:2;grid-row:2}
 .touch-controls .touch-jump{grid-column:1/3;grid-row:3;width:calc(var(--touch-size)*2 + var(--touch-gap));border-radius:30px;background:#526e3ad9;border-color:#d2ff9b;font-size:12px}.touch-controls .touch-recover{grid-column:3;grid-row:3;font-size:8px;background:#386c87d9;border-color:#8dd9ff}.touch-controls button.pressed{background:#b8e4a6;color:#102318;opacity:1}
 .game-top{top:max(8px,env(safe-area-inset-top));height:44px;gap:4px}.game-top>div{gap:4px}.game-top .game-pill{height:44px;min-width:44px;font-size:14px;padding:6px 9px;display:flex;align-items:center;justify-content:center}.game-brand,#net-status{display:none!important}.game-notice{top:calc(max(8px,env(safe-area-inset-top)) + 39px);font-size:12px;pointer-events:none}
 .game-hud{top:max(8px,env(safe-area-inset-top));bottom:auto;width:min(400px,calc(100% - 364px));max-width:400px;gap:4px;height:34px}
 .game-hud .hud-player{padding:4px;gap:0;min-width:0;max-width:98px;height:34px;border-bottom-width:2px;border-radius:5px;background:#081620dc;box-shadow:none;overflow:visible}.game-hud .hud-avatar{display:none}.game-hud .hud-info{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:11px 11px;column-gap:3px;align-items:center;min-width:0}.game-hud .hud-damage{grid-column:1;grid-row:1/3;font-size:19px;line-height:23px;letter-spacing:-.7px}.game-hud .hud-damage small{font-size:9px}.game-hud .hud-name{grid-column:2;grid-row:1;font-size:7px;line-height:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-hud .hud-long{display:none}.game-hud .hud-short{display:inline}.game-hud .hud-stocks{grid-column:2;grid-row:2;white-space:nowrap;font-size:6px;line-height:8px;letter-spacing:.3px}.game-hud .hud-air{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;margin:0}.game-hud .super-meter{position:absolute;left:4px;right:4px;bottom:1px;height:2px;margin:0}.game-hud .super-ready:after{font-size:5px;top:-11px;padding:1px 3px}
 .small-dialog{max-height:calc(100dvh - 24px);overflow:auto;padding:20px}.small-dialog h2{font-size:24px}.small-dialog p{color:#b7c9c2}.fullscreen-steps{line-height:1.6}
 html.match-active:has(dialog[open]),html.match-active:has(dialog[open]) body{touch-action:pan-y}
}
@media(pointer:coarse) and (orientation:landscape){
 #game-canvas{border-radius:10px;box-shadow:0 8px 24px #0005;position:absolute;left:calc(max(12px,env(safe-area-inset-left)) + 116px);top:calc(max(8px,env(safe-area-inset-top)) + 58px);width:calc(100% - max(12px,env(safe-area-inset-left)) - 116px - max(12px,env(safe-area-inset-right)) - var(--touch-size)*3 - var(--touch-gap)*2 - 12px);height:calc(100% - max(8px,env(safe-area-inset-top)) - 66px - env(safe-area-inset-bottom))}
}
@media(pointer:coarse) and (orientation:portrait){
 #game-canvas{opacity:.12}.game-hud,.touch-controls,#pause-panel{display:none!important}.game-notice{display:none}.rotate-screen{display:flex;position:absolute;inset:70px 18px 18px;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:14px;background:#0e2329f2;border:1px solid #496b5b;border-radius:16px;padding:22px}.rotate-screen>span{font-size:80px;color:#c7f49b;line-height:1}.rotate-screen h2{font-size:26px;line-height:1.25;max-width:280px}.rotate-screen p{max-width:270px;color:#afc5b9;font-size:14px;line-height:1.7;margin:0}
}

#arena-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:16px 22px;max-width:70%;text-align:center;background:#10272ee8;border:1px solid #63805f;border-radius:9px;color:#d8efc5;font-size:14px}