/* Space 2047 HD Edition v5.17.1 — unified new controls and unobstructed mission HUD. */

/* The current D-pad and labelled actions must be available on both desktop and mobile. */
#s2047-mobile-dpad-v51234 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
#s2047-mobile-labelled-actions {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Prevent obsolete controller layers from returning on desktop. */
#s2047-touch-controls,
.s2047-touch-controls,
#s2047-mobile-controls,
.s2047-mobile-controls,
.s2047-joystick-zone,
#s2047-joystick,
#s2047-mobile-dpad-v51233,
.s2047-action-cluster {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Keep the mission bar clear of the hamburger menu and above the controls. */
#s2047-mwo-hud {
  top: auto !important;
  bottom: max(210px, calc(env(safe-area-inset-bottom) + 210px)) !important;
}

@media (max-width: 899px), (pointer: coarse) {
  #s2047-mwo-hud {
    bottom: max(292px, calc(env(safe-area-inset-bottom) + 292px)) !important;
    width: min(620px, calc(100% - 20px)) !important;
  }
}

@media (min-width: 900px) and (pointer: fine) {
  #s2047-mobile-dpad-v51234 {
    left: max(18px, env(safe-area-inset-left)) !important;
    bottom: max(18px, env(safe-area-inset-bottom)) !important;
  }
  #s2047-mobile-labelled-actions {
    right: max(18px, env(safe-area-inset-right)) !important;
    bottom: max(18px, env(safe-area-inset-bottom)) !important;
  }
}

@media (max-height: 650px) and (min-width: 900px) {
  #s2047-mwo-hud {
    bottom: max(188px, calc(env(safe-area-inset-bottom) + 188px)) !important;
  }
  #s2047-mobile-dpad-v51234 .s2047-dpad {
    width: 154px !important;
    height: 154px !important;
  }
  #s2047-mobile-labelled-actions .s2047-labelled-action {
    min-height: 44px !important;
  }
}