/* Mobile viewing HUD: keep program information clear of both the video center and the expanded remote. */
@media (max-width:700px){
  body:not(.remote-mode) #stage:has(#remote:not(.minimized)) #banner{
    top:max(14px,env(safe-area-inset-top));
    bottom:auto;
    left:4vw;
    right:4vw;
    width:auto;
    max-width:none;
    transform:none;
  }
}

/* The guide is its own information surface. Automatic playback overlays should never sit on top of it. */
#guide:not(.hidden) ~ #interstitial,
#guide:not(.hidden) ~ #banner,
#guide:not(.hidden) ~ #toast{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}