.sky-play-hud__actions > button[data-ca-secondary-interaction] {
  display: none;
}

@media (max-width: 720px), (max-width: 960px) and (max-height: 480px) {
  .sky-game-stage {
    --replica-scene-top: calc(max(8px, var(--game-safe-top, 0px)) + 42px);
  }

  .sky-game-stage .sky-city-zoom {
    top: var(--replica-scene-top) !important;
    right: max(8px, var(--game-safe-right, 0px)) !important;
    bottom: auto !important;
    left: auto !important;
  }

  .sky-game-stage .sky-city-car-controls {
    top: var(--replica-scene-top);
    right: max(8px, var(--game-safe-right, 0px));
    bottom: auto;
  }

  .sky-game-stage .sky-city-car-controls button {
    min-height: 48px;
  }

  .sky-game-stage .sky-play-hud {
    top: var(--replica-scene-top);
    right: max(8px, var(--game-safe-right, 0px));
    max-width: min(60vw, 320px);
  }

  .sky-game-stage .sky-play-message {
    top: calc(var(--replica-scene-top) + 44px);
  }

  .sky-game-stage .sky-city-easter-notice {
    top: calc(var(--replica-scene-top) + 50px);
  }
}

@media (max-width: 960px) and (max-height: 480px) {
  .sky-game-stage .sky-game-hud {
    top: max(8px, var(--game-safe-top, 0px));
    right: auto;
    left: max(8px, var(--game-safe-left, 0px));
  }

  .sky-game-stage .sky-city-zoom {
    display: flex;
  }

  .sky-game-stage .sky-city-zoom[hidden] {
    display: none;
  }
}