.app-root{position:relative;width:100vw;height:100vh;overflow:hidden}canvas{display:block}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#030203;display:flex;align-items:center;justify-content:center;pointer-events:auto}.loading-inner{text-align:center}.loading-title{font-size:clamp(3rem,9vw,6.5rem);font-weight:300;letter-spacing:.5em;padding-left:.5em;color:#eee4cf;opacity:0;text-shadow:0 0 40px rgba(202,168,105,.25)}.loading-tagline{margin-top:1.2rem;font-size:clamp(.85rem,1.6vw,1.15rem);font-style:italic;color:#cabfa4;opacity:0;letter-spacing:.08em}.enter-btn{margin-top:3.2rem;background:transparent;border:1px solid rgba(202,168,105,.45);color:#d8c9a3;padding:.85em 2.6em;font-family:inherit;letter-spacing:.32em;font-size:.75rem;text-transform:uppercase;cursor:pointer;opacity:0;transition:background .4s ease,color .4s ease,border-color .4s ease}.enter-btn:hover{background:#caa8691f;border-color:#caa869e6;color:#f4e9cd}.grain-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.top-left-title{position:fixed;top:1.8rem;left:2rem;z-index:20;font-size:.9rem;color:#e6dcc3bf;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.6)}.interaction-prompt{position:fixed;bottom:3rem;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:.6em;font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:#e6dcc3d9;pointer-events:none;animation:prompt-in .5s ease both}.prompt-dot{width:6px;height:6px;border-radius:50%;background:#caa869;box-shadow:0 0 10px 2px #caa869b3}@keyframes prompt-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.back-btn{position:fixed;bottom:2rem;right:2rem;z-index:20;background:transparent;border:1px solid rgba(230,220,195,.25);color:#e6dcc3b3;padding:.6em 1.3em;font-size:.68rem;letter-spacing:.2em;cursor:pointer;transition:border-color .3s ease,color .3s ease}.back-btn:hover{border-color:#e6dcc3b3;color:#f4e9cd}.scene-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000;opacity:0;pointer-events:none}.story-caption{position:fixed;bottom:4.6rem;left:50%;transform:translate(-50%);z-index:15;max-width:32rem;text-align:center;font-size:.95rem;font-style:italic;color:#e6dcc3d9;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.8)}.ending-text{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:1.4rem;color:#eee4cf;background:#00000059;opacity:0;pointer-events:none;padding:2rem}.ending-text p{font-size:clamp(1rem,2.4vw,1.4rem);font-style:italic;max-width:34rem}.ending-text h1{font-size:clamp(2.2rem,6vw,4rem);font-weight:300;letter-spacing:.5em;padding-left:.5em;margin-top:1rem}.ending-text .ending-sub{font-size:.85rem;letter-spacing:.15em;opacity:.75}@font-face{font-family:system-serif;src:local("Georgia")}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:#000;overflow:hidden;overscroll-behavior:none}body{font-family:Cormorant Garamond,Georgia,Times New Roman,serif;color:#e9e4da;-webkit-font-smoothing:antialiased;letter-spacing:.02em}canvas{touch-action:none;outline:none}::selection{background:#c9ad7a59}.ui-label{font-family:Cormorant Garamond,Georgia,serif;text-transform:uppercase;letter-spacing:.28em;font-weight:400}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}