:root{color-scheme:dark;--ink:#080a09;--paper:#e9dfcb;--clay:#c78d58;--muted:#a8a297;--line:#3a342c;font-family:Optima,Candara,'Segoe UI',sans-serif;background:var(--ink);color:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}button{background:none;border:0;cursor:pointer}button:disabled{opacity:.3;cursor:default}button:hover,a:hover{color:#fff6e4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--clay);outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
header{display:flex;justify-content:space-between;align-items:center;gap:20px;height:65px;padding:0 3.5vw;font-size:13px}header>a{font:22px/1.2 Baskerville,'Iowan Old Style',serif;text-decoration:none}header>span{color:var(--muted)}header>button{text-decoration:underline;text-underline-offset:5px;padding:12px 0}main{padding:0 3.5vw}.world-stage{height:calc(100svh - 340px);min-height:370px;position:relative;margin:0;overflow:hidden;background:#060807}#world{display:block;width:100%;height:100%;object-fit:contain}#loading{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);padding:10px 16px;background:#080a09dd;font-size:13px;max-width:80%;text-align:center}.stage-number{position:absolute;top:19px;left:20px;color:#bda685;font:italic 17px Baskerville,serif;opacity:.6;pointer-events:none}.image-caption{display:flex;justify-content:space-between;align-items:center;min-height:28px;color:var(--muted);font-size:10px;letter-spacing:.01em}.image-caption button{font-size:11px;padding:6px}.controls{display:flex;align-items:center;gap:18px;min-height:62px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.controls button{min-width:35px;min-height:42px}.controls #play{font:19px Baskerville,'Iowan Old Style',serif;min-width:156px;text-align:left;color:var(--clay)}#play span{font-size:16px;margin-left:10px}input[type=range]{width:100%;height:32px;min-width:55px;accent-color:var(--clay);cursor:ew-resize;margin:0}output{font-size:11px;white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}.reading{display:grid;grid-template-columns:190px minmax(0,1fr) 170px;gap:35px;padding:27px 0 25px;min-height:192px}.scene-place{font-size:11px;color:var(--muted);padding-top:5px}.scene-place>span{color:var(--clay)}select{display:block;margin-top:17px;background:var(--ink);color:var(--paper);border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 16px 10px 0;width:100%;font-size:13px}.words{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(220px,1.1fr);gap:0 35px;align-content:start}h1{font:400 clamp(27px,2.7vw,43px)/1.06 Baskerville,'Iowan Old Style','Palatino Linotype',serif;letter-spacing:-.025em;margin:0;max-width:11em}.words p{font-size:16px;line-height:1.5;max-width:47ch;margin:0}.words #credit{grid-column:2;color:var(--clay);font-size:11px;margin-top:10px}.words #onward{grid-column:1/-1;margin-top:20px;color:var(--clay);font:22px Baskerville,serif}.near-views{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.near-views button{padding:0;overflow:hidden;height:77px;opacity:.8}.near-views button:hover{opacity:1}.near-views img{width:100%;height:100%;object-fit:cover}.near-views span{grid-column:1/-1;font-size:10px;color:var(--muted)}footer{border-top:1px solid var(--line);margin:0 3.5vw;padding:18px 0 25px;display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:11px}.world-stage:fullscreen{height:100vh;width:100vw}.world-stage:fullscreen canvas{width:100%;height:100%}.world-stage:fullscreen .stage-number{display:none}
dialog{background:#12130f;color:var(--paper);border:1px solid var(--line);padding:30px 36px;width:min(760px,94vw);max-height:90svh}dialog::backdrop{background:#000e}.dialog-head{display:flex;justify-content:space-between;gap:25px;align-items:start}.dialog-head h2{font:400 32px/1.1 Baskerville,serif;margin:0}.dialog-head button{padding:8px}dialog p{font-size:16px;line-height:1.65}dialog a{color:var(--clay)}#near-dialog{width:min(840px,94vw)}#near-image{display:block;width:100%;max-height:64svh;object-fit:contain;margin-top:20px}noscript img{max-width:80vw}
@media(min-width:1700px){.world-stage{height:calc(100svh - 365px)}.reading{grid-template-columns:230px minmax(0,1fr) 220px}.near-views button{height:95px}.words p{font-size:18px}}
@media(max-width:1050px){.reading{grid-template-columns:160px minmax(0,1fr);gap:24px}.words{gap:0 25px}.near-views{grid-column:1;width:150px}.words{grid-column:2;grid-row:1/3}.world-stage{height:calc(100svh - 330px);min-height:340px}.controls{gap:10px}.controls #play{min-width:142px}.words h1{font-size:34px}}
@media(max-width:760px){header{height:58px;padding:0 5vw}header>span{display:none}header>a{font-size:20px}header>button{font-size:11px}main{padding:0 5vw}.world-stage{height:48svh;min-height:280px}.stage-number{left:7px;top:8px;font-size:14px}.image-caption{font-size:9px;gap:12px;min-height:35px}.controls{display:grid;grid-template-columns:1fr 35px 35px 35px;gap:0 9px;padding:6px 0}.controls #play{font-size:19px;min-width:0}.controls #position{grid-row:2;grid-column:1/4}.controls #time{grid-row:3;grid-column:1/-1;text-align:right;font-size:10px;margin-bottom:5px}.controls #restart{grid-row:1;grid-column:4}.reading{grid-template-columns:1fr;gap:17px;padding-top:20px;min-height:0}.scene-place{display:flex;align-items:center;gap:20px}.scene-place>span{white-space:nowrap}select{margin:0;width:auto;flex:1;padding:8px;font-size:14px}.words{display:block;grid-column:auto;grid-row:auto}.words h1{font-size:35px;max-width:13em;margin-bottom:16px}.words p{font-size:16px}.words #credit{margin-top:10px}.words #onward{display:block}.near-views{grid-column:auto;grid-template-columns:90px 90px 1fr;align-items:center;width:100%}.near-views button{height:68px}.near-views span{grid-column:3;max-width:9em;margin-left:8px;line-height:1.5}footer{margin:0 5vw;flex-wrap:wrap;justify-content:start;font-size:11px;line-height:1.5;gap:12px 22px}dialog{padding:23px 22px}.dialog-head h2{font-size:28px}}
@media(max-height:520px) and (min-width:761px){header{height:45px}.world-stage{height:calc(100svh - 138px);min-height:225px}.reading{padding-top:20px}.controls{min-height:48px}.image-caption{min-height:24px}}
.controls #play{white-space:nowrap;min-width:185px}
@media(max-width:760px){.controls #play{min-width:0;font-size:18px}}
@media(orientation:landscape) and (max-height:520px){header{height:40px}.world-stage{height:calc(100svh - 130px);min-height:160px}.image-caption{min-height:24px}.controls{display:flex;gap:7px;min-height:48px;padding:0}.controls button{min-width:30px;min-height:40px}.controls #play{min-width:144px;font-size:16px}.controls #position{flex:1;width:auto;min-width:55px}.controls #time{margin:0;font-size:10px}.controls #restart{min-width:25px}.reading{padding-top:18px}.words h1{font-size:30px}}

#opening-film{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;background:transparent}
.is-embedded body{overflow:hidden}
.is-embedded header,.is-embedded footer,.is-embedded .controls,.is-embedded .reading,.is-embedded .image-caption,.is-embedded .stage-number{display:none}
.is-embedded main{padding:0}
.is-embedded .world-stage{width:100vw;height:100vh;min-height:0}