/* A series opens directly in the player. Feed keeps its separate full-screen shell. */
body.series-watch-view{padding:0!important;background:#171717;overflow-y:auto}
.series-watch-view #app{min-height:100dvh}
.series-watch-view .viewer-header,.series-watch-view .viewer-footer,.series-watch-view .mobile-nav,.series-watch-view .prototype-label{display:none!important}
.series-watch-page{width:100%;max-width:900px;margin:0 auto;padding:0 0 max(24px,env(safe-area-inset-bottom));color:#eee;background:#171717;min-height:100dvh}
.series-video{background:#000}
.series-video .pd-player-stage{height:min(60dvh,640px);min-height:220px;max-height:none;aspect-ratio:auto;border:0;border-radius:0;touch-action:pan-y}
.series-video .pd-player-brand{display:none}
.series-video .watch-stage-top{position:absolute;z-index:7;display:flex;align-items:center;gap:8px;top:0;left:0;right:0;min-height:52px;padding:env(safe-area-inset-top) 8px 0;background:linear-gradient(#000b,transparent);transition:opacity .18s}
.series-video .watch-stage-back,.series-video .watch-top-icon{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border:0;background:transparent;color:#fff;padding:0}
.series-video .watch-stage-back{transform:none}
.series-video .watch-stage-title{flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;font-weight:500;text-shadow:0 1px 4px #000}
.series-video .watch-stage-count{font-size:12px;white-space:nowrap;color:#ddd}
.series-video .pd-controls-hidden .watch-stage-top{opacity:0;pointer-events:none}
.series-video .pd-player-controls{padding:18px 8px 4px}
.series-video .pd-player-seek{margin-top:-7px;margin-bottom:-8px}
.series-video .pd-player-buttons{gap:0}
.series-video .pd-player-settings{background:#252525;border-color:#383838}
.series-watch-content{padding:0 20px}
.series-watch-content [hidden]{display:none!important}
.series-episodes{padding:15px 0 16px;border-bottom:1px solid #303030}
.series-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.series-section-heading h2{display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.3;margin:0;font-weight:600}
.series-section-heading h2 small,.series-section-heading>span{font-size:12px;color:#999;font-weight:400}
.series-episodes .episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:8px;max-height:210px;overflow:auto;margin:0;padding:2px;overscroll-behavior:contain;scrollbar-width:thin}
.series-episodes .episode-cell{min-height:58px;border-radius:7px;background:#292929;border-color:#343434;padding:6px 3px;gap:3px}
.series-episodes .episode-cell>span{font-size:16px}
.series-episodes .episode-cell.selected{border-color:#fa527d;background:#39272c;box-shadow:0 0 0 1px #fa527d}
.series-episodes .episode-free{color:#74e5a0;background:#234332;font-size:10px}
.series-episodes .episode-cost{color:#ffd361;font-size:12px}
.series-information .vc-detail-tabs{display:flex;gap:26px;margin:0;border-bottom:1px solid #303030;background:transparent}
.series-information .vc-detail-tabs>button{flex:0 1 auto;min-height:48px;padding:0 2px;font-size:14px;background:transparent;border:0;border-bottom:2px solid transparent;color:#999}
.series-information .vc-detail-tabs>button.active{color:#fff;border-bottom-color:#fa527d}
.series-information .vc-detail-tabs small{margin-left:5px;font-size:11px;color:#999}
.series-details{padding:16px 0 0}
.series-title-row{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.series-title-row>div:first-child{min-width:0;flex:1}
.series-title-row h1{margin:0 0 6px;font-size:18px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
.series-title-row p{margin:0 0 10px;color:#999;font-size:12px;line-height:1.5}
.series-title-row .vc-detail-actions{flex-shrink:0;margin:-8px -8px 0 0;gap:0}
.series-details .vc-synopsis{margin:12px 0 0}
.series-details .vc-synopsis>p{color:#b0b0b0}
.series-information .comments-section{margin:0;padding:16px 0;border:0;background:none}
.series-information .comment{padding:14px 0;margin:0;border-bottom:1px solid #303030}
.series-information .comment-form{margin:0 0 12px}
.series-watch-preferences{border-top:1px solid #303030;margin-top:18px;padding:4px 0}
.series-watch-preferences .toggle-line{font-size:12px;color:#aaa}
.series-watch-content .watch-trial-banner{margin:16px 0 0;background:#252525;border-color:#3d3422;border-radius:8px}
.series-video .pd-player:fullscreen .pd-player-stage{height:100dvh}
@media(max-width:600px){
  .series-watch-content{padding:0 14px}
  .series-video .pd-player-stage{height:58dvh;min-height:210px}
  .series-episodes .episode-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:202px;gap:7px}
  .series-title-row h1{font-size:17px}
}
@media(orientation:landscape) and (max-height:500px){
  .series-video .pd-player-stage{height:calc(100dvh - env(safe-area-inset-top));min-height:180px}
}
/* Wide windows keep episodes and details within reach while the video stays visible. */
@media(min-width:960px){
  .series-watch-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);gap:24px;align-items:start;max-width:1320px;padding:24px;box-sizing:border-box}
  .series-video{position:sticky;top:24px;min-width:0;border-radius:10px;overflow:hidden}
  .series-video .pd-player-stage{height:calc(100dvh - 48px);min-height:min(360px,calc(100dvh - 48px));max-height:1000px}
  .series-watch-content{min-width:0;padding:0}
  .series-episodes{padding-top:4px}
  .series-episodes .episode-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:270px}
}

@media(min-width:769px) and (max-width:959px){.series-watch-page{max-width:900px;margin-inline:auto}.series-video .pd-player-stage{height:min(66dvh,760px);min-height:300px}.series-watch-content{padding:24px}.series-episodes .episode-grid{grid-template-columns:repeat(auto-fill,minmax(66px,1fr))}}