#memoryFilm{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:18px;background:#071219ed;backdrop-filter:blur(9px);pointer-events:auto;overflow:auto;color:#ebe4d0}
.film-card{width:100%;max-width:min(990px,calc((100dvh - 290px)*2.08333));min-width:min(100%,400px);max-height:100%;overflow-y:auto;overscroll-behavior:contain;border:1px solid #8eaaa14d;border-radius:12px;background:#14272c;box-shadow:0 20px 90px #0009;padding:16px 20px 12px}
.film-header{position:sticky;top:-1px;z-index:2;padding:0 0 12px;display:flex;justify-content:space-between;align-items:center;gap:15px;border:0;background:#14272c}
.film-eyebrow{font-size:12px;letter-spacing:2px;color:#9cbab1}.film-header h2{font-weight:500;font-size:24px;line-height:1.3;margin:5px 0 0}.film-header button{font-size:14px;white-space:nowrap;border-color:#b8bd9270;background:#263b3c}
.film-stage{position:relative;border-radius:6px;overflow:hidden;background:#71837d}.film-stage canvas{display:block;width:100%;height:auto;aspect-ratio:25/12}.film-badge{position:absolute;top:15px;left:18px;letter-spacing:3px;font-size:12px;color:#fff0cc;background:#243b426e;padding:5px 10px;border-radius:3px}
#filmCaption{font-size:17px;line-height:1.65;text-align:center;min-height:29px;margin:13px 0 8px;color:#eddfbf}
.film-controls{display:flex;align-items:center;gap:14px}.film-controls button{font-size:14px;min-width:94px;padding:7px 12px}.film-controls input{min-width:0;flex:1;accent-color:#d9bf83;cursor:pointer}.film-controls span{font:12px monospace;color:#c0d0c4;white-space:nowrap}
.film-shots{display:flex;gap:8px;margin:10px 0}.film-shots button{flex:1;padding:5px;font-size:12px;color:#a8bdb6;background:transparent;border-color:#749a8a40}.film-shots button[aria-current=true]{color:#f5e2ae;border-color:#e3c88b88;background:#d9c28e13}
.film-bottom{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#93aaa5;line-height:1.5}#filmTranscript{font-size:14px;line-height:1.8;color:#bfcec1;border-top:1px solid #7e9c8a2d;margin-top:10px;padding-top:6px}#filmTranscript summary{cursor:pointer;display:list-item;width:max-content}#filmTranscript p{margin:12px 0}
@media(max-width:900px){#memoryFilm{padding:7px}.film-card{padding:12px;max-width:880px}.film-header h2{font-size:20px}.film-eyebrow{font-size:10px}.film-header button{font-size:12px;padding:8px}.film-stage{max-height:43vh}.film-stage canvas{height:auto;max-height:43vh;object-fit:contain}#filmCaption{font-size:14px;margin:7px 0}.film-shots{margin:6px 0}.film-bottom{font-size:10px}.film-controls button{min-width:74px}.film-shots button{font-size:11px}#filmTranscript{font-size:13px;margin-top:6px}}
@media(max-width:600px){.film-header{align-items:flex-start}.film-header h2{font-size:17px}.film-eyebrow{letter-spacing:0}.film-bottom span:last-child{display:none}.film-controls{gap:8px}.film-shots{gap:4px}#filmCaption{min-height:45px}}