@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--bg-deep: #06061a;--bg-surface: #0c0c2a;--bg-card: rgba(255, 255, 255, .08);--bg-card-hover: rgba(255, 255, 255, .14);--glass: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .14);--glass-strong: rgba(255, 255, 255, .18);--accent-gold: #FFD700;--accent-orange: #FF8C00;--accent-pink: #E91E63;--accent-cyan: #00E5FF;--accent-purple: #7C4DFF;--accent-green: #00E676;--accent-red: #FF5252;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .75);--text-tertiary: rgba(255, 255, 255, .45);--text-muted: rgba(255, 255, 255, .2);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-glow: 0 0 40px rgba(124, 77, 255, .15), 0 0 80px rgba(0, 229, 255, .08);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-button: 0 4px 20px rgba(0, 0, 0, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.16, 1, .3, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--bg-deep);font-family:Inter,Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{position:fixed;width:100%;height:100%}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7c4dff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#7c4dff80}button{font-family:inherit;-webkit-tap-highlight-color:transparent}button:active:not([data-keyboard]){transform:scale(.96)!important;transition:transform .08s ease!important}.glass{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border)}.glow-text{text-shadow:0 0 20px currentColor,0 0 40px currentColor}@keyframes twinkle{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.6);opacity:.8}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0;filter:blur(4px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}@keyframes slideIn{0%{transform:translate(-30px);opacity:0;filter:blur(3px)}to{transform:translate(0);opacity:1;filter:blur(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #7c4dff33,0 4px 20px #0000004d}50%{box-shadow:0 0 40px #7c4dff66,0 4px 30px #0006}}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-4px) rotate(-1deg)}30%{transform:translate(4px) rotate(1deg)}50%{transform:translate(-3px) rotate(-.5deg)}70%{transform:translate(3px) rotate(.5deg)}90%{transform:translate(-1px)}}@keyframes celebrate{0%{transform:scale(1);box-shadow:0 0 #ffd70000}30%{transform:scale(1.15);box-shadow:0 0 30px #ffd70099}60%{transform:scale(1.05);box-shadow:0 0 15px #ffd7004d}to{transform:scale(1);box-shadow:0 0 #ffd70000}}@keyframes fadeIn{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeInSoft{0%{opacity:0}to{opacity:1}}@keyframes confetti{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}to{transform:translateY(-300px) rotate(720deg) scale(.3);opacity:0}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(-6px) rotate(-1deg)}}@keyframes floatSlow{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-16px) scale(1.02)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 12px rgba(124,77,255,.3)) drop-shadow(0 0 4px rgba(255,215,0,.2))}50%{filter:drop-shadow(0 0 28px rgba(124,77,255,.6)) drop-shadow(0 0 12px rgba(255,215,0,.4))}}@keyframes cardFlip{0%{transform:perspective(600px) rotateY(0) scale(1)}50%{transform:perspective(600px) rotateY(90deg) scale(.95)}to{transform:perspective(600px) rotateY(0) scale(1)}}@keyframes coinSpin{0%{transform:perspective(400px) rotateY(0) scale(1)}25%{transform:perspective(400px) rotateY(90deg) scale(1.15)}50%{transform:perspective(400px) rotateY(180deg) scale(1)}75%{transform:perspective(400px) rotateY(270deg) scale(1.15)}to{transform:perspective(400px) rotateY(360deg) scale(1)}}@keyframes coinEarn{0%{transform:translateY(0) scale(.3) rotateY(0);opacity:0}20%{transform:translateY(-30px) scale(1.3) rotateY(180deg);opacity:1}60%{transform:translateY(-70px) scale(1) rotateY(360deg);opacity:1}to{transform:translateY(-110px) scale(.6) rotateY(540deg);opacity:0}}@keyframes screenSlideIn{0%{transform:translateY(20px) scale(.98);opacity:0;filter:blur(6px)}to{transform:translateY(0) scale(1);opacity:1;filter:blur(0)}}@keyframes tiltIn{0%{transform:perspective(600px) rotateX(6deg) translateY(20px);opacity:0;filter:blur(4px)}to{transform:perspective(600px) rotateX(0) translateY(0);opacity:1;filter:blur(0)}}@keyframes avatarBob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-4px) rotate(2deg)}75%{transform:translateY(-2px) rotate(-2deg)}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}40%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes shimmerBorder{0%{border-color:#7c4dff4d}50%{border-color:#00e5ff4d}to{border-color:#7c4dff4d}}@keyframes coinFlip{0%{transform:perspective(400px) rotateX(0) scale(1)}40%{transform:perspective(400px) rotateX(180deg) scale(1.1)}70%{transform:perspective(400px) rotateX(360deg) scale(1.03)}to{transform:perspective(400px) rotateX(360deg) scale(1)}}@keyframes comboPopIn{0%{transform:scale(0) rotate(-15deg);opacity:0;filter:blur(8px)}50%{transform:scale(1.2) rotate(2deg);opacity:1;filter:blur(0)}to{transform:scale(1) rotate(0);opacity:1;filter:blur(0)}}@keyframes comboFloat{0%{transform:translateY(0);opacity:1}to{transform:translateY(-80px);opacity:0}}@keyframes cellAssemble{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.04);opacity:1}to{transform:scale(1);opacity:1}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes breathe{0%,to{opacity:.4}50%{opacity:.8}}@keyframes aurora{0%{transform:rotate(0) scale(1);opacity:.3}33%{transform:rotate(120deg) scale(1.1);opacity:.5}66%{transform:rotate(240deg) scale(.9);opacity:.3}to{transform:rotate(360deg) scale(1);opacity:.3}}@keyframes typeIn{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes correctPop{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes card3DEntrance{0%{transform:perspective(800px) rotateX(12deg) rotateY(-6deg) translateZ(-40px) scale(.88);opacity:0;filter:blur(3px)}to{transform:perspective(800px) rotateX(0) rotateY(0) translateZ(0) scale(1);opacity:1;filter:blur(0)}}@keyframes depth3DFloat{0%,to{transform:perspective(600px) rotateX(1.5deg) rotateY(-1deg) translateZ(0)}50%{transform:perspective(600px) rotateX(-1.5deg) rotateY(1deg) translateZ(8px)}}@keyframes keyRippleRing{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.4);opacity:0}}@keyframes keyGlowPulse{0%{opacity:.9;transform:scale(.5)}40%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@keyframes keyFlashBar{0%{opacity:1;transform:scaleX(0)}30%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes keySoundWave{0%{transform:translateY(0) scale(1);opacity:.8}to{transform:translateY(-20px) scale(.6);opacity:0}}@keyframes keyBounce{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.15) translateY(-4px)}60%{transform:scale(.97) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes illustrationFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.03)}}