:root{color-scheme:light;--paper:#f1e7d3;--ink:#3b3933;--muted:#686257;--accent:#65537c;--line:#d8cbb5;font-family:Georgia,'Palatino Linotype',serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--paper)}main{max-width:1180px;margin:auto;padding:36px 28px 28px}header{text-align:center;margin:0 auto 25px;max-width:700px}.eyebrow{font:small-caps 16px/1.6 Georgia,serif;letter-spacing:.15em;color:var(--muted);margin:0}h1{font-weight:400;letter-spacing:-.04em;font-size:clamp(36px,5vw,62px);line-height:1.1;margin:10px 0 14px}.intro{font-size:18px;line-height:1.5;margin:0;color:var(--muted)}.player{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--paper)}.stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--paper);isolation:isolate}.scene{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 1.1s ease;mix-blend-mode:multiply;transform-origin:center;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.scene.visible{opacity:1}.welcome{position:absolute;inset:0;display:grid;align-content:center;text-align:center;background:#f1e7d3dd;transition:opacity .5s}.welcome.hidden{opacity:0;pointer-events:none}.welcome span{font-size:28px}.welcome p{color:var(--muted);font-size:17px}.playback{padding:18px 24px 14px;border-top:1px solid var(--line)}.transport{display:flex;gap:12px;align-items:center}button{font:inherit;font-size:16px;color:var(--ink);background:#faf4e9;border:1px solid #c5b69e;border-radius:9px;padding:10px 17px;cursor:pointer;min-height:44px}button:hover{background:#fffaf0}button:disabled{opacity:.45;cursor:default}#play{background:var(--accent);color:#fff;border-color:var(--accent);min-width:87px}input[type=range]{flex:1;min-width:50px;accent-color:var(--accent);height:44px}output{font:14px/1.4 system-ui,sans-serif;min-width:94px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.seek-label{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.options{display:flex;gap:20px;flex-wrap:wrap;font:14px/1.6 system-ui,sans-serif;color:var(--muted)}.options label{display:flex;gap:5px;align-items:center}a{color:#5b4676;text-underline-offset:3px}#status{font:14px/1.5 system-ui,sans-serif;color:var(--muted);margin:7px 0 12px}.caption{font-size:clamp(17px,2vw,21px);line-height:1.6;max-width:850px;margin:0 auto;padding:8px 28px 26px;min-height:105px;text-align:center}.caption[hidden]{display:none}.disclosure{font:12px/1.6 system-ui,sans-serif;color:var(--muted);max-width:760px;margin:15px auto 30px;text-align:center}details{max-width:760px;margin:0 auto 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:20px}#story-text{font-size:19px;line-height:1.75;padding-top:5px}#story-text p{margin:1em 0}.transcript-cue{border:0;background:transparent;color:inherit;font:inherit;padding:0;min-height:0;text-align:left;cursor:pointer}.transcript-cue:hover{text-decoration:underline;background:transparent}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:12px/1.7 system-ui,sans-serif;color:var(--muted)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:600px){main{padding:24px 12px}header{margin-bottom:20px}.intro{font-size:16px}.playback{padding:12px}.transport{gap:7px}button{padding:8px 11px}#back{display:none}output{font-size:12px;min-width:78px}.options{gap:13px;font-size:12px}.caption{padding:6px 18px 18px;min-height:100px}.stage{aspect-ratio:4/3}}@media(prefers-reduced-motion:reduce){.scene,.welcome{transition:none}}@media print{.player,.disclosure,footer{display:none}details{display:block}details #story-text{display:block}summary{display:none}body,main{background:white}#story-text{font-size:12pt}}