:root{--deep-void: #0a0a0f;--cosmic-ink: #12121a;--ember-glow: #8b4513;--twilight-azure: #1a3a4a;--pearl-mist: #e8e4df;--silver-whisper: #9a9590;--amber-breath: #d4a574;--soft-gold: #c9a962;--deep-burgundy: #4a1c2c;--night-purple: #1a1428}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--deep-void);font-family:Cormorant Garamond,Georgia,serif;color:var(--pearl-mist);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%;position:relative}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#canvas-container canvas{display:block;width:100%;height:100%}#welcome-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background:var(--deep-void);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity 1.5s ease-out;overflow:hidden}#welcome-screen:before{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(212,165,116,.1);border-radius:50%;animation:pulse-ring 8s ease-in-out infinite;pointer-events:none}#welcome-screen:after{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(212,165,116,.05);border-radius:50%;animation:pulse-ring 8s ease-in-out infinite;animation-delay:2s;pointer-events:none}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.15}}#welcome-screen.hidden{opacity:0;pointer-events:none}.welcome-title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:var(--silver-whisper);margin-bottom:2rem;text-align:center;padding:0 2rem;position:relative;z-index:10}.welcome-subtitle{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:300;font-style:italic;color:var(--silver-whisper);opacity:.7;margin-bottom:4rem;text-align:center;padding:0 2rem;position:relative;z-index:10}#enter-btn{background:transparent;border:1px solid var(--amber-breath);color:var(--amber-breath);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:400;letter-spacing:.2em;padding:1rem 3rem;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;z-index:10}#enter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,165,116,.1),transparent);transition:left .5s ease}#enter-btn:hover{background:#d4a5741a;border-color:var(--pearl-mist);color:var(--pearl-mist)}#enter-btn:hover:before{left:100%}#typography-layer{position:fixed;bottom:6vh;left:50%;transform:translate(-50%);width:90%;max-width:1000px;z-index:10;padding:2rem 3rem;pointer-events:none;background:radial-gradient(ellipse at center,rgba(10,10,15,.7) 0%,transparent 70%);border-radius:2rem}.text-container{width:100%;text-align:center;min-height:100px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25em .4em;line-height:1.6}.word{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:300;color:var(--silver-whisper);opacity:0;transform:translateY(15px);transition:opacity .5s ease-out,transform .5s ease-out,color .3s ease;display:inline-block}.word.visible{opacity:.5;transform:translateY(0)}.word.active{opacity:1;color:var(--pearl-mist);text-shadow:0 0 40px rgba(212,165,116,.4);transform:scale(1.08);font-weight:400}.word.past{opacity:.35;color:var(--silver-whisper)}#continue-container{position:fixed;bottom:15vh;left:50%;transform:translate(-50%);z-index:20;opacity:0;transition:opacity 1s ease;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:1rem}#continue-container.visible{opacity:1;pointer-events:auto}.interaction-hint{font-size:clamp(.7rem,1.5vw,.85rem);color:var(--silver-whisper);opacity:.6;letter-spacing:.1em;text-align:center;max-width:300px}#continue-btn{background:transparent;border:1px solid rgba(212,165,116,.5);color:var(--amber-breath);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1rem,2vw,1.2rem);font-weight:400;letter-spacing:.15em;padding:.8rem 2rem;cursor:pointer;transition:all .4s ease}#continue-btn:hover{background:#d4a5741a;border-color:var(--pearl-mist);color:var(--pearl-mist)}#chapter-title{position:fixed;top:5vh;left:50%;transform:translate(-50%);z-index:10;font-size:clamp(.9rem,2vw,1.1rem);font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:var(--silver-whisper);opacity:0;transition:opacity 1s ease}#chapter-title.visible{opacity:.5}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;color:var(--silver-whisper);letter-spacing:.2em}@media(max-width:768px){#typography-layer{padding:1rem;padding-bottom:8vh}.text-container{min-height:100px}#continue-container{bottom:12vh}}body{user-select:none;-webkit-user-select:none}