/* The complete film and its controls occupy separate, non-overlapping areas. */
#film.motion-film{--controls-height:66px;background:#07090f;width:min(1440px,96vw);height:min(calc(54vw + 66px),876px,94dvh);max-height:94dvh;max-width:96vw;aspect-ratio:auto;border-color:#ffffff1b;border-radius:20px;overflow:hidden}
#film.motion-film:before{display:none}.motion-film .film-picture{position:absolute;inset:0 0 var(--controls-height);overflow:hidden}.motion-film .motion-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.motion-film .film-scene{display:none!important}
.motion-film .dialog-head{background:transparent!important;border:0!important;position:absolute;inset:12px 12px auto auto!important;padding:0!important;z-index:4}.motion-film .dialog-head strong{display:none}.motion-film .close-btn{width:28px;height:28px;font-size:18px;color:#c8bbdf;background:#0c0b13a8;border-color:#ffffff26;backdrop-filter:blur(10px)}
#film.motion-film .film-bottom{position:absolute;left:0;right:0;bottom:0;height:var(--controls-height);box-sizing:border-box;gap:14px;z-index:4;font-size:10px;color:#a899bd;opacity:1;transform:none;transition:none;background:#0b0c14;border:0;border-top:1px solid #ffffff0e;border-radius:0;padding:12px 4%}
.motion-film .film-play{flex:none;border:0!important;background:#ffffff0c;width:29px;height:29px}.motion-film .film-progress{display:none}.motion-film .film-scrubber{flex:1;min-width:35px;accent-color:#b6a0f1;height:3px;cursor:pointer}.motion-film .film-sound{flex:none;white-space:nowrap;font-size:10px;color:#b9a8d0;border:1px solid #ffffff20;padding:4px 8px;border-radius:6px}.motion-film [data-film-restart]{flex:none;white-space:nowrap;font-size:10px}.motion-film .film-credit{display:none}.film-transcript{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body.film-only #film.motion-film{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border:0;border-radius:0}
.video-render #film.motion-film .film-picture{inset:0}.video-render #film.motion-film .film-bottom,.video-render #film.motion-film .dialog-head{display:none!important}
@media(max-width:800px){#film.motion-film{--controls-height:58px;width:96vw;height:91dvh;border-radius:15px}.motion-film .dialog-head{top:8px!important;right:8px!important}.motion-film .close-btn{width:25px;height:25px;font-size:17px}#film.motion-film .film-bottom{left:0!important;right:0!important;bottom:0!important;gap:8px;padding:10px 12px}.motion-film .film-sound{font-size:8px;padding:4px 6px}.motion-film [data-film-restart]{font-size:9px}#film.motion-film .film-time{font-size:9px}.motion-film .film-play{width:25px;height:25px}}
@media(max-height:500px) and (min-aspect-ratio:1/1){#film.motion-film{--controls-height:48px;height:94dvh}}