#film-dialog{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;padding:0;background:#030405;overflow:hidden;color:#f1dbac}
#film-dialog::backdrop{background:#000}#film-dialog video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#030405}
.film-top{position:absolute;z-index:2;top:max(18px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:16px}.film-name{font:small-caps clamp(15px,2vw,23px) Georgia,serif;text-shadow:0 2px 8px #000}.film-actions{display:flex;gap:10px}
#film-dialog button{min-height:44px;padding:10px 16px;border:1px solid #b89c6266;background:#080c11c9;font-size:11px;letter-spacing:.5px;color:#eed7a5;border-radius:2px}
.film-bottom{position:absolute;z-index:2;bottom:max(24px,env(safe-area-inset-bottom));left:8%;right:8%;text-align:center;pointer-events:none}#film-chapter{font:clamp(20px,3vw,36px) Georgia,serif;letter-spacing:1px;text-shadow:0 2px 10px #000;margin:0 0 16px}#film-progress{display:block;width:100%;height:2px;border:0;accent-color:#dfbd7c;opacity:.7}#film-progress::-webkit-progress-bar{background:#ffffff20}#film-progress::-webkit-progress-value{background:#dfbd7c}
.film-status{position:absolute;z-index:3;top:50%;left:10%;right:10%;text-align:center;transform:translateY(-50%);pointer-events:none}#film-status{color:#fff;font-size:14px;text-shadow:0 2px 4px #000}#film-retry{pointer-events:auto}#film-retry[hidden]{display:none}.watching-film .journey-controls,.watching-film .stages{visibility:hidden}
@media(max-width:600px){.film-top{align-items:flex-start;gap:10px}.film-actions{gap:6px}#film-dialog button{padding:8px 10px;font-size:10px}.film-name{max-width:120px;line-height:1.5}.film-bottom{bottom:max(40px,env(safe-area-inset-bottom));left:6%;right:6%}#film-chapter{font-size:23px}}
@media(max-height:500px){.film-top{top:max(8px,env(safe-area-inset-top))}.film-bottom{bottom:max(10px,env(safe-area-inset-bottom))}#film-chapter{font-size:20px;margin-bottom:8px}}