/* Film player: one video, a preloaded hidden next part, and one thin progress segment per part. */
.film-player{display:block;width:100%;max-width:100%;min-width:0}
.film-player>video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:var(--film-ratio,16/9);max-height:min(80vh,720px);object-fit:contain;background:#171b15;border-radius:var(--media-radius,18px)}
.film-player>video[hidden]{display:none}
.film-player-message{margin:0;padding:24px 16px;border-radius:var(--media-radius,18px);background:var(--line,#dedfd5);color:var(--ink,#22241f);text-align:center}
.film-player-progress{display:flex;gap:4px;padding:10px 2px 2px}
.film-player-progress>i{flex:1 1 0;min-width:0;height:6px;border-radius:3px;background:var(--line,#dedfd5);box-shadow:inset 0 0 0 1px var(--control-line,#7d876f);transition:background-color 200ms ease,box-shadow 200ms ease}
.film-player-progress>i.is-done{background:var(--control-line,#7d876f)}
.film-player-progress>i.is-active{background:var(--focus,#496320);box-shadow:none}
.film-player>video:focus-visible{outline:3px solid var(--focus,#496320);outline-offset:3px}
.c-media-stage .film-player{display:flex;flex-direction:column;background:#e9eae3}
.c-media-stage .film-player>video{border-radius:0}
.c-media-stage .film-player-progress{padding:10px 14px 14px}
@media (prefers-reduced-motion:reduce){.film-player-progress>i{transition:none}}