/* BOOM WORLD 1.7.3 — final mobile layer and control-deck polish */
@media (max-width:820px),(pointer:coarse){
  .world-mobile-party{
    left:50%!important;
    right:auto!important;
    top:calc(45vw + 50dvh + 74px)!important;
    width:auto!important;
    flex-direction:row!important;
    transform:translateX(-50%)!important;
    gap:7px!important;
  }
  .world-mobile-party:before{
    left:50%!important;
    right:auto!important;
    top:-15px!important;
    transform:translateX(-50%)!important;
  }
  .world-mobile-party .wmp-mon{width:50px!important;height:40px!important}

  .world-mobile-dock{
    background:
      radial-gradient(circle at 50% 32%,rgba(30,110,151,.16),transparent 36%),
      linear-gradient(rgba(77,223,255,.025) 1px,transparent 1px),
      linear-gradient(90deg,rgba(77,223,255,.018) 1px,transparent 1px),
      #020817!important;
    background-size:auto,28px 28px,28px 28px,auto!important;
  }

  /* Battle owns the viewport: no underlying HUD may remain visible. */
  .boom-world.world-battle-open .world-command,
  .boom-world.world-battle-open #status,
  .boom-world.world-battle-open .world-telemetry,
  .boom-world.world-battle-open .world-mobile-dock,
  .boom-world.world-battle-open .world-mobile-party,
  .boom-world.world-battle-open .dpad-wrap,
  .boom-world.world-battle-open [data-boom-nav] .bn-launch{
    opacity:0!important;
    pointer-events:none!important;
  }

  /* The global menu is the top layer and hides every World control beneath it. */
  .boom-world.world-nav-open .world-command,
  .boom-world.world-nav-open #status,
  .boom-world.world-nav-open .world-telemetry,
  .boom-world.world-nav-open .world-mobile-dock,
  .boom-world.world-nav-open .world-mobile-party,
  .boom-world.world-nav-open .dpad-wrap{
    opacity:0!important;
    pointer-events:none!important;
  }
}