/* Player-facing accents */
:root {
  --accent: var(--cyan);
  --accent-dim: var(--cyan-dim);
  --glow: var(--glow-cyan);
}

body.player-view .tab-nav button.active {
  background: var(--cyan);
  border-color: var(--cyan);
  color: var(--bg-0);
  box-shadow: var(--glow-cyan);
}

body.player-view .brand-title {
  text-shadow: 0 0 18px rgba(0, 229, 255, 0.35);
}

body.player-view .badge.audience {
  color: var(--cyan);
  border-color: color-mix(in srgb, var(--cyan) 45%, var(--border));
  background: rgba(0, 229, 255, 0.08);
}

body.player-view .card:hover {
  box-shadow: var(--shadow), var(--glow-cyan);
}