:root{--bg: #0a0a0c;--fg: #f3f0e9;--muted: rgba(243, 240, 233, .55);--accent: #c9a86a;--font: "ui-sans-serif", "Helvetica Neue", Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font);overflow:hidden;height:100%}#scene{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:1;cursor:grab}#scene:active{cursor:grabbing}#preloader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--bg);transition:none}.preloader-inner{text-align:center;width:min(420px,80vw)}#globe-canvas{display:block;width:min(320px,70vw);height:min(320px,70vw);margin:0 auto 1.5rem}.preloader-label{font-size:clamp(1.6rem,5vw,2.8rem);letter-spacing:.18em;text-transform:uppercase;font-weight:300;min-height:1.2em}.glitch-text{position:relative;display:inline-block;cursor:pointer;pointer-events:auto;white-space:nowrap}.glitch-base{position:relative;z-index:1}.glitch-overlay{position:absolute;inset:0;z-index:2;color:var(--accent);clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%);transition:clip-path .35s cubic-bezier(.16,1,.3,1);pointer-events:none;text-shadow:2px 0 rgba(255,80,80,.6),-2px 0 rgba(80,160,255,.6)}.glitch-text.on .glitch-overlay{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.preloader-sub{margin-top:.75rem;color:var(--muted);font-size:.85rem;letter-spacing:.25em;text-transform:uppercase}.preloader-bar{margin-top:2.5rem;height:1px;width:100%;background:#f3f0e926;overflow:hidden}.preloader-bar-fill{height:100%;width:0%;background:var(--accent);transition:width .3s ease}.preloader-percent{margin-top:1rem;color:var(--muted);font-size:.75rem;letter-spacing:.2em}#story-layer{position:fixed;inset:0;z-index:5;pointer-events:none}#hud{position:absolute;bottom:6rem;left:50%;transform:translate(-50%) translateY(12px);text-align:center;opacity:0;transition:opacity .4s ease,transform .4s ease}#hud.on{opacity:1;transform:translate(-50%) translateY(0)}.hud-origin{color:var(--accent);font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;margin-bottom:.4rem}.hud-title{font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:300;line-height:1.1}.hud-hint{margin-top:.6rem;color:var(--muted);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase}#counter{position:absolute;top:2rem;left:50%;transform:translate(-50%);color:var(--muted);font-size:.66rem;letter-spacing:.26em;text-transform:uppercase}#story-panel{position:absolute;top:0;right:0;height:100%;width:min(440px,90vw);padding:4rem 2.6rem;background:#08080beb;backdrop-filter:blur(12px);border-left:1px solid rgba(243,240,233,.08);transform:translate(100%);transition:transform .6s cubic-bezier(.16,1,.3,1);pointer-events:auto;overflow-y:auto}#story-panel.open{transform:translate(0)}#panel-close{position:absolute;top:1.4rem;right:1.6rem;background:none;border:none;color:var(--fg);font-size:1.8rem;line-height:1;cursor:pointer;opacity:.6;transition:opacity .2s}#panel-close:hover{opacity:1}.panel-origin{color:var(--accent);font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;margin-bottom:.6rem}.panel-title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:300;line-height:1.1;margin-bottom:1.6rem}.panel-chapter{margin-bottom:1.1rem;font-size:.92rem;line-height:1.6;color:var(--muted)}.panel-chapter b{color:var(--fg);font-weight:500;display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.25rem}.panel-source{margin-top:1.6rem;font-size:.8rem;line-height:1.5;color:var(--muted)}.panel-source b{color:var(--fg);font-weight:500;display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.35rem}.panel-source a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(201,168,106,.35)}.panel-source a:hover{border-bottom-color:var(--accent)}.panel-credit{margin-top:.8rem;font-size:.72rem;line-height:1.45;color:#f3f0e96b}#scroll-hint{position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:6;color:var(--muted);font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;opacity:0;transition:opacity .8s ease}#scroll-hint:not(.hidden){opacity:1;animation:float 2.4s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}.hidden{opacity:0!important}