/* theme 01 film stage (theme-visuals 2026-09-30) */
.st-film{position:absolute;inset:0;z-index:0;pointer-events:none;background:#0b1719;transition:opacity .2s linear}
.st-film-v,.st-film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.st-film-v{opacity:0;z-index:1}
.st-film-v.is-on{opacity:1}
.st-film-poster{z-index:0;opacity:1;transition:opacity .4s linear}
.st-film.is-live .st-film-poster{opacity:0}
@media (prefers-reduced-motion:reduce){.st-film-v{display:none}.st-film.is-live .st-film-poster{opacity:1}}
.film-cred{margin-top:1.1rem;max-width:46ch;font-size:.74rem;line-height:1.55;color:var(--muted)}
.film-cred .k{display:block;margin-bottom:.25rem;font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-deep)}
.film-cred a{color:var(--accent-deep);border-bottom:1px solid var(--accent-line)}
.tour-stage.is-gpr6-film .st-state{text-shadow:0 0 8px rgba(5,12,14,.9);background:rgba(7,16,18,.84);padding:.2rem .7rem .25rem;border-radius:3px;border:1px solid rgba(210,174,114,.28)}
.tour-stage.is-gpr6-film .st-state{white-space:normal;max-width:min(90%,34rem);text-align:center;line-height:1.35}
/* keep the stage chrome legible over bright frames */
.st-film::after{content:"";position:absolute;left:0;right:0;top:0;height:88px;z-index:3;pointer-events:none;background:linear-gradient(rgba(6,14,16,.78),rgba(6,14,16,0))}
.tour-stage.is-gpr6-film .st-state.is-on ~ .st-hint{visibility:hidden}
.tour-stage.is-gpr6-film .st-state{text-wrap:balance}
.tour-stage.is-gpr6-film .st-meter em{width:150px;height:5px}
.tour-stage.is-gpr6-film .st-meter{color:var(--on-dk-2,rgba(245,242,236,.8))}
.st-film.is-ended .st-film-v.is-on{opacity:.38;transition:opacity 1.4s ease}
.st-replay{position:absolute;z-index:4;left:50%;top:54%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.55rem;
  padding:.7rem 1.15rem;border-radius:999px;border:1px solid rgba(210,174,114,.55);background:rgba(7,16,18,.82);color:#f3e6c8;
  font:500 .78rem/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.08em;cursor:pointer;transition:background .2s,border-color .2s}
.st-replay span{font-size:1.1rem;line-height:0}
.st-replay:hover{background:rgba(210,174,114,.16);border-color:#d2ae72}
.st-replay:focus-visible{outline:2px solid #d2ae72;outline-offset:3px}
.st-replay[hidden]{display:none}
