/* Slice 7.15G: cluster phone utilities around the top-left radar. */

@media (pointer: coarse) and (orientation: landscape) {
  /* Put the settings trigger directly below the radar/curved legend. */
  #hud #touchSettingsBtn {
    left: calc(var(--erg-left) + 14px) !important;
    right: auto !important;
    top: calc(166px + env(safe-area-inset-top, 0px)) !important;
    bottom: auto !important;
  }

  /* Keep the opened settings tray beside the relocated trigger. */
  #hud #touchSettingsPanel {
    left: calc(var(--erg-left) + 60px) !important;
    right: auto !important;
    top: calc(166px + env(safe-area-inset-top, 0px)) !important;
    bottom: auto !important;
  }

  /* Yellow DEV environment badge: just to the right of the radar near the top. */
  body .niterange-dev-environment {
    left: calc(max(18px, calc(env(safe-area-inset-left) - 26px)) + 150px) !important;
    right: auto !important;
    top: calc(10px + env(safe-area-inset-top, 0px)) !important;
    bottom: auto !important;
  }
}