@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--white:#f4f2eb;--dim:#acb5c4;--amber:#f4bb82;--night:#060b16;--line:#ffffff29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--white);font:16px/1.6 'DM Sans',sans-serif}button,a,textarea{-webkit-tap-highlight-color:transparent}button,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--amber);outline-offset:7px}button{border:0;background:none}::selection{background:#b77b43;color:white}.skip{position:fixed;left:20px;top:-60px;z-index:30;background:#fff;color:#111;padding:10px}.skip:focus{top:12px}#world{position:fixed;inset:0;z-index:0;background:#060b16}#poster{width:100%;height:100%;object-fit:cover;opacity:.8}#scene{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.5s;touch-action:pan-y}.scene-ready #scene{opacity:1}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#020610a3 0%,transparent 25%,transparent 43%,#0307108a 80%,#030710de 100%),linear-gradient(90deg,#0206104a,transparent 65%)}#transition-flash{position:fixed;inset:0;background:#ffce9d;opacity:0;pointer-events:none;z-index:2}header{position:fixed;left:0;right:0;top:0;height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;z-index:12;pointer-events:none}header>*{pointer-events:auto}.wordmark{font:800 37px/1 'Manrope',sans-serif;letter-spacing:-2.3px}.wordmark span{font:400 10px 'DM Sans',sans-serif;vertical-align:top;letter-spacing:0;margin-left:6px;display:inline-block;margin-top:6px}.header-center{position:absolute;left:50%;transform:translateX(-50%);text-align:center;font-size:12px;letter-spacing:3.2px}.header-center span{display:block;font-size:12px;letter-spacing:2.2px;opacity:.5;margin-top:6px}.header-actions{display:flex;gap:28px;align-items:center;font-size:12px}.header-actions button{padding:10px 0}#about-button span{margin-left:12px}.signin{padding:9px 16px;border:1px solid #f4bb8266;border-radius:30px;color:var(--amber)}.signin:hover{background:#f4bb8220}.sound-bars{font-size:12px;color:var(--amber);margin-right:8px;letter-spacing:-2px}.scene-status{position:fixed;top:122px;left:4.5%;z-index:4;display:flex;gap:10px;align-items:center;font-size:12px;letter-spacing:2px;color:#a3adbd;pointer-events:none}.status-point{width:4px;height:4px;background:var(--amber);box-shadow:0 0 12px var(--amber);border-radius:100%}.chapter{height:140vh;min-height:740px;position:relative;z-index:3;pointer-events:none;display:flex;align-items:flex-start;padding:0 8%}.chapter-copy{position:sticky;top:46vh;max-width:650px;padding:15px 0 100px;pointer-events:auto;text-shadow:0 2px 35px #0008;transition:opacity .35s,transform .35s}.chapter:not(.opening) .chapter-copy{top:43vh}.chapter.align-right{justify-content:flex-end;padding-right:10%}.chapter.align-right .chapter-copy{max-width:570px}.chapter.finale{height:100vh;min-height:740px;text-align:center;justify-content:center}.finale .chapter-copy{top:37vh;max-width:900px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:500;margin:0 0 24px;color:var(--amber);line-height:1.8}.eyebrow span{color:#b1bac7;margin-right:18px}h1,h2{font-family:'Manrope',sans-serif;font-size:clamp(48px,5.5vw,86px);font-weight:500;letter-spacing:-4px;line-height:1.12;margin:0 0 25px}h2{font-size:clamp(42px,4.6vw,70px)}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#f1cda7;letter-spacing:-3px}p.narrative{font-size:16px;line-height:1.9;color:#bdc6d4;margin:0 0 28px;font-weight:400}.enter{display:inline-flex;gap:15px;align-items:center;font-size:12px;letter-spacing:.5px}.enter-icon{border:1px solid #d3c1a56b;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;transition:background .2s}.enter:hover .enter-icon{background:#f4bb8233}.enter-line{height:1px;width:40px;background:#ffffff3c}.next-line{display:inline-flex;align-items:center;gap:32px;font-size:13px;border-bottom:1px solid #ffffff45;padding:8px 0;color:#ead7c2}.chapter-nav{position:fixed;z-index:10;right:3.8%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:25px}.chapter-nav a{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:1px;color:#97a0af;position:relative;padding:4px}.chapter-nav i{display:block;height:5px;width:5px;border:1px solid #a3a8b466;transform:rotate(45deg)}.chapter-nav a[aria-current] i{background:var(--amber);border-color:var(--amber);box-shadow:0 0 12px #f4bb8266}.chapter-nav a[aria-current]{color:var(--amber)}.chapter-nav b{position:absolute;right:46px;font-size:12px;font-weight:400;white-space:nowrap;opacity:0;pointer-events:none;background:#071020a6;padding:4px 8px;transition:opacity .2s}.chapter-nav a:hover b,.chapter-nav a:focus-visible b{opacity:1}.hud{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:30px 4.5% 26px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(transparent,#040813e0);font-size:12px;letter-spacing:1.6px}.hud-left{display:flex;align-items:center;gap:20px}.hud-left>span:first-child{color:var(--amber)}.hud-separator{width:30px;height:1px;background:var(--line)}.travel-hint{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;color:#afb8c8;font-size:12px;letter-spacing:1.8px}.scroll-glyph{font-size:17px;display:inline-block;margin-right:7px}.hud-controls{display:flex;gap:12px;align-items:center}.hud-controls button{border:1px solid var(--line);height:33px;width:33px;border-radius:50%;font-size:15px}.hud-controls #calm{border:0;width:auto;font-size:12px;padding:0 13px;letter-spacing:.3px;color:#a5adbb}.hud-controls #calm[aria-pressed=true]{color:var(--amber)}.hud-controls button:disabled{opacity:.3;cursor:default}.progress-track{position:absolute;bottom:0;height:2px;background:#ffffff12;left:0;right:0}#progress-fill{width:0;height:2px;background:var(--amber);box-shadow:0 0 8px #ff9f4177}.mood-control{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0 26px}.mood-control>span{width:100%;font-size:12px;letter-spacing:2px;color:#a6b2c5;margin-bottom:6px}.mood-control button{font-size:12px;padding:9px 16px;border:1px solid #ffffff2b;border-radius:30px;background:#07102077}.mood-control button[aria-pressed=true]{border-color:#edbf8866;color:var(--amber);background:#d68e4020}.primary{display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:17px 24px;background:#efc393;color:#151417;border:1px solid #f8d4ac;border-radius:2px;font-size:13px;font-weight:500;text-shadow:none}.primary:hover{background:#ffdcad}.final-actions{display:flex;gap:25px;align-items:center;justify-content:center;margin:28px 0}.replay{font-size:12px;color:#b6bfcc}.signature{font-size:12px;letter-spacing:2px;color:#7e8b9f;margin-top:30px}dialog{padding:48px;background:#0a101e;color:var(--white);width:min(600px,92vw);max-height:90vh;border:1px solid #f1cda735;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#030611c9;backdrop-filter:blur(12px)}dialog h2{font-size:43px;letter-spacing:-2px}dialog p{font-size:15px;color:#b1bdce;line-height:1.9}dialog .eyebrow{font-size:12px;color:var(--amber)}dialog .close{position:absolute;right:18px;top:12px;font-size:26px;color:#c4cbd4}.small-copy{font-size:12px!important;color:#8c9bb1!important}.outline{border:1px solid #546072;padding:12px 18px;font-size:12px;margin-top:15px}label{display:block;font-size:13px;color:var(--amber);margin-bottom:12px}textarea{width:100%;resize:vertical;min-height:100px;background:#050b16;color:white;border:1px solid #364357;padding:15px;margin:0 0 20px;line-height:1.6}#idea-feedback{color:var(--amber)}.reading #scene{display:none}.reading .chapter-copy{position:relative!important;top:0!important;opacity:1!important;transform:none!important}.reading .chapter{height:auto;min-height:0;padding:100px 8% 0;justify-content:flex-start;text-align:left}.reading main{background:#030a15db;position:relative;z-index:3;margin-top:170px}.reading .final-actions{justify-content:flex-start}.reading .chapter-nav,.reading .scene-status,.reading .travel-hint{display:none}.reading .hud{background:#050914}.reading .chapter:last-child{padding-bottom:130px}.noscript-note{position:fixed;top:145px;left:5%;z-index:15;font-size:12px;color:var(--amber);background:#050914}.enhanced .chapter:not(.active) .chapter-copy{opacity:0;pointer-events:none;transform:translateY(18px)}.enhanced .chapter.active .chapter-copy{opacity:1;transform:none}.enhanced.reading .chapter-copy{pointer-events:auto!important}.dragging{cursor:grabbing}body:not(.dragging) #scene{cursor:grab}
@media(min-width:1600px){.chapter-copy{max-width:750px}h1{font-size:94px}}@media(max-width:900px){.header-center{display:none}.header-actions{gap:20px}.chapter{padding-inline:7%;min-height:760px}.chapter.align-right{padding-right:12%;justify-content:flex-start}.chapter-copy{max-width:560px}.travel-hint{display:none}.hud{font-size:12px}.hud-left{gap:12px}h1{font-size:64px;letter-spacing:-3px}.chapter-nav{right:3%}}@media(max-width:600px){header{height:80px;padding:0 6%}.wordmark{font-size:30px}.header-actions{font-size:12px;gap:17px}.sound-bars{display:none}#about-button span{display:none}.signin{padding:8px 13px}.scene-status{top:95px;left:6%;font-size:12px;letter-spacing:1.6px}.chapter{height:140svh;min-height:770px;padding:0 7%}.chapter-copy,.chapter:not(.opening) .chapter-copy{top:44svh;padding-bottom:130px;max-width:90%}.chapter.opening .chapter-copy{top:46svh}.eyebrow{font-size:12px;letter-spacing:1.5px;margin-bottom:19px}.eyebrow span{display:block;margin:0 0 5px}h1{font-size:46px;letter-spacing:-2.4px;line-height:1.14}h2{font-size:40px;letter-spacing:-2px}em{letter-spacing:-1.8px}.narrative{font-size:16px!important;line-height:1.65!important}.narrative br{display:none}.chapter-nav{right:3%;gap:21px;top:35%}.chapter-nav a{font-size:12px;gap:7px}.chapter-nav b{display:none}.chapter-nav i{width:4px;height:4px}.hud{padding:20px 5%}.hud-separator{width:13px}.hud-left{gap:10px;font-size:12px;letter-spacing:.7px}.hud-controls{gap:6px}.hud-controls button{width:31px;height:31px}.hud-controls #calm{font-size:12px;padding:0 7px}.finale .chapter-copy{top:40svh!important;max-width:100%}.finale{min-height:830px!important}.finale h2{font-size:40px}.final-actions{flex-direction:column;gap:18px}.signature{font-size:12px}.primary{font-size:12px}.enter{font-size:12px}.enter-icon{width:37px;height:37px}.mood-control{margin-bottom:17px}.mood-control button{font-size:12px}.next-line{font-size:12px}dialog{padding:36px 25px}dialog h2{font-size:36px}dialog p{font-size:14px}.reading .chapter{padding-top:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:600px){.header-actions{gap:14px}.chapter-copy,.chapter:not(.opening) .chapter-copy{top:38svh}.chapter.opening .chapter-copy{top:39svh}.hud-left{font-size:12px}.hud-left .hud-separator,#chapter-name{display:none}.header-actions button{font-size:12px}.signature{letter-spacing:1px}.eyebrow{letter-spacing:1.4px}.chapter-nav span{display:none}.scene-status{letter-spacing:1px}}