:root{--paper: #f2ede1;--paper-2: #eae3d3;--paper-3: #e2d9c6;--ink: #201d19;--ink-2: #4a453c;--ink-3: #7c7466;--ink-4: #b3aa98;--rule: rgba(32, 29, 25, .16);--rule-soft: rgba(32, 29, 25, .08);--truffle: #8e4b2e;--gold: #b9853c;--grove: #55654f;--fish: #4c7d90;--bloom: #a35d76;--metal: #6d5f86;--rot: #6f7440;--display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, "Songti SC", "Source Han Serif SC", Georgia, serif;--sans: "Inter", "Helvetica Neue", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono: "SFMono-Regular", "JetBrains Mono", Consolas, "Liberation Mono", monospace;--ease: cubic-bezier(.22, .61, .36, 1);--slow: .72s}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}body.is-locked{cursor:none}#app{position:fixed;inset:0}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.grain{position:absolute;inset:0;pointer-events:none;z-index:4;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.34'/%3E%3C/svg%3E");background-size:240px 240px}.vignette{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(120% 90% at 50% 42%,#fffcf400 42%,#60523c1a 78%,#3a302238),linear-gradient(180deg,#fffbf02e,#78644a0f);mix-blend-mode:multiply}.boot{position:absolute;inset:0;z-index:60;display:grid;place-items:center;background:var(--paper);transition:opacity .9s var(--ease),visibility .9s}.boot.is-gone{opacity:0;visibility:hidden}.boot__inner{text-align:center;color:var(--ink-2)}.boot__mark{color:var(--ink);opacity:.9;animation:breathe 6s var(--ease) infinite}.boot__word{font-family:var(--display);font-size:clamp(30px,4.4vw,46px);letter-spacing:.34em;text-transform:uppercase;margin:14px 0 6px;color:var(--ink);padding-left:.34em}.boot__sub{font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--ink-3);margin:0 0 26px}.boot__bar{width:168px;height:1px;margin:0 auto;background:var(--rule-soft);overflow:hidden}.boot__bar span{display:block;height:100%;width:0%;background:var(--ink-2);transition:width .42s var(--ease)}.boot__hint{margin-top:18px;font-size:10.5px;letter-spacing:.16em;color:var(--ink-4);opacity:0;transition:opacity .6s}.boot__hint.is-on{opacity:1}@keyframes breathe{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:.95;transform:translateY(-3px)}}.smallcaps{font-size:10px;letter-spacing:.34em;text-transform:uppercase;font-weight:500;color:var(--ink-3)}.rule{height:1px;background:var(--rule);border:0;margin:0}.serif{font-family:var(--display)}.num{font-family:var(--display);font-variant-numeric:oldstyle-nums}.hud{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:1;transition:opacity .6s var(--ease)}.hud.is-hidden{opacity:0}.hud.is-dim{opacity:.22}.slip{position:absolute;top:clamp(18px,3vw,34px);left:clamp(18px,3vw,38px);width:min(300px,34vw);padding:14px 16px 13px;background:linear-gradient(180deg,#fffdf6f0,#f6f0e2eb);border:1px solid var(--rule);box-shadow:0 1px #ffffffb3 inset,0 12px 30px -18px #32281a8c;transform:rotate(-.35deg)}.slip:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:6px;background:repeating-linear-gradient(90deg,rgba(32,29,25,.13) 0 1px,transparent 1px 5px);opacity:.35}.slip__kicker{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.slip__chapter{font-family:var(--display);font-size:11px;letter-spacing:.22em;color:var(--ink-3);text-transform:uppercase}.slip__title{font-family:var(--display);font-size:clamp(17px,1.5vw,21px);line-height:1.25;margin:7px 0 8px;letter-spacing:.01em}.slip__obj{list-style:none;margin:0;padding:0}.slip__obj li{display:flex;gap:8px;align-items:baseline;font-size:12px;line-height:1.55;color:var(--ink-2);margin-bottom:2px}.slip__obj li:before{content:"—";color:var(--ink-4);flex:0 0 auto;font-size:11px}.slip__obj li.done{color:var(--ink-4);text-decoration:line-through;text-decoration-thickness:1px}.slip__obj li.done:before{content:"·"}.slip__meta{margin-top:9px;padding-top:8px;border-top:1px solid var(--rule-soft);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);display:flex;justify-content:space-between}.nose{position:absolute;left:clamp(18px,3vw,38px);bottom:clamp(18px,3vw,34px);display:flex;flex-direction:column;gap:9px}.nose__row{display:flex;align-items:flex-end;gap:12px}.nose__blot{width:54px;height:54px}.nose__read{padding-bottom:4px}.nose__label{font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-3)}.nose__state{font-family:var(--display);font-size:13px;color:var(--ink-2);margin-top:2px;letter-spacing:.04em}.breath{width:122px;height:3px;background:#201d191a;position:relative;overflow:hidden;transition:opacity .48s var(--ease)}.breath i{display:block;height:100%;width:100%;background:var(--ink-2);transform-origin:left center;transition:transform 90ms linear,background-color .26s var(--ease)}.breath.is-low i{background:var(--truffle)}.breath.is-fading{opacity:.35}.prompt{position:absolute;left:50%;bottom:clamp(34px,6vh,62px);transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:7px 14px 7px 11px;background:#faf6ecd1;border:1px solid var(--rule-soft);backdrop-filter:blur(3px);opacity:0;transition:opacity .22s var(--ease),transform .22s var(--ease);white-space:nowrap}.prompt.is-on{opacity:1;transform:translate(-50%) translateY(-3px)}.prompt kbd{font-family:var(--mono);font-size:10px;letter-spacing:.06em;border:1px solid var(--rule);padding:2px 5px;color:var(--ink-2);background:#ffffff80}.prompt span{font-size:11.5px;letter-spacing:.12em;color:var(--ink-2)}.tools{position:absolute;top:clamp(18px,3vw,34px);right:clamp(18px,3vw,38px);display:flex;gap:18px;align-items:center;pointer-events:auto}.tool{background:none;border:0;padding:4px 0;cursor:pointer;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-2);position:relative}.tool:hover{color:var(--ink)}.tool:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--ink);transition:right .38s var(--ease)}.tool:hover:after{right:0}.tool b{font-family:var(--display);font-weight:400;margin-right:5px;color:var(--ink-4)}.wisps{position:absolute;inset:0;pointer-events:none}.wisps canvas{width:100%;height:100%;display:block}.memory{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .24s var(--ease)}.memory.is-on{opacity:1}.memory canvas{width:100%;height:100%;display:block}.sniff-veil{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(90% 70% at 50% 60%,#fffdf700 30%,#3c32244d);transition:opacity .42s var(--ease)}.sniff-veil.is-on{opacity:1}.ripple{position:absolute;left:50%;top:50%;width:10px;height:10px;border:1px solid var(--gold);border-radius:50%;transform:translate(-50%,-50%);animation:ripple 1.1s var(--ease) forwards;pointer-events:none}@keyframes ripple{0%{opacity:.9;width:10px;height:10px}to{opacity:0;width:62vmin;height:62vmin}}.toasts{position:absolute;left:50%;top:clamp(70px,11vh,110px);transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:min(560px,84vw)}.toast{font-family:var(--display);font-size:13.5px;letter-spacing:.05em;color:var(--ink-2);background:#faf6ece0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:7px 18px;opacity:0;transform:translateY(-4px);animation:toast-in .26s var(--ease) forwards,toast-out .5s var(--ease) 3.1s forwards;text-align:center}.toast.em{color:var(--truffle)}@keyframes toast-in{to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(-3px)}}.roster{position:absolute;right:clamp(18px,3vw,38px);bottom:clamp(18px,3vw,34px);text-align:right;font-size:10.5px;letter-spacing:.14em;color:var(--ink-3);line-height:1.9}.roster b{color:var(--ink-2);font-weight:500}.roster .dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--grove);margin-right:6px;vertical-align:middle}.overlay{position:absolute;inset:0;z-index:20;pointer-events:none}.overlay>*{pointer-events:auto}.title{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);align-items:center;padding:clamp(26px,5vw,74px);background:linear-gradient(90deg,#f2ede1,#f2ede1fb 34%,#f2ede1f0 52%,#f2ede19e 66%,#f2ede129 84%,#f2ede105),linear-gradient(180deg,#f2ede159,#f2ede10d);animation:fade-in 1.2s var(--ease) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.title__left{max-width:640px}.title__folio{display:flex;align-items:center;gap:14px;margin-bottom:clamp(24px,5vh,52px)}.title__folio i{display:block;width:42px;height:1px;background:var(--ink-3)}.title__word{font-family:var(--display);font-weight:400;font-size:clamp(58px,9.6vw,132px);line-height:.86;letter-spacing:.06em;margin:0 0 18px -.06em;color:var(--ink)}.title__word em{font-style:italic;color:var(--truffle)}.title__sub{font-family:var(--display);font-size:clamp(15px,1.6vw,20px);letter-spacing:.16em;color:var(--ink-2);margin:0 0 12px}.title__lede{font-family:var(--display);font-size:clamp(13px,1.15vw,15.5px);line-height:1.95;color:#3a352c;max-width:25em;margin:0 0 clamp(22px,4vh,38px)}.title__lede strong{font-weight:400;color:var(--truffle)}.title__menu{margin-top:6px}.menu-item{display:flex;align-items:baseline;gap:16px;width:100%;max-width:380px;background:none;border:0;border-top:1px solid var(--rule-soft);padding:13px 2px;cursor:pointer;text-align:left;color:#35302a;transition:color .22s,padding-left .32s var(--ease)}.menu-item:last-child{border-bottom:1px solid var(--rule-soft)}.menu-item:hover{color:var(--ink);padding-left:8px}.menu-item i{font-family:var(--display);font-style:normal;font-size:11px;color:var(--ink-4);letter-spacing:.1em}.menu-item b{font-family:var(--display);font-weight:400;font-size:17px;letter-spacing:.06em;flex:1}.menu-item em{font-style:normal;font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-4)}.title__right{justify-self:end;align-self:end;text-align:right;padding-bottom:4px}.title__note{font-size:10px;letter-spacing:.18em;line-height:2;color:#3a352c;text-transform:uppercase;background:#f2ede1d1;border-top:1px solid var(--rule-soft);padding:10px 0 2px 16px}.title__seal{margin-top:16px;margin-left:auto;width:58px;height:58px;border:1px solid var(--rule);border-radius:50%;display:grid;place-items:center;color:var(--truffle);font-family:var(--display);font-size:10px;letter-spacing:.16em;line-height:1.3;transform:rotate(-8deg);opacity:.9}.sheet-wrap{position:absolute;inset:0;display:grid;place-items:center;background:#e2d9c68c;backdrop-filter:blur(6px) saturate(.9);animation:fade-in .26s var(--ease) both;padding:clamp(12px,3vw,40px)}.sheet{position:relative;width:min(980px,96vw);max-height:92vh;overflow:auto;background:linear-gradient(180deg,#f7f2e6,#f2ecdd 60%,#efe8d7);border:1px solid rgba(32,29,25,.2);box-shadow:0 1px #fffc inset,0 40px 80px -50px #281e12bf;padding:clamp(24px,4vw,52px) clamp(24px,5vw,64px) clamp(20px,3vw,40px);animation:sheet-in .48s var(--ease) both}@keyframes sheet-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.sheet__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:14px;border-bottom:1px solid var(--rule)}.sheet__title{font-family:var(--display);font-size:clamp(26px,3.4vw,40px);font-weight:400;letter-spacing:.02em;margin:4px 0 0}.sheet__title em{color:var(--truffle);font-style:italic}.sheet__close{background:none;border:0;cursor:pointer;color:var(--ink-2);font-size:10px;letter-spacing:.26em;text-transform:uppercase;padding:6px 0;border-bottom:1px solid var(--rule)}.sheet__close:hover{color:var(--ink);border-color:var(--ink)}.sheet__body{padding-top:clamp(18px,3vw,30px)}.sheet__foot{display:flex;justify-content:space-between;gap:18px;margin-top:28px;padding-top:12px;border-top:1px solid var(--rule-soft);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-4)}.atlas__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:1px;background:var(--rule-soft);border:1px solid var(--rule-soft)}.entry{background:#f6f1e5;padding:16px 16px 14px;min-height:148px;display:flex;flex-direction:column;gap:8px;position:relative;transition:background .3s var(--ease)}.entry:hover{background:#fbf7ec}.entry__swatch{width:34px;height:34px;border-radius:50%;filter:saturate(.9);box-shadow:0 0 0 1px #201d191f inset,0 6px 14px -8px currentColor}.entry__name{font-family:var(--display);font-size:17px;letter-spacing:.02em}.entry__fr{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}.entry__note{font-family:var(--display);font-size:12px;line-height:1.7;color:var(--ink-2);margin-top:auto}.entry.is-locked .entry__swatch{background:transparent;border:1px dashed var(--ink-4);box-shadow:none}.entry.is-locked .entry__name{color:var(--ink-4)}.entry.is-locked .entry__note{color:var(--ink-4);font-style:italic}.mapwrap{position:relative;border:1px solid var(--rule);background:#f7f2e6}.mapwrap canvas{display:block;width:100%;height:auto}.mappins{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:18px}.mappin{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ink-2);letter-spacing:.06em}.mappin i{width:7px;height:7px;border-radius:50%;display:inline-block}.prefs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px 46px}.group__h{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-3);padding-bottom:8px;border-bottom:1px solid var(--rule-soft);margin-bottom:12px}.field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dotted rgba(32,29,25,.12)}.field:last-child{border-bottom:0}.field__label{font-family:var(--display);font-size:14px;color:var(--ink-2)}.field__hint{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.06em;color:var(--ink-4);margin-top:2px}.field__val{font-family:var(--mono);font-size:12px;color:var(--ink-2)}.seg{display:inline-flex;border:1px solid var(--rule)}.seg button{background:none;border:0;padding:5px 10px;cursor:pointer;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.seg button.on{background:var(--ink);color:var(--paper)}input[type=range]{-webkit-appearance:none;appearance:none;width:132px;height:18px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--ink-4)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;background:var(--ink);border-radius:50%;margin-top:-4px}input[type=range]::-moz-range-track{height:1px;background:var(--ink-4)}input[type=range]::-moz-range-thumb{width:9px;height:9px;border:0;background:var(--ink);border-radius:50%}.tabbar{display:flex;gap:22px;border-bottom:1px solid var(--rule-soft);margin-bottom:24px}.tabbar button{background:none;border:0;padding:10px 0;cursor:pointer;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-4);border-bottom:1px solid transparent}.tabbar button.on{color:var(--ink);border-color:var(--ink)}.rooms{display:grid;gap:14px;max-width:520px}.rooms input{width:100%;padding:10px 12px;background:#fff6;border:1px solid var(--rule);font-family:var(--display);font-size:15px;letter-spacing:.1em;color:var(--ink);outline:none}.rooms input:focus{border-color:var(--ink-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 18px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;cursor:pointer;transition:background .22s,color .22s}.btn:hover{background:transparent;color:var(--ink)}.btn--ghost{background:transparent;color:var(--ink-2);border-color:var(--rule)}.btn--ghost:hover{border-color:var(--ink);color:var(--ink)}.chapter{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:var(--paper);animation:chapter-in .9s var(--ease) both}@keyframes chapter-in{0%{opacity:0}to{opacity:1}}.chapter__inner{text-align:center;max-width:620px;padding:24px}.chapter__no{font-family:var(--display);font-size:12px;letter-spacing:.44em;color:var(--ink-3);text-transform:uppercase}.chapter__title{font-family:var(--display);font-size:clamp(34px,5vw,58px);font-weight:400;margin:18px 0 14px;letter-spacing:.02em}.chapter__lede{font-family:var(--display);font-size:15px;line-height:2;color:var(--ink-2)}.chapter__hint{margin-top:34px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-4);animation:breathe 3.4s var(--ease) infinite}.pause{position:absolute;inset:0;display:grid;place-items:center;background:#eee8dadb;backdrop-filter:blur(4px)}.pause__box{text-align:center}.pause__box h2{font-family:var(--display);font-weight:400;font-size:32px;letter-spacing:.08em;margin:0 0 6px}.pause__box p{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-3);margin:0 0 24px}.worldlabel-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.wlabel{position:absolute;transform:translate(-50%,-100%);font-family:var(--display);font-size:11px;letter-spacing:.1em;color:var(--ink-2);background:#faf6eccc;border:1px solid var(--rule-soft);padding:2px 7px;white-space:nowrap;transition:opacity .2s}.wlabel .bubble{display:block;font-size:18px;text-align:center;margin-bottom:2px}.holdring{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:84px;height:84px;display:grid;place-items:center;opacity:0;transition:opacity .2s var(--ease)}.holdring.is-on{opacity:1}.holdring svg{position:absolute;inset:0;transform:rotate(-90deg)}.holdring__k{font-family:var(--display);font-size:12.5px;letter-spacing:.16em;color:var(--ink-2);text-shadow:0 0 6px rgba(250,246,236,.9),0 0 14px rgba(250,246,236,.7)}.holdring svg circle[data-arc]{transition:stroke-dashoffset 80ms linear}.hidden{display:none!important}@media (max-width: 820px){.title{grid-template-columns:1fr;align-items:end}.title__right{display:none}.title__folio{margin-bottom:18px}.title__word{font-size:clamp(48px,16vw,84px)}.slip{width:min(260px,62vw)}.nose{bottom:14px;left:14px}.roster{display:none}.tools{gap:12px}.tool b{display:none}.sheet{max-height:94vh;padding:22px 18px}}.slip__obj li.is-now{color:var(--ink);font-weight:500}.slip__obj li.is-now:before{content:"▸";color:var(--truffle);font-size:9px;transform:translateY(-1px)}.slip__obj li.is-opt{color:var(--ink-3)}.slip__obj li em{font-family:var(--sans);font-style:normal;font-size:9px;letter-spacing:.14em;color:var(--ink-4);margin-left:6px}.turnpage{position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(100deg,#f2ede100,#f7f2e6e6 40%,#d6ccb8f5 53%,#f7f2e6bf 64%,#f2ede100 78%);background-size:240% 100%;animation:pageturn .88s var(--ease) forwards}@keyframes pageturn{0%{background-position:130% 0;opacity:0}18%{opacity:1}to{background-position:-45% 0;opacity:0}}.guide{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:1;transition:opacity .32s var(--ease)}.guide.is-off{opacity:0}.guide__col{position:absolute;right:clamp(16px,2.6vw,34px);top:46%;transform:translateY(-50%);width:min(236px,27vw);display:flex;flex-direction:column;gap:7px;align-items:stretch}.guide__card{padding:11px 13px 12px;background:linear-gradient(180deg,#fdfaf4,#f7f1e3);border:1px solid rgba(32,29,25,.3);box-shadow:0 1px #ffffffe6 inset,0 1px 2px #32281a2e,0 14px 30px -18px #32281a9e;transform:rotate(.4deg);opacity:0;transition:opacity .26s var(--ease),transform .26s var(--ease)}.guide__card.is-on{opacity:1;transform:rotate(.4deg) translateY(0)}.guide__card.is-beat{padding-left:14px;border-left:2px solid rgba(143,47,22,.42);transform:rotate(-.3deg)}.guide__card.is-done{border-left:2px solid var(--rule)}.guide__kicker{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-family:var(--display);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-4)}.guide__meta{font-family:var(--display);font-size:9.5px;letter-spacing:.16em;color:var(--truffle);white-space:nowrap;flex:0 0 auto}.guide__meta.is-empty{display:none}.guide__dots{display:flex;gap:3px;align-items:center}.guide__dots i{width:2px;height:2px;border-radius:50%;background:var(--ink-4);opacity:.55;animation:guidedots 2.6s var(--ease) infinite}.guide__dots i:nth-child(2){animation-delay:.22s}.guide__dots i:nth-child(3){animation-delay:.44s}@keyframes guidedots{0%,70%,to{opacity:.2}35%{opacity:.8}}.guide__text{margin:6px 0 0;font-family:var(--display);font-size:13px;line-height:1.72;letter-spacing:.02em;color:var(--ink-2);word-break:break-word}.guide__card.is-beat .guide__text{color:var(--ink);font-size:13.5px;line-height:1.85}.guide__card.is-done .guide__text{color:var(--ink-3);text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:var(--rule)}.guide__note{margin:5px 0 0;font-family:var(--display);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-4)}.guide__note.is-empty{display:none}.guide__sub{list-style:none;margin:0;padding:5px 9px 6px;display:flex;flex-direction:column;gap:2px;background:#f9f4e7;border:1px solid rgba(32,29,25,.2);box-shadow:0 1px 2px #32281a24,0 8px 18px -14px #32281a80;transform:rotate(-.25deg)}.guide__sub:empty{display:none}.guide__subitem{font-family:var(--display);font-size:10.5px;line-height:1.62;letter-spacing:.03em;color:var(--ink-2);text-align:left}.guide__subitem:before{content:"— ";color:var(--ink-4)}.guide__needle{position:absolute;left:0;top:0;display:block;color:var(--truffle);opacity:0;transition:opacity .22s var(--ease);will-change:transform}.guide__disc{width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#f8f3e6;border:1px solid rgba(32,29,25,.28);box-shadow:0 1px 3px #32281a42,0 10px 20px -12px #32281a8c}.guide__needle.is-on{opacity:.97}.guide__arrow{display:block;width:24px;height:24px;transform-origin:50% 50%;transition:transform .16s linear}.guide__dist{font-family:var(--display);font-size:9px;letter-spacing:.08em;line-height:1;color:var(--ink-2);white-space:nowrap;margin-top:-1px}.guide__turn{position:absolute;inset:0;pointer-events:none}.turncard{position:absolute;left:50%;top:clamp(118px,16vh,152px);transform:translate(-50%);width:min(430px,52vw);padding:14px 20px 15px;text-align:center;background:linear-gradient(180deg,#fdfaf3f5,#f3ecddf0);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);box-shadow:0 16px 40px -30px #32281ab3;animation:turnin .62s var(--ease) both;transition:opacity .52s var(--ease),transform .52s var(--ease)}.turncard.is-out{opacity:0;transform:translate(-50%) translateY(-8px)}@keyframes turnin{0%{opacity:0;transform:translate(-50%) translateY(-14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.turncard__no{font-family:var(--display);font-size:9.5px;letter-spacing:.4em;text-transform:uppercase;color:var(--ink-4)}.turncard__title{font-family:var(--display);font-size:24px;margin-top:6px;letter-spacing:.04em;color:var(--ink)}.turncard__sub{margin-top:4px;font-family:var(--display);font-size:10.5px;letter-spacing:.22em;color:var(--ink-3)}.chapter__sub{margin:-6px 0 18px;font-family:var(--display);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-4)}.chapterlist{list-style:none;margin:10px 0 0;padding:0}.chapterlist__item{display:grid;grid-template-columns:92px 1fr;gap:3px 12px;padding:9px 0;border-top:1px solid var(--rule-soft)}.chapterlist__item:last-child{border-bottom:1px solid var(--rule-soft)}.chapterlist__no{grid-row:span 2;font-family:var(--display);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-4);padding-top:3px}.chapterlist__title{font-family:var(--display);font-size:14px;letter-spacing:.04em;color:var(--ink-2)}.chapterlist__item.is-now .chapterlist__title{color:var(--ink)}.chapterlist__item.is-now .chapterlist__title:before{content:"▸ ";color:var(--truffle);font-size:10px}.chapterlist__note{font-family:var(--display);font-size:11px;line-height:1.7;color:var(--ink-3)}.chapterlist__item.is-locked{opacity:.5}.chapterlist__item.is-locked .chapterlist__title{color:var(--ink-4)}.act{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .55s var(--ease)}.act.is-on{opacity:1}.act.is-off{opacity:0!important}.act__shade{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 100%,#181511e0,#1815114d 55%,#18151100 80%),#1815116b;opacity:0}.act__warm{position:absolute;inset:0;background:radial-gradient(85% 72% at 50% 64%,#ffca8457,#ffb06a21 46%,#ffb06a00 76%),linear-gradient(to top,#ffc07a2e,#ffc07a00 52%);mix-blend-mode:soft-light;opacity:0;transition:opacity 1.5s var(--ease)}.act__line{position:absolute;left:50%;bottom:12vh;transform:translate(-50%);width:min(680px,84vw);margin:0;text-align:center;font-family:var(--display);font-style:italic;font-size:clamp(17px,2.3vw,23px);line-height:1.75;letter-spacing:.045em;color:var(--paper);text-shadow:0 1px 16px rgba(15,13,10,.6),0 0 2px rgba(15,13,10,.45);opacity:1}@media (max-width: 820px){.guide__col{width:min(190px,46vw);top:40%}.guide__text{font-size:12px}.guide__subitem{font-size:10px}.turncard{width:78vw}.act__line{bottom:16vh;width:88vw}}@media (prefers-reduced-motion: reduce){.guide__dots i{animation:none}.turnpage{animation-duration:1ms;opacity:0}.turncard{animation:none}.act,.act__warm{transition:none}}
