/* Thumb-first pixel HUD. Icons have accessible labels, no printed key names. */
.touch-icon{width:32px;height:32px;fill:currentColor;shape-rendering:crispEdges;pointer-events:none}
#asset-status[hidden]{display:none}
#asset-status{position:absolute;inset:0;z-index:12;background:#08121bee;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#ffd49a;text-align:center;padding:24px}
#asset-status button{min-width:64px;min-height:52px}
#mobile-fullscreen{display:none}
@media(pointer:coarse){
 body.playing main{width:100%;height:100%;height:100dvh}
 body.playing .game{width:100%;height:100%;max-height:none;aspect-ratio:auto;overflow:hidden}
 body.playing canvas{width:100%;height:100%;aspect-ratio:auto;object-fit:fill}
 body.playing #mobile-controls{position:absolute}
 #move-stick{width:124px;height:124px;left:max(20px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));border-radius:0;clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%);border:3px solid #b5c6c780;background:#13263280;box-shadow:inset 0 0 0 5px #07131c55}
 #move-stick:before{content:'';position:absolute;inset:24px;background:linear-gradient(90deg,transparent 44%,#bac6c640 44%,#bac6c640 56%,transparent 56%),linear-gradient(transparent 44%,#bac6c640 44%,#bac6c640 56%,transparent 56%)}
 #stick-knob{width:48px;height:48px;left:35px;top:35px;border-radius:0;border:3px solid #f7cc8e;background:#b77644d9;box-shadow:inset 4px 4px #efb36e,inset -4px -4px #73482e;clip-path:polygon(6px 0,42px 0,48px 6px,48px 42px,42px 48px,6px 48px,0 42px,0 6px)}
 .mobile-actions{display:block;width:248px;height:180px;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom))}
 .mobile-actions button,body.playing .skill-dock button{position:absolute;display:flex;align-items:center;justify-content:center;min-height:52px;width:56px;height:56px;border-radius:0;padding:4px;color:#f4dfba;background:#152b38cc;border:3px solid #a1b7b680;box-shadow:inset 3px 3px #49636b80,inset -3px -3px #07141c;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);touch-action:none}
 .mobile-actions [data-mobile=fire]{right:0;bottom:12px;width:82px;height:82px;background:#a65b35dd;border-color:#ffcc88;color:#ffe6b8}
 .mobile-fire .touch-icon{width:42px;height:42px}
 .mobile-actions [data-mobile=jump]{right:0;bottom:106px;width:64px;height:64px}
 .mobile-actions [data-mobile=bash]{right:94px;bottom:12px}
 .mobile-actions [data-mobile=grenade]{right:164px;bottom:12px}
 .mobile-actions [data-mobile=reload]{right:80px;bottom:106px}
 .mobile-actions button small{position:absolute;bottom:2px;right:4px;font-size:8px;background:#0b1a24dd;padding:2px;color:#ffcc88}
 .mobile-actions button.held,body.playing .skill-dock button.held{background:#f1b875;color:#12232e;border-color:#ffe5b8}
 body.playing .skill-dock{position:absolute;left:auto;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:248px;height:180px;pointer-events:none}
 body.playing .skill-dock button{pointer-events:auto;right:154px;bottom:106px;width:64px;height:64px}
 body.playing .skill-dock #ultimate-skill{right:234px;bottom:12px;width:64px;height:64px;color:#a9e8f4;border-color:#94c7d6}
 body.playing .skill-dock span,body.playing .skill-dock img{display:none}
 body.playing .skill-dock .touch-icon{display:block;width:36px;height:36px}
 body.playing .skill-dock small{position:absolute;bottom:3px;right:4px;font-size:10px}
 body.playing .skill-dock button.cooldown{opacity:.65}
 body.playing .hud button{min-width:44px;width:44px;padding:4px;font-size:0}
 body.playing .hud #mobile-fullscreen{display:block}
 body.playing .hud .touch-icon{width:22px;height:22px}
 body.playing .hud{pointer-events:none;align-items:center}
 body.playing .hud button{pointer-events:auto}
 body.playing #status{top:48px;font-size:8px}
 body.playing .hud .money{font-size:8px}
}
@media(pointer:coarse) and (max-height:360px){
 #move-stick{bottom:max(12px,env(safe-area-inset-bottom));width:110px;height:110px}
 #stick-knob{left:28px;top:28px}
 .mobile-actions,body.playing .skill-dock{bottom:max(12px,env(safe-area-inset-bottom));transform:scale(.9);transform-origin:bottom right}
}