/* Magic 1Xtra TV Player V3.2 — live TV embedded in normal page flow.
   Strictly scoped to the V3 live-TV dedicated player; other video and audio unaffected.
   The browser's native controls and existing player JS are unchanged. */
body.video-playback-active:has(.native-only-video-screen .mx-tv-player-v3){
  overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;
  min-height:100dvh!important;background:#070b14!important;
}
body.video-playback-active:has(.native-only-video-screen .mx-tv-player-v3) .app-shell,
body.video-playback-active:has(.native-only-video-screen .mx-tv-player-v3) #app,
body.video-playback-active:has(.native-only-video-screen .mx-tv-player-v3) main,
body.video-playback-active:has(.native-only-video-screen .mx-tv-player-v3) .page{
  position:relative!important;inset:auto!important;display:block!important;
  width:100%!important;max-width:1100px!important;height:auto!important;
  min-height:0!important;margin:0 auto!important;padding:0!important;
  overflow:visible!important;background:transparent!important;
}
body.video-playback-active .native-only-video-screen:has(.mx-tv-player-v3),
body.video-playback-active .native-only-video-screen:has(.mx-tv-player-v3) .dedicated-video-mount,
body.video-playback-active .native-only-video-screen .mx-tv-player-v3{
  position:relative!important;inset:auto!important;display:block!important;
  width:100%!important;max-width:100%!important;height:auto!important;
  min-height:0!important;max-height:none!important;margin:0!important;
  padding:0!important;overflow:visible!important;box-sizing:border-box!important;
  background:transparent!important;
}
body.video-playback-active .native-only-video-screen:has(.mx-tv-player-v3){
  margin:0 auto!important;padding:clamp(12px,2.3vw,24px) clamp(12px,2vw,24px) 36px!important;
  isolation:isolate!important;
}
body.video-playback-active .native-only-video-screen .mx-tv-player-v3 .dedicated-player-nav{
  position:relative!important;inset:auto!important;width:100%!important;
  min-height:60px!important;margin:0 0 12px!important;padding:8px 12px!important;
  border:1px solid #263044!important;border-radius:14px!important;
  background:#111722!important;pointer-events:auto!important;
}
body.video-playback-active .native-only-video-screen .mx-tv-player-v3 .xtra-dedicated-stage{
  position:relative!important;inset:auto!important;display:block!important;
  width:100%!important;max-width:960px!important;height:auto!important;
  min-height:0!important;max-height:none!important;
  aspect-ratio:16/9!important;margin:0 auto!important;padding:0!important;
  box-sizing:border-box!important;overflow:hidden!important;
  border:1px solid #273247!important;border-radius:14px!important;background:#000!important;
}
body.video-playback-active .native-only-video-screen .mx-tv-player-v3 .xtra-dedicated-stage .player-video-wrap,
body.video-playback-active .native-only-video-screen .mx-tv-player-v3 .xtra-dedicated-stage .xtra-djmix-video-player,
body.video-playback-active .native-only-video-screen .mx-tv-player-v3 .xtra-dedicated-stage .xtra-djmix-video-stage,
body.video-playback-active .native-only-video-screen .mx-tv-player-v3 .xtra-dedicated-stage .protected-player-wrap{
  position:relative!important;inset:auto!important;display:block!important;
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;background:#000!important;
}
body.video-playback-active .native-only-video-screen .mx-tv-player-v3 .native-video-stage{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
body.video-playback-active .native-only-video-screen .mx-tv-player-v3 video,
body.video-playback-active .native-only-video-screen .mx-tv-player-v3 iframe{
  width:100%!important;height:100%!important;max-width:100%!important;
  max-height:100%!important;object-fit:contain!important;background:#000!important;
}
body.video-playback-active .native-only-video-screen .mx-tv-player-v3 .mx-tv-player-channel{
  width:100%!important;max-width:960px!important;margin:14px auto 0!important;
}
body.video-playback-active .native-only-video-screen .mx-tv-player-v3 .player-inline-error{
  position:relative!important;inset:auto!important;left:auto!important;top:auto!important;
  transform:none!important;max-width:960px!important;width:100%!important;
  margin:12px auto 0!important;box-sizing:border-box!important;
}
body.video-playback-active .native-only-video-screen .mx-tv-player-v3 .player-inline-error[hidden]{display:none!important}
@media(max-width:700px){
 body.video-playback-active .native-only-video-screen:has(.mx-tv-player-v3){padding:8px 10px 90px!important}
 body.video-playback-active .native-only-video-screen .mx-tv-player-v3 .dedicated-player-nav{margin-bottom:8px!important;border-radius:12px!important}
 body.video-playback-active .native-only-video-screen .mx-tv-player-v3 .xtra-dedicated-stage{width:100%!important;aspect-ratio:16/9!important;border-radius:10px!important}
 body.video-playback-active .native-only-video-screen .mx-tv-player-v3 .mx-tv-player-channel{width:100%!important;margin:10px 0 0!important}
}
/* Explicit fullscreen remains available only through user interaction. */
body.video-playback-active .native-only-video-screen .mx-tv-player-v3 video:fullscreen,
body.video-playback-active .native-only-video-screen .mx-tv-player-v3 video:-webkit-full-screen{
  width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;
  object-fit:contain!important;
}
