:root{color-scheme:dark;--void: #070310;--ink: #f2ead8;--ink-dim: rgba(242, 234, 216, .58);--ink-faint: rgba(242, 234, 216, .32);--hairline: rgba(242, 234, 216, .16);--lantern: #ffd84a;--pink: #ff3fb7;--cyan: #18d8ff;--mint: #64ff8f;--panel: rgba(18, 10, 30, .84);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--hand: "Segoe Print", "Bradley Hand", "Comic Sans MS", cursive;--caps: 500 .66rem/1.4 system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background:var(--void);color:var(--ink);font-family:var(--serif);overflow:hidden}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}#app{position:fixed;top:0;right:0;bottom:0;left:0}#stage{position:absolute;top:0;right:0;bottom:0;left:0;outline:none}#stage canvas{display:block}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 52%,rgba(3,2,6,.55) 88%,rgba(3,2,6,.9) 100%)}#wordmark,#hint,#pathbar,.dock,.help-button{transition:opacity .9s ease}body.is-idle #wordmark,body.is-idle #hint,body.is-idle #pathbar,body.is-idle .dock,body.is-idle .help-button,body[data-mode=lightbox] #wordmark,body[data-mode=lightbox] #hint,body[data-mode=lightbox] #pathbar,body[data-mode=lightbox] .dock,body[data-mode=lightbox] .help-button{opacity:0;pointer-events:none}#wordmark{position:absolute;top:1.6rem;left:1.9rem;-webkit-user-select:none;user-select:none;pointer-events:none}#wordmark h1{font:var(--caps);font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;background:linear-gradient(90deg,var(--lantern),var(--pink) 55%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}#wordmark p{margin-top:.28rem;font-family:var(--hand);font-style:italic;font-size:.74rem;color:var(--ink-dim)}#hint{position:absolute;left:50%;bottom:6.4rem;transform:translate(-50%);font-family:var(--hand);font-style:italic;font-size:.8rem;color:var(--ink-dim);text-align:center;pointer-events:none;white-space:nowrap}#hint.is-done{opacity:0!important;transition:opacity 1.6s ease}#pathbar{position:absolute;left:50%;bottom:1.5rem;transform:translate(-50%);display:flex;align-items:center;gap:.9rem;width:min(680px,calc(100vw - 7rem))}.pathbar__step{font-family:var(--serif);font-size:1.5rem;line-height:1;color:var(--ink-dim);padding:.2rem .55rem;border-radius:999px;transition:color .25s ease,background .25s ease}.pathbar__step:hover{color:var(--ink);background:#f2ead812}.pathbar__core{flex:1;display:grid;gap:.42rem}.pathbar__chapter{font:var(--caps);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);text-align:center}.pathbar__track{position:relative;height:14px;cursor:pointer}.pathbar__track:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--hairline)}.pathbar__fill{position:absolute;left:0;top:50%;height:2px;width:0;background:linear-gradient(90deg,#ffd84a59,#ff3fb7bf,#18d8ffe6);pointer-events:none}.pathbar__dot{position:absolute;top:50%;width:7px;height:7px;border-radius:999px;background:var(--lantern);box-shadow:0 0 10px 2px #ffd84a8c;transform:translate(-50%,-50%);pointer-events:none}.pathbar__tick{position:absolute;top:50%;width:11px;height:11px;padding:0;transform:translate(-50%,-50%);border-radius:999px;background:none}.pathbar__tick:after{content:"";position:absolute;top:3.5px;right:3.5px;bottom:3.5px;left:3.5px;border-radius:999px;background:var(--ink-faint);transition:background .25s ease,box-shadow .25s ease}.pathbar__tick:hover:after{background:var(--pink);box-shadow:0 0 8px 1px #ff3fb78c}.pathbar__count{font:var(--caps);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);text-align:center}.dock{position:absolute;left:1.9rem;bottom:1.7rem;display:flex;gap:.55rem}.dock button{font:var(--caps);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--hairline);border-radius:999px;padding:.52rem .95rem;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .25s ease,border-color .25s ease}.dock button:hover{color:var(--ink);border-color:#ff3fb799;box-shadow:0 0 14px #ff3fb733}.dock button+button:hover{border-color:#18d8ff99;box-shadow:0 0 14px #18d8ff33}.help-button{position:absolute;right:1.9rem;bottom:1.7rem;width:2.2rem;height:2.2rem;border:1px solid var(--hairline);border-radius:999px;background:var(--panel);color:var(--ink-dim);font-family:var(--serif);font-size:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .25s ease,border-color .25s ease}.help-button:hover{color:var(--ink);border-color:#f2ead866}.catalog{position:absolute;left:1.9rem;bottom:5.4rem;width:min(360px,calc(100vw - 3.8rem));max-height:min(62vh,560px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--hairline);border-radius:12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:1rem 1rem .6rem;box-shadow:0 18px 60px #0000008c;z-index:15}.catalog__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.catalog__label{font:var(--caps);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim)}.catalog__close{font-size:1.15rem;color:var(--ink-faint);line-height:1}.catalog__close:hover{color:var(--ink)}.catalog__search{width:100%;background:#f2ead80f;border:1px solid var(--hairline);border-radius:8px;color:var(--ink);font-family:var(--serif);font-size:.95rem;padding:.55rem .75rem;outline:none}.catalog__search:focus{border-color:#ff3fb78c;box-shadow:0 0 0 1px #ff3fb733}.catalog__search::placeholder{color:var(--ink-faint)}.catalog__count{font:var(--caps);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:.55rem .1rem}.catalog__results{list-style:none;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(242,234,216,.2) transparent}.catalog__entry{display:block;width:100%;text-align:left;padding:.5rem .55rem;border-radius:8px;transition:background .15s ease}.catalog__entry:hover,.catalog__entry.is-active{background:#f2ead812}.catalog__entry-title{display:block;font-size:.92rem;color:var(--ink)}.catalog__entry-meta{display:block;margin-top:.14rem;font:var(--caps);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.lightbox{position:absolute;top:0;right:0;bottom:0;left:0;background:#030206ed;display:flex;align-items:center;justify-content:center;padding:3vmin;z-index:20}.lightbox__figure{max-width:min(1200px,94vw);max-height:92vh;display:flex;flex-direction:column;align-items:center;gap:1.1rem}.lightbox__media{display:flex;align-items:center;justify-content:center;min-height:200px}.lightbox__image,.lightbox__video{max-width:min(1150px,92vw);max-height:72vh;border-radius:4px;box-shadow:0 0 120px #ffd84a1f,0 30px 90px #000c}.lightbox__caption{text-align:center;max-width:60ch}.lightbox__caption h2{font-family:var(--hand);font-size:1.45rem;font-weight:600;letter-spacing:.01em}.lightbox__caption p{margin-top:.4rem;font-family:var(--hand);font-size:.82rem;font-style:italic;letter-spacing:.02em;color:var(--ink-dim)}.lightbox__motifs{display:flex;justify-content:center;gap:.45rem;flex-wrap:wrap;margin-top:.55rem}.lightbox__motifs span{border:1px solid var(--hairline);border-radius:999px;padding:.18rem .6rem;color:var(--ink-dim)}.lightbox__motifs span:nth-child(3n+1){border-color:#ff3fb780;color:#ff9ad7}.lightbox__motifs span:nth-child(3n+2){border-color:#18d8ff80;color:#8fe9ff}.lightbox__motifs span:nth-child(3n){border-color:#ffd84a80;color:#ffe694}.lightbox__pager{margin-top:.7rem;display:flex;align-items:center;justify-content:center;gap:.9rem}.lightbox__pager button{font-family:var(--serif);font-size:1.5rem;line-height:1;color:var(--ink-dim);padding:.1rem .6rem;border-radius:999px}.lightbox__pager button:hover{color:var(--ink);background:#f2ead812}.lightbox__pager span{font:var(--caps);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}.lightbox__close{position:absolute;top:1.4rem;right:1.8rem;font-size:1.7rem;color:var(--ink-dim);line-height:1}.lightbox__close:hover{color:var(--ink)}.help{position:absolute;top:0;right:0;bottom:0;left:0;background:#030206d1;display:flex;align-items:center;justify-content:center;z-index:30}.help__card{width:min(430px,calc(100vw - 3rem));background:var(--panel);border:1px solid var(--hairline);border-radius:14px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:1.8rem 2rem}.help__card h2{font-size:1.2rem;font-weight:600;margin-bottom:1.1rem}.help__card dl{display:grid;gap:.5rem}.help__card dl div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(242,234,216,.07);padding-bottom:.45rem}.help__card dt{font:var(--caps);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lantern);white-space:nowrap}.help__card dd{font-size:.88rem;color:var(--ink-dim);text-align:right}.help__note{margin-top:1rem;font-style:italic;font-size:.84rem;color:var(--ink-faint)}.help__card>button{margin-top:1.3rem;width:100%;border:1px solid var(--hairline);border-radius:999px;padding:.6rem;font:var(--caps);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);transition:color .25s ease,border-color .25s ease}.help__card>button:hover{color:var(--ink);border-color:#f2ead866}.intro{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 26rem 18rem at 12% 18%,rgba(255,63,183,.14),transparent 70%),radial-gradient(ellipse 30rem 20rem at 88% 26%,rgba(24,216,255,.12),transparent 70%),radial-gradient(ellipse 26rem 20rem at 24% 86%,rgba(255,216,74,.1),transparent 70%),radial-gradient(ellipse 22rem 16rem at 82% 84%,rgba(100,255,143,.09),transparent 70%),radial-gradient(ellipse at 50% 42%,#1a0f28f0,#090510fc 70%);display:flex;align-items:center;justify-content:center;z-index:40;opacity:1;transition:opacity .75s ease}.intro.is-leaving{opacity:0;pointer-events:none}.intro__card{width:min(560px,calc(100vw - 3rem));text-align:center;padding:2rem}.intro__kicker{font:var(--caps);font-size:.66rem;letter-spacing:.34em;text-transform:uppercase;background:linear-gradient(90deg,var(--lantern),var(--pink) 55%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.intro__title{margin-top:1.1rem;font-family:var(--hand);font-size:clamp(1.85rem,4.5vw,2.6rem);font-weight:600;letter-spacing:.01em}.intro__lede{margin:1.1rem auto 0;max-width:46ch;font-size:.98rem;line-height:1.65;color:var(--ink-dim)}.intro__lede b,.intro__lede span{color:var(--ink)}.intro__progress{margin:1.6rem auto 0;width:min(330px,80%);display:grid;gap:.5rem}.intro__progress-track{display:block;height:1px;background:#f2ead824;overflow:hidden}.intro__progress-fill{display:block;height:100%;width:0%;background:var(--lantern);transition:width .4s ease}.intro__progress-text{font:var(--caps);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.intro__actions{margin-top:1.7rem;display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}.intro__begin,.intro__resume{border-radius:999px;padding:.72rem 1.6rem;font:var(--caps);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;transition:transform .25s ease,box-shadow .25s ease,color .25s ease,border-color .25s ease}.intro__begin{color:#14100a;background:linear-gradient(100deg,var(--lantern),#ffb15c 55%,var(--pink));box-shadow:0 0 34px #ff8c7866}.intro__begin:hover{transform:translateY(-1px);box-shadow:0 0 48px #ff78968c}.intro__resume{color:var(--ink-dim);border:1px solid var(--hairline)}.intro__resume:hover{color:var(--ink);border-color:#f2ead866}.intro__keys{margin-top:1.5rem;font-family:var(--hand);font-style:italic;font-size:.74rem;color:var(--ink-faint)}.intro__keys b{color:var(--ink-dim);font-style:normal}@media (max-width: 720px){#wordmark{top:1.1rem;left:1.2rem}#hint{display:none}#pathbar{bottom:4.6rem;width:calc(100vw - 2.2rem)}.dock{left:1.2rem;bottom:1.2rem}.help-button{right:1.2rem;bottom:1.2rem}.catalog{left:1.2rem;bottom:4.9rem;width:calc(100vw - 2.4rem)}}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important}}