/* Match the cast controls while showing the selected television's live output. */
body:has(.remote-play-shell) { background: #060606; }
.remote-play-shell { max-width: none; min-height: 100dvh; padding: 0; background: #060606; box-shadow: none; }
.remote-play { max-width: 680px; min-height: 100dvh; margin: 0 auto; }
.remote-play .cast-play-main { width: 100%; }
.remote-play .cast-play-stage-frame { aspect-ratio: 16 / 9; }
.remote-stage-canvas { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; }
.remote-stage-canvas iframe { position: absolute; inset: 0 auto auto 0; width: 1920px; height: 1080px; max-width: none; border: 0; pointer-events: none; transform-origin: top left; }
.remote-play .cast-play-stage-frame:fullscreen { width: 100vw; height: 100dvh; aspect-ratio: auto; }
.remote-play .cast-play-stage-frame:fullscreen .remote-stage-canvas { width: min(100vw, 177.7778dvh); }
.remote-play-new { width: min(100%,680px); margin: 12px auto 0; }
.remote-play .remote-play-new button { width: 100%; border-color: #735d39; background: #1c1710; color: #efdaa9; font-size: .82rem; font-weight: 800; }
body:has(.remote-play-shell) .poker-device-bar { max-width: 680px !important; border-color: #79613d !important; background: #19150f !important; }
body:has(.remote-play-shell) .poker-device-sheet { background: #15120f !important; border-color: #6d5636 !important; color: #f5eee1 !important; }
@media (orientation: landscape) and (max-height: 600px) {
  .remote-play .cast-play-main { display: flex; padding: 8px 16px; }
  .remote-play .cast-play-title { display: block; }
  .remote-play :is(.cast-play-next,.cast-play-stats,.cast-play-fine-stats,.cast-play-stage-caption) { display: flex; }
  .remote-play .cast-play-stats { display: grid; }
}