:root{color-scheme:dark;--ink:#101715;--paper:#f2eade;--muted:#b2b8b0;--line:#34413b;--gold:#d8aa71;--wine:#aa7078;--green:#183d32;font-family:Arial,Helvetica,sans-serif;font-size:16px;background:var(--ink);color:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;padding-bottom:110px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.28}button:focus-visible,a:focus-visible,main:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{color:inherit}button[aria-pressed=true]{background:var(--paper);color:var(--ink)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-100px;z-index:50;background:var(--paper);color:var(--ink);padding:14px}.skip-link:focus{top:16px}
.masthead{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 4.5vw;background:rgba(16,23,21,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.wordmark{display:flex;align-items:baseline;gap:22px}.wordmark h1{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-size:2rem;line-height:1;margin:0;letter-spacing:-.07em}.wordmark h1 span{color:var(--gold)}.edition{font-size:.875rem;color:var(--muted)}.reader-options{display:flex;align-items:center;gap:22px}.mode-switch{display:flex;border:1px solid #536058;border-radius:5px;padding:3px;gap:3px}.mode-switch button{border:0;border-radius:2px;padding:9px 15px;background:transparent;font-size:.875rem;min-height:38px}.mode-switch button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.contents-toggle{border:0;background:none;font-size:.875rem;min-height:44px;padding:8px 0 8px 12px}.contents-toggle span{margin-left:10px;font-size:1.1rem}
#reader{max-width:1290px;margin:0 auto;padding:0 5.5vw}.scene{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:clamp(28px,5vw,76px);align-items:center;padding:50px 0 62px;position:relative;scroll-margin-top:95px;min-height:calc(100svh - 100px);border-bottom:1px solid var(--line)}.scene:last-child{border-bottom:0}.scene-image{margin:0;position:relative;display:flex;justify-content:center;background:#131e1a;border:1px solid #4b4d42;box-shadow:0 15px 40px #0004}.scene-image img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.scene-copy{max-width:395px;padding-bottom:12px}.scene-label{color:var(--gold);font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 23px;display:flex;gap:16px;align-items:center}.scene-label:before{content:'';height:1px;min-width:26px;background:var(--gold)}.scene h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.2rem,4vw,3.9rem);font-weight:normal;letter-spacing:-.045em;line-height:1.05;margin:0 0 25px;text-wrap:balance}.narration{font-family:Georgia,'Times New Roman',serif;font-size:1.08rem;line-height:1.7;color:#d3d8cf;margin:0 0 24px}.dialogue{margin:0 0 19px;padding-left:17px;border-left:2px solid #6d5145}.dialogue.celia{border-color:var(--wine)}.dialogue.rowan{border-color:#689b81}.speaker{display:block;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.dialogue p{font-family:Georgia,'Times New Roman',serif;margin:0;font-size:1.14rem;line-height:1.5}.afterword{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:1rem;line-height:1.65;color:var(--muted);margin:25px 0 0}.endmark{margin:28px 0 0;display:flex;gap:12px;align-items:center;color:var(--gold);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.endmark:before{content:'';width:30px;height:1px;background:var(--gold)}.scene-number{position:absolute;right:9px;bottom:8px;color:#fff;background:#101715bd;padding:5px 7px;font-size:.75rem;letter-spacing:.06em}.restart{border:1px solid var(--line);border-radius:3px;background:none;padding:12px 17px;margin-top:24px;color:var(--paper);font-size:.875rem}
.page-dock{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:25;display:flex;align-items:center;gap:14px;width:calc(100% - 40px);max-width:940px;padding:11px 15px;background:rgba(24,34,29,.97);border:1px solid #516056;border-radius:7px;box-shadow:0 8px 40px #0008;backdrop-filter:blur(18px)}.progress-track{position:absolute;top:-1px;left:6px;right:6px;height:2px;overflow:hidden}#progress-fill{height:100%;background:var(--gold);width:6.25%;transition:width .3s}.step-button{background:transparent;border:1px solid #58675d;width:44px;min-width:44px;height:44px;border-radius:4px;font-size:1.3rem}.step-button:hover:not(:disabled){background:#34463a}.position{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;background:none;border:0;min-width:150px;text-align:left;padding:1px 5px}.position-number{font-size:.875rem;color:var(--gold);font-variant-numeric:tabular-nums}.total{color:var(--muted)}#current-title{font-family:Georgia,'Times New Roman',serif;font-size:1rem}.page-numbers{display:flex;flex:1;justify-content:flex-end;gap:1px}.page-numbers button{border:0;background:transparent;padding:0;width:37px;height:44px;font-size:.8125rem;color:var(--muted)}.page-numbers button[aria-current=page]{color:var(--paper);box-shadow:inset 0 -2px var(--gold);background:#314035}.page-numbers button:hover{color:var(--paper)}
.scene-index{position:fixed;top:90px;right:4.5vw;z-index:30;width:min(470px,calc(100vw - 32px));max-height:calc(100dvh - 200px);overflow:auto;background:#18231d;border:1px solid #58675d;border-radius:5px;box-shadow:0 20px 65px #000b;padding:16px 22px}.index-heading{display:flex;align-items:center;justify-content:space-between;font-family:Georgia,'Times New Roman',serif;font-size:1.5rem;margin-bottom:10px}.close-index{font-size:1.8rem;width:44px;height:44px;border:0;background:none}.scene-index ol{padding:0;margin:0;list-style:none}.scene-index li+li{border-top:1px solid var(--line)}.scene-index li button{display:grid;grid-template-columns:30px 1fr;gap:14px;width:100%;background:none;border:0;text-align:left;padding:14px 0}.index-num{font-size:.8125rem;color:var(--gold);padding-top:2px}.index-title{display:block;font-family:Georgia,'Times New Roman',serif;font-size:1.2rem;margin-bottom:5px}.index-summary{display:block;color:var(--muted);font-size:.875rem;line-height:1.4}.scene-index button[aria-current=page] .index-title{color:var(--gold)}.adaptation-note{font-size:.8125rem;line-height:1.5;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-bottom:4px}.noscript{padding:40px}
@media(min-width:1000px) and (min-height:750px){.scene-image{max-width:calc((100svh - 170px)*.667);justify-self:end}.scene-image img{max-height:calc(100svh - 170px);width:auto;max-width:100%}}
@media(max-width:1000px){.edition{display:none}.page-numbers button{width:30px}.page-dock{gap:8px}.position{min-width:135px}.scene{gap:32px;grid-template-columns:minmax(0,1.15fr) minmax(250px,1fr)}#reader{padding:0 4vw}.scene-copy{padding-bottom:0}.narration{font-size:1rem}}
@media(max-width:760px){html{scroll-padding-top:90px}.masthead{padding:14px 18px;gap:12px}.wordmark h1{font-size:1.8rem}.reader-options{gap:10px}.contents-toggle{font-size:0;padding-left:2px;min-width:30px}.contents-toggle span{font-size:1.25rem;margin:0}.mode-switch button{padding:8px 12px}.scene{display:block;padding:24px 0 44px;min-height:0;scroll-margin-top:81px}.scene-image{max-width:520px;margin:auto}.scene-copy{padding:29px 8px 0;max-width:520px;margin:auto}.scene-label{margin-bottom:15px;font-size:.75rem}.scene h2{font-size:2.65rem;margin-bottom:19px}.narration{font-size:1.08rem;line-height:1.65}.dialogue p{font-size:1.14rem}.page-numbers{display:none}.page-dock{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:450px;padding:9px 11px;gap:14px}.position{flex:1;align-items:center;text-align:center;min-width:0}.scene-index{top:80px;right:16px;max-height:calc(100dvh - 182px)}.scene-number{font-size:.75rem}.afterword{font-size:1rem}body{padding-bottom:100px}}
@media(max-width:350px){.wordmark h1{font-size:1.5rem}.masthead{padding:12px}.mode-switch button{padding:7px 8px}.reader-options{gap:5px}}
.masthead{flex-wrap:wrap}.reader-options{flex-shrink:0}html{scroll-padding-top:calc(var(--header-height,86px) + 16px)}.scene{scroll-margin-top:0}.scene-index{top:calc(var(--header-height,86px) + 10px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(min-width:761px) and (max-width:900px){.page-numbers{display:none}.page-dock{max-width:470px}.position{flex:1;align-items:center;text-align:center}}