/* V.52 Thumb Arc: five actions around the right thumb, with a free left half. */
@media(pointer:coarse){
  body.playing #mobile-controls .mobile-actions{
    --arc-key:clamp(46px,12vh,58px);
    --arc-fire:calc(var(--arc-key)*1.7);
    display:block;
    width:calc(var(--arc-fire) + var(--arc-key)*3.5);
    height:calc(var(--arc-key)*3.3);
    right:calc(16px + env(safe-area-inset-right,0px));
    bottom:calc(30px + env(safe-area-inset-bottom,0px));
  }
  body.playing #mobile-controls .mobile-actions button,
  body.playing #mobile-controls .mobile-actions #dash-skill,
  body.playing #mobile-controls .mobile-actions #ultimate-skill{
    position:absolute;
    width:var(--arc-key);
    height:var(--arc-key);
    min-height:var(--arc-key);
  }
  body.playing #mobile-controls .mobile-actions #ultimate-skill{
    left:0;right:auto;bottom:0;top:auto;
  }
  body.playing #mobile-controls .mobile-actions #dash-skill{
    left:calc(var(--arc-key)*1.18);right:auto;bottom:0;top:auto;
  }
  body.playing #mobile-controls .mobile-actions [data-mobile=jump]{
    left:calc(var(--arc-key)*2.25);right:auto;
    bottom:calc(var(--arc-key)*1.58);top:auto;
  }
  body.playing #mobile-controls .mobile-actions [data-mobile=grenade]{
    left:auto;right:calc(var(--arc-key)*.28);
    bottom:calc(var(--arc-key)*2.08);top:auto;
  }
  body.playing #mobile-controls .mobile-actions [data-mobile=fire]{
    left:auto;right:0;top:auto;bottom:calc(var(--arc-key)*.08);
    width:var(--arc-fire);height:var(--arc-fire);min-height:var(--arc-fire);
  }
  body.playing #mobile-controls #mobile-ammo{
    left:auto;right:0;top:auto;bottom:-17px;width:var(--arc-fire);
  }
  body.playing #move-stick{opacity:.3}
  body.playing #move-stick.floating{opacity:.82}
}

/* Keep Pause above the left movement capture zone and anchor it to the right edge. */
@media(pointer:coarse){
 body.playing .hud{z-index:6}
 body.playing .hud #pause{margin-left:auto;position:relative;z-index:1;touch-action:manipulation;min-width:48px;width:48px;min-height:48px}
}