.theater-toggle svg { width: 16px; height: 16px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.theater-toggle .theater-collapse-icon { display: none; }
.theater-toggle[aria-pressed=true] .theater-expand-icon { display: none; }
.theater-toggle[aria-pressed=true] .theater-collapse-icon { display: inline; }
.theater-toggle:focus-visible { outline: 2px solid var(--accent-hi); outline-offset: 2px; }
.watch-player-column { scroll-margin-top: 80px; }
.wrap-watch.is-expanded { max-width: 1824px; padding-inline: 16px; }
.wrap-watch.is-expanded .watch2 { grid-template-columns: 280px minmax(0,1fr); grid-template-areas: "episodes player" "description description" "related related"; gap: 16px; padding-top: 16px; }
.wrap-watch.is-expanded .watch2 > .ep-col { grid-column: auto; }
.wrap-watch.is-expanded .player-wrap:not(:fullscreen) { width: 100%; box-sizing: border-box; max-height: max(220px,min(820px,calc(100dvh - 180px))); aspect-ratio: 16/9; border-radius: 5px; }
.wrap-watch.is-expanded .watch-player-column:has(.subtitle-status:not([hidden])) .player-wrap:not(:fullscreen) { max-height: max(220px,min(820px,calc(100dvh - 230px))); }
.wrap-watch .player-wrap video { object-fit: contain; }
.wrap-watch.video-fill .player-wrap video { object-fit: fill; }
.video-fit-control { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; color: var(--body); font: 500 .8rem var(--font-body); }
.video-fit-control[hidden] { display: none; }
.video-fit-control select { padding: 5px 8px; max-width: 110px; border: 1px solid var(--border); border-radius: 5px; background: var(--bg-soft); color: var(--ink); font: inherit; }
.video-fit-control select:focus-visible { outline: 2px solid var(--accent-hi); outline-offset: 2px; }
.wrap-watch.is-expanded .ep-col .ep-block { max-height: min(800px,calc(100dvh - 90px)); }
.wrap-watch.is-expanded .ep-col .ep-block-head { grid-template-columns: auto minmax(0,1fr) 66px; }
.wrap-watch.is-expanded .ep-col .ep-list { grid-template-columns: repeat(5,minmax(0,1fr)); }
@media(max-width:980px) {
  .wrap-watch.is-expanded { padding-inline: 8px; }
  .wrap-watch.is-expanded .watch2 { grid-template-columns: minmax(0,1fr); grid-template-areas: "player" "episodes" "description" "related"; gap: 12px; padding-top: 8px; }
  .wrap-watch.is-expanded .ep-col .ep-block { max-height: 300px; }
  .wrap-watch.is-expanded .ep-col .ep-list { grid-template-columns: repeat(auto-fill,minmax(48px,1fr)); }
}
@media(max-width:480px) { .wrap-watch.is-expanded .ep-col .ep-list { grid-template-columns: repeat(5,minmax(0,1fr)); } }