/* Thumb reach follows the supplied layout: aim/fire takes priority. */
@media(pointer:coarse){
 .mobile-actions,body.playing .skill-dock{width:280px;height:184px;transform:none;right:max(22px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}
 .mobile-actions button,body.playing .skill-dock button{border:2px solid #718890;background:#122530d9;box-shadow:inset 0 0 0 3px #07131b,inset 0 6px #364b55;opacity:1;clip-path:polygon(12px 0,calc(100% - 12px) 0,calc(100% - 12px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 4px) calc(100% - 12px),calc(100% - 4px) calc(100% - 4px),calc(100% - 12px) calc(100% - 4px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 12px),0 calc(100% - 12px),0 12px,4px 12px,4px 4px,12px 4px);color:#f1e5c5}
 .mobile-actions button .touch-icon,body.playing .skill-dock button .touch-icon{width:32px;height:32px;fill:currentColor;opacity:1;flex-shrink:0}
 .mobile-actions [data-mobile=fire]{width:88px;height:88px;min-height:88px;right:28px;bottom:14px;background:#683e28e6;border-color:#e8b66e;box-shadow:inset 0 0 0 4px #241b17,inset 0 8px #a86c3b}
 .mobile-actions [data-mobile=fire] .touch-icon{width:48px;height:48px}
 .mobile-actions [data-mobile=jump]{right:8px;bottom:120px}
 .mobile-actions [data-mobile=grenade]{right:104px;bottom:120px}
 body.playing .skill-dock #dash-skill{right:184px;bottom:68px}
 body.playing .skill-dock #ultimate-skill{right:184px;bottom:0;background:#143843e8;border-color:#84c6d0;color:#b8f2f5;box-shadow:inset 0 0 0 3px #0b2028,inset 0 6px #35636b}
 body.playing .skill-dock button.cooldown,body.playing .skill-dock #ultimate-skill.cooldown{opacity:1;background:#111e25dc;border-color:#44545c;box-shadow:inset 0 0 0 3px #0b151c;color:#6b7f87}
 body.playing .skill-dock button.cooldown .touch-icon{opacity:.5}
 body.playing .skill-dock button small{position:absolute;right:6px;bottom:5px;font-size:9px;line-height:1;color:#eee3c4}
 .mobile-actions button.held,.mobile-actions [data-mobile=fire].held,body.playing .skill-dock button.held,body.playing .skill-dock #ultimate-skill.held{background:#bd8650;border-color:#fff0c7;color:#fff6d9;box-shadow:inset 0 0 0 3px #553b28}
 body.playing #mobile-ammo{right:44px;bottom:0;width:56px;text-align:center;font-size:9px;color:#eddbb9;letter-spacing:0}
 #move-stick{width:116px;height:116px;border:0;background:none;box-shadow:none;border-radius:0}
 #move-stick:before{display:none}
 .joystick-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;shape-rendering:crispEdges}
 #stick-knob{width:40px;height:40px;left:38px;top:38px;border:2px solid #d6c39a;background:#8e7252e8;box-shadow:inset 0 4px #c3a373,inset 0 -4px #504638;clip-path:polygon(12px 0,28px 0,28px 4px,36px 4px,36px 12px,40px 12px,40px 28px,36px 28px,36px 36px,28px 36px,28px 40px,12px 40px,12px 36px,4px 36px,4px 28px,0 28px,0 12px,4px 12px,4px 4px,12px 4px)}
}
@media(pointer:coarse) and (max-height:360px){
 .mobile-actions,body.playing .skill-dock{transform:scale(.86);transform-origin:bottom right}
 #move-stick{width:104px;height:104px}
 #stick-knob{left:32px;top:32px}
}