/* A small projection desk: visible transport controls, separate from the film. */
.ex-cinema .ex-cinema-controls{position:relative;z-index:25;display:block;width:min(850px,100%);margin:18px auto 0;padding:15px 20px 13px;border:1px solid #c7b67a38;border-radius:5px;background:linear-gradient(140deg,#25382bf5,#1a2b24f7);box-shadow:0 12px 30px #060e0a35;color:#eee6c9}
.ex-cinema.has-film-controls .ex-cinema-controls{position:sticky;bottom:12px}
.ex-cinema .ex-cinema-controls .ex-film-caption{font-size:10px;line-height:1.7;letter-spacing:.6px;margin:0 0 10px;color:#c9c8a8}
.ex-film-control-deck{display:flex;align-items:center;gap:18px;min-width:0}
.ex-film-control-deck button{flex-shrink:0;min-height:38px;margin:0;white-space:nowrap;touch-action:manipulation}
.ex-film-play-toggle{border:1px solid #d8c68c7a;border-radius:3px;background:#e7d8a9;color:#273b2b;padding:9px 15px;font:500 11px/1.5 var(--sans);letter-spacing:.6px;cursor:pointer;box-shadow:0 3px 0 #0d1a1544;transition:background .2s,transform .2s,box-shadow .2s}
.ex-film-play-toggle:hover{background:#f5e9bf;transform:translateY(-1px);box-shadow:0 5px 0 #0d1a1544}.ex-film-play-toggle:active{transform:translateY(2px);box-shadow:none}
.ex-film-control-deck .ex-text-action{font-size:10px;letter-spacing:.4px;color:#d8ddc1;padding:8px 0;border-bottom:1px solid #a7b49766}
.ex-film-control-deck .ex-text-action:hover{color:#f3e2a8;border-color:#f3e2a8}
.ex-film-control-deck .ex-film-close-window{font-size:9px;color:#9cad99}
.ex-film-timeline{flex:1;min-width:90px;--film-progress:0%}
.ex-film-clock{display:flex;justify-content:space-between;gap:12px;font:9px/1.2 ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;color:#bec8ad;padding:0 1px 4px}
.ex-film-track{position:relative;height:26px;display:flex;align-items:center}
.ex-film-track input{appearance:none;-webkit-appearance:none;position:relative;width:100%;height:4px;margin:0;background:linear-gradient(90deg,#e3ce91 0 var(--film-progress),#647c634d var(--film-progress) 100%);border:0;border-radius:5px;cursor:ew-resize;touch-action:pan-y}
.ex-film-track input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border-radius:50%;border:2px solid #f5edcf;background:#d7bd6d;box-shadow:0 0 0 4px #d5bd6d1c,0 0 12px #e9cf8055;transition:box-shadow .2s,transform .2s}
.ex-film-track input::-moz-range-thumb{width:10px;height:10px;border-radius:50%;border:2px solid #f5edcf;background:#d7bd6d;box-shadow:0 0 0 4px #d5bd6d1c}
.ex-film-track input:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 6px #d5bd6d22,0 0 16px #e9cf8077}
.ex-film-track input:focus-visible{outline:2px solid #f1d99a;outline-offset:7px}
.ex-film-divisions{position:absolute;inset:0;pointer-events:none}.ex-film-divisions i{position:absolute;top:9px;width:1px;height:9px;background:#e5e3c480;box-shadow:1px 0 #10231855}
.ex-film-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid #9caf8b26}
.ex-film-chapters button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:29px;border:0;border-radius:2px;background:transparent;color:#a9b99f;font:10px/1.5 var(--sans);cursor:pointer;transition:color .2s,background .2s}
.ex-film-chapters button small{font:8px/1 ui-monospace,Consolas,monospace;opacity:.65}.ex-film-chapters button[aria-current=true]{color:#f0ddb0;background:#c8b76e1c}.ex-film-chapters button:hover{color:#fff0bc;background:#c8b76e24}
.ex-film-control-deck button:focus-visible,.ex-film-chapters button:focus-visible{outline:2px solid #f1d99a;outline-offset:4px}
@media(max-width:760px){.ex-cinema .ex-cinema-controls{padding:12px 13px 10px;margin-top:10px}.ex-cinema.has-film-controls .ex-cinema-controls{bottom:7px}.ex-film-control-deck{display:grid;grid-template-columns:auto 1fr auto;gap:8px 13px}.ex-film-timeline{grid-column:1/-1;grid-row:2}.ex-film-control-deck .ex-film-close-window{justify-self:end}.ex-film-control-deck [data-ex-show-catalogue]{justify-self:start}.ex-film-play-toggle{padding:8px 12px;font-size:11px}.ex-film-control-deck button{min-height:35px}.ex-film-chapters{gap:4px;margin-top:5px;padding-top:7px}.ex-film-chapters button{gap:5px;font-size:9px;min-height:26px}.ex-cinema .ex-cinema-controls .ex-film-caption{font-size:9px;line-height:1.6;margin-bottom:7px}.ex-film-track{height:24px}.ex-film-clock{font-size:8px}}
@media(prefers-reduced-motion:reduce){.ex-film-play-toggle,.ex-film-chapters button,.ex-film-track input::-webkit-slider-thumb{transition:none}}