/* Phone room: viewing first. Flatten layout only; keep the existing player alive. */
@media(max-width:620px){
 :root body #content:not(:fullscreen):has(>.detail-head){display:flex;flex-direction:column;min-width:0}
 :root body #content:not(:fullscreen)>.back{order:0;align-self:flex-start;min-height:44px;margin:4px 0 8px;padding:8px 0;font-size:13px}
 :root body #content:not(:fullscreen)>.detail-head,
 :root body #content:not(:fullscreen)>.detail-head>.detail-copy,
 :root body #content:not(:fullscreen)>.watch-section{display:contents}
 :root body #content:not(:fullscreen) .detail-poster,
 :root body #content:not(:fullscreen) .detail-copy>.eyebrow,
 :root body #content:not(:fullscreen) .detail-watch,
 :root body #content:not(:fullscreen) .detail-copy>.source-summary{display:none}
 :root body #content:not(:fullscreen) .detail-title-line{order:1;display:flex;flex-wrap:wrap;gap:4px;margin:0 0 12px}
 :root body #content:not(:fullscreen) .detail-title-line h1{flex:1 1 100%;font-size:24px;line-height:1.2;letter-spacing:-.6px;margin:0;text-wrap:balance}
 :root body #content:not(:fullscreen) .detail-head .room-rating{width:100%;flex:1 1 100%;margin:0;gap:0}
 :root body #content:not(:fullscreen) .detail-head .room-stars{display:grid;width:min(340px,100%);max-width:100%;grid-template-columns:repeat(10,minmax(0,1fr));gap:0}
 :root body #content:not(:fullscreen) .detail-head .room-stars button{width:100%;min-width:0;height:44px;min-height:44px;padding:0;border-radius:7px}
 :root body #content:not(:fullscreen) .detail-head .room-stars svg{width:21px;height:21px}
 :root body #content:not(:fullscreen) .watch-main{order:2;min-width:0;width:100%;margin:0}
 :root body #content:not(:fullscreen) .watch-main>.section-heading{margin:0 0 9px}
 :root body #content:not(:fullscreen) .watch-main h2{font-size:15px;font-weight:550;letter-spacing:0;color:#b9bbb6}
 :root body #content:not(:fullscreen) .video-frame{width:100%;aspect-ratio:16/9;border-radius:12px;min-height:0;background:#080909}
 :root body #content:not(:fullscreen) .player-caption{margin:10px 0 16px;gap:5px 12px;align-items:flex-start}
 :root body #content:not(:fullscreen) .player-caption p{flex:1;min-width:0;font-size:12px}
 :root body #content:not(:fullscreen) #playback-status{max-width:52%;font-size:12px;text-align:right}
 :root body #content:not(:fullscreen) .original-title{order:3;align-self:flex-start;margin:0 0 8px;font-size:13px;color:#999d96;line-height:1.4}
 :root body #content:not(:fullscreen) .detail-facts{order:4;margin:0 0 14px;gap:6px 8px}
 :root body #content:not(:fullscreen) .detail-facts>span{font-size:12px;padding:4px 8px;border-radius:7px}
 :root body #content:not(:fullscreen) .detail-actions{order:5;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
 :root body #content:not(:fullscreen) .detail-actions .button{min-height:46px;font-size:14px;border-radius:10px;padding:10px 16px}
 :root body #content:not(:fullscreen) .show-description{order:6;margin:0 0 18px;max-width:100%}
 :root body #content:not(:fullscreen) .show-description p{margin:0;font-size:15px;line-height:1.65;color:#c6c8c2}
 :root body #content:not(:fullscreen) .show-description.is-collapsed .description-text{height:4.95em}
 :root body #content:not(:fullscreen) .description-toggle{padding-top:6px;min-height:44px;font-size:13px}
 :root body #content:not(:fullscreen) .detail-disclosures{order:7;margin:0 0 24px;width:100%;border-radius:14px}
 :root body #content:not(:fullscreen) .detail-disclosures>.detail-disclosure>summary{min-height:58px;padding:12px 14px;font-size:14px;gap:10px}
 :root body #content:not(:fullscreen) .detail-disclosure>summary>span:first-child{min-width:0;flex-shrink:1}
 :root body #content:not(:fullscreen) .detail-source-preview{max-width:42%;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 :root body #content:not(:fullscreen) .detail-gallery-count{max-width:35%;font-size:11px}
 :root body #content:not(:fullscreen) .detail-chevron{flex:0 0 28px;width:28px;height:28px;margin-left:auto}
 :root body #content:not(:fullscreen) .stream-provider{gap:10px;min-width:0}
 :root body #content:not(:fullscreen) .stream-provider>details{min-width:0}
 :root body #content:not(:fullscreen) .stream-provider summary{min-width:0;overflow-wrap:anywhere}
 :root body #content:not(:fullscreen) .stream-provider summary b{font-size:14px}
 :root body #content:not(:fullscreen) .stream-provider>button{min-height:44px}
 :root body #content:not(:fullscreen) .stream-provider dd{overflow-wrap:anywhere}
 :root body #content:not(:fullscreen) .episodes{order:8;width:100%;margin:0 0 24px;border-radius:14px}
 :root body #content:not(:fullscreen) .episodes-head{padding:14px 16px;gap:12px}
 :root body #content:not(:fullscreen) .episodes-head h3{font-size:18px}
 :root body #content:not(:fullscreen) .episodes-head select{min-height:44px;font-size:14px;max-width:55%;padding:8px 12px}
 :root body #content:not(:fullscreen) .episode-scroll{max-height:280px;overscroll-behavior-y:contain;scrollbar-width:thin}
 :root body #content:not(:fullscreen) .episode-choice{min-height:60px;padding:12px 14px}
 :root body #content:not(:fullscreen) .episode-choice b{font-size:14px}
 :root body #content:not(:fullscreen) .room-community{order:9;margin:0;padding:18px 16px;border-radius:14px}
 :root body #content:not(:fullscreen) .room-community h2{font-size:22px}
 :root body #content:not(:fullscreen) .room-community .community-scope{font-size:13px;line-height:1.6;gap:6px}
 :root body #content:not(:fullscreen) .room-comment-form textarea{min-height:112px;font-size:16px;border-radius:10px}
 :root body #content:not(:fullscreen) .room-comment-controls{display:flex;flex-wrap:wrap;gap:8px}
 :root body #content:not(:fullscreen) .room-comment-controls label{min-height:44px;display:flex;align-items:center;font-size:13px}
 :root body #content:not(:fullscreen) .room-comment-controls [type=submit]{flex-basis:100%;min-height:46px;font-size:14px}
 :root body #content:not(:fullscreen) .community-empty{font-size:14px;line-height:1.6;padding:16px 0}
 :root body #content:not(:fullscreen) .watch-settings-panel{width:auto;left:12px;right:12px;bottom:calc(var(--mobile-nav-height,66px) + 12px);max-height:calc(100dvh - var(--app-header-height,64px) - var(--mobile-nav-height,66px) - 32px);padding:16px;border-radius:16px;background:#1b1d1c}
 :root body #content:not(:fullscreen) .watch-settings-panel select{min-height:44px;font-size:16px}
 :root body #content:not(:fullscreen) .watch-settings-heading>button{min-width:44px;min-height:44px}
}
@media(max-width:350px){
 :root body #content:not(:fullscreen) .detail-title-line h1{font-size:22px}
 :root body #content:not(:fullscreen) .detail-head .room-stars svg{width:20px;height:20px}
 :root body #content:not(:fullscreen) .detail-source-preview{max-width:35%}
}

@media(max-width:620px){
 :root body #content:not(:fullscreen) .watch-buttons{gap:2px}
 :root body #content:not(:fullscreen) .watch-buttons>.watch-next{display:none}
 :root body #content:not(:fullscreen) .watch-buttons>button{width:40px;min-width:40px;flex-basis:40px;height:44px;min-height:44px}
 :root body #content:not(:fullscreen) .watch-buttons>.watch-time{font-size:11px;margin-left:2px;white-space:nowrap}
 :root body #content:not(:fullscreen) .watch-controls{padding-left:8px;padding-right:8px}
}

@media(max-width:620px){
 :root body #content:not(:fullscreen) .detail-title-actions{flex:1 1 100%;width:100%;gap:6px}
 :root body #content:not(:fullscreen) .detail-title-actions .room-rating{width:100%;margin:0}
 :root body #content:not(:fullscreen) .detail-title-actions .room-stars{width:min(360px,100%);margin-left:auto}
 :root body #content:not(:fullscreen) .detail-title-actions .room-stars svg{width:clamp(22px,7.5vw,30px);height:clamp(22px,7.5vw,30px)}
 :root body #content:not(:fullscreen) .detail-watch{display:inline-flex;align-self:flex-end;min-height:44px;font-size:14px;padding:10px 16px}
 :root body #content:not(:fullscreen) .detail-source-preview{max-width:58%;white-space:normal;font-size:11px}
 :root body #content:not(:fullscreen) .detail-gallery-count{display:inline;max-width:none;font-size:inherit}
 :root body #content:not(:fullscreen) .episode-scroll{max-height:300px}
 :root body #content:not(:fullscreen) .room-community-heading{margin-bottom:20px}
 :root body #content:not(:fullscreen) #room-comment-form .room-comment-controls{gap:6px 14px}
 :root body #content:not(:fullscreen) #room-comment-form [data-comment-length]{font-size:14px}
}


@media(max-width:620px){:root body #content:not(:fullscreen) .detail-disclosures .detail-source-preview{max-width:55%;white-space:nowrap}:root body #content:not(:fullscreen) .detail-gallery-count{display:block;margin-left:auto}:root body #content:not(:fullscreen) .detail-title-names .original-title{margin-top:7px;font-size:13px}:root body #content:not(:fullscreen) .detail-title-line{gap:14px}}

@media(max-width:620px){:root body #content:not(:fullscreen) section.room-community{background:transparent;border:0;border-top:1px solid #ffffff12;border-radius:0;box-shadow:none;padding:24px 0 0;margin-top:4px}}

@media(max-width:620px){:root body #content:not(:fullscreen) .room-episodes-column{order:8;width:100%;gap:12px}:root body #content:not(:fullscreen) .room-episodes-column>.detail-watch{align-self:stretch}:root body #content:not(:fullscreen) .room-episodes-column>.episodes{order:initial}}

@media(max-width:620px){:root body #content:not(:fullscreen) .watch-main{margin-bottom:24px}:root body #content:not(:fullscreen) .room-episodes-column{margin-bottom:0}:root body #content:not(:fullscreen) section.room-community{margin-top:24px;padding-top:24px}:root body #content:not(:fullscreen) .room-episodes-column>.detail-watch{min-height:46px}}