/* Match planet-destroyer: GameModal header + safe-area; HUD top offset */
:root {
  --scrolly-safe-left: env(safe-area-inset-left, 0px);
  --scrolly-safe-right: env(safe-area-inset-right, 0px);
}

#hud {
  top: 48px !important;
  left: calc(20px + var(--scrolly-safe-left)) !important;
  right: calc(20px + var(--scrolly-safe-right)) !important;
}

#timer-wrap {
  left: calc(20px + var(--scrolly-safe-left)) !important;
  right: calc(20px + var(--scrolly-safe-right)) !important;
}

.hint {
  left: calc(16px + var(--scrolly-safe-left)) !important;
  right: calc(16px + var(--scrolly-safe-right)) !important;
}