[data-caption-player]{--cap-ink:#203744;--cap-ground:#f4efe6;box-sizing:border-box;background:var(--cap-ground);color:var(--cap-ink);margin:0;max-width:100%;border-radius:10px;overflow:hidden}
[data-caption-player][hidden]{display:none!important}
[data-caption-player] .safe-picture{position:relative;aspect-ratio:16/9;width:100%;background:#142c39;cursor:pointer}
[data-caption-player] .safe-picture video{display:block!important;position:static!important;width:100%!important;height:100%!important;object-fit:contain!important;visibility:visible!important;max-height:none!important}
[data-caption-player] .safe-overlay-play{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:clamp(64px,7vw,88px);height:clamp(64px,7vw,88px);padding:0;transform:translate(-50%,-50%);border:2px solid #fffefa;border-radius:50%;background:#203744e8;color:#fffefa;font:600 clamp(23px,2.5vw,32px)/1 system-ui,sans-serif;box-shadow:0 8px 30px #142c3966;cursor:pointer}
[data-caption-player].is-playing .safe-overlay-play{display:none}
[data-caption-player] [data-captions]{box-sizing:border-box;position:static!important;min-height:calc(3 * 1.45em + 24px);padding:12px 18px;text-align:center;font:500 clamp(16px,2vw,24px)/1.45 system-ui,sans-serif;white-space:pre-line;overflow-wrap:anywhere;background:#203744;color:#fffefa}
[data-caption-player] [data-captions]>div{margin:0}
[data-caption-player] .safe-disclosure{margin:0;padding:10px 16px;font:400 14px/1.5 system-ui,sans-serif;text-align:center;color:#203744;background:#f4efe6}
[data-caption-player] .safe-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;background:#f4efe6;color:#203744}
[data-caption-player] .safe-controls button{min-height:44px;border:1px solid #203744;border-radius:6px;padding:10px 12px;background:#203744;color:#fffefa;font:600 14px/1.3 system-ui,sans-serif;cursor:pointer}
[data-caption-player] .safe-controls button:disabled,[data-caption-player] .safe-overlay-play:disabled{opacity:.55;cursor:default}
[data-caption-player] .safe-controls input{flex:1 1 160px;min-width:100px;min-height:44px;accent-color:#203744}
[data-caption-player] :focus-visible{outline:3px solid #8a5240;outline-offset:3px}
[data-caption-player] [data-status]{margin:0;padding:0 16px 12px;font:400 14px/1.5 system-ui,sans-serif;min-height:1.5em}
#film-dialog{overflow:auto}
#film-dialog [data-caption-player] .safe-picture{height:min(590px,56.25vw,calc(100dvh - 360px));min-height:160px;aspect-ratio:auto}
[data-caption-player]:fullscreen{border-radius:0;width:100%;height:100%;max-height:100%;overflow:auto;padding:12px;background:#f4efe6}
[data-caption-player]:fullscreen .safe-picture{height:auto;max-width:min(100%,calc((100dvh - 280px) * 16 / 9));margin:auto;aspect-ratio:16/9}
@media(max-width:450px){[data-caption-player] .safe-controls{gap:8px;padding:10px}[data-caption-player] .safe-controls input{flex-basis:100%;order:2}[data-caption-player] [data-captions]{padding:12px;font-size:18px}#film-dialog [data-caption-player] .safe-picture{height:min(56.25vw,calc(100dvh - 340px));min-height:140px}}
@media(prefers-reduced-motion:reduce){[data-caption-player] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Native WebVTT timing; visible text always outside the picture. */