/* A title overview for choosing what to watch. */
.detail-head{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:32px;padding:28px}
.detail-copy h1{margin:0 0 8px;font-size:32px;line-height:1.2}.detail-poster .art{width:100%;aspect-ratio:2/3}.detail-poster{position:sticky;top:calc(var(--app-header-height) + 20px)}
.detail-facts{display:flex;flex-wrap:wrap;gap:7px 10px;margin:16px 0;color:#c5c3c0;font-size:12px}.detail-facts>span{padding:4px 9px;background:#ffffff06;border:1px solid #ffffff0b;border-radius:6px}
.show-description{margin:18px 0 22px;max-width:850px}.description-text{overflow:hidden}.show-description p{font-size:15px;line-height:1.8;color:#d3d1ce;white-space:pre-line;margin:0}
.show-description.is-collapsed .description-text{height:5.4em;overflow:hidden;mask-image:linear-gradient(#000 55%,transparent)}
.description-toggle{display:flex;align-items:center;gap:8px;padding:9px 0 0;min-height:32px;color:var(--accent);font-size:12px}.description-toggle[hidden]{display:none}.description-toggle svg{width:14px;height:14px;transform:rotate(90deg);transition:transform .2s}.is-collapsed .description-toggle svg{transform:rotate(-90deg)}.description-toggle:hover{color:#f0eeeb}
.detail-people{border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;margin:0 0 18px}
.detail-people>summary{display:flex;align-items:center;gap:14px;min-height:52px;cursor:pointer;list-style:none;font-size:13px}.detail-people>summary::-webkit-details-marker{display:none}.detail-people>summary>span:first-child{display:flex;align-items:center;gap:9px;flex-shrink:0;color:#dfddda}.detail-people summary svg{width:17px;height:17px;color:#a6a4a1}.detail-people-preview{margin-left:auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#918f8c;font-size:11px}.detail-chevron{color:#a8a6a3;transition:transform .2s}.detail-people[open] .detail-chevron{transform:rotate(180deg)}
.detail-people-body{padding:0 0 16px}.detail-directors{font-size:13px;color:#d6d4d1;margin:4px 0 16px}.detail-directors>span{color:#9c9a97;margin-right:8px}
.detail-cast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px 20px}.detail-person{display:flex;align-items:center;gap:10px;min-width:0}.detail-person-photo{display:grid;place-items:center;width:44px;height:54px;flex:0 0 44px;border-radius:8px;overflow:hidden;background:#ffffff07;color:#9e9c99}.detail-person-photo img{width:100%;height:100%;object-fit:cover}.detail-person b{display:block;font-size:12px;font-weight:550;color:#e4e2df}.detail-person small{display:block;font-size:11px;color:#9f9d9a;margin-top:4px}.detail-empty{font-size:13px;color:var(--muted)}
.detail-gallery{margin:0 0 34px;padding:0 2px}.detail-gallery-heading{display:flex;align-items:center;gap:20px;margin-bottom:14px}.detail-gallery-heading h2{font-size:18px;margin:0 0 3px}.detail-gallery-heading p{font-size:12px;color:#93918e;margin:0}.detail-gallery-count{font-size:11px;color:#9d9b98;margin-left:auto}
.detail-photo-strip{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/4);gap:12px;overflow-x:auto;padding:0 0 8px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#52504d transparent}
.detail-photo{position:relative;aspect-ratio:16/9;background:#23211e;border:1px solid #ffffff0c;border-radius:10px;overflow:hidden;padding:0;scroll-snap-align:start}.detail-photo img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.detail-photo>span{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#12100dc9;border:1px solid #ffffff38;color:#fff;opacity:0;transition:opacity .2s}.detail-photo svg{width:15px;height:15px}.detail-photo:hover img{transform:scale(1.035)}.detail-photo:hover>span,.detail-photo:focus-visible>span{opacity:1}.detail-photo.image-failed>span{inset:0;width:auto;height:auto;border:0;border-radius:0;background:none;font-size:12px;color:#adaba8;opacity:1}
.detail-gallery-note{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:10px;color:#888683;margin:7px 0 0}.detail-gallery-note a{color:#9d9b98}.detail-gallery-empty{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px dashed #ffffff15;border-radius:10px;padding:22px;color:#9c9a97;font-size:13px}.detail-gallery-loading{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-gallery-loading>span{aspect-ratio:16/7;border-radius:10px;background:#ffffff04;border:1px solid #ffffff06}.detail-gallery-loading>p{position:absolute;inset:0;display:grid;place-items:center;margin:0;font-size:12px;color:#9c9a97}
.detail-lightbox{width:min(1180px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:14px;border:1px solid #ffffff25;border-radius:16px;background:#181613;color:#f0eeeb;overflow:auto;box-shadow:0 20px 90px #000a}.detail-lightbox::backdrop{background:#0a0805dd;backdrop-filter:blur(8px)}.detail-lightbox-bar{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#adaba8;margin-bottom:10px}.detail-lightbox button{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;color:#f0eeeb}.detail-lightbox button:hover{background:#ffffff10}.detail-lightbox svg{width:20px;height:20px}.detail-lightbox-stage{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px}.detail-lightbox-stage img{display:block;aspect-ratio:16/9;max-height:70dvh;width:100%;object-fit:contain;border-radius:8px;background:#0f0d0a}.detail-lightbox-caption{font-size:12px;color:#adaba8;text-align:center;margin:12px 0 0}
@media(max-width:860px){.detail-head{grid-template-columns:120px minmax(0,1fr);padding:22px;gap:22px}.detail-copy h1{font-size:27px}.detail-photo-strip{grid-auto-columns:calc((100% - 24px)/3)}.detail-people-preview{display:none}.detail-chevron{margin-left:auto}}
@media(max-width:620px){.detail-head{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:16px}.detail-poster{position:static}.detail-copy h1{font-size:23px}.detail-facts{gap:5px;margin:12px 0}.detail-facts>span{font-size:10px;padding:3px 6px}.show-description p{font-size:13px;line-height:1.75}.detail-people>summary{font-size:12px}.detail-cast-grid{grid-template-columns:1fr}.detail-photo-strip{grid-auto-columns:76%;gap:10px}.detail-gallery-heading h2{font-size:16px}.detail-gallery{margin-bottom:26px}.detail-gallery-note{font-size:9px}.detail-lightbox{width:calc(100vw - 12px);padding:8px}.detail-lightbox-stage{grid-template-columns:28px minmax(0,1fr) 28px;gap:2px}.detail-lightbox-stage button{width:28px}.detail-gallery-empty{display:block;padding:16px}.detail-gallery-loading{grid-template-columns:1fr 1fr}.detail-gallery-loading>span:last-of-type{display:none}}
@media(prefers-reduced-motion:reduce){.detail-photo img,.description-toggle svg,.detail-chevron{transition:none}}
:root[data-motion=reduced] .detail-photo img,:root[data-motion=reduced] .description-toggle svg,:root[data-motion=reduced] .detail-chevron{transition:none}
@media(max-width:620px){.detail-copy{display:contents}.detail-copy>*{grid-column:1/-1}.detail-copy>.eyebrow,.detail-copy>h1,.detail-copy>.original-title{grid-column:2}.detail-copy>h1{margin:0}.detail-poster{grid-column:1;grid-row:1/4}.detail-poster .art-disclaimer{display:none}.detail-head{row-gap:6px}.show-description{margin:8px 0 12px}.detail-people{margin-bottom:12px}}

/* Gallery stays folded until requested, like cast and creators. */
.detail-gallery{padding:0;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c;margin:0 0 22px}
.detail-gallery>summary{display:flex;align-items:center;gap:14px;min-height:52px;cursor:pointer;list-style:none;font-size:14px;color:#dfddda}
.detail-gallery>summary::-webkit-details-marker{display:none}
.detail-gallery[open]>summary .detail-chevron{transform:rotate(180deg)}
.detail-gallery-count{font-size:12px;margin-left:auto}
.detail-gallery-body{padding:0 0 16px}
.detail-gallery-toolbar{display:flex;justify-content:flex-end;margin:0 0 10px}
.detail-gallery-toolbar .text-button{min-height:44px;font-size:14px;padding:8px 14px;border:1px solid #43413e;border-radius:9px}
.detail-gallery-toolbar .text-button[hidden]{display:none}
.detail-photo-strip.is-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
.detail-gallery-note{font-size:12px;align-items:center;line-height:1.6}
.detail-gallery-note .text-button{font-size:12px}
.detail-photo.image-failed>span{display:grid}
@media(max-width:860px){.detail-photo-strip.is-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-gallery>summary .detail-chevron{margin-left:0}}
@media(max-width:620px){.detail-photo-strip.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-gallery-count{font-size:11px}.detail-gallery>summary{gap:9px}}

.detail-copy>.detail-people{margin-bottom:0}
.detail-copy>.detail-gallery{border-top:0;margin-bottom:18px}
.detail-gallery>summary>span:first-child{display:flex;align-items:center;gap:9px}
.detail-gallery>summary svg{width:17px;height:17px;color:#a6a4a1}
.detail-gallery>summary{font-size:13px}
@media(max-width:620px){.detail-gallery>summary{font-size:12px}}

/* One compact disclosure group for the whole title. */
.detail-disclosures{border:1px solid #ffffff12;border-radius:12px;background:#1b191680;margin:0 0 18px;overflow:hidden;min-width:0}
.detail-disclosures>.detail-disclosure{border:0;border-radius:0;background:transparent;margin:0;padding:0;min-width:0}
.detail-disclosures>.detail-disclosure+ .detail-disclosure{border-top:1px solid #ffffff12}
.detail-disclosures>.detail-disclosure>summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 16px;font-size:15px;line-height:1.4;color:#e6e4e1;list-style:none;cursor:pointer;user-select:none}
.detail-disclosures>.detail-disclosure>summary::-webkit-details-marker{display:none}
.detail-disclosures>.detail-disclosure>summary:hover{background:#ffffff04}
.detail-disclosures>.detail-disclosure>summary>span:first-child{display:flex;align-items:center;gap:10px;flex-shrink:0}
.detail-disclosures>.detail-disclosure>summary svg{width:18px;height:18px;color:#b2b0ad}
.detail-disclosures>.detail-disclosure>summary .detail-chevron{margin-left:0;font-size:18px}
.detail-disclosure[open]>summary .detail-chevron{transform:rotate(180deg)}
.detail-disclosures .detail-people-preview,.detail-disclosures .detail-gallery-count,.detail-source-preview{margin-left:auto;min-width:0;max-width:48%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#aeaca9}
.detail-disclosures .detail-people-body,.detail-disclosures .detail-gallery-body{padding:4px 16px 16px}
.detail-disclosures .detail-sources .stream-panel{margin:0;padding:4px 16px 16px}
.detail-gallery-toolbar{gap:8px}
.detail-photo,.detail-photo img,.detail-lightbox-stage,.detail-lightbox-stage img{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.detail-photo img,.detail-lightbox-stage img{-webkit-user-drag:none;display:block}
.detail-photo img::selection,.detail-lightbox-stage img::selection{background:transparent}
.detail-photo:focus,.detail-photo:active{outline:none;box-shadow:none}
.detail-photo{transition:border-color .15s,background .15s}
.detail-photo:hover{border-color:#83817e;background:#2d2b28}
.detail-lightbox-stage{touch-action:pan-y pinch-zoom}
.detail-lightbox.is-loading .detail-lightbox-stage img{opacity:.65}
.detail-lightbox-stage img{transition:opacity .15s}
@media(max-width:620px){.detail-disclosures>.detail-disclosure>summary{padding:12px;font-size:14px;gap:8px}.detail-disclosures .detail-people-body,.detail-disclosures .detail-gallery-body,.detail-disclosures .detail-sources .stream-panel{padding:2px 12px 12px}.detail-source-preview{max-width:38%;font-size:11px}.detail-disclosures .detail-people-preview{display:none}.detail-disclosures>.detail-disclosure>summary .detail-chevron{margin-left:auto}.detail-disclosures .detail-gallery-count+.detail-chevron,.detail-source-preview+.detail-chevron{margin-left:0}}
@media(prefers-reduced-motion:reduce){.detail-photo,.detail-lightbox-stage img{transition:none}}
html[data-motion=reduced] .detail-photo,html[data-motion=reduced] .detail-lightbox-stage img{transition:none}

.detail-disclosures>.detail-disclosure>summary>span:first-child{margin-right:auto}
.detail-disclosures>.detail-disclosure>summary .detail-chevron,.detail-disclosures>.detail-disclosure>summary .detail-gallery-count,.detail-disclosures>.detail-disclosure>summary .detail-people-preview,.detail-disclosures>.detail-disclosure>summary .detail-source-preview{margin-left:0}

.detail-disclosures>.detail-disclosure>summary .detail-chevron{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border:1px solid #ffffff0c;border-radius:8px;background:#ffffff04;color:#bdbbb8;transform:none;transition:background .18s,border-color .18s}
.detail-disclosures>.detail-disclosure[open]>summary .detail-chevron{transform:none;background:#34322f;border-color:#514f4c}
.detail-disclosures>.detail-disclosure>summary .detail-chevron svg{width:16px;height:16px;color:inherit;transition:transform .2s cubic-bezier(.2,.7,.2,1)}
.detail-disclosures>.detail-disclosure[open]>summary .detail-chevron svg{transform:rotate(180deg)}
.detail-disclosures>.detail-disclosure>summary:hover .detail-chevron{background:#393734;border-color:#666461}
.detail-disclosures .detail-source-preview{max-width:55%}
@media(prefers-reduced-motion:reduce){.detail-disclosures>.detail-disclosure>summary .detail-chevron,.detail-disclosures>.detail-disclosure>summary .detail-chevron svg{transition:none}}
html[data-motion=reduced] .detail-disclosures>.detail-disclosure>summary .detail-chevron,html[data-motion=reduced] .detail-disclosures>.detail-disclosure>summary .detail-chevron svg{transition:none}

.stream-provider .source-recommended{font-size:12px;font-weight:400;color:#c1bfbc;white-space:normal}
.detail-disclosures .detail-source-preview{white-space:normal;text-align:right;line-height:1.5;overflow-wrap:anywhere}

.gallery-frame-decoder{position:fixed;width:1px;height:1px;left:-100px;top:0;opacity:0;pointer-events:none}

.detail-cast-heading{font-size:13px;font-weight:600;margin:20px 0 12px;color:var(--text)}
.detail-cast-heading span,.detail-cast-status,.detail-cast-status a{font-size:11px;color:var(--muted)}
.detail-cast-more{margin-top:14px;min-height:44px}
.detail-cast-status{margin:14px 0 0}
.detail-person{align-items:flex-start}a.detail-person{color:inherit;text-decoration:none;border-radius:8px}a.detail-person:hover{background:#ffffff06;box-shadow:0 0 0 6px #ffffff06}a.detail-person:hover b{color:#fff}a.detail-person:focus-visible{outline:1px solid #ffffff80;outline-offset:6px}.detail-person>span:last-child{min-width:0;overflow-wrap:anywhere}

/* Room layout: matching side columns and full-width title information. */
:root body #content:not(:fullscreen) .detail-copy{min-width:0}
:root body #content:not(:fullscreen) .detail-copy .show-description,:root body #content:not(:fullscreen) .detail-copy .show-description p,:root body #content:not(:fullscreen) .detail-copy .detail-disclosures{width:100%;max-width:none}
:root body #content:not(:fullscreen) .detail-title-line{align-items:flex-start;gap:16px 24px}
:root body #content:not(:fullscreen) .detail-title-actions{display:flex;flex:0 1 360px;flex-direction:column;align-items:flex-end;gap:10px;min-width:0;margin-left:auto;max-width:100%}
: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:100%;max-width:360px;margin-left:auto}
:root body #content:not(:fullscreen) .detail-title-actions .room-stars button{height:44px;min-height:44px;padding:0;color:#929292}
:root body #content:not(:fullscreen) .detail-title-actions .room-stars svg{width:32px;height:32px;fill:transparent;stroke:currentColor;stroke-width:1.4}
:root body #content:not(:fullscreen) .detail-title-actions .room-stars button:is(.is-filled,:hover,:focus-visible){color:#fff}
:root body #content:not(:fullscreen) .detail-title-actions .room-stars button.is-filled svg{fill:currentColor}
:root body #content:not(:fullscreen) .detail-watch{min-height:44px;font-size:15px;padding:10px 18px;white-space:nowrap}
:root body #content:not(:fullscreen) .detail-disclosures .detail-gallery-count{display:inline;max-width:none;margin:0;color:var(--muted);font-size:inherit;white-space:nowrap}
:root body #content:not(:fullscreen) .detail-disclosures .detail-source-preview{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right;white-space:normal;max-width:60%;font-size:12px;line-height:1.4}
.detail-source-item{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;flex-wrap:wrap}.detail-source-item small{font-size:11px;color:var(--muted)}
:root body #content:not(:fullscreen) .player-caption{display:none}
:root body #content:not(:fullscreen) .episodes{padding:0;align-self:start;min-width:0;border:1px solid #ffffff12;border-radius:14px;background:#ffffff02}
:root body #content:not(:fullscreen) .episodes-head{padding:14px 16px;gap:12px;border-bottom:1px solid #ffffff12}
:root body #content:not(:fullscreen) .episodes-head h3{font-size:17px}
:root body #content:not(:fullscreen) .episodes-head select{min-height:42px;max-width:60%;font-size:14px;padding:8px 10px;color:var(--text);background:#ffffff04;border:1px solid #ffffff16;border-radius:9px}
:root body #content:not(:fullscreen) .episode-scroll{max-height:460px;padding:6px;overscroll-behavior-y:contain}
:root body #content:not(:fullscreen) .episode-row{gap:4px;min-height:66px;padding:4px;border:0;border-left:2px solid transparent;border-radius:9px;margin:2px 0}
:root body #content:not(:fullscreen) .episode-row.current{background:#ffffff08;border-left-color:#ddd}
:root body #content:not(:fullscreen) .episode-choice{gap:10px;min-width:0;min-height:56px}
:root body #content:not(:fullscreen) .episode-choice>span:last-child{min-width:0}
:root body #content:not(:fullscreen) .episode-choice b{font-size:14px;line-height:1.4}
:root body #content:not(:fullscreen) .episode-choice small{font-size:11px}
:root body #content:not(:fullscreen) .episode-choice small:empty{display:none}
:root body #content:not(:fullscreen) .episode-no{font-size:13px;color:#aaa}
:root body #content:not(:fullscreen) .episode-check{width:38px;height:38px;border-radius:10px;margin:0 2px;border-color:#ffffff20;color:#aaa}
:root body #content:not(:fullscreen) .episode-check svg{width:17px;height:17px}
:root body #content:not(:fullscreen) .episode-check.done{color:#171818;background:#eee;border-color:#eee}
:root body #content:not(:fullscreen) .episode-check:disabled{opacity:1;cursor:progress}
@media(min-width:1001px){
 :root body #content{--room-side-width:280px;--room-gap:28px;--room-padding:24px}
 :root body #content:not(:fullscreen) .detail-head,:root body #content:not(:fullscreen) .watch-section{display:grid;gap:var(--room-gap);padding:var(--room-padding);border:1px solid #ffffff10;border-radius:20px;background:#ffffff02}
 :root body #content:not(:fullscreen) .detail-head{grid-template-columns:var(--room-side-width) minmax(0,1fr);align-items:start}
 :root body #content:not(:fullscreen) .watch-section{grid-template-columns:minmax(0,1fr) var(--room-side-width);align-items:start}
 :root body #content:not(:fullscreen) .detail-poster{width:100%}
 :root body #content:not(:fullscreen) .detail-poster .art{border-radius:14px}
 :root body #content:not(:fullscreen) .watch-main>.section-heading{margin-bottom:14px}
}
@media(min-width:1001px) and (max-width:1150px){:root body #content{--room-side-width:240px;--room-gap:24px;--room-padding:20px}}
@media(min-width:621px) and (max-width:1000px){:root body #content:not(:fullscreen) .detail-title-actions{flex-basis:100%;width:360px}.detail-title-line h1{flex-basis:100%}}


/* Compact room headings and consistent disclosure summaries. */
:root body #content:not(:fullscreen) .detail-title-names{flex:1;min-width:0}
:root body #content:not(:fullscreen) .detail-title-names h1{margin:0;line-height:1.15}
:root body #content:not(:fullscreen) .detail-title-names .original-title{display:block;margin:8px 0 0;line-height:1.4}
:root body #content:not(:fullscreen) .detail-title-actions{flex:0 0 min(45%,360px)}
:root body #content:not(:fullscreen) .detail-disclosure>summary{min-height:54px;height:54px;box-sizing:border-box;gap:12px}
:root body #content:not(:fullscreen) .detail-disclosures .detail-source-preview{display:block;min-width:0;max-width:64%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4}
:root body #content:not(:fullscreen) .detail-source-item{display:inline;white-space:nowrap}
:root body #content:not(:fullscreen) .detail-source-item+ .detail-source-item:before{content:' · ';color:#888}
:root body #content:not(:fullscreen) .detail-source-item small{margin-left:5px;font-size:11px}
:root body #content:not(:fullscreen) .detail-gallery-count{display:block;margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}
@media(max-width:1000px){:root body #content:not(:fullscreen) .detail-title-line{flex-wrap:wrap}:root body #content:not(:fullscreen) .detail-title-names{flex-basis:100%}:root body #content:not(:fullscreen) .detail-title-actions{flex-basis:100%;width:360px}}

/* The room uses open sections, like the rest of the site. */
:root body #content:not(:fullscreen) .detail-head,:root body #content:not(:fullscreen) .watch-section,:root body #content:not(:fullscreen) .room-community{background:transparent;border:0;border-radius:0;box-shadow:none;padding-left:0;padding-right:0}
:root body #content:not(:fullscreen) .watch-section,:root body #content:not(:fullscreen) .room-community{border-top:1px solid #ffffff12;padding-top:28px;margin-top:28px}
:root body #content:not(:fullscreen) .detail-head{padding-top:20px;padding-bottom:0}

:root body .episodes-head .room-season-choice{position:relative;min-width:115px;max-width:65%}
:root body .room-season-choice select[hidden]{display:none!important}
:root body .room-season-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:1px solid #ffffff22;border-radius:10px;background:#292929;color:#f0f0f0;font-size:15px;line-height:1.4;text-align:left;cursor:pointer}
:root body .room-season-toggle:hover:not(:disabled),:root body .room-season-toggle[aria-expanded=true]{background:#343434;border-color:#ffffff40}
:root body .room-season-toggle:disabled{opacity:1;background:#252525;color:#c7c7c7;cursor:default}
:root body .room-season-toggle:disabled svg{visibility:hidden}
:root body .room-season-options{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:max-content;min-width:100%;max-width:240px;max-height:280px;overflow:auto;overscroll-behavior:contain;padding:6px;border:1px solid #ffffff2a;border-radius:12px;background:#252525fc;box-shadow:0 12px 35px #0009;color:#f1f1f1;scrollbar-width:thin;box-sizing:border-box}
:root body .room-season-options[hidden]{display:none!important}
:root body .room-season-option{display:block;position:relative;width:100%;min-height:42px;padding:10px 32px 10px 11px;border:0;border-radius:8px;font-size:14px;line-height:1.45;text-align:left;color:inherit;background:transparent;cursor:pointer}
:root body .room-season-option:hover,:root body .room-season-option:focus{background:#ffffff10}
:root body .room-season-option[aria-selected=true]{background:#ffffff12;color:#fff}
:root body .room-season-option[aria-selected=true]:after{content:'✓';position:absolute;right:11px;top:10px;color:#dedede}
:root body .room-season-option:disabled{color:#888;cursor:default}
:root body #content:not(:fullscreen) .episodes{overflow:visible}

:root body .episodes-head .room-season-toggle>span{font-size:15px;line-height:1.4;color:inherit}

/* Unrated stars stay solid grey; selected stars stay white. */
:root body #content:not(:fullscreen) .detail-title-actions .room-stars button{color:#454545}
:root body #content:not(:fullscreen) .detail-title-actions .room-stars svg{fill:currentColor;stroke:none;stroke-width:0}

/* Resume belongs to the episode column, separate from the title rating. */
:root body #content:not(:fullscreen) .room-episodes-column{min-width:0;display:flex;flex-direction:column;gap:14px;align-self:start}
:root body #content:not(:fullscreen) .room-episodes-column>.detail-watch{display:flex;width:100%;justify-content:center;min-height:46px;margin:0}
:root body #content:not(:fullscreen) .room-episodes-column>.episodes{width:100%;box-sizing:border-box;margin:0}
:root body #content:not(:fullscreen) .watch-movie .room-episodes-column{display:none}
:root body #content:not(:fullscreen) .watch-movie .watch-main>.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}

/* Shared header baseline and balanced space around the viewing area. */
:root body #content:not(:fullscreen) .watch-section{margin-top:24px;padding-top:24px;padding-bottom:0;margin-bottom:0}
:root body #content:not(:fullscreen) .room-community{margin-top:24px;padding-top:24px}
@media(min-width:1001px){
:root body #content:not(:fullscreen) .watch-section{align-items:stretch;column-gap:var(--room-gap,28px)}
:root body #content:not(:fullscreen) .watch-main>.section-heading{display:flex;align-items:center;min-height:46px;box-sizing:border-box;margin:0 0 14px;padding:0}
:root body #content:not(:fullscreen) .watch-main>.section-heading h2{margin:0;line-height:1.3}
:root body #content:not(:fullscreen) .room-episodes-column{align-self:stretch;min-height:0;gap:14px}
:root body #content:not(:fullscreen) .room-episodes-column>.detail-watch{height:46px;flex:0 0 46px;box-sizing:border-box}
:root body #content:not(:fullscreen) .room-episodes-column>.episodes{display:flex;flex-direction:column;flex:1;min-height:0}
:root body #content:not(:fullscreen) .room-episodes-column .episodes-head{flex:none;min-height:72px;box-sizing:border-box}
:root body #content:not(:fullscreen) .room-episodes-column .episode-scroll{flex:1;min-height:0;height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}
}

@media(min-width:1001px){:root body #content:not(:fullscreen) .room-episodes-column{position:relative}:root body #content:not(:fullscreen) .room-episodes-column>.episodes{position:absolute;top:60px;bottom:0;left:0;right:0;height:calc(100% - 60px);align-self:stretch}}

/* Quiet black resume action. */
:root body #content:not(:fullscreen) .detail-watch.button.primary{background:#ffffff04;color:#fff;border:1px solid var(--wr-border);box-shadow:none}
:root body #content:not(:fullscreen) .detail-watch.button.primary:hover{background:#ffffff0c;color:#fff;border-color:#ffffff30}
:root body #content:not(:fullscreen) .detail-watch.button.primary:active{background:#ffffff12;color:#fff}

/* A little more room and larger type for the three title disclosures. */
:root body #content:not(:fullscreen) .detail-disclosures>details.detail-disclosure>summary{height:62px;min-height:62px;padding:12px 18px;font-size:16px;gap:12px}
:root body #content:not(:fullscreen) .detail-disclosures>details.detail-disclosure>summary>span:first-child>svg{width:22px;height:22px}
:root body #content:not(:fullscreen) .detail-disclosures .detail-people-preview,:root body #content:not(:fullscreen) .detail-disclosures .detail-gallery-count,:root body #content:not(:fullscreen) .detail-disclosures .detail-source-preview{font-size:14px}
:root body #content:not(:fullscreen) .detail-disclosures .detail-source-item small{font-size:12px}
:root body #content:not(:fullscreen) .detail-disclosures .detail-chevron{width:32px;height:32px;flex-basis:32px}
:root body #content:not(:fullscreen) .detail-disclosures .detail-chevron svg{width:20px;height:20px}
@media(max-width:620px){:root body #content:not(:fullscreen) .detail-disclosures>details.detail-disclosure>summary{padding:12px 14px;font-size:15px;gap:10px}:root body #content:not(:fullscreen) .detail-disclosures .detail-source-preview{font-size:12px}}

@media(max-width:620px){:root body #content:not(:fullscreen) .detail-disclosures>.detail-sources>summary>span:first-child{flex-shrink:0}:root body #content:not(:fullscreen) .detail-disclosures .detail-source-preview{flex:1;max-width:none;min-width:0}:root body #content:not(:fullscreen) .detail-disclosures .detail-sources .detail-chevron{margin-left:0}}

/* A shared 52px action row; existing 14px and outer section gaps stay intact. */
:root body #content:not(:fullscreen) .detail-watch.button.primary,:root body #content:not(:fullscreen) .episodes-head h3{font-family:inherit;font-size:17px;font-weight:650;line-height:1.4}
:root body #content:not(:fullscreen) .room-episodes-column>.detail-watch{height:52px;min-height:52px;flex-basis:52px}
:root body #content:not(:fullscreen) .watch-main>.section-heading>div{min-width:0;max-width:100%}
:root body #content:not(:fullscreen) .room-episode-heading{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
@media(min-width:1001px){:root body #content:not(:fullscreen) .watch-main>.section-heading{min-height:52px}:root body #content:not(:fullscreen) .room-episodes-column>.episodes{top:66px;height:calc(100% - 66px)}}
@media(max-width:620px){:root body #content:not(:fullscreen) .detail-watch.button.primary,:root body #content:not(:fullscreen) .episodes-head h3{font-size:18px}:root body #content:not(:fullscreen) .room-episode-heading{white-space:normal;overflow-wrap:anywhere}}

/* Small breathing room at the right edge of the room rating. */
:root body #content:not(:fullscreen) .detail-title-actions .room-rating{box-sizing:border-box;padding-right:10px}

/* Movies use the entire room width: there is no episode rail. */
:root body #content .watch-section.watch-movie{grid-template-columns:minmax(0,1fr)}
:root body #content .watch-movie>.room-episodes-column{display:none}