.settings-panel{backdrop-filter:blur(12px);background:linear-gradient(165deg,#1a1a21f7,#0a0a0ef5);border:1px solid #9696a042;border-radius:18px;flex-direction:column;width:min(340px,90vw);padding:1.2rem 1.4rem 1rem;animation:.3s ease-out vn-next-in;display:flex;position:relative;box-shadow:0 30px 70px #000000a6,inset 0 1px #ffffff17}.settings-head{border-bottom:1px solid #8e8e9929;align-items:center;gap:.7rem;padding-bottom:.9rem;display:flex}.settings-title{font-family:var(--font-title);letter-spacing:.34em;text-transform:uppercase;color:#e9e9ee;font-size:.7rem;font-weight:600}.settings-gem{background:linear-gradient(135deg,#fff,#a3a3ae);border:1px solid #78788499;width:6px;height:6px;transform:rotate(45deg)}.settings-close{width:28px;height:28px;position:absolute;top:.9rem;right:.9rem}.settings-row{grid-template-columns:6.8rem 1fr 2.8rem;align-items:center;gap:.9rem;padding:.85rem 0;display:grid}.settings-row+.settings-row{border-top:1px solid #8e8e991a}.settings-label{font-family:var(--font-body);color:#cfcfd6;font-size:1.05rem}.settings-value{font-family:var(--font-title);color:var(--silver-3);text-align:right;font-size:.66rem}.settings-ctrl{grid-column:2/span 2;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.icon-btn.tiny{width:28px;height:28px;font-size:.85rem}.settings-range{-webkit-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(90deg,#e9e9ee73,#8e8e9940);border-radius:3px;outline:none;width:100%;height:3px}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(135deg,#fff,#a3a3ae);border:1px solid #787884b3;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 6px #0000008c}.settings-range::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#fff,#a3a3ae);border:1px solid #787884b3;border-radius:50%;width:14px;height:14px}.settings-range:disabled{opacity:.3;cursor:not-allowed}.settings-switch{cursor:pointer;background:#08080cd9;border:1px solid #8e8e9959;border-radius:999px;justify-self:start;width:42px;height:22px;transition:border-color .25s;position:relative}.settings-knob{background:linear-gradient(135deg,#a9a9b2,#6d6d78);border-radius:50%;width:14px;height:14px;transition:left .25s cubic-bezier(.22,1,.36,1),background .25s;position:absolute;top:3px;left:3px}.settings-switch.is-on{border-color:#ff4d4d8c}.settings-switch.is-on .settings-knob{background:linear-gradient(135deg,#ff4d4d,#8c1420);left:23px}.prologue{cursor:pointer;justify-content:center}.prologue-ui{z-index:5;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:absolute;top:clamp(1.6rem,3.4vh,2.6rem);left:clamp(2rem,4vw,3.4rem);right:clamp(2rem,4vw,3.4rem)}.prologue-kicker{font-family:var(--font-title);letter-spacing:.42em;text-transform:uppercase;color:var(--silver-3);font-size:.72rem;font-weight:600}.prologue-count{font-family:var(--font-title);letter-spacing:.3em;color:var(--silver-4);opacity:.75;font-size:.62rem;position:absolute;left:50%;transform:translate(-50%)}.prologue-tools{z-index:25;align-items:center;gap:.55rem;display:flex;position:absolute;top:clamp(4rem,9vh,5.6rem);right:clamp(2rem,4vw,3.4rem)}.prologue-tools .settings-panel{z-index:26;position:absolute;top:calc(100% + .75rem);right:0}.prologue-intro{z-index:35;cursor:pointer;background:#050507;flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;display:flex;position:absolute;inset:0}.prologue-intro-title{font-family:var(--font-title);letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:#f5f5f7;text-shadow:0 0 60px #ffffff2e;text-align:center;margin:0;padding:0 1rem;font-size:clamp(1.7rem,5.5vw,3.2rem);font-weight:600}.prologue-intro-sub{font-family:var(--font-title);letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:var(--silver-4);align-items:center;gap:.9rem;margin:0;font-size:.72rem;font-weight:600;display:flex}.prologue-stage{justify-content:center;align-items:center;padding:5rem clamp(1.25rem,7vw,6rem) 7.5rem;display:flex;position:absolute;inset:0}.beat{text-align:center;max-width:54rem;font-family:var(--font-body);font-size:calc(clamp(1.15rem, 2.6vw, 1.65rem) * var(--beat-scale,1));color:#e9e9ee;margin:0;font-weight:500;line-height:1.75}.beat-para{display:block}.beat-para+.beat-para{margin-top:1.35em}.beat-word-wrap{white-space:nowrap;display:inline-block}.beat-char,.beat-word{white-space:pre;display:inline-block}.beat-red{color:#ff4d4d;text-shadow:0 0 22px #ff4d4d66}.beat-whisper{color:#87878f;font-style:italic}.prologue-stage.is-big .beat{font-size:calc(clamp(1.9rem, 5.5vw, 3.9rem) * var(--beat-scale,1));letter-spacing:.04em;color:#f5f5f7;text-shadow:0 0 50px #fff3;font-weight:600;line-height:1.35}.prologue-stage.is-big .beat-red{color:#ff4d4d;text-shadow:0 0 30px #ff4d4d8c,0 0 80px #ff4d4d40}.prologue-hint{text-align:center;font-family:var(--font-title);letter-spacing:.3em;text-transform:uppercase;color:var(--silver-4);pointer-events:none;z-index:6;margin:0;font-size:.66rem;font-weight:600;animation:.9s ease-out vn-next-in;position:absolute;bottom:2.4rem;left:0;right:0}@keyframes vn-next-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.chapters-heading{font-family:var(--font-title);letter-spacing:.4em;text-transform:uppercase;color:#e9e9ee;align-items:center;gap:1rem;margin:0 0 2.2rem;font-size:clamp(1rem,2.6vw,1.5rem);font-weight:600;display:flex}.chapters-list{flex-direction:column;gap:.55rem;width:min(680px,92%);margin:0 0 2.4rem;padding:0;list-style:none;display:flex}.ch-item{color:#e9e9ee;width:100%;font-family:var(--font-body);text-align:left;cursor:pointer;background:linear-gradient(145deg,#fcfcfd0e,#eaeaee08);border:1px solid #8e8e994d;border-radius:.9rem;align-items:center;gap:1rem;padding:.85rem 1.4rem;font-size:1.05rem;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;box-shadow:inset 0 1px #ffffff24}.ch-item:hover:not(:disabled){border-color:#b6b6bfa6;transform:translate(5px);box-shadow:inset 0 1px #fff3,0 8px 26px #00000080}.ch-item:disabled{opacity:.35;cursor:not-allowed}.ch-title{font-family:var(--font-title);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:600}.ch-lock{background:linear-gradient(135deg,#fff,#6d6d78);border:1px solid #78788499;flex-shrink:0;width:6px;height:6px;transform:rotate(45deg)}.ch-item.is-locked .ch-lock{background:#3a3a42}.ch-state{font-family:var(--font-title);letter-spacing:.26em;text-transform:uppercase;color:var(--silver-4);margin-left:auto;font-size:.58rem;font-weight:600}.ch-item.is-locked .ch-state{color:#6d6d78}.chapters-back{padding:.7rem 2.6rem;font-size:.78rem}.crt{pointer-events:none;z-index:20;opacity:0;position:absolute;inset:0;overflow:hidden}.crt-noise{opacity:.05;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.crt-scanlines{opacity:.55;background:repeating-linear-gradient(#0000 0 2px,#0000003d 3px,#0000 4px);position:absolute;inset:0}.crt-scan-bright{height:90px;position:absolute;left:0;right:0}.crt-glitchband{opacity:0;filter:blur(1px);height:30px;position:absolute;left:0;right:0}.crt-layer-white,.crt-layer-red{position:absolute;inset:0}.crt-scan-bright .crt-layer-white{background:linear-gradient(#0000,#dee4ee0d,#0000)}.crt-scan-bright .crt-layer-red{opacity:0;background:linear-gradient(#0000,#ff4d4d12,#0000)}.crt-glitchband .crt-layer-white{background:linear-gradient(#0000,#ffffff17,#78cddc0d,#0000)}.crt-glitchband .crt-layer-red{opacity:0;background:linear-gradient(#0000,#ff4d4d24,#ff404014,#0000)}.crt-flicker{opacity:.04;background:#080a0e8c;position:absolute;inset:0}.crt-vignette{background:radial-gradient(#0000 52%,#00000073 100%);position:absolute;inset:0}@media (width<=640px){.prologue-ui{top:1.1rem;left:.9rem;right:.9rem}.prologue-kicker{letter-spacing:.3em;font-size:.58rem}.prologue-tools{top:3.4rem;right:.9rem}.prologue-tools .icon-btn{width:38px;height:38px}.prologue-tools .icon-btn svg{width:15px;height:15px}.prologue-count{display:none}.prologue-stage{padding-bottom:6rem}.beat{font-size:calc(1.08rem * var(--beat-scale,1))}.prologue-stage.is-big .beat{font-size:calc(clamp(1.5rem, 7.5vw, 2.2rem) * var(--beat-scale,1));letter-spacing:.1em}.prologue-hint{letter-spacing:.22em;font-size:.56rem;bottom:1.6rem}.ch-item{padding:.7rem 1rem}.ch-title{letter-spacing:.12em;font-size:.68rem}}.vn{cursor:pointer;user-select:none;width:100%;height:100dvh;font-family:var(--font-body);color:var(--text);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.vn-hud{z-index:5;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:absolute;top:clamp(3.2rem,7vh,4.6rem);left:clamp(2rem,4vw,3.4rem);right:clamp(2rem,4vw,3.4rem)}.vn-hud-title{font-family:var(--font-title);letter-spacing:.42em;text-transform:uppercase;color:#e9e9ee;text-shadow:0 1px 3px #0000008c;opacity:.85;font-size:.72rem;font-weight:600}.vn-hud-sep{display:none}.vn-cluster{align-items:center;display:flex}.cluster-items{opacity:0;pointer-events:none;align-items:center;gap:.45rem;max-width:0;transition:max-width .5s cubic-bezier(.22,1,.36,1),opacity .35s,transform .5s cubic-bezier(.22,1,.36,1),margin-right .5s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden;transform:translate(16px)}.vn-cluster.is-open .cluster-items{opacity:1;pointer-events:auto;max-width:260px;margin-right:.5rem;transform:none}.vn-actions .icon-btn.hud,.icon-btn.hud{width:38px;height:38px}.icon-btn.is-muted{opacity:.4}.icon-btn.is-active{color:#fff;border-color:#c8c8d2bf;box-shadow:0 8px 22px #0000008c,inset 0 1px #fff3,0 0 16px #b6b6bf2e}.vn-settings-wrap{z-index:25;position:absolute;top:clamp(5.6rem,11vh,7rem);right:clamp(2rem,4vw,3.4rem)}.vn-book{justify-content:flex-start}.book-page{scroll-behavior:smooth;z-index:4;scrollbar-width:thin;scrollbar-color:#8e8e9966 transparent;padding:clamp(6.4rem,13vh,8rem) clamp(1.25rem,6vw,3rem) 3.5rem;position:absolute;inset:0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 clamp(5.2rem,11vh,7rem));mask-image:linear-gradient(#0000 0,#000 clamp(5.2rem,11vh,7rem))}.book-page::-webkit-scrollbar{width:5px}.book-page::-webkit-scrollbar-thumb{background:#8e8e9959;border-radius:3px}.book-page::-webkit-scrollbar-track{background:0 0}.book-col{max-width:46rem;font-family:var(--font-body);font-size:calc(1.28rem * var(--beat-scale,1));color:#e8e8ee;text-align:left;margin:0 auto;font-weight:500;line-height:1.85}.bk-line{margin:0 0 1.35em}.bk-line.is-narration{color:#b9b9c3;font-style:italic}.bk-line.is-dialogue .bk-speaker{font-family:var(--font-title);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 1px 3px #00000080;margin-right:.1em;font-size:.72em;font-weight:700}.bk-char-in{animation:.5s ease-out both bk-char-in;display:inline}@keyframes bk-char-in{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}.bk-caret{color:#c9c9d1;margin-left:.2em;font-size:1.35em;font-weight:700;line-height:0;animation:1s step-end infinite vn-blink;display:inline-block}@keyframes vn-blink{50%{opacity:0}}.bk-choices{cursor:default;flex-direction:column;align-items:center;gap:1rem;margin-top:1.8rem;display:flex}.vn-choice-prompt{font-family:var(--font-title);letter-spacing:.34em;text-transform:uppercase;color:#e9e9ee;text-align:center;align-items:center;gap:1rem;margin:0 0 .4rem;font-size:.78rem;font-weight:600;display:flex}.vn-choice{letter-spacing:.16em;text-align:center;width:min(540px,88%);padding:1rem 2rem;font-size:.85rem}.vn-splash{z-index:30;opacity:0;visibility:hidden;pointer-events:none;background:#050507;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vn-splash-title{font-family:var(--font-title);letter-spacing:.42em;text-transform:uppercase;text-align:center;color:#e9e9ee;text-shadow:0 0 40px #ffffff40;align-items:center;gap:1.2rem;padding:0 1.5rem;font-size:clamp(1rem,3.2vw,1.7rem);font-weight:600;display:inline-flex}.splash-gem{background:linear-gradient(135deg,#fff,#a3a3ae);border:1px solid #78788499;flex-shrink:0;width:7px;height:7px;transform:rotate(45deg)}.vn-toast{font-family:var(--font-title);letter-spacing:.24em;text-transform:uppercase;color:#e9e9ee;z-index:20;background:linear-gradient(145deg,#18181ef2,#0d0d11eb);border:1px solid #8e8e9966;border-radius:999px;padding:.55rem 1.4rem;font-size:.68rem;font-weight:600;animation:.22s ease-out vn-toast-in;position:absolute;top:clamp(5.4rem,10vh,6.6rem);left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0000008c,inset 0 1px #ffffff24}@keyframes vn-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.vn-end{text-align:center;cursor:default;z-index:4;flex-direction:column;align-items:center;gap:.4rem;margin:auto;display:flex}.vn-end .ornament{margin-bottom:.8rem}.vn-end h2{font-family:var(--font-title);letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:#e9e9ee;text-shadow:0 2px #ffffff24,0 14px 34px #00000080;margin:0;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:600}.vn-end p{color:var(--silver-3);margin:.4rem 0 1.8rem;font-size:1.2rem;font-style:italic}.vn-end-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (width<=640px){.vn-hud{top:3.6rem;left:.9rem;right:.9rem}.vn-hud-title{letter-spacing:.28em;font-size:.58rem}.icon-btn.hud{width:34px;height:34px}.icon-btn.hud svg{width:14px;height:14px}.vn-settings-wrap{top:5.4rem;right:.9rem}.book-page{padding:6rem 1.1rem 3rem;-webkit-mask-image:linear-gradient(#0000 0,#000 4.6rem);mask-image:linear-gradient(#0000 0,#000 4.6rem)}.book-col{font-size:calc(1.1rem * var(--beat-scale,1));line-height:1.8}.vn-choice{letter-spacing:.12em;padding:.75rem 1.2rem;font-size:.68rem}.vn-choice-prompt{letter-spacing:.24em;font-size:.64rem}.vn-end h2{letter-spacing:.3em;text-indent:.3em}.vn-end-actions{flex-direction:column;width:min(280px,80%)}.vn-end-actions .menu-btn{width:100%;padding:.6rem 1.4rem;font-size:.66rem}.vn-toast{letter-spacing:.18em;font-size:.58rem;top:5rem}}