/* Keep both native and provider players inside the Telegram viewport. */
dialog{max-width:calc(100% - 24px);max-height:calc(var(--app-height,100dvh) - max(12px,var(--mini-safe-top,0px)) - max(12px,var(--mini-safe-bottom,0px)));overscroll-behavior:contain}
#detail-content,.detail-body,#player-area,.watch-studio{min-width:0;max-width:100%}
.watch-heading>div{min-width:0}.watch-heading h3{overflow-wrap:anywhere}
.watch-studio .player{position:relative;width:100%;max-width:100%;height:auto;min-height:0;aspect-ratio:16/9}
.watch-studio .player>.vp,.watch-studio .player>#yt-player{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-width:100%;aspect-ratio:auto}
.watch-studio .player iframe,.vp-embed{display:block;min-width:0;max-width:100%;width:100%;height:100%}
.vp{min-width:0;max-width:100%}.vp-row{min-width:0}.vp-row>button{flex-shrink:0}.vp-settings{max-width:calc(100% - 20px)}
.provider-row{flex-wrap:wrap}.provider-row a{overflow-wrap:anywhere}
.vp:fullscreen{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;max-width:none}
@media(max-width:600px){
  #detail{width:100%;max-width:100%;margin:0;border-radius:0;border-left:0;border-right:0;top:max(env(safe-area-inset-top,0px),var(--mini-safe-top,0px));max-height:calc(var(--app-height,100dvh) - max(env(safe-area-inset-top,0px),var(--mini-safe-top,0px)) - max(env(safe-area-inset-bottom,0px),var(--mini-safe-bottom,0px)))}
  .detail-body{padding-left:14px;padding-right:14px}.detail-hero{padding-left:18px;padding-right:18px}.detail-cover{flex-shrink:0}
  .watch-heading{gap:8px;flex-wrap:wrap}.watch-heading h3{font-size:18px}.watch-studio .player{border-radius:9px}
  .vp-row>button{width:27px;padding:4px}.vp-time{font-size:9px;margin-left:2px}.vp-pip{display:none!important}
  .vp-embed-note{display:none}.season-track{margin-right:0}
}
@media(max-width:340px){.vp-previous,.vp-next{display:none!important}.vp-top{padding:10px}.vp-title{font-size:9px}}

.availability{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.availability>span{width:100%}.availability .button{font-size:10px;padding:10px 12px}


.watch-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 20px}.watch-tools .watch-status{margin:0}.watch-tools .button{font-size:10px;padding:9px 12px;flex-shrink:0}.watch-studio .player:fullscreen{width:100%;height:100%;max-width:none;max-height:none!important;aspect-ratio:auto;border:0;border-radius:0}.watch-studio .player:fullscreen>.vp{inset:0;width:100%;height:100%;border-radius:0}.watch-studio .player:fullscreen iframe{width:100%;height:100%}