:root{--paper:#f4ecdc;--ink:#2c241b;--ink-soft:#5a4a3a;--warm-glow:#d8a96a;--body:"Amulya", Georgia, serif;font-family:var(--body);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}*{box-sizing:border-box}html,body,#root{width:100%;margin:0;padding:0}body{background:var(--paper);overflow-x:hidden}.canvas-host{z-index:0;width:58vw;height:100vh;transition:opacity .2s;position:fixed;top:0;left:0}@media (width<=768px){.canvas-host{width:100vw;height:55vh}}.scroll-spacer{z-index:1;pointer-events:none;height:1200vh;position:relative}.scene-visual{pointer-events:none;z-index:5;justify-content:center;align-items:center;width:58vw;height:100vh;padding:4vh 4vw;display:flex;position:fixed;top:0;left:0}.scene-visual img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}@media (width<=768px){.scene-visual{width:100vw;height:55vh;padding:2vh 4vw}}.story-text{pointer-events:none;z-index:10;justify-content:flex-start;align-items:center;width:42vw;padding:0 5vw 0 2vw;display:flex;position:fixed;top:0;bottom:0;right:0}.story-text p{transition:none}@media (width<=768px){.story-text{justify-content:center;align-items:flex-start;width:100vw;padding:1.5rem 1.5rem 2rem;inset:55vh 0 0}.story-text p{text-align:left;max-width:100%;font-size:1.1rem;line-height:1.5}}.story-text p{max-width:32rem;font-family:var(--body);color:var(--ink);text-align:left;text-shadow:0 1px 8px #f4ecdc99;margin:0;font-size:1.4rem;font-style:italic;font-weight:300;line-height:1.65}.title-book{z-index:20;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.title-book h1{font-family:var(--body);color:var(--ink);text-align:center;letter-spacing:-.01em;margin:0;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:500;line-height:1.05}.title-book .subtitle{font-family:var(--body);color:var(--ink-soft);letter-spacing:.18em;text-transform:uppercase;margin-top:1rem;font-size:1rem;font-style:italic;font-weight:300}.title-book .scroll-hint{font-family:var(--body);color:var(--ink-soft);letter-spacing:.25em;text-transform:uppercase;font-size:.75rem;font-weight:400;animation:2s ease-in-out infinite nudge;position:absolute;bottom:4rem}@keyframes nudge{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.the-end{z-index:25;background:var(--paper);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.the-end h1{font-family:var(--body);color:var(--ink);text-align:center;letter-spacing:-.01em;margin:0;font-size:clamp(2.5rem,6vw,4.5rem);font-style:italic;font-weight:500}.debug-hud{color:var(--paper);z-index:100;pointer-events:none;background:#2c241bd9;border-radius:4px;padding:.5rem 1rem;font-family:ui-monospace,monospace;font-size:.75rem;position:fixed;top:1rem;left:1rem}