: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%;touch-action:none;-webkit-touch-callout:none}#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}@-webkit-keyframes pulse-ring{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:.3}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.15}}@keyframes pulse-ring{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:.3}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.15}}#welcome-screen.hidden{opacity:0;pointer-events:none}.welcome-title{font-size:clamp(1.8rem,5vw,3rem);font-weight:300;letter-spacing:.4em;text-transform:uppercase;color:var(--pearl-mist);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;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:900px;max-height:50vh;z-index:10;padding:2rem 3rem;pointer-events:none;overflow:hidden}.text-container{width:100%;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:.25em .4em;line-height:1.8;transition:transform .15s ease-out;will-change:transform}.word{font-size:clamp(1rem,2.5vw,1.6rem);font-weight:300;color:#fff;opacity:0;transform:translateY(15px);transition:opacity .5s ease-out,transform .5s ease-out;display:inline-block;mix-blend-mode:difference}.word.visible{opacity:.6;transform:translateY(0)}.word.active{opacity:1;color:#fff;transform:scale(1.08);font-weight:400}.word.past{opacity:.4}.word.fading-out{opacity:0!important;transform:translateY(-10px) scale(.95);transition:opacity 1.5s ease-out,transform 1.5s ease-out!important}#continue-container{position:fixed;bottom:15vh;left:50%;transform:translate(-50%);z-index:20;opacity:0;transition:opacity 1.5s ease-out;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:1rem}#continue-container.visible{opacity:1;pointer-events:auto;transition:opacity 2s ease-in}.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:#fff;opacity:0;transition:opacity 1s ease;mix-blend-mode:difference}#chapter-title.visible{opacity:.5}#chapter-title.visible.slow-fade{transition:opacity 5s ease}#chapter-title.fading{opacity:0!important;transition:opacity 1.5s ease-out!important}#canvas-container{opacity:0}.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 1.5rem;width:95%;max-height:45vh}.word{font-size:clamp(.85rem,4vw,1.1rem);line-height:1.7}.text-container{gap:.2em .35em;line-height:1.6}#continue-container{bottom:12vh}}@media(max-width:400px){.word{font-size:.8rem}#typography-layer{padding:.8rem 1rem}}body{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}html,body{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{overscroll-behavior:none}@supports not (backdrop-filter: blur(10px)){#typography-layer{background:#0a0a0fd9}}@supports (padding: env(safe-area-inset-bottom)){#continue-container{bottom:calc(15vh + env(safe-area-inset-bottom))}}