/* Spectator target switcher — prev arrow / current player's name / next arrow (see
   #spectator-switcher in index.html, wired in spectatorControls.ts). Pinned top-center, just
   under #hud-bar — #obstacle-switcher's bottom slot is build-mode-only and a spectator never
   enters build mode, so this gets its own spot rather than fighting over that one. Same panel
   treatment as the rest of the HUD chrome. */
#spectator-switcher {
  position: fixed;
  top: calc(64px + var(--space-md) + env(safe-area-inset-top));
  left: 50%;
  transform: translateX(-50%);
  z-index: var(--z-hud);
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-sm) var(--space-lg);
  border-radius: var(--radius-lg);
  background: var(--color-panel-bg);
  color: var(--color-text);
  font-weight: var(--font-weight-bold);
}

#spectator-label {
  min-width: 120px;
  text-align: center;
  white-space: nowrap;
}