/* Customer entrance: the approved film and TV menu, without review controls. */
html.visitor { background: #09120f; }
.visitor body { background: #09120f; }
.visitor main { max-width: none; min-height: 100svh; padding: 0; display: flex; flex-direction: column; justify-content: center; }
.visitor main > header, .visitor .actions, .visitor .help, .visitor footer { display: none; }
.visitor #stage { border-radius: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.visitor #picture { width: min(100%, calc((100svh - 0px) * 16 / 9)); flex-shrink: 0; }
.visitor .film-progress, .visitor .player-tools { width: min(100%, calc((100svh - 0px) * 16 / 9)); }
.visitor .player-tools { padding-bottom: max(9px, env(safe-area-inset-bottom)); }
.visitor #error { margin: 12px 20px; text-align: center; }
.visitor #stage:fullscreen #picture, .visitor #stage.expanded #picture { width: min(100vw, calc((100dvh - 0px) * 16 / 9)); }
@media (max-width: 600px) and (orientation: portrait) {
  .visitor #picture, .visitor .film-progress, .visitor .player-tools { width: 100%; }
  .visitor #picture.menu-ready { max-height: none; }
  .visitor .player-tools button { min-height: 44px; }
}
@media (max-height: 500px) and (orientation: landscape) {
  .visitor #picture { width: min(100%, calc((100svh - 0px) * 16 / 9)); }
  .visitor .film-progress { padding-top: 4px; }
  .visitor .player-tools { padding-top: 4px; padding-bottom: 4px; }
}

.visitor .film-progress{display:none}