:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#dfe9e9;--accent:#a8d8cc;--muted:#829399;background:#10181e;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:12px 15px}button:hover{color:#fff;background:#a8d8cc12}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.3;cursor:default}header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:92px;padding:0 5vw;display:flex}.brand{color:inherit;letter-spacing:2px;align-items:center;gap:17px;font-size:12px;text-decoration:none;display:flex}.brand small{letter-spacing:3px;color:var(--muted);margin-top:7px;font-size:9px;display:block}.mark{letter-spacing:-3px;color:var(--accent);border:1px solid #a8d8cc55;padding:10px 13px;font-size:24px}.mark span{color:#69827c}.chapter{letter-spacing:2px;color:var(--accent);font-size:11px}.chapter span{color:#64787b;margin:0 12px}.chapter b{text-align:right;color:#dfe9e9;letter-spacing:0;margin-top:7px;font-size:15px;font-weight:400;display:block}header button{color:var(--muted);font-size:12px}main{width:90vw;max-width:1360px;margin:32px auto}.scene-heading{letter-spacing:2px;color:var(--muted);justify-content:space-between;margin-bottom:14px;font-size:10px;display:flex}.scene-heading i{color:#46605c;margin:0 10px;font-style:normal}#stage{aspect-ratio:16/9;isolation:isolate;background:#050b0e;border:1px solid #ffffff16;width:100%;position:relative;overflow:hidden}#scene-visual{position:absolute;inset:0;overflow:hidden}#backgrounds,#characters,.vignette{pointer-events:none;position:absolute;inset:0}#backgrounds img,#backgrounds video{object-fit:cover;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.character{aspect-ratio:1;width:55%;transition:left .35s,opacity .3s,filter .3s;position:absolute;top:2%;transform:translate(-50%)}.character .portrait{width:100%;height:100%}.character .face{position:absolute}.vignette{background:linear-gradient(#0000 50%,#05101590),linear-gradient(90deg,#05101520,#0000 30% 70%,#05101520)}#welcome{text-align:center;background:linear-gradient(90deg,#071017ae,#07101766);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.eyebrow{color:var(--accent);letter-spacing:4px;font-size:10px}h1{letter-spacing:-5px;margin:18px 0;font-size:clamp(45px,7vw,100px);font-weight:400}h1 span{letter-spacing:1px;vertical-align:top;color:var(--accent);margin-left:12px;font-size:16px}#welcome p{color:#cfdbde;margin:0 0 32px;font-size:14px;line-height:1.8}.primary{text-align:left;background:#172d2c;border:1px solid #a8d8cc80;min-width:190px;padding:15px 28px;font-size:13px}.primary span{float:right;color:var(--accent);margin-left:45px}#welcome small{letter-spacing:3px;color:#a0b5b8;margin-top:25px;font-size:9px}#resume{color:var(--accent);margin-top:10px;font-size:12px;text-decoration:underline}#dialogue{border:1px solid #a8d8cc35;border-left:3px solid var(--accent);text-align:left;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(100deg,#0b171dcc,#0b171db8);flex-direction:column;justify-content:flex-start;align-items:stretch;width:92%;min-height:24%;padding:23px 30px 36px;display:flex;position:absolute;bottom:5%;left:4%;right:4%}#speaker{color:var(--accent);letter-spacing:1px;margin-bottom:13px;font-size:14px;font-weight:700;display:block}#speaker:empty{display:none}.dialogue-text{display:grid}.dialogue-text-size{visibility:hidden;pointer-events:none}.dialogue-text-size,#text{white-space:pre-line;grid-area:1/1;font-size:clamp(15px,1.45vw,21px);line-height:1.65;display:block}#next-hint{letter-spacing:2px;color:#829f9e;font-size:8px;position:absolute;bottom:12px;right:22px}#next-hint b{color:var(--accent);margin-left:10px;font-size:13px}#choices{z-index:4;gap:12px;display:grid;position:absolute;inset:25% 18% auto}#choices button{text-align:center;background:#0b171df0;border:1px solid #a8d8cc88;padding:20px;line-height:1.5;box-shadow:0 8px 30px #0005}#choices button:hover{background:#29423f}.progress{background:#28383c;height:2px}.progress div{background:var(--accent);width:0;height:100%;transition:width .3s}.controls{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;min-height:70px;display:flex}.controls>div{align-items:center;gap:4px;display:flex}.controls button{color:#9eb0b3;font-size:12px}.controls button[aria-pressed=true]{color:var(--accent);background:#a8d8cc14}.volume-label{width:65px;margin:0 12px 0 0;display:flex}input{width:100%;accent-color:var(--accent)}.footnote{color:#6e858a;justify-content:space-between;margin-top:20px;font-size:10px;line-height:1.8;display:flex}.footnote i{margin:0 10px}.footnote a{color:#8aa3a7;text-decoration:none}#status{color:var(--accent);font-size:12px}dialog{color:#dfe9e9;background:#142128;border:1px solid #56716d;width:min(680px,92vw);max-height:80vh;padding:28px}dialog::backdrop{background:#000b}.dialog-heading{justify-content:space-between;align-items:center;display:flex}h2{font-size:24px;font-weight:400}.muted{color:var(--muted);font-size:12px}#history-lines{gap:5px;display:grid}#history-lines button{text-align:left;border-bottom:1px solid #ffffff10;line-height:1.6;display:block}#history-lines strong{color:var(--accent);margin-bottom:5px;font-size:11px;display:block}#video{z-index:5;background:#000;width:100%;height:100%;position:absolute;inset:0}#end{z-index:6;text-align:center;background:#071017ed;align-content:center;position:absolute;inset:0}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}#stage:fullscreen{aspect-ratio:auto;width:100vw;height:100vh}.text-hidden #dialogue,.text-hidden #choices{visibility:hidden}@media (width<=700px){header{height:72px;padding:0 5vw}.brand{gap:10px;font-size:10px}.mark{padding:8px;font-size:20px}.chapter{font-size:9px}.chapter b{font-size:12px}header button span{display:none}main{width:94vw;margin-top:22px}#dialogue{padding:18px 20px 35px}.dialogue-text-size,#text{font-size:16px}#welcome p{padding:0 15px;font-size:12px}h1{letter-spacing:-3px;font-size:64px}.controls{flex-wrap:wrap;justify-content:center;padding:8px 0}.controls button{padding:12px 10px;font-size:11px}.controls>div{justify-content:center}.footnote{text-align:center;flex-direction:column;gap:10px}.volume-label{width:45px}#choices{inset:20% 5% auto}#choices button{padding:16px;font-size:14px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width<=700px) and (orientation:portrait){#stage{aspect-ratio:auto;flex-direction:column;min-height:clamp(440px,100svh - 300px,650px);display:flex}#scene-visual{aspect-ratio:16/9;flex-shrink:0;width:100%;position:relative;inset:auto}#backgrounds img,#backgrounds video{object-fit:contain}#dialogue{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b171d99;border-bottom:0;border-left:0;border-right:0;flex:1;width:100%;min-height:220px;padding:22px 22px 40px;position:relative;inset:auto}#choices{flex:1;align-content:center;padding:22px;position:relative;inset:auto}#choices:empty{display:none}#stage:fullscreen{justify-content:flex-start}}.scene-loading{z-index:8;text-align:center;background:#071017f2;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:25px;display:flex;position:absolute;inset:0}.scene-loading p{overflow-wrap:anywhere;font-size:14px}.scene-loading progress{width:min(300px,70%);height:4px;accent-color:var(--accent)}.scene-loading small{color:var(--muted);font-size:11px}.library-tools{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;font-size:12px;display:flex}.library-tools label{align-items:center;gap:12px;display:flex}.library-tools select{color:#dfe9e9;max-width:55vw;font:inherit;background:#142128;border:1px solid #ffffff25;padding:8px}.library-tools a{color:var(--accent);text-decoration:none}.scene-warnings{color:var(--muted);font-size:11px;line-height:1.7}.scene-warnings summary{cursor:pointer}.chapter{text-align:right;max-width:40%;line-height:1.5}#welcome h1{letter-spacing:-2px;font-size:clamp(36px,6vw,80px)}#welcome p{max-width:80%}@media (width<=700px){.library-tools{font-size:10px}.chapter{letter-spacing:0}.brand{letter-spacing:1px}}.video-buffering{z-index:6;pointer-events:none;color:var(--accent);background:#071017dd;border-radius:3px;padding:10px 18px;font-size:12px;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.library-selector{flex-wrap:wrap;gap:16px;display:flex}.library-selector label{flex-direction:column;align-items:flex-start;gap:6px}.library-selector select{width:100%;max-width:260px}.reading-progress{color:var(--accent);align-self:end;padding-bottom:10px;font-size:11px}.resume-reading{color:var(--accent);margin-bottom:16px;font-size:12px;text-decoration:none;display:inline-block}@media (width<=700px){.library-tools{align-items:flex-start}.library-selector{flex:1;gap:12px}.library-selector label{flex:130px;min-width:0}.library-selector select{max-width:100%}.library-tools>a{max-width:90px}.reading-progress{width:100%}}.part-transition{color:#a4dcd4;background:#15242c;border-left:2px solid #70cfc0;padding:.65rem 1rem;font-size:.85rem}.mobile-reading{z-index:100;background:#050b0e;flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0}.mobile-reading>header,.mobile-reading>dialog,.mobile-reading main>:not(#stage){display:none!important}.mobile-reading main{flex:1;width:100%;max-width:none;min-height:0;margin:0;display:flex}.mobile-reading #stage{aspect-ratio:auto;border:0;flex:1;height:100%;min-height:0}.mobile-reading #backgrounds img,.mobile-reading #backgrounds video{object-fit:contain}.exit-mobile-reading{min-height:48px;color:var(--accent);padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#10181e;border-top:1px solid #ffffff20;border-radius:0;flex-shrink:0;width:100%;font-size:14px}@media (orientation:portrait){.mobile-reading #stage{flex-direction:column;display:flex}.mobile-reading #scene-visual{aspect-ratio:16/9;flex-shrink:0;width:100%;height:min(56.25vw,50dvh);position:relative;inset:auto}.mobile-reading #dialogue{width:100%;min-height:0;padding:22px max(22px,env(safe-area-inset-right)) 40px max(22px,env(safe-area-inset-left));-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b171d99;border-bottom:0;border-left:0;border-right:0;flex:1;position:relative;inset:auto;overflow-y:auto}.mobile-reading #choices{flex:1;align-content:center;min-height:0;padding:20px;position:relative;inset:auto;overflow-y:auto}.mobile-reading #choices:empty{display:none}}