:root{--ink:#14120f;--paper:#f4f1e8;--ink-70:#14120fb3;--ink-55:#14120f8c;--ink-35:#14120f59;--ink-18:#14120f2e;--font-head:"Jersey 10", "VT323", ui-monospace, "Courier New", monospace;--font-body:"VT323", ui-monospace, "Courier New", monospace;--head-scale:1.63;--blink:1.4s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ink);color:var(--ink);font-family:var(--font-body);overscroll-behavior:none;-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}.app{isolation:isolate;width:100%;height:100%;position:relative}.stage{background:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;display:block;position:absolute;inset:0}.stage__canvas{width:100%;height:100%;display:block}.overlay{z-index:2;position:absolute;inset:0}.overlay--pass{pointer-events:none}.menu{z-index:3;background:var(--paper);color:var(--ink);text-align:center;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:clamp(28px,5vh,60px);padding:clamp(20px,5vw,64px);display:flex;position:absolute;inset:0;overflow:hidden}.menu:after,.end__panel:after{content:"";pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:repeating-linear-gradient(#14120f80 0 1px,#0000 1px 3px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)' opacity='0.5'/%3E%3C/svg%3E");background-size:auto,140px 140px;position:absolute;inset:0}.menu>*,.end__panel>*{z-index:1;position:relative}.pair{--pair-size:16px;--pair-sub:.55;flex-direction:column;gap:.55em;display:flex}.pair--left{text-align:left;align-items:flex-start}.pair--center{text-align:center;align-items:center}.pair--right{text-align:right;align-items:flex-end}.pair__text{font-family:var(--font-head);font-size:calc(var(--pair-size) * var(--head-scale));letter-spacing:.06em;line-height:1.15}.pair__sub{font-family:var(--font-body);font-size:calc(var(--pair-size) * var(--pair-sub));letter-spacing:.22em;opacity:.6;line-height:1.15}.pair--xs{--pair-size:10px;--pair-sub:.9}.pair--sm{--pair-size:12px;--pair-sub:.82}.pair--md{--pair-size:15px}.pair--lg{--pair-size:clamp(16px, 2.6vw, 26px)}.pair--xl{--pair-size:clamp(20px, 4.4vw, 44px)}.chapter-card__inner .pair,.pair.end__title{--pair-sub:.82}.pair--printed .pair__text{text-shadow:2px 2px 0 var(--ink-18)}.loading{gap:clamp(18px,3vh,30px)}.loading__bar{border:3px solid var(--ink);background:var(--paper);border-radius:0;width:min(520px,74vw);height:30px;padding:3px}.loading__fill{background:var(--ink);border-radius:0;height:100%;transition:none}.loading__pct{font-family:var(--font-head);font-size:calc(clamp(14px, 2.4vw, 22px) * var(--head-scale));letter-spacing:.08em;min-width:5ch;margin:0}.title{gap:clamp(26px,6vh,64px)}.title__legend{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(28px,7vw,72px);display:flex}.title__arrows{vertical-align:middle;align-items:center;gap:.45em;display:inline-flex}.title__arrow{width:1.05em;height:1.05em;display:block}.title__contact{font-family:var(--font-body);letter-spacing:.18em;color:var(--ink);opacity:.45;border-bottom:1px solid var(--ink-35);z-index:1;padding-bottom:2px;font-size:clamp(14px,1.6vw,20px);text-decoration:none;position:absolute;bottom:clamp(18px,4vh,40px);left:50%;transform:translate(-50%)}.title__contact:hover,.title__contact:focus-visible{opacity:1;border-bottom-color:var(--ink);outline:none}.title__start{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:10px 14px}.blink{animation:blink var(--blink) steps(1, end) infinite}@keyframes blink{0%,49.99%{opacity:1}50%,to{opacity:0}}.hud{pointer-events:none;color:var(--ink);position:absolute;inset:0}.hud__corner{opacity:.55;position:absolute;top:clamp(12px,2.2vh,22px)}.hud__corner--left{left:clamp(14px,2.4vw,26px)}.hud__corner--right{align-items:center;gap:10px;display:flex;right:clamp(14px,2.4vw,26px)}.hud__feather{flex:none;width:18px;height:18px;display:block}.hud__count{font-family:var(--font-head);font-size:calc(13px * var(--head-scale));letter-spacing:.08em;line-height:1}.hud__rule{background:var(--ink-18);height:3px;position:absolute;bottom:clamp(12px,2.2vh,20px);left:clamp(14px,2.4vw,26px);right:clamp(14px,2.4vw,26px)}.hud__rule-fill{background:var(--ink-55);height:100%}.bump{pointer-events:none;z-index:1;box-shadow:inset 0 0 0 0 var(--ink-35);animation:.26s steps(3,end) bump;position:absolute;inset:0}@keyframes bump{0%{box-shadow:inset 0 0 42px 0 var(--ink-35)}to{box-shadow:inset 0 0 #14120f00}}.chapter-card{--band-h:min(100vh, 100vw * .5625);padding-top:calc((100vh - var(--band-h)) / 2 + clamp(52px, var(--band-h) * .15, 120px));pointer-events:none;z-index:4;text-align:center;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0}.chapter-card__inner{border:0;border-bottom:2px solid var(--ink-70);box-shadow:none;background:#f4f1e8d9;padding:clamp(5px,.8vw,9px) clamp(12px,2vw,20px) clamp(7px,1vw,11px)}.chapter-card--in .chapter-card__inner{animation:.46s steps(4,end) both card-in}.chapter-card--out{animation:.62s ease-out both card-out}@keyframes card-in{0%{opacity:0;transform:translateY(12px)scale(.94)}to{opacity:1;transform:none}}@keyframes card-out{0%{opacity:1}to{opacity:0}}.sleep-talk{pointer-events:none;width:0;height:0;color:var(--ink);z-index:1;position:absolute}.sleep-talk__text{white-space:nowrap;opacity:.86;text-shadow:0 0 2px var(--paper), 0 0 6px var(--paper), 0 0 12px var(--paper);animation:1.8s cubic-bezier(.22,.61,.36,1) both sleep-talk-in;position:absolute;bottom:44px;right:34px}.sleep-talk__text .pair{--pair-sub:.78;gap:.35em}.sleep-talk__text .pair__text{letter-spacing:.04em}.sleep-talk__dot{border:2px solid var(--ink);background:var(--paper);opacity:0;border-radius:50%;animation:1.8s cubic-bezier(.22,.61,.36,1) both sleep-talk-dot;position:absolute}.sleep-talk__dot--1{width:4px;height:4px;animation-delay:0s;bottom:8px;right:6px}.sleep-talk__dot--2{width:6px;height:6px;animation-delay:.22s;bottom:19px;right:14px}.sleep-talk__dot--3{width:8px;height:8px;animation-delay:.44s;bottom:32px;right:24px}@keyframes sleep-talk-in{0%{opacity:0;transform:translateY(6px)}to{opacity:.86;transform:none}}@keyframes sleep-talk-dot{0%{opacity:0;transform:translateY(4px)}to{opacity:.7;transform:none}}.end{z-index:5;pointer-events:none;background:0 0;justify-content:flex-start;align-items:flex-start;padding:clamp(16px,4vw,56px);display:flex;position:absolute;inset:0}.end__panel{pointer-events:auto;background:var(--paper);border:3px solid var(--ink);width:min(400px,100%);box-shadow:6px 6px 0 var(--ink-35);text-align:center;flex-direction:column;align-items:center;gap:clamp(14px,2.2vh,22px);padding:clamp(18px,2.4vw,26px) clamp(20px,2.8vw,32px);animation:.76s cubic-bezier(.22,.61,.36,1) both end-in;display:flex;position:relative;overflow:hidden}@keyframes end-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (width<=720px),(orientation:portrait){.end{justify-content:center;align-items:flex-end;padding:clamp(10px,3vw,20px)}}.end__tally{align-items:center;gap:14px;display:flex}.end__tally-count{font-family:var(--font-head);font-size:calc(clamp(15px, 2.4vw, 22px) * var(--head-scale));letter-spacing:.06em}.end__hairline{background:var(--ink);width:min(200px,56%);height:3px}.ink-button{appearance:none;cursor:pointer;background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:0;margin:0;padding:14px 26px;transition:none}.ink-button:hover{background:var(--ink);color:var(--paper)}.ink-button:active{box-shadow:0 0 0 var(--ink);transform:translate(4px,4px)}:where(button,[href],[tabindex]):focus-visible{outline:3px solid var(--ink);outline-offset:3px}.menu :where(button):focus-visible{outline-color:var(--ink)}@media (prefers-reduced-motion:reduce){.blink{opacity:1;animation:none}.chapter-card--in .chapter-card__inner,.chapter-card--out,.end__panel,.sleep-talk__text,.sleep-talk__dot,.bump{animation:none}.chapter-card--out{opacity:0}.sleep-talk__text{opacity:.86}.sleep-talk__dot{opacity:.7}.ink-button:active{transform:none}}
