@font-face{font-family:Timeless Serif;src:url(../fonts/timeless/TimelessSerif-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Timeless Serif;src:url(../fonts/timeless/TimelessSerif-RegularItalic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Timeless Sans;src:url(../fonts/timeless/TimelessSans-SansRegular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Timeless Sans;src:url(../fonts/timeless/TimelessSans-SansMedium.woff2)format("woff2");font-weight:500;font-display:swap}:root{--bg:12, 10, 9;--paper:246, 241, 233;--gold:220, 191, 146;--tone:150, 118, 86;--fx:50%;--fy:38%;--ui:1;--up:max(1, var(--ui));--edge:clamp(22px, 3.2vw, calc(46px * var(--up)));--serif:"Timeless Serif", Georgia, "Times New Roman", serif;--sans:"Timeless Sans", system-ui, sans-serif;--tip-font:"Timeless Sans";--tip-shade:0 0 2px #0000004d, 0 0 10px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:rgb(var(--bg))}body{color:rgb(var(--paper));font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}html.js,html.js body{overscroll-behavior:none;height:100%;overflow:hidden}html.js body{touch-action:pinch-zoom;-webkit-user-select:none;user-select:none}html.js .chapter :is(h1,h2,p){-webkit-user-select:text;user-select:text}a{color:inherit}::selection{background:rgba(var(--gold), .35)}:focus-visible{outline:1.5px solid rgba(var(--paper), .65);outline-offset:3px}#backdrop{z-index:0;background:radial-gradient(46vmax 38vmax at var(--fx) var(--fy), rgba(var(--tone), .3), rgba(var(--tone), .1) 48%, rgba(var(--tone), 0) 100%), radial-gradient(80vmax 46vmax at 50% -12%, #ffeacc12, #ffeacc00 70%), rgb(var(--bg));position:fixed;inset:0}#gallery{z-index:1;width:100%;height:100%;display:block;position:fixed;inset:0}#veil{z-index:2;pointer-events:none;background:var(--grain,none), radial-gradient(120% 95% at var(--fx) var(--fy), #0000 42%, #0000008c 100%);position:fixed;inset:0}html:not(.js) :is(#gallery,#veil,#caption,#rail,#hint,#loader){display:none}#top{z-index:7;padding:max(14px, calc(18px * var(--ui)), env(safe-area-inset-top)) max(var(--edge), env(safe-area-inset-right)) 0 max(var(--edge), env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}#mark{font:400 max(24px, calc(30px * var(--ui)))/1 var(--serif);white-space:nowrap;color:rgba(var(--paper), .96);text-shadow:0 1px 10px #00000059;pointer-events:auto;transform-origin:0 0;text-decoration:none;display:block}html.portrait #mark{font-size:calc(26px * var(--ui))}html.js #mark:not(.placed){visibility:hidden}:is(#mark,#caption .title).writing{-webkit-mask-image:linear-gradient(90deg, #000 calc(var(--in,125%) - 25%), #0000 var(--in,125%));-webkit-mask-image:linear-gradient(90deg, #000 calc(var(--in,125%) - 25%), #0000 var(--in,125%));mask-image:linear-gradient(90deg, #000 calc(var(--in,125%) - 25%), #0000 var(--in,125%))}#get{pointer-events:auto}html.loading #get{opacity:0;pointer-events:none}.pill{appearance:none;justify-content:center;align-items:center;gap:calc(8px * var(--up));height:calc(42px * var(--up));padding:0 calc(19px * var(--up));font:500 calc(13.5px * var(--up))/1 var(--sans);letter-spacing:.01em;white-space:nowrap;color:rgba(var(--ink,255, 255, 255), .94);text-shadow:0 0 2px #0000004d,0 0 10px #00000059;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:var(--glass-transition);background:0 0;border:0;border-radius:999px;text-decoration:none;display:inline-flex}.pill.lg:hover{--lg-fill:.6}.pill.solid{color:rgb(var(--ink-selected,42, 37, 33));text-shadow:none;background:#ffffffeb;transition:background-color .25s,transform .5s cubic-bezier(.3,1.3,.5,1);box-shadow:0 1px 2px #0003,0 8px 30px #00000047,inset 0 1px #ffffffe6}.pill.solid:hover{background:#fff}.pill.solid:active{transform:scale(.97)}.pill.soon{cursor:default;color:rgba(var(--paper), .62)}#get{height:calc(38px * var(--up));padding:0 calc(17px * var(--up));font-size:calc(13px * var(--up))}.chapter{max-width:calc(640px * var(--up))}.eyebrow{margin:0 0 calc(16px * var(--ui));font:500 max(10.5px, calc(11.5px * var(--ui)))/1.2 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:rgba(var(--gold), .95)}.chapter :is(h1,h2){font-family:var(--serif);letter-spacing:-.012em;text-wrap:balance;color:rgb(var(--paper));margin:0;font-weight:400;line-height:1.06}.chapter h1{font-size:max(26px, calc(56px * var(--ui)))}.chapter h2{font-size:max(24px, calc(53px * var(--ui)))}.chapter p.say{margin:max(12px, calc(20px * var(--ui))) 0 0;max-width:36ch;font-size:max(13.5px, calc(17px * var(--ui)));color:rgba(var(--paper), .7);text-wrap:pretty;line-height:1.55}.actions{gap:calc(10px * var(--up));margin:max(16px, calc(28px * var(--ui))) 0 0;flex-wrap:wrap;display:flex}.fine{margin:calc(30px * var(--ui)) 0 0;max-width:48ch;font-size:max(10.5px, calc(11.5px * var(--ui)));color:rgba(var(--paper), .42);line-height:1.55}.chapter .ln{white-space:nowrap}html:not(.js) #story{max-width:720px;margin:0 auto;padding:120px 24px}html:not(.js) .chapter{margin-bottom:120px}html.js #story{z-index:3;pointer-events:none;position:fixed;inset:0}html.js .chapter{top:clamp(92px, 18vh, calc(210px * var(--up)));width:min(30vw, calc(470px * var(--up)));visibility:hidden;pointer-events:auto;position:absolute;left:63.5vw}html.js .chapter.on{visibility:visible}.pill svg{width:calc(16px * var(--up));height:calc(16px * var(--up));fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.pill .eq{gap:calc(2px * var(--up));height:calc(12px * var(--up));align-items:flex-end;display:none}.pill .eq b{width:calc(2px * var(--up));transform-origin:bottom;background:currentColor;border-radius:1px;height:100%;animation:1.1s ease-in-out infinite ldock-eq}.pill .eq b:nth-child(2){animation-duration:.85s;animation-delay:-.3s}.pill .eq b:nth-child(3){animation-duration:1.3s;animation-delay:-.6s}.pill[aria-pressed=true] .note{display:none}.pill[aria-pressed=true] .eq{display:inline-flex}#loader .progress{left:50%;top:calc(50% + 58px * var(--up));width:calc(120px * var(--up));height:1px;margin-left:calc(-60px * var(--up));background:rgba(var(--paper), .12);position:absolute;overflow:hidden}#loader .progress i{background:rgba(var(--paper), .7);transform-origin:0;height:100%;display:block;transform:scaleX(0)}html.portrait .chapter,html.portrait .chapter.hero{top:auto;left:max(var(--edge), env(safe-area-inset-left));right:max(var(--edge), env(safe-area-inset-right));bottom:calc(max(calc(20px * var(--up)), env(safe-area-inset-bottom)) + 62px * var(--up));text-align:left;width:auto;translate:none}html.portrait .eyebrow{margin-bottom:calc(12px * var(--ui))}html.portrait .chapter h1{font-size:clamp(27px, 7.4vw, calc(40px * var(--ui)))}html.portrait .chapter h2{font-size:clamp(25px, 6.8vw, calc(36px * var(--ui)))}html.portrait .chapter p.say{margin-top:calc(12px * var(--ui));font-size:calc(14.5px * var(--ui));line-height:1.5}html.portrait .chapter :is(h1,h2,p){text-shadow:0 1px 18px rgba(var(--bg), .9)}html.portrait .actions{margin-top:calc(18px * var(--ui))}html.portrait .pill{height:calc(40px * var(--up));padding:0 calc(16px * var(--up));font-size:calc(13px * var(--up))}html.portrait .fine{margin-top:calc(16px * var(--ui));font-size:calc(11px * var(--ui))}#caption{z-index:4;color:rgba(var(--paper), .92);pointer-events:none;justify-items:start;gap:2px;display:grid;position:fixed;top:0;left:0}#caption .title{font:italic 400 max(17px, calc(22px * var(--ui)))/1.15 var(--serif);text-shadow:0 1px 6px #0006}html.portrait #caption .title{font-size:calc(19px * var(--ui))}#caption .meta{font-size:max(11px, calc(12px * var(--ui)));letter-spacing:.02em;color:rgba(var(--paper), .5);margin-top:2px}#rail{z-index:8;left:max(clamp(8px, .9vw, calc(16px * var(--up))), env(safe-area-inset-left));opacity:0;transition:opacity 1s;display:grid;position:fixed;top:50%;translate:0 -50%}html.ready #rail{opacity:1}#rail button{appearance:none;width:calc(30px * var(--up));height:calc(15px * var(--up));cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center start;padding:0;display:grid}#rail i{width:calc(8px * var(--up));height:calc(1.5px * var(--up));background:rgba(var(--paper), .36);border-radius:1px;transition:width .7s cubic-bezier(.2,.8,.2,1),background-color .4s;display:block;box-shadow:0 0 2px #00000059,0 0 8px #0006}#rail button:hover i{width:calc(14px * var(--up));background:rgba(var(--paper), .7)}#rail button[aria-current=step] i{width:calc(22px * var(--up));background:rgba(var(--paper), .95)}html.portrait #rail{display:none}#hint{z-index:6;left:max(var(--edge), env(safe-area-inset-left));bottom:calc(max(calc(20px * var(--up)), env(safe-area-inset-bottom)) + (38px + 26px) * var(--up));align-items:center;gap:calc(12px * var(--up));font:500 calc(10.5px * var(--up))/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--paper), .55);pointer-events:none;opacity:0;margin:0;transition:opacity .9s;display:flex;position:fixed}#hint.on{opacity:1}#hint .line{width:1px;height:calc(38px * var(--up));background:rgba(var(--paper), .16);position:relative;overflow:hidden}#hint .line:after{content:"";background:linear-gradient(rgba(var(--paper), 0), rgba(var(--paper), .95));width:1px;height:40%;animation:2.2s cubic-bezier(.6,0,.3,1) infinite hint-fall;position:absolute;top:-40%;left:0}@keyframes hint-fall{to{top:100%}}html.portrait #hint{display:none}@media (orientation:landscape) and (height<=540px){html.js:not(.portrait) .chapter{top:max(66px, calc(env(safe-area-inset-top) + 56px))}html:not(.portrait) .pill{height:36px;padding:0 15px;font-size:12.5px}#hint{display:none}}#loader{z-index:6;background:rgb(var(--bg));position:fixed;inset:0}@media (prefers-reduced-motion:reduce){#hint .line:after{animation:none;top:30%}}html.light{--bg:236, 231, 223;--paper:36, 30, 25;--gold:124, 88, 42;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.light #backdrop{background:radial-gradient(46vmax 38vmax at var(--fx) var(--fy), rgba(var(--tone), .18), rgba(var(--tone), .06) 48%, rgba(var(--tone), 0) 100%), radial-gradient(80vmax 46vmax at 50% -12%, #ffffff8c, #fff0 70%), rgb(var(--bg))}html.light #veil{background:var(--grain,none), radial-gradient(120% 95% at var(--fx) var(--fy), #0000 46%, #3c2d1e24 100%)}html.light #mark,html.light #caption .title{text-shadow:none}html.light .pill{text-shadow:0 0 2px #ffffff73,0 0 10px #ffffff80}html.light .pill.solid{background:rgba(var(--paper), .94);color:rgb(var(--bg));text-shadow:none;box-shadow:0 1px 2px #281e1433,0 8px 26px #281e1433,inset 0 1px #ffffff1f}html.light .pill.solid:hover{background:rgb(var(--paper))}html.light #rail i{box-shadow:0 0 2px #fff6,0 0 8px #ffffff80}html.light .fine{color:rgba(var(--paper), .56)}html.light #caption .meta{color:rgba(var(--paper), .6)}::view-transition-old(root){animation-duration:.8s;animation-timing-function:ease-in-out}::view-transition-new(root){animation-duration:.8s;animation-timing-function:ease-in-out}:root{--glass-transition:background-color .4s ease;--lg-shadow-rgb:30, 24, 18;--ink-selected:42, 37, 33}.lg{--ink:var(--lg-ink);--face:var(--lg-tint)}#tip{z-index:25;align-items:center;gap:calc(6px * var(--up,1));padding:calc(7px * var(--up,1)) calc(10px * var(--up,1));font:500 calc(12px * var(--up,1))/1 var(--tip-font,"Inter Display"), system-ui, sans-serif;text-shadow:var(--tip-shade,none);letter-spacing:.01em;white-space:nowrap;color:rgba(var(--ink), .9);pointer-events:none;opacity:0;transition:opacity .12s ease, translate .2s ease, var(--glass-transition);border-radius:999px;display:flex;position:fixed;top:0;left:0;translate:0 3px}#tip.below{translate:0 -3px}#tip.pale{text-shadow:0 0 2px #ffffff73,0 0 10px #ffffff80}#tip.on{opacity:1;transition:opacity .16s ease, translate .3s cubic-bezier(.2, .9, .3, 1), var(--glass-transition);translate:0}#tip .tip-key{font:inherit;color:rgba(var(--ink), .6);background:rgba(var(--ink), .08);border-radius:5px;margin:-2px -4px -2px 0;padding:2px 5px}#tip .tip-key[hidden]{display:none}@media (prefers-reduced-motion:reduce){#tip,#tip.below,#tip.on{translate:none}}.glass-cursor,.glass-cursor :not([data-ui],[data-ui] *),.glass-cursor [data-lens],.glass-cursor [data-lens] :not([data-pointer],[data-pointer] *){cursor:none!important}.glass-cursor [data-ui]{cursor:default}.glass-cursor [data-pointer]{cursor:auto}#glass-at{pointer-events:none;z-index:20;opacity:0;will-change:transform;width:0;height:0;transition:opacity .2s;position:fixed;top:0;left:0}#glass-at.on{opacity:1}#glass{border-radius:50%;width:44px;height:44px;position:absolute;top:-22px;left:-22px}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){#glass{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000}}#glass-at .chev{--a:0;width:22px;height:22px;position:absolute;top:-11px;left:-11px}#glass-at .chev>*{opacity:var(--a);position:absolute;inset:0;overflow:visible}#glass-at .chev-glass{clip-path:path("M2.75 0H19.25A2.75 2.75 0 0 1 22 2.75V19.25A2.75 2.75 0 0 1 16.5 19.25V5.5H2.75A2.75 2.75 0 0 1 2.75 0Z");-webkit-backdrop-filter:saturate(var(--chev-saturate)) brightness(var(--chev-brightness)) contrast(var(--chev-contrast));backdrop-filter:saturate(var(--chev-saturate)) brightness(var(--chev-brightness)) contrast(var(--chev-contrast))}.glass-lens #glass-at .chev-glass{-webkit-backdrop-filter:url(#chev-lens) saturate(var(--chev-saturate)) brightness(var(--chev-brightness)) contrast(var(--chev-contrast));backdrop-filter:url(#chev-lens) saturate(var(--chev-saturate)) brightness(var(--chev-brightness)) contrast(var(--chev-contrast))}#glass-at .chev-shade path{fill:#000;filter:url(#chev-shadow)}#glass-at .chev-rim path{fill:none}#glass-at .chev-rim .edge{stroke:rgba(0, 0, 0, var(--chev-edge));stroke-width:3px}#glass-at .chev-rim .shade{stroke:rgba(0, 0, 0, var(--chev-shade));stroke-width:5px;filter:url(#chev-soft)}#glass-at .chev-rim .hair{stroke:rgba(255, 255, 255, var(--chev-hairline));stroke-width:1px}#glass-at .chev-rim .glint{stroke:url(#chev-light);stroke-width:1.2px}#glass-at .chev[data-dir="-1"] .chev-rim .glint{stroke:url(#chev-light-turned)}#glass-at.pinned{opacity:1;transition:none}#ldock{left:max(var(--edge,22px), env(safe-area-inset-left));bottom:max(calc(20px * var(--up,1)), env(safe-area-inset-bottom));z-index:8;font:500 calc(12.5px * var(--up,1))/1 "Timeless Sans", system-ui, sans-serif;pointer-events:none;position:fixed}#ldock.on .bar{pointer-events:auto}#ldock .bar{align-items:center;gap:calc(1px * var(--up,1));padding:calc(3px * var(--up,1));color:rgba(var(--ink), .92);opacity:0;transition:opacity .8s ease, var(--glass-transition);border-radius:999px;display:flex}#ldock.on .bar{opacity:1}#ldock button{appearance:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0}#ldock button:focus-visible{outline:1.5px solid rgba(var(--ink), .55);outline-offset:1px}#ldock .ic{width:calc(32px * var(--up,1));height:calc(32px * var(--up,1));border-radius:999px;place-items:center;transition:background-color .2s;display:grid}#ldock .ic:hover,#ldock .name:hover{background-color:#ffffff3d}#ldock svg{width:calc(17px * var(--up,1));height:calc(17px * var(--up,1));fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #0000004d)drop-shadow(0 0 8px #0000004d)}#ldock .back svg{rotate:-90deg}#ldock .fwd svg{rotate:90deg}#ldock .name{width:calc(104px * var(--up,1));height:calc(32px * var(--up,1));letter-spacing:.01em;text-shadow:0 0 2px #0000004d,0 0 10px #00000059;border-radius:999px;transition:background-color .2s;display:grid;position:relative;overflow:hidden}#ldock .name>span{white-space:nowrap;grid-area:1/1;place-self:center}#ldock .sep{width:1px;height:calc(16px * var(--up,1));margin:0 calc(4px * var(--up,1));background:rgba(var(--ink), .16)}#ldock .eq{gap:calc(2px * var(--up,1));height:calc(12px * var(--up,1));align-items:flex-end;display:none}#ldock .eq b{width:calc(2px * var(--up,1));transform-origin:bottom;background:currentColor;border-radius:1px;height:100%;box-shadow:0 0 6px #00000040}#ldock .music[aria-pressed=true] .note{display:none}#ldock .music[aria-pressed=true] .eq{display:inline-flex}#ldock .eq b:first-child{animation:1.1s ease-in-out infinite ldock-eq}#ldock .eq b:nth-child(2){animation:.85s ease-in-out -.3s infinite ldock-eq}#ldock .eq b:nth-child(3){animation:1.3s ease-in-out -.6s infinite ldock-eq}@keyframes ldock-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){#ldock .eq b{animation:none;transform:scaleY(.7)}}#ldock .room .moon,#ldock.pale .room .sun{display:none}#ldock.pale .room .moon{display:block}#ldock.pale .name{text-shadow:0 0 2px #ffffff73,0 0 10px #ffffff80}#ldock.pale svg{filter:drop-shadow(0 0 2px #fff6)drop-shadow(0 0 8px #ffffff73)}#ldock.pale .eq b{box-shadow:0 0 6px #fff6}