/* Phase 09 film viewing: editorial cinema, aspect ratio preserved across devices */
.video09-page{padding-top:clamp(1.5rem,3vw,3rem);padding-bottom:6rem}
.video09-breadcrumb{display:flex;gap:.65rem;align-items:center;margin:0 0 1.4rem;min-width:0;color:var(--muted,#bbb);font-size:.84rem}
.video09-breadcrumb span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.video09-breadcrumb a{color:inherit;text-underline-offset:4px}
.video09-view-layout{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1fr);gap:clamp(1.5rem,3.5vw,4rem);align-items:start}
.video09-player-column,.video09-information{min-width:0}
.video09-player{display:flex;flex-direction:column;gap:.55rem}
.video09-player-shell{max-height:76vh;background:#060709;border-radius:14px;overflow:hidden;box-shadow:0 22px 80px #0005;margin:auto;max-width:100%}
.video09-player-shell.ratio-9x16{width:min(100%,410px)}
.video09-player-shell.ratio-16x9{width:100%}
.video09-player-shell .video-frame{width:100%;height:100%;object-fit:contain;background:#060709;border:0}
.video09-format-label{font-size:.82rem;color:var(--muted,#aaa);margin:0}
.video09-player-tools{display:flex;gap:.75rem;align-items:center;margin-top:.4rem;flex-wrap:wrap}
.video09-player-tools label{font-size:.83rem;color:var(--muted,#aaa)}
.video09-player-tools select{width:100px;background:var(--surface,#1b1b1b);color:var(--text,#fff);border:1px solid var(--line,#666)}
.video09-player .media-hint{margin:.2rem 0 0;font-size:.77rem;line-height:1.5}
.video09-information h1{font-size:clamp(2rem,4vw,4.2rem);line-height:1.04;letter-spacing:-.045em;margin:.5rem 0 1.4rem;overflow-wrap:anywhere}
.video09-facts{display:flex;gap:.55rem;flex-wrap:wrap;font-size:.83rem;margin:0 0 1.4rem}
.video09-facts>span{border:1px solid var(--line,#666);padding:.32rem .65rem;border-radius:6px;color:var(--text,#f0f0f0)}
.video09-synopsis h2,.video09-credits h2,.video09-episodes h2,.video09-related h2{font-size:clamp(1.15rem,2vw,1.5rem);font-weight:750;letter-spacing:-.02em;margin:0}
.video09-synopsis p{font-size:1rem;line-height:1.7;margin:1rem 0 0;color:var(--muted,#d0d0d0);white-space:normal}
.video09-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0 2rem}
.video09-credits{border-top:1px solid var(--line,#444);padding-top:1.3rem}
.video09-credits dl{margin:1rem 0 0}.video09-credits dl>div{display:grid;grid-template-columns:minmax(100px,36%) minmax(0,1fr);gap:1rem;padding:.58rem 0;border-bottom:1px solid var(--line,#444)}
.video09-credits dt{color:var(--muted,#a8a8a8);font-weight:500}.video09-credits dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.video09-episodes{margin-top:2rem;background:var(--surface,#181818);border:1px solid var(--line,#444);padding:clamp(1rem,2vw,1.5rem);border-radius:12px}
.video09-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.video09-section-head a{font-size:.85rem;color:var(--accent,#e58b42)}
.video09-episode-list{display:grid;gap:.3rem;max-height:380px;overflow-y:auto}
.video09-episode{display:flex;align-items:center;justify-content:space-between;gap:1rem;text-decoration:none;color:var(--text,#f0f0f0);padding:.7rem;border:1px solid transparent;border-radius:8px;font-size:.85rem}
.video09-episode strong{display:block;margin-top:.2rem;font-weight:650}.video09-episode.is-current{border-color:var(--accent,#e58b42);background:#8881}.video09-episode:hover{background:#8882}
.video09-episode-next{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:1rem;font-size:.85rem}
.video09-related{margin-top:clamp(2.5rem,5vw,4.5rem);padding-top:1.5rem;border-top:1px solid var(--line,#444)}
.video09-caption-editor{border:1px solid var(--line,#444);border-radius:10px;padding:1rem;height:100%;background:var(--surface,#202020)}
.video09-caption-editor input[type=checkbox]{accent-color:var(--accent,#e58b42)}
.video09-page :is(a,button,select):focus-visible,.video09-caption-editor input:focus-visible{outline:3px solid var(--accent,#e58b42);outline-offset:3px}
@media(max-width:960px){.video09-view-layout{grid-template-columns:1fr}.video09-player-shell.ratio-9x16{max-height:65vh}.video09-information h1{font-size:clamp(2rem,6vw,3.4rem)}}
@media(max-width:560px){.video09-page{padding-left:1rem;padding-right:1rem}.video09-player-shell.ratio-9x16{width:min(100%,315px);max-height:60vh}.video09-breadcrumb{margin-bottom:.85rem}.video09-episode{align-items:start}}
@media(prefers-reduced-motion:reduce){.video09-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
