/* The final frame keeps video pixels separate from crisp, native typography. */
.cinema-finish{position:absolute;z-index:3;opacity:0;visibility:hidden;pointer-events:auto;--preview-width:300px;--caption-ink:#10200d;filter:drop-shadow(0 18px 28px #0006);color:#edf4e8}
.cinema-finish-label{position:absolute;bottom:calc(100% + 13px);left:1px;right:1px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;letter-spacing:.09em;white-space:nowrap;color:#adbba5}
.cinema-finish-label>span:first-child{display:flex;align-items:center;gap:7px}.cinema-finish-label i{width:4px;height:4px;background:var(--accent);border-radius:50%;box-shadow:0 0 9px #c1ee9f55}.cinema-finish-label>span:last-child{color:var(--accent);font-size:10px;letter-spacing:0}
.cinema-finish-screen{position:relative;background:#151d16;overflow:hidden;border-radius:17px;border:1px solid #d9edc958;box-shadow:0 0 0 5px #20291f,0 0 0 6px #a7c28b28,0 2px 0 #ffffff2b inset;isolation:isolate}
.cinema-finish-screen>canvas{width:100%;height:100%;display:block}.cinema-finish-screen::after{content:'';position:absolute;inset:0;border:1px solid #ffffff15;border-radius:inherit;pointer-events:none;z-index:4}
.cinema-finish-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0006 0%,transparent 16%,transparent 65%,#0002 83%,#0007 100%);pointer-events:none}
.cinema-finish-badge{position:absolute;top:14px;left:13px;display:flex;align-items:center;gap:5px;padding:6px 8px;background:#101910d9;border:1px solid #d1edb331;border-radius:6px;color:#e2ecd9;font-size:10px;line-height:1;box-shadow:0 2px 8px #0002;white-space:nowrap}
.cinema-finish-badge svg{width:12px;height:12px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cinema-finish-caption{position:absolute;top:73%;left:5%;right:5%;display:flex;justify-content:center;align-items:baseline;gap:.22em;color:white;font:850 clamp(16px,calc(var(--preview-width)*.092),36px)/1.12 Manrope,sans-serif;letter-spacing:-.045em;text-align:center;filter:drop-shadow(0 2px 2px #0009)}
.cinema-finish-caption>span{display:inline-block;padding:.12em .13em .16em;border-radius:.17em;text-shadow:0 1px 3px #000d;transition:background .12s,color .12s,transform .18s cubic-bezier(.2,.85,.25,1.3)}
.cinema-finish-caption>span.is-current{background:var(--accent);color:var(--caption-ink);text-shadow:none;transform:translateY(-.04em);box-shadow:0 1px 0 #ffffff50 inset}
.cinema-finish[data-look=ice] .cinema-finish-caption{font-weight:720;letter-spacing:-.04em}.cinema-finish[data-look=ice] .is-current{background:transparent;box-shadow:none;color:var(--accent);text-shadow:0 0 13px #a2e3f33b,0 2px 3px #000;transform:none}
.cinema-finish-watermark{position:absolute;right:5%;bottom:6.5%;font-size:clamp(8px,calc(var(--preview-width)*.032),12px);font-weight:650;color:#edf5e7d9;text-shadow:0 1px 4px #000;letter-spacing:-.02em}
.cinema-finish-controls{display:flex;align-items:center;gap:9px;padding:10px 1px 0;margin-top:9px;position:relative}.cinema-finish-controls button{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;min-height:0;padding:0;border:1px solid #c4d9b02e;border-radius:50%;background:#1b2319;color:#dcedcd;cursor:pointer;transition:background .18s,border-color .18s}.cinema-finish-controls button:hover{background:#2b3a23;border-color:#c1ee9f80}
.cinema-finish-controls svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cinema-finish-controls .finish-play-icon{fill:currentColor;stroke:none}.cinema-finish-controls .finish-pause-icon{stroke-width:2.7}.cinema-finish-controls [data-paused=true] .finish-pause-icon,.cinema-finish-controls [data-paused=false] .finish-play-icon{display:none}.cinema-finish[data-muted=true] .finish-sound-on,.cinema-finish[data-muted=false] .finish-sound-off{display:none}
.cinema-finish-controls input{appearance:none;-webkit-appearance:none;width:0;flex:1;min-width:20px;height:24px;padding:0;border:0;background:transparent;cursor:pointer;outline-offset:3px;margin:0}.cinema-finish-controls input::-webkit-slider-runnable-track{height:3px;border-radius:9px;background:linear-gradient(to right,var(--accent) 0 var(--seek,0%),#57644e var(--seek,0%) 100%)}.cinema-finish-controls input::-webkit-slider-thumb{-webkit-appearance:none;height:8px;width:8px;margin-top:-2.5px;background:var(--accent);border-radius:50%;border:0;box-shadow:0 0 0 3px #c1ee9f10}.cinema-finish-controls input::-moz-range-track{height:3px;background:#57644e}.cinema-finish-controls input::-moz-range-progress{height:3px;background:var(--accent)}.cinema-finish-controls input::-moz-range-thumb{height:8px;width:8px;background:var(--accent);border:0;border-radius:50%}
.cinema-finish-controls time{font-size:10px;color:#b5c4a9;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.03em}.cinema-finish-controls button:focus-visible,.cinema-finish-controls input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.cinema-finish-note{font-size:9px;text-align:center;color:#9eae94;letter-spacing:.025em;margin-top:10px}
.cinematic.has-finish .cinema-frame-label{opacity:0}.cinematic.has-finish .cinema-tools .cinema-play,.cinematic.has-finish .cinema-tools .cinema-sound{display:none}.cinematic.has-finish .cinema-depth-grid{opacity:.22}.cinematic.has-finish .cinema-scene-number{opacity:.25}
.cinema-presets button{transition:border-color .2s,background .2s,box-shadow .2s}.cinema-presets button[aria-pressed=true]{box-shadow:0 0 0 2px #c1ee9f08}
@media(max-width:760px){.cinema-finish-label{font-size:7px;bottom:calc(100% + 10px)}.cinema-finish-label>span:last-child{font-size:8px}.cinema-finish-badge{top:8px;left:7px;font-size:8px;padding:4px 5px;gap:3px}.cinema-finish-badge svg{width:10px;height:10px}.cinema-finish-screen{border-radius:11px;box-shadow:0 0 0 3px #20291f,0 0 0 4px #a7c28b28}.cinema-finish-controls{gap:5px;padding-top:5px;margin-top:5px}.cinema-finish-controls button{width:26px;height:26px}.cinema-finish-controls time{font-size:8px}.cinema-finish-note{font-size:8px;margin-top:7px}}
@media(prefers-reduced-motion:reduce){.cinema-finish-caption>span,.cinema-finish-controls button{transition:none}.cinema-finish-caption>span.is-current{transform:none}}
.journey-reduced .cinema-finish-caption>span{transition:none;transform:none}
.cinematic:not(.is-ready) .cinema-finish{display:none}
@media(max-width:760px){.cinema-finish-note{display:none}.cinema-finish-controls{width:max(100%,150px);left:50%;transform:translateX(-50%)}.cinema-finish-controls button{width:30px;height:30px}.cinema-finish-caption{font-size:clamp(15px,calc(var(--preview-width)*.092),30px)}}