:root{--night:#15110d;--bone:#ece2ce;--bone-dim:#ece2cea8;--bone-faint:#ece2ce57;--ember:#f0a27e;--rust:#9c4a2e;--serif:"IM Fell English", "Iowan Old Style", Georgia, serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--gut-l:max(22px, env(safe-area-inset-left,0px));--gut-r:max(22px, env(safe-area-inset-right,0px));color-scheme:dark}html{background:var(--night)}body{background:var(--night);color:var(--bone);font-family:var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit}#journey{position:relative}#stage{background:var(--night);height:100svh;position:sticky;top:0;overflow:hidden}#sheet{width:100%;height:100%;display:block;position:absolute;inset:0}.grain{mix-blend-mode:multiply;opacity:.5;pointer-events:none;background:url(/media/grain.png) 0 0/320px;position:absolute;inset:0}.shade{pointer-events:none;background:linear-gradient(to bottom, var(--night) 0, var(--night) 58%, #15110dc7 78%, #15110d00 100%);height:320px;position:absolute;top:0;left:0;right:0}.floor{pointer-events:none;background:linear-gradient(to top, var(--night) 0, #15110ddb 42%, #15110d00 100%);height:150px;position:absolute;bottom:0;left:0;right:0}.back{z-index:3;top:calc(env(safe-area-inset-top,0px) + 6px);left:calc(var(--gut-l) - 8px);font:400 11px/1 var(--mono);letter-spacing:.12em;color:var(--bone-dim);padding:14px 8px;text-decoration:none;position:absolute}.back:hover,.back:focus-visible{color:var(--ember)}.words{z-index:2;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 56px);padding-left:var(--gut-l);padding-right:var(--gut-r);position:absolute}.pass{left:var(--gut-l);right:var(--gut-r);opacity:0;pointer-events:none;will-change:opacity;max-width:34rem;margin:0 auto;position:absolute;top:0}.pass.on{pointer-events:auto}.kick{font:400 11px/1.5 var(--mono);letter-spacing:.14em;color:var(--bone-dim);margin:0 0 14px}.kick b{color:var(--ember);font-weight:500}.kick i{color:var(--bone-faint);font-style:normal}.pass h1,.pass h2{font:400 clamp(30px, 8.6vw, 44px)/1.04 var(--serif);letter-spacing:-.005em;text-wrap:balance;margin:0 0 14px}.pass h1{margin-bottom:18px;font-size:clamp(40px,12vw,64px)}.note{font:italic 400 clamp(16px, 4.5vw, 19px)/1.42 var(--serif);color:#ece2cedb;text-wrap:pretty;max-width:30rem;margin:0 0 12px}.len{font:400 11px/1 var(--mono);letter-spacing:.14em;color:var(--bone-faint);margin:0}.cue{font:400 11px/1 var(--mono);letter-spacing:.16em;color:var(--ember);margin:22px 0 0}.cue span{margin-left:8px;animation:2.4s ease-in-out infinite nod;display:inline-block}@keyframes nod{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.last h2{font-size:clamp(25px,7vw,34px);line-height:1.16}.ways{flex-wrap:wrap;gap:4px 26px;margin:20px 0 0;padding:0;list-style:none;display:flex}.ways a{font:400 12px/1 var(--mono);letter-spacing:.1em;color:var(--bone);border-bottom:1px solid #ece2ce4d;padding:10px 0;text-decoration:none;display:inline-block}.ways a:hover,.ways a:focus-visible{color:var(--ember);border-color:var(--ember)}.bar{z-index:3;padding:0 calc(var(--gut-r) - 8px) calc(env(safe-area-inset-bottom,0px) + 10px) calc(var(--gut-l) - 8px);justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.ticks{margin:0;padding:0;list-style:none;display:flex}.ticks button{all:unset;cursor:pointer;font:400 11px/1 var(--mono);letter-spacing:.12em;color:var(--bone-faint);padding:16px 8px;position:relative}.ticks button:after{content:"";opacity:.5;transform-origin:0;background:currentColor;height:1px;transition:transform .4s;position:absolute;bottom:9px;left:8px;right:8px;transform:scaleX(.35)}.ticks button[aria-current=true]{color:var(--ember)}.ticks button[aria-current=true]:after{opacity:1;transform:scaleX(1)}.ticks button.done{color:var(--bone-dim)}.ticks button:focus-visible,.listen:focus-visible,.back:focus-visible,.ways a:focus-visible{outline:1px solid var(--ember);outline-offset:2px}.listen{all:unset;cursor:pointer;font:400 11px/1 var(--mono);letter-spacing:.12em;color:var(--bone);white-space:nowrap;align-items:center;gap:9px;padding:16px 8px;display:inline-flex}.listen:hover{color:var(--ember)}.listen .dot{box-sizing:border-box;border:1px solid;border-radius:50%;width:6px;height:6px}.listen[aria-pressed=true]{color:var(--ember)}.listen[aria-pressed=true] .dot{background:var(--ember);box-shadow:0 0 8px 1px #f0a27e99}.ticks{opacity:0}@media (prefers-reduced-motion:reduce){.cue span{animation:none}.ticks button:after{transition:none}}