#story-dialog{height:100dvh;background:#09120f;color:#eee9dc;margin:0;overflow:hidden}
.screening-layout{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;width:100%;padding:max(18px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));box-sizing:border-box}
.screening-header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #c9b99133;padding-bottom:15px}
.screening-identity{font:30px var(--serif);white-space:nowrap}
.screening-heading{display:flex;align-items:baseline;gap:20px}
.screening-heading h2{font:24px var(--serif);margin:0;color:#c8b793}
.screening-heading span{font-size:12px;letter-spacing:.13em}
#story-close,.screening-controls button{color:inherit;border:0;border-bottom:1px solid #c9b99166;background:transparent;min-height:44px;padding:6px 8px;font-size:14px;cursor:pointer}
.screening-picture{min-height:0;position:relative;display:grid;place-items:center;margin:18px 0}
#screening-film{width:100%;height:100%;min-height:0;object-fit:contain;display:block;background:#060b09}
#screening-status{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);margin:0;padding:7px 14px;background:#09120fdd;color:#e7dcc6;font-size:14px;text-align:center;max-width:90%;width:max-content;pointer-events:none}
#screening-status:empty{display:none}
.screening-controls{display:grid;grid-template-columns:auto minmax(80px,1fr) auto auto auto auto;gap:22px;align-items:center;border-top:1px solid #c9b99133;padding-top:14px}
#screening-seek{width:100%;height:44px;accent-color:#c9b991;cursor:pointer;margin:0}
#screening-time{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
#screening-quality{font-size:14px;min-height:44px;color:#ede3cc;background:#14251f;border:1px solid #c9b99166;padding:7px 28px 7px 12px;max-width:130px}
.screening-signature{grid-column:1/-1;text-align:center;margin:0;font-size:11px;letter-spacing:.2em;color:#aaa995}
@media(max-width:700px){.screening-layout{padding:16px 18px max(14px,env(safe-area-inset-bottom))}.screening-header{gap:10px;flex-wrap:wrap}.screening-identity{font-size:27px}.screening-heading{order:3;width:100%;justify-content:space-between;gap:10px}.screening-heading h2{font-size:23px}.screening-heading span{font-size:10px;letter-spacing:.09em}.screening-picture{margin:14px 0}.screening-controls{grid-template-columns:auto 1fr auto;gap:10px 14px;padding-top:9px}#screening-seek{grid-row:1;grid-column:1/-1}#screening-play{grid-row:2}#screening-time{grid-row:2;text-align:center}#screening-sound{grid-row:2}#screening-quality{grid-row:3;grid-column:1/3;width:110px}#screening-full{grid-row:3;grid-column:3;white-space:nowrap}.screening-signature{font-size:10px;letter-spacing:.13em;padding-top:3px}}
@media(orientation:landscape) and (max-height:500px){.screening-layout{padding:7px 16px}.screening-header{padding:0;flex-wrap:nowrap}.screening-heading{order:0;width:auto}.screening-heading span,.screening-signature{display:none}.screening-picture{margin:4px 0}.screening-controls{display:flex;gap:14px;padding-top:0}.screening-controls #screening-seek{flex:1;min-width:65px}.screening-controls button{white-space:nowrap}#screening-quality{width:88px;min-height:36px;padding:4px}.screening-identity{font-size:24px}.screening-heading h2{font-size:21px}}

.screening-layout:fullscreen{background:#09120f}
#screening-full[hidden]{display:none}

.sound-settings[hidden]{display:none}
.sound-settings output{min-width:3ch;font-size:12px;font-variant-numeric:tabular-nums}