:root{--black: #000000;--white: #ffffff;--gray-light: #e0e0e0;--gray-mid: #888888;--gray-dark: #333333;--font-main: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{width:100%;height:100%;overflow:hidden;background:var(--black);color:var(--white);font-family:var(--font-main);touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#root{width:100%;height:100%;position:fixed;top:0;left:0}.experience{width:100%;height:100dvh;height:100vh;position:relative;overflow:hidden;background:var(--black)}.grain-overlay{position:fixed;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;z-index:9998;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .5s steps(1) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.scene{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;padding-top:calc(1.5rem + var(--safe-top));padding-bottom:calc(1.5rem + var(--safe-bottom));padding-left:calc(1.5rem + var(--safe-left));padding-right:calc(1.5rem + var(--safe-right));opacity:0;pointer-events:none}.scene.active{opacity:1;pointer-events:auto}.scene-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.scene-atmosphere__core,.scene-atmosphere__ring,.scene-atmosphere__drift{position:absolute;top:0;right:0;bottom:0;left:0}.scene-atmosphere__core{background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.085),transparent 16%),radial-gradient(circle at 50% 55%,rgba(74,101,255,.1),transparent 34%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.03),transparent 60%);filter:blur(24px);opacity:.28;animation:atmospherePulse 6s ease-in-out infinite}.scene-atmosphere__ring{top:10%;right:8%;bottom:10%;left:8%;border:1px solid rgba(255,255,255,.08);border-radius:50%;filter:blur(1px);opacity:.16;animation:atmosphereRing 10s linear infinite}.scene-atmosphere__drift{background:linear-gradient(140deg,transparent 10%,rgba(255,255,255,.025) 48%,transparent 52%),linear-gradient(20deg,transparent 18%,rgba(80,120,255,.05) 50%,transparent 64%);mix-blend-mode:screen;opacity:.2;transform:translateZ(0);animation:atmosphereDrift 12s ease-in-out infinite alternate}.scene>.lyric-text,.scene>.fake-ui{position:relative;z-index:1}.scene-atmosphere--hook1 .scene-atmosphere__core,.scene-atmosphere--hook2 .scene-atmosphere__core,.scene-atmosphere--finalhook .scene-atmosphere__core{opacity:.42;filter:blur(18px)}.scene-atmosphere--hook1 .scene-atmosphere__ring,.scene-atmosphere--hook2 .scene-atmosphere__ring,.scene-atmosphere--finalhook .scene-atmosphere__ring{border-color:#ffffff24;opacity:.24}.scene-atmosphere--bridge .scene-atmosphere__core,.scene-atmosphere--outro .scene-atmosphere__core{opacity:.2;filter:blur(28px)}.scene-atmosphere--dark .scene-atmosphere__core{opacity:.12;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.02),transparent 14%),radial-gradient(circle at 50% 50%,rgba(78,24,104,.12),transparent 40%)}.scene-atmosphere--dark .scene-atmosphere__ring{opacity:.08}.lyric-text{text-align:center;max-width:90vw;line-height:1.3;will-change:transform,opacity;text-wrap:balance}.lyric-text.size-normal{font-size:clamp(1.1rem,4.5vw,2rem);font-weight:300;letter-spacing:.01em}.lyric-text.size-large{font-size:clamp(1.5rem,6.5vw,3rem);font-weight:400;letter-spacing:0}.lyric-text.size-hero{font-size:clamp(2.2rem,12vw,5rem);font-weight:700;letter-spacing:-.02em;text-transform:uppercase}.lyric-text.size-intimate{font-size:clamp(.95rem,3.5vw,1.5rem);font-weight:200;letter-spacing:.03em;color:var(--gray-light)}.lyric-text--haunted{text-shadow:0 0 14px rgba(255,255,255,.08),0 0 26px rgba(112,128,255,.12)}.lyric-text--impact{filter:drop-shadow(0 0 18px rgba(255,255,255,.06))}.lyric-text--whisper{max-width:82vw;letter-spacing:.06em}.word{display:inline-block;opacity:0;transform:translateY(20px)}.word.visible{opacity:1;transform:translateY(0)}.word.emphasis{font-weight:600;transform:scale(1.1);text-shadow:0 0 18px rgba(255,255,255,.14)}.word.flicker{animation:flicker .15s ease-in-out infinite alternate}.word.glitch{animation:glitch .3s ease-in-out infinite}@keyframes flicker{0%,to{opacity:1}50%{opacity:.4}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes typewriter-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes atmospherePulse{0%,to{transform:scale(.96);opacity:.18}50%{transform:scale(1.04);opacity:.42}}@keyframes atmosphereRing{0%{transform:scale(.92);opacity:.06}50%{transform:scale(1.02);opacity:.2}to{transform:scale(1.12);opacity:.05}}@keyframes atmosphereDrift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,1%,0) scale(1.04)}}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.glitch-text.active:before{animation:glitchTop .3s linear infinite;clip-path:polygon(0 0,100% 0,100% 33%,0 33%);color:#0ff;opacity:.8}.glitch-text.active:after{animation:glitchBottom .3s linear infinite;clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%);color:#f0f;opacity:.8}@keyframes glitchTop{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitchBottom{0%{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(-2px,2px)}to{transform:translate(0)}}.white-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--white);z-index:9999;opacity:0;pointer-events:none}.character-reveal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9997;opacity:0;pointer-events:none}.character-reveal__eye-shell{width:min(72vw,72vh,24rem);aspect-ratio:1;position:relative;filter:drop-shadow(0 0 28px rgba(119,255,246,.18)) drop-shadow(0 0 56px rgba(119,255,246,.08))}.character-reveal__eye-shell:before{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;background:radial-gradient(circle,rgba(119,255,246,.14),transparent 68%);filter:blur(18px);opacity:.8}.character-reveal__canvas{position:relative;width:100%;height:100%;display:block}.character-reveal--glitching .character-reveal__eye-shell{animation:revealGlitch .16s steps(2,end) infinite}.character-reveal--glitching .character-reveal__canvas{filter:contrast(1.2) saturate(1.15) hue-rotate(-6deg)}@keyframes revealGlitch{0%{transform:translateZ(0) scale(1);opacity:1}25%{transform:translate3d(-10px,4px,0) scale(1.02);opacity:.88}50%{transform:translate3d(8px,-3px,0) scale(.98);opacity:.72}75%{transform:translate3d(-5px,2px,0) scale(1.03);opacity:.54}to{transform:translateZ(0) scale(.96);opacity:.2}}.cursor{display:inline-block;width:2px;height:1.2em;background:var(--white);margin-left:4px;animation:typewriter-blink .8s step-end infinite;vertical-align:middle}.fake-ui{position:absolute;font-family:monospace;font-size:.7rem;color:var(--gray-mid);opacity:0;pointer-events:none}.fake-ui.level{top:20%;right:10%}.fake-ui.score{bottom:25%;left:8%}.fake-ui.status{top:15%;left:12%}.shake{animation:shake .15s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9996;opacity:.03;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 4px)}.vignette{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9995;background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(0,0,0,.4) 100%)}.progress-bar{position:fixed;bottom:0;left:0;height:2px;background:#ffffff26;z-index:100;transition:width .1s linear}