.watch-shell.cinema{--accent:#efb600;--soft:#c7c2b8;position:relative;isolation:isolate;height:calc(100svh - 78px);min-height:520px;margin-top:78px;padding:0;overflow:hidden;background:#191815;border-radius:0 0 22px 22px}
.cinema-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(8px) brightness(.48);transform:scale(1.035);z-index:-2}
.cinema .cinema-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.cinema .cinema-video{display:block;width:100%;height:100%;object-fit:contain;background:#090909}
.cinema-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 30%,rgba(15,14,12,.40) 58%,rgba(15,14,12,.82) 100%)}
.cinema .cinema-sidebar{position:absolute;right:0;top:0;bottom:70px;width:35%;padding:38px clamp(22px,3.7vw,72px) 44px clamp(20px,2vw,40px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#69635355 transparent;scroll-behavior:smooth}
.cinema .crumbs{margin:0 0 28px;font-size:11px;opacity:.65;line-height:1.6}.cinema .crumbs ol{flex-wrap:wrap}.cinema .crumbs [aria-current]{max-width:100%}
.cinema-tags{display:flex;flex-wrap:wrap;gap:8px 18px;color:#d9d4cb;font-size:clamp(12px,1.2vw,20px);list-style:none;padding:0;margin:0 0 26px}.cinema-tags li:before{content:'•';margin-right:10px}.cinema a:hover{color:#ffda73}
.cinema h1{font-size:clamp(28px,3.1vw,58px);font-weight:600;line-height:1.13;letter-spacing:-.035em;margin:0 0 20px;overflow-wrap:anywhere}
.cinema-meta{font-size:clamp(14px,1.35vw,25px);color:#b9b4aa;line-height:1.6;margin:0 0 20px}
.cinema-description{font-size:clamp(15px,1.35vw,25px);line-height:1.78;color:#cdc8bf;margin:0;white-space:pre-line}.cinema-description.is-clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cinema-description-toggle{border:0;background:transparent;color:#ddd5c4;padding:8px 0;font-size:12px;cursor:pointer}
.cinema-tools{display:flex;align-items:center;gap:12px;margin:28px 0 34px}.cinema-tool{min-height:56px;border:1px solid transparent;border-radius:17px;background:#2d2a25dd;color:#f8f5ed;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 21px;font-size:clamp(15px,1.45vw,26px);cursor:pointer}.cinema-tool svg{width:20px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6}.cinema-tool[aria-pressed=true]{background:#dca800;color:#fff}.cinema-tool[aria-pressed=true] svg{fill:currentColor}.cinema-tool:hover{background:#423a2b}.cinema :is(button,a,select):focus-visible{outline:3px solid #ffdf7f;outline-offset:4px}.cinema select.cinema-rate{appearance:none;-webkit-appearance:none;display:block;font-family:inherit;min-width:84px;padding:14px 18px;max-width:120px;text-align:center}.cinema-rate option{background:#25231e;color:#fff}
.cinema-episode-heading{font-weight:400;color:#aba69c;font-size:13px;line-height:1.6;margin:0 0 14px}.cinema-ranges{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 15px}.cinema-range{border:0;border-radius:14px;background:#2e2b25db;color:#dbd5c8;padding:11px 17px;font-size:16px;cursor:pointer}.cinema-range[aria-pressed=true]{background:#473612;color:#ffda73}
.cinema-episodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}.cinema-episodes li[hidden]{display:none}.cinema-episode{width:100%;aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px solid #ffffff26;background:#292720d9;border-radius:12px;color:#ded9cf;font-size:clamp(18px,1.75vw,32px);cursor:pointer}.cinema-episode:hover{border-color:#c4a450;background:#453b25}.cinema-episode[aria-current]{color:#ffd369;background:#473612;border-color:#473612}.cinema-bars{position:absolute;bottom:10%;right:13%;display:flex;align-items:end;gap:3px;height:14px}.cinema-bars i{width:4px;height:55%;background:currentColor}.cinema-bars i:nth-child(2){height:100%}.cinema-bars i:nth-child(3){height:75%}
.cinema-app-note{color:#aaa397;line-height:1.65;font-size:12px;margin:20px 0 0}.cinema .watch-cta{margin:26px 0 0;gap:10px}.cinema .watch-cta a{width:100%;font-size:13px;min-height:44px;padding:12px 18px;font-weight:600;border-radius:12px}.cinema .watch-cta .primary{background:#e7b512;color:#211b08}.cinema .watch-cta .primary:hover{transform:none;background:#ffcf40}
.cinema--portrait .cinema-media{right:39%;padding:24px 20px 28px}.cinema--portrait .cinema-video{height:100%;width:auto;max-width:100%;aspect-ratio:9/16;object-fit:contain;border:0;border-radius:30px;background:#161511;box-shadow:0 20px 60px #0007}.cinema--portrait .cinema-sidebar{width:39%;bottom:0;padding-top:48px}.cinema--portrait .cinema-shade{background:linear-gradient(90deg,#0c0b0944,transparent 45%,#151310a8)}
.cinema-status{min-height:1em;color:#ebcb83;font-size:12px}
.cinema-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1600px){.cinema .cinema-sidebar{width:35%;padding-top:38px}.cinema--portrait .cinema-sidebar{width:39%;padding-top:65px}.cinema-tools{margin-top:32px;margin-bottom:40px}.cinema-tool{min-height:78px}.cinema-episode{border-radius:14px}}
@media(max-width:1100px) and (min-width:761px){.cinema .cinema-sidebar{width:42%;padding:24px 24px 32px}.cinema h1{font-size:32px}.cinema--portrait .cinema-media{right:42%}.cinema-tags{margin-bottom:18px}.cinema-tools{margin:20px 0 24px}.cinema-episodes{gap:8px}}
@media(max-width:760px){.watch-shell.cinema{height:auto;min-height:0;margin-top:64px;border-radius:0;overflow:visible;display:flex;flex-direction:column}.cinema .cinema-media{position:sticky;inset:auto;top:64px;z-index:3;width:100%;height:auto;aspect-ratio:16/9;background:#0e0d0b}.cinema .cinema-video{width:100%;height:100%;object-fit:contain}.cinema .cinema-sidebar{position:relative;inset:auto;width:100%;padding:26px 22px 42px;overflow:visible}.cinema .cinema-shade{background:linear-gradient(0deg,#151310e8,#15131055);z-index:-1}.cinema h1{font-size:34px}.cinema-meta{font-size:16px}.cinema-description{font-size:16px}.cinema-tags{font-size:13px;margin-bottom:18px}.cinema .crumbs{margin-bottom:18px}.cinema-tools{margin:24px 0 28px}.cinema-tool{min-height:54px;font-size:18px}.cinema-episode{font-size:23px}.cinema--portrait .cinema-media{height:48svh;min-height:240px;aspect-ratio:auto;padding:12px;background:#15130fea}.cinema--portrait .cinema-video{width:auto;height:100%;max-width:100%;border-radius:17px}.cinema-backdrop{position:absolute;transform:none}.cinema .watch-cta{display:grid;grid-template-columns:1fr}.cinema-episodes{gap:10px}}
@media(prefers-reduced-motion:reduce){.cinema,.cinema *{scroll-behavior:auto;transition:none!important}}

/* A fixed viewing stage; only the information panel scrolls. */
html:has([data-cinema]),body:has([data-cinema]){height:100%;overflow:hidden;overscroll-behavior:none}
body:has([data-cinema])>footer,body:has([data-cinema]) .tv-chip{display:none}
.watch-shell.cinema{position:fixed;inset:78px 0 0;height:auto;min-height:0;margin:0;border-radius:0}
.cinema .cinema-sidebar{scroll-behavior:auto;overscroll-behavior:none;-webkit-overflow-scrolling:touch}
.cinema :is(.cinema-tool,.cinema-range,.cinema-episode){transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.cinema :is(.cinema-tool,.cinema-range,.cinema-episode):active{transform:scale(.97)}
@media(hover:hover){.cinema :is(.cinema-tool,.cinema-range,.cinema-episode):hover{transform:translateY(-2px)}}
@keyframes cinema-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.cinema-sidebar> :is(.cinema-tags,h1,.cinema-meta,.cinema-description,.cinema-tools,section){animation:cinema-enter .42s cubic-bezier(.2,.65,.3,1) both}.cinema-sidebar>h1{animation-delay:40ms}.cinema-sidebar>.cinema-meta{animation-delay:70ms}.cinema-sidebar>.cinema-description{animation-delay:90ms}.cinema-sidebar>.cinema-tools{animation-delay:110ms}.cinema-sidebar>section{animation-delay:140ms}}
@media(max-width:760px){.watch-shell.cinema{inset:64px 0 0;display:flex;height:auto;margin:0;overflow:hidden}.cinema .cinema-media{position:relative;top:auto;flex:0 0 auto;height:auto;max-height:42%;min-height:0}.cinema--portrait .cinema-media{height:42%;min-height:0}.cinema .cinema-sidebar{position:relative;flex:1 1 0;min-height:0;overflow-y:auto;padding-bottom:32px}.cinema .cinema-video{max-height:100%}}

/* Compact information panel for desktop web playback. */
.cinema .cinema-sidebar{padding-top:26px;padding-bottom:28px}
.cinema .crumbs{font-size:10px;margin-bottom:18px}
.cinema .cinema-tags{font-size:12px;gap:6px 12px;margin-bottom:14px}
.cinema .cinema-tags li:before{margin-right:7px}
.cinema h1{font-size:clamp(22px,1.8vw,28px);line-height:1.22;letter-spacing:-.025em;margin-bottom:12px}
.cinema .cinema-meta{font-size:13px;line-height:1.5;margin-bottom:12px}
.cinema .cinema-description{font-size:14px;line-height:1.65}
.cinema .cinema-description-toggle{font-size:11px;padding:6px 0}
.cinema .cinema-tools{gap:10px;margin:18px 0 22px}
.cinema .cinema-tool{font-size:14px;line-height:20px;min-height:40px;padding:9px 14px;gap:8px;border-radius:10px}
.cinema .cinema-tool svg{width:15px;height:18px}
.cinema select.cinema-rate{min-width:64px;max-width:84px;padding:9px 12px}
.cinema .cinema-episode-heading{font-size:12px;margin-bottom:10px}
.cinema .cinema-ranges{gap:6px;margin-bottom:12px}
.cinema .cinema-range{font-size:12px;line-height:18px;padding:7px 12px;border-radius:8px}
.cinema .cinema-episodes{grid-template-columns:repeat(6,minmax(0,48px));gap:8px}
.cinema .cinema-episode{font-size:15px;line-height:1;min-height:40px;border-radius:8px}
.cinema .cinema-bars{height:9px;gap:2px;right:10%;bottom:9%}
.cinema .cinema-bars i{width:3px}
.cinema .watch-cta{margin-top:20px;gap:8px}
.cinema .watch-cta a{font-size:12px;min-height:40px;padding:10px 14px;border-radius:10px}
@media(max-width:760px){.cinema .cinema-sidebar{padding:20px 20px 28px}.cinema h1{font-size:22px}.cinema .cinema-episodes{grid-template-columns:repeat(5,minmax(0,48px))}.cinema .cinema-tool{min-height:44px}.cinema .cinema-range{min-height:36px}}

/* Compact platform downloads, above the episode list. */
.cinema .player-downloads{display:flex;align-items:flex-start;gap:20px;margin:8px 0 24px}
.cinema .player-download{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:64px;max-width:120px;text-align:center;text-decoration:none;color:#f4f1e9;font-size:12px;line-height:1.4}
.cinema .player-download-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#ffffff12;border:1px solid #ffffff18;transition:background-color .18s ease,transform .18s ease}
.cinema .player-download-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cinema .player-download-label{font-weight:600}
.cinema .player-download-note{font-size:10px;color:#aaa69e}
.cinema .player-download--soon{color:#b4b0a8}
.cinema .player-download--tv .player-download-icon{color:#201a09;background:#f2c657;border-color:#f2c657}
.cinema .player-download-play{fill:currentColor;stroke:none}
.cinema .player-download--tv:hover .player-download-icon{background:#ffda73;transform:translateY(-2px)}
.cinema .player-download--tv:hover .player-download-label{color:#ffda73}
@media(prefers-reduced-motion:reduce){.cinema .player-download-icon{transition:none}.cinema .player-download--tv:hover .player-download-icon{transform:none}}