/* Mobile live room only. Keep the existing player mounted and interactive. */
@media (max-width:1023px) {
  [data-mobile-shell][data-immersive] .watch-room.watch-room.watch-room {
    --t1-room-top:calc(46px + env(safe-area-inset-top, 0px));
    --t1-room-video:min(56.25vw, calc(100dvh - var(--t1-room-top) - 132px));
  }
  [data-mobile-shell][data-immersive] .watch-room.watch-room.watch-room .watch-main {
    padding-top:var(--t1-room-top)!important;
  }
  [data-mobile-shell][data-immersive] .watch-room.watch-room.watch-room .watch-breadcrumb {
    position:fixed!important;
    inset:0 0 auto!important;
    width:100%!important;
    height:var(--t1-room-top)!important;
    box-sizing:border-box!important;
    padding-top:env(safe-area-inset-top, 0px)!important;
    z-index:41!important;
    background:#11181c!important;
  }
  [data-mobile-shell][data-immersive] .watch-room.watch-room.watch-room .watch-stage:has(> .watch-screen) {
    padding-top:var(--t1-room-video)!important;
  }
  [data-mobile-shell][data-immersive] .watch-room.watch-room.watch-room .watch-screen {
    position:fixed!important;
    inset:var(--t1-room-top) 0 auto!important;
    width:100%!important;
    height:var(--t1-room-video)!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
    z-index:40!important;
    background:#000!important;
  }
  [data-mobile-shell][data-immersive] .watch-room.watch-room.watch-room .watch-video,
  [data-mobile-shell][data-immersive] .watch-room.watch-room.watch-room .watch-video > [data-integrated-player] {
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
  }
  html[data-watch-keyboard] [data-mobile-shell][data-immersive] .watch-room.watch-room.watch-room {
    --t1-room-video:min(56.25vw, 24vh);
  }
  html[data-watch-keyboard] [data-mobile-shell][data-immersive] .watch-room.watch-room.watch-room .watch-screen {
    max-height:none!important;
  }
  #t1-app-scroll:has([data-mobile-shell][data-immersive] .watch-room) {
    scroll-padding-top:calc(46px + env(safe-area-inset-top, 0px) + min(56.25vw, calc(100dvh - 178px - env(safe-area-inset-top, 0px))));
  }
}

/* 33oi already applies system-bar insets to its native root (confirmed 2026-09-23).
   Keep browser/iOS safe areas; only avoid applying them twice inside that shell. */
@media (max-width:1023px) {
 html[data-app-shell="android"] [data-mobile-shell][data-immersive] .watch-room.watch-room.watch-room {
  --t1-room-top:46px;
 }
 html[data-app-shell="android"] [data-mobile-shell][data-immersive] .watch-room.watch-room.watch-room .watch-breadcrumb {
  padding-top:0!important;
 }
 html[data-app-shell="android"] #t1-app-scroll:has([data-mobile-shell][data-immersive] .watch-room) {
  scroll-padding-top:calc(46px + min(56.25vw, calc(100dvh - 178px)));
 }
}