.intro-screen.svelte-1eyru3k.svelte-1eyru3k{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-darker);z-index:9999}.intro-title.svelte-1eyru3k.svelte-1eyru3k{font-family:var(--font-game);font-size:clamp(5rem,20vw,14rem);font-weight:400;letter-spacing:.2em;display:flex;justify-content:center;gap:.02em;margin-bottom:4rem}.intro-title.svelte-1eyru3k .letter.svelte-1eyru3k{display:inline-block;opacity:0;transform:translateY(80px);text-shadow:0 0 20px var(--primary-cyan),0 0 40px var(--primary-cyan),0 0 60px var(--primary-cyan),0 0 100px var(--primary-blue)}.intro-screen.mounted.svelte-1eyru3k .intro-title .letter.svelte-1eyru3k{animation:svelte-1eyru3k-introLetterReveal 1s ease forwards}.intro-screen.mounted.svelte-1eyru3k .intro-title .letter.svelte-1eyru3k:nth-child(1){animation-delay:.1s}.intro-screen.mounted.svelte-1eyru3k .intro-title .letter.svelte-1eyru3k:nth-child(2){animation-delay:.2s}.intro-screen.mounted.svelte-1eyru3k .intro-title .letter.svelte-1eyru3k:nth-child(3){animation-delay:.3s}.intro-screen.mounted.svelte-1eyru3k .intro-title .letter.svelte-1eyru3k:nth-child(4){animation-delay:.4s}.intro-screen.mounted.svelte-1eyru3k .intro-title .letter.svelte-1eyru3k:nth-child(5){animation-delay:.5s}.intro-screen.mounted.svelte-1eyru3k .intro-title .letter.svelte-1eyru3k:nth-child(6){animation-delay:.6s}.intro-screen.mounted.svelte-1eyru3k .intro-title .letter.svelte-1eyru3k:nth-child(7){animation-delay:.7s}@keyframes svelte-1eyru3k-introLetterReveal{to{opacity:1;transform:translateY(0)}}.enter-btn.svelte-1eyru3k.svelte-1eyru3k{position:relative;padding:1.2rem 3rem;font-family:var(--font-display);font-size:1.3rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;background:transparent;border:2px solid var(--primary-cyan);color:var(--primary-cyan);cursor:pointer;overflow:hidden;opacity:0;transform:translateY(30px);transition:all .4s ease}.enter-btn.mounted.svelte-1eyru3k.svelte-1eyru3k{animation:svelte-1eyru3k-btnFadeIn .8s ease 1.2s forwards}@keyframes svelte-1eyru3k-btnFadeIn{to{opacity:1;transform:translateY(0)}}.enter-btn.svelte-1eyru3k.svelte-1eyru3k:hover{background:rgba(0,255,204,.15);box-shadow:0 0 30px #00ffcc80,0 0 60px #00ffcc4d,inset 0 0 30px #00ffcc1a;transform:translateY(-3px);color:var(--text-white)}.enter-btn.svelte-1eyru3k:hover .btn-text.svelte-1eyru3k{text-shadow:0 0 20px var(--primary-cyan)}.btn-glow.svelte-1eyru3k.svelte-1eyru3k{position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(0,255,204,.4) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:all .4s ease;pointer-events:none}.enter-btn.svelte-1eyru3k:hover .btn-glow.svelte-1eyru3k{width:300px;height:300px}.intro-screen.svelte-1eyru3k.svelte-1eyru3k:before{content:"";position:absolute;top:50%;left:50%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,255,204,.08) 0%,transparent 70%);transform:translate(-50%,-50%);animation:svelte-1eyru3k-ambientPulse 4s ease-in-out infinite}@keyframes svelte-1eyru3k-ambientPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.reactive-bg.svelte-1eyru3k.svelte-1eyru3k{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-3;background:radial-gradient(ellipse at 50% 50%,rgba(0,255,204,.08) 0%,rgba(255,0,170,.05) 30%,rgba(136,68,255,.03) 60%,transparent 100%);transition:all .05s ease}.reactive-bg.playing.svelte-1eyru3k.svelte-1eyru3k{background:radial-gradient(ellipse at 50% 50%,rgba(0,255,204,calc(.15 + var(--bass) * .5)) 0%,rgba(255,0,170,calc(.08 + var(--mids) * .4)) 30%,rgba(136,68,255,calc(.05 + var(--highs) * .3)) 60%,transparent 100%)}.beat-flash.svelte-1eyru3k.svelte-1eyru3k{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(0,255,204,.4) 0%,transparent 70%);pointer-events:none;z-index:100}.particles.svelte-1eyru3k.svelte-1eyru3k{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:hidden}.particle.svelte-1eyru3k.svelte-1eyru3k{position:absolute;border-radius:50%;transform:translate(-50%,-50%)}.particle.on-beat.svelte-1eyru3k.svelte-1eyru3k{animation:svelte-1eyru3k-particlePop .3s ease-out}@keyframes svelte-1eyru3k-particlePop{0%{transform:translate(-50%,-50%) scale(.5)}50%{transform:translate(-50%,-50%) scale(1.5)}to{transform:translate(-50%,-50%) scale(1)}}.beat-rings.svelte-1eyru3k.svelte-1eyru3k{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1;opacity:.3}.beat-rings.playing.svelte-1eyru3k.svelte-1eyru3k{opacity:1}.beat-ring.svelte-1eyru3k.svelte-1eyru3k{position:absolute;border:3px solid var(--primary-cyan);border-radius:50%;width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%) scale(calc(.5 + var(--bass) * 1.5 + var(--beat) * .5));opacity:calc(.2 + var(--beat) * .6);transition:transform .05s ease,opacity .05s ease}.beat-ring.delay-1.svelte-1eyru3k.svelte-1eyru3k{border-color:var(--primary-magenta);width:350px;height:350px;border-width:2px}.beat-ring.delay-2.svelte-1eyru3k.svelte-1eyru3k{border-color:var(--primary-purple);width:500px;height:500px;border-width:1px}.mute-btn.svelte-1eyru3k.svelte-1eyru3k{position:fixed;top:20px;right:20px;z-index:1000;display:flex;align-items:center;gap:8px;padding:12px 20px;background:rgba(0,255,204,.15);border:2px solid var(--primary-cyan);border-radius:50px;color:var(--primary-cyan);font-family:var(--font-display);font-size:.9rem;font-weight:600;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.mute-btn.svelte-1eyru3k.svelte-1eyru3k:hover{background:rgba(0,255,204,.3);box-shadow:0 0 30px #00ffcc80;transform:scale(1.05)}.mute-btn.muted.svelte-1eyru3k.svelte-1eyru3k{animation:svelte-1eyru3k-pulseGlow 2s ease-in-out infinite}@keyframes svelte-1eyru3k-pulseGlow{0%,to{box-shadow:0 0 20px #00ffcc4d}50%{box-shadow:0 0 40px #0fc9,0 0 60px #ff00aa4d}}.shapes.svelte-1eyru3k.svelte-1eyru3k{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:1}.shape.svelte-1eyru3k.svelte-1eyru3k{position:absolute;opacity:.15;animation:svelte-1eyru3k-float 20s ease-in-out infinite;transition:all .1s ease}.shapes.playing.svelte-1eyru3k .shape.svelte-1eyru3k{opacity:calc(.2 + var(--energy) * .4)}.shapes.playing.svelte-1eyru3k .shape.circle.svelte-1eyru3k{width:calc(300px + var(--bass) * 150px + var(--beat) * 100px);height:calc(300px + var(--bass) * 150px + var(--beat) * 100px);border-width:calc(2px + var(--beat) * 3px);box-shadow:0 0 calc(20px + var(--beat) * 40px) rgba(0,255,204,calc(var(--beat) * .5))}.shape.circle.svelte-1eyru3k.svelte-1eyru3k{width:300px;height:300px;border:2px solid var(--primary-cyan);border-radius:50%;top:10%;left:5%;animation-delay:0s}.shape.square.svelte-1eyru3k.svelte-1eyru3k{width:200px;height:200px;border:2px solid var(--primary-magenta);top:60%;right:10%;animation-delay:-5s;animation-duration:25s}.shapes.playing.svelte-1eyru3k .shape.square.svelte-1eyru3k{transform:rotate(calc(var(--mids) * 45deg)) scale(calc(1 + var(--mids) * .3))}.shape.triangle.svelte-1eyru3k.svelte-1eyru3k{width:0;height:0;border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:173px solid transparent;border-bottom-color:var(--primary-purple);opacity:.1;top:30%;right:20%;animation-delay:-10s;animation-duration:30s}.shape.small.svelte-1eyru3k.svelte-1eyru3k{transform:scale(.4)}.shape.small.circle.svelte-1eyru3k.svelte-1eyru3k{top:70%;left:15%;animation-delay:-7s}.shape.small.square.svelte-1eyru3k.svelte-1eyru3k{top:20%;right:30%;animation-delay:-12s}.shape.small.triangle.svelte-1eyru3k.svelte-1eyru3k{top:80%;right:40%;animation-delay:-3s}@keyframes svelte-1eyru3k-float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-30px) rotate(5deg)}50%{transform:translate(-20px,20px) rotate(-5deg)}75%{transform:translate(20px,10px) rotate(3deg)}}.hero.svelte-1eyru3k.svelte-1eyru3k{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem;overflow:hidden;animation:svelte-1eyru3k-fadeInUp .8s ease}@keyframes svelte-1eyru3k-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content.svelte-1eyru3k.svelte-1eyru3k{text-align:center;z-index:1;max-width:800px}.title.svelte-1eyru3k.svelte-1eyru3k{font-family:var(--font-game);font-size:clamp(4rem,15vw,10rem);font-weight:400;margin-bottom:1rem;letter-spacing:.15em;display:flex;justify-content:center;gap:.02em}.title.svelte-1eyru3k .letter.svelte-1eyru3k{display:inline-block;text-shadow:0 0 10px var(--primary-cyan),0 0 20px var(--primary-cyan),0 0 40px var(--primary-cyan),0 0 80px var(--primary-blue);transition:text-shadow .05s ease,transform .05s ease}.title.playing.svelte-1eyru3k .letter.svelte-1eyru3k{transform:translateY(calc(var(--beat) * -10px)) scale(calc(1 + var(--beat) * .15));text-shadow:0 0 calc(15px + var(--bass) * 30px) var(--primary-cyan),0 0 calc(30px + var(--bass) * 50px) var(--primary-cyan),0 0 calc(60px + var(--energy) * 80px) var(--primary-magenta),0 0 calc(100px + var(--energy) * 100px) var(--primary-blue)}.tagline.svelte-1eyru3k.svelte-1eyru3k{font-size:1.5rem;color:var(--text-dim);margin-bottom:2rem;letter-spacing:.3em;text-transform:uppercase;animation:svelte-1eyru3k-fadeIn .8s ease .2s backwards}@keyframes svelte-1eyru3k-fadeIn{0%{opacity:0}to{opacity:1}}.hero-description.svelte-1eyru3k.svelte-1eyru3k{max-width:700px;margin:0 auto 3rem;animation:svelte-1eyru3k-fadeIn .8s ease .4s backwards}.desc-line.svelte-1eyru3k.svelte-1eyru3k{font-size:1.15rem;line-height:1.6;margin-bottom:.3rem;color:var(--text-dim)}.desc-cta.svelte-1eyru3k.svelte-1eyru3k{font-size:1.3rem;font-weight:600;color:var(--primary-cyan);margin-top:1rem;text-shadow:0 0 20px rgba(0,255,204,.5)}.cta-buttons.svelte-1eyru3k.svelte-1eyru3k{display:flex;flex-direction:column;align-items:center;gap:1rem;animation:svelte-1eyru3k-fadeIn .8s ease .6s backwards}.btn.pulse.svelte-1eyru3k.svelte-1eyru3k{box-shadow:0 0 40px #0fc9,0 0 80px #ff00aa4d}.download-info.svelte-1eyru3k.svelte-1eyru3k{font-size:.9rem;color:var(--text-dim)}.rings.svelte-1eyru3k.svelte-1eyru3k{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.ring.svelte-1eyru3k.svelte-1eyru3k{position:absolute;border:1px solid var(--primary-cyan);border-radius:50%;opacity:calc(.1 + var(--bass) * .3 + var(--beat) * .3);animation:svelte-1eyru3k-ringPulse 4s ease-out infinite;transition:opacity .1s ease}.ring.svelte-1eyru3k.svelte-1eyru3k:nth-child(1){width:400px;height:400px;top:-200px;left:-200px;animation-delay:0s}.ring.svelte-1eyru3k.svelte-1eyru3k:nth-child(2){width:600px;height:600px;top:-300px;left:-300px;animation-delay:1s}.ring.svelte-1eyru3k.svelte-1eyru3k:nth-child(3){width:800px;height:800px;top:-400px;left:-400px;animation-delay:2s}@keyframes svelte-1eyru3k-ringPulse{0%{transform:scale(.8);opacity:.2}to{transform:scale(1.5);opacity:0}}.features.svelte-1eyru3k.svelte-1eyru3k{padding:6rem 2rem;position:relative;z-index:1}.section-title.svelte-1eyru3k.svelte-1eyru3k{text-align:center;font-size:2.5rem;margin-bottom:4rem;text-shadow:var(--glow-cyan)}.features-grid.svelte-1eyru3k.svelte-1eyru3k{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card.svelte-1eyru3k.svelte-1eyru3k{background:rgba(255,255,255,.02);border:1px solid rgba(0,255,204,.2);border-radius:8px;padding:2rem;text-align:center;transition:all .1s ease}.feature-card.svelte-1eyru3k.svelte-1eyru3k:hover{background:rgba(0,255,204,.05);border-color:var(--primary-cyan);box-shadow:0 10px 40px #00ffcc1a}.feature-card.glow.svelte-1eyru3k.svelte-1eyru3k{border-color:var(--primary-cyan);box-shadow:0 0 40px #0fc6,0 0 80px #0fc3;background:rgba(0,255,204,.08)}.feature-icon.svelte-1eyru3k.svelte-1eyru3k{color:var(--primary-cyan);margin-bottom:1.5rem}.feature-icon.magenta.svelte-1eyru3k.svelte-1eyru3k{color:var(--primary-magenta)}.feature-icon.purple.svelte-1eyru3k.svelte-1eyru3k{color:var(--primary-purple)}.feature-card.svelte-1eyru3k h3.svelte-1eyru3k{font-size:1.3rem;margin-bottom:1rem}.feature-card.svelte-1eyru3k p.svelte-1eyru3k{font-size:1rem}.how-to-play.svelte-1eyru3k.svelte-1eyru3k{padding:6rem 2rem;background:rgba(0,0,0,.3);position:relative;z-index:1}.steps.svelte-1eyru3k.svelte-1eyru3k{display:flex;flex-direction:column;gap:2rem;max-width:600px;margin:0 auto}.step.svelte-1eyru3k.svelte-1eyru3k{display:flex;align-items:flex-start;gap:1.5rem}.step-number.svelte-1eyru3k.svelte-1eyru3k{flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-cyan),var(--primary-blue));color:var(--bg-dark);font-family:var(--font-display);font-size:1.5rem;font-weight:700;border-radius:50%}.step-content.svelte-1eyru3k h3.svelte-1eyru3k{font-size:1.2rem;margin-bottom:.5rem}.step-content.svelte-1eyru3k p.svelte-1eyru3k{font-size:1rem}.step-content.svelte-1eyru3k code.svelte-1eyru3k{background:rgba(0,255,204,.2);padding:.2em .5em;border-radius:4px;font-family:monospace;color:var(--primary-cyan)}.step-content.svelte-1eyru3k strong.svelte-1eyru3k{color:var(--text-white)}footer.svelte-1eyru3k.svelte-1eyru3k{padding:3rem 2rem;text-align:center;border-top:1px solid rgba(0,255,204,.1);position:relative;z-index:1}.made-with.svelte-1eyru3k.svelte-1eyru3k{font-size:.9rem;color:var(--text-dim);margin-bottom:.5rem}.copyright.svelte-1eyru3k.svelte-1eyru3k{font-size:.8rem;color:#8899aa80}.download-popup-overlay.svelte-1eyru3k.svelte-1eyru3k{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:9999;animation:svelte-1eyru3k-fadeIn .2s ease}.download-popup.svelte-1eyru3k.svelte-1eyru3k{background:linear-gradient(135deg,rgba(2,2,8,.98) 0%,rgba(10,10,20,.98) 100%);border:2px solid var(--primary-cyan);border-radius:16px;padding:2rem 2.5rem;max-width:400px;width:90%;position:relative;box-shadow:0 0 40px #00ffcc4d,0 0 80px #00ffcc1a,inset 0 0 60px #00ffcc0d;animation:svelte-1eyru3k-popIn .3s ease}@keyframes svelte-1eyru3k-popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.popup-close.svelte-1eyru3k.svelte-1eyru3k{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--text-dim);font-size:2rem;cursor:pointer;transition:color .2s ease;line-height:1}.popup-close.svelte-1eyru3k.svelte-1eyru3k:hover{color:var(--primary-cyan)}.download-popup.svelte-1eyru3k h3.svelte-1eyru3k{font-family:var(--font-display);font-size:1.5rem;color:var(--primary-cyan);margin-bottom:1.5rem;text-align:center;text-shadow:0 0 20px rgba(0,255,204,.5)}.popup-steps.svelte-1eyru3k.svelte-1eyru3k{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.popup-step.svelte-1eyru3k.svelte-1eyru3k{display:flex;align-items:center;gap:1rem}.step-num.svelte-1eyru3k.svelte-1eyru3k{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary-cyan);color:var(--bg-dark);font-family:var(--font-display);font-weight:700;font-size:.9rem;border-radius:50%}.step-text.svelte-1eyru3k.svelte-1eyru3k{font-family:var(--font-body);font-size:1.05rem;color:var(--text-dim)}.step-text.svelte-1eyru3k strong.svelte-1eyru3k{color:var(--text-white)}.popup-note.svelte-1eyru3k.svelte-1eyru3k{font-size:.85rem;color:var(--text-dim);text-align:center;margin-bottom:1.5rem;opacity:.8}.popup-got-it.svelte-1eyru3k.svelte-1eyru3k{display:block;width:100%;padding:.9rem;font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,var(--primary-cyan),var(--primary-blue));border:none;border-radius:8px;color:var(--bg-dark);cursor:pointer;transition:all .3s ease}.popup-got-it.svelte-1eyru3k.svelte-1eyru3k:hover{background:linear-gradient(135deg,var(--primary-magenta),var(--primary-purple));color:var(--text-white);box-shadow:0 0 30px #ff00aa80}@media (max-width: 768px){.intro-title.svelte-1eyru3k.svelte-1eyru3k{letter-spacing:.1em}.enter-btn.svelte-1eyru3k.svelte-1eyru3k{padding:1rem 2rem;font-size:1rem}.title.svelte-1eyru3k.svelte-1eyru3k{letter-spacing:.1em}.tagline.svelte-1eyru3k.svelte-1eyru3k{font-size:1rem;letter-spacing:.2em}.features-grid.svelte-1eyru3k.svelte-1eyru3k{grid-template-columns:1fr}.step.svelte-1eyru3k.svelte-1eyru3k{flex-direction:column;text-align:center;align-items:center}.mute-btn.svelte-1eyru3k.svelte-1eyru3k{top:10px;right:10px;padding:10px 15px;font-size:.8rem}.mute-btn.svelte-1eyru3k span.svelte-1eyru3k{display:none}.desc-line.svelte-1eyru3k.svelte-1eyru3k{font-size:1rem}.desc-cta.svelte-1eyru3k.svelte-1eyru3k{font-size:1.1rem}}