/* Receiver chrome. Tokens come from packages/design-tokens (inlined at build). Always dark: it's a TV. */
html, body { margin: 0; height: 100%; background: var(--color-neutral-ink, #1B1B2F); color: #fff; font-family: var(--font-body, system-ui, sans-serif); overflow: hidden; }

cast-media-player {
  --background-color: var(--color-neutral-ink, #1B1B2F);
  --splash-image: none;
  --logo-image: none;
  --progress-color: var(--color-brand-sun, #FFB703);
  --buffering-color: var(--color-brand-sun, #FFB703);
  --font-family: var(--font-body, system-ui, sans-serif);
  --playback-logo-image: none;
  --watermark-image: none;
  --ad-title: '';
}

.idle { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; }
.idle[hidden] { display: none; }
.idle__mark { font-family: var(--font-display, system-ui, sans-serif); font-weight: 700; font-size: 96px; color: var(--color-brand-sun, #FFB703); letter-spacing: 0.01em; }
.idle__hint { font-size: 32px; color: var(--color-neutral-mist, #B8B8CC); }