/* Compact Dock: three secondary columns, two rows, one primary fire button.
   Both existing input layers share the same coordinate system. */
@media(pointer:coarse){
 body.playing .game{--dock-key:clamp(48px,12.8vh,58px);--dock-gap:10px;--dock-fire:calc(var(--dock-key)*1.78);--dock-step:calc(var(--dock-key) + var(--dock-gap));--dock-row:calc(var(--dock-key) + var(--dock-gap));--dock-col1:calc(var(--dock-fire) + var(--dock-gap));--dock-col2:calc(var(--dock-col1) + var(--dock-step));--dock-col3:calc(var(--dock-col2) + var(--dock-step))}
 body.playing .mobile-actions,body.playing .skill-dock{width:calc(var(--dock-fire) + var(--dock-key)*3 + var(--dock-gap)*3);height:calc(var(--dock-key)*2 + var(--dock-gap));left:auto;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(30px + env(safe-area-inset-bottom,0px));transform:none;pointer-events:none}
 body.playing .mobile-actions button,body.playing .skill-dock button,body.playing .skill-dock #ultimate-skill{position:absolute;display:flex;align-items:center;justify-content:center;width:var(--dock-key);height:var(--dock-key);min-height:var(--dock-key);padding:7px;clip-path:none;border-radius:50%;border:1.5px solid #f2e9d699;background:#101b25a6;box-shadow:0 1px 5px #0004;color:#f3e6ca;opacity:1;pointer-events:auto;touch-action:none;transition:background .08s,border-color .08s}
 body.playing .mobile-actions button::after,body.playing .skill-dock button::after{content:none}
 body.playing .mobile-actions [data-mobile=grenade]{right:var(--dock-col3);bottom:var(--dock-row)}
 body.playing .mobile-actions [data-mobile=reload]{right:var(--dock-col2);bottom:var(--dock-row)}
 body.playing .skill-dock #ultimate-skill{right:var(--dock-col1);bottom:var(--dock-row);border-color:#a8e5efc9}
 body.playing .mobile-actions [data-mobile=bash]{right:var(--dock-col3);bottom:0}
 body.playing .skill-dock #dash-skill{right:var(--dock-col2);bottom:0;border-color:#a8e5efc9}
 body.playing .mobile-actions [data-mobile=jump]{right:var(--dock-col1);bottom:0}
 body.playing .mobile-actions [data-mobile=fire]{right:0;bottom:calc((var(--dock-key)*2 + var(--dock-gap) - var(--dock-fire))/2);width:var(--dock-fire);height:var(--dock-fire);min-height:var(--dock-fire);border:2px solid #ec994c;background:#211d1ab3;box-shadow:0 0 0 3px #ec994c14,0 2px 6px #0004}
 body.playing .mobile-actions .touch-icon,body.playing .skill-dock .touch-icon{width:70%;height:70%;fill:currentColor;filter:none;shape-rendering:geometricPrecision}
 body.playing .mobile-actions [data-mobile=reload] .touch-icon{width:62%;height:62%}
 body.playing .weapon-touch-icon{width:80%;height:65%;filter:none;image-rendering:auto}
 body.playing .mobile-actions button.held,body.playing .skill-dock button.held,body.playing .skill-dock #ultimate-skill.held{background:#6f543bd9;border-color:#fff4d6;box-shadow:0 0 0 3px #fff0c733;color:#fff4d6}
 body.playing .mobile-actions [data-mobile=fire].held{background:#664025d9;border-color:#ffc480;box-shadow:0 0 0 3px #ee964d33}
 body.playing .skill-dock button.cooldown,body.playing .skill-dock #ultimate-skill.cooldown{background:#101b25a6;border-color:#9da9ab77;box-shadow:none;color:#f3e6ca}
 body.playing .skill-dock button.cooldown .touch-icon{opacity:.4}
 body.playing .skill-dock button small,body.playing .mobile-actions button small{position:absolute;right:4px;bottom:3px;padding:1px 3px;border-radius:5px;background:#111922a6;font:700 11px/1 Arial,sans-serif;color:#f3e6ca}
 body.playing #mobile-ammo{position:absolute;right:0;bottom:-21px;width:var(--dock-fire);font:700 12px/1 Arial,sans-serif;text-align:center;color:#f3e6ca;pointer-events:none}
 body.playing .skill-dock button small:empty{display:none}
 body.playing #move-stick{width:116px;height:116px;opacity:0;transition:opacity .1s}
 body.playing #move-stick.floating{opacity:.8}
 body.playing #stick-knob{width:40px;height:40px;left:38px;top:38px;border:1px solid #f3e6caaa;background:#f3e6ca33;box-shadow:none}
}