:root{--bg-primary: #0A0A1A;--bg-secondary: #1A1A2E;--bg-card: rgba(26, 26, 46, .7);--dragon-fire: #FF6B6B;--teal-glow: #4ECDC4;--gold-reward: #FCD34D;--purple-neon: #8B5CF6;--cyan-pulse: #06B6D4;--rose-spark: #EC4899;--lime-burst: #84CC16;--indigo-depth: #3730A3;--text-primary: rgba(248, 250, 252, .95);--text-secondary: rgba(248, 250, 252, .7);--text-muted: rgba(248, 250, 252, .5);--glass-blur: 20px;--glass-border: 1px solid rgba(139, 92, 246, .3);--glass-glow: 0 0 30px rgba(139, 92, 246, .2);--gradient-neon: linear-gradient(135deg, #8B5CF6 0%, #06B6D4 50%, #FCD34D 100%);--gradient-fire: linear-gradient(135deg, #FF6B6B 0%, #FCD34D 100%);--gradient-teal: linear-gradient(135deg, #4ECDC4 0%, #06B6D4 100%);--gradient-dark: linear-gradient(180deg, #0A0A1A 0%, #1A1A2E 100%);--shadow-neon: 0 0 20px rgba(139, 92, 246, .4), 0 0 40px rgba(6, 182, 212, .2);--shadow-gold: 0 0 20px rgba(252, 211, 77, .4);--shadow-fire: 0 0 20px rgba(255, 107, 107, .4);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background:var(--gradient-dark);color:var(--text-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden}.safe-area{padding-top:env(safe-area-inset-top,20px);padding-bottom:env(safe-area-inset-bottom,20px);padding-left:env(safe-area-inset-left,16px);padding-right:env(safe-area-inset-right,16px)}.glass-card{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card),var(--glass-glow);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.neon-border{position:relative}.neon-border:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;padding:2px;background:var(--gradient-neon);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;animation:neon-pulse 2s ease-in-out infinite}@keyframes neon-pulse{0%,to{opacity:.4}50%{opacity:.8}}.btn-premium{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:var(--radius-full);cursor:pointer;position:relative;overflow:hidden;transition:transform .2s var(--ease-bounce),box-shadow .2s var(--ease-smooth);min-height:56px;min-width:200px}.btn-premium:active{transform:scale(.95)}.btn-premium:hover{transform:scale(1.05)}.btn-cta{background:var(--gradient-fire);color:#0a0a1a;box-shadow:var(--shadow-gold),0 4px 20px #0000004d}.btn-cta:hover{box-shadow:var(--shadow-gold),0 8px 40px #fcd34d80}.btn-secondary{background:var(--gradient-teal);color:#0a0a1a;box-shadow:0 0 20px #4ecdc44d}.btn-outline{background:transparent;color:var(--purple-neon);border:2px solid var(--purple-neon);box-shadow:0 0 15px #8b5cf633}.btn-outline:hover{background:#8b5cf61a;box-shadow:var(--shadow-neon)}.btn-premium:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);transform:scale(0);opacity:0;transition:transform .4s,opacity .4s}.btn-premium:active:after{transform:scale(2);opacity:1;transition:0s}.stat-card{display:flex;flex-direction:column;align-items:center;padding:20px;min-width:100px}.stat-value{font-size:32px;font-weight:800;background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(139,92,246,.5)}.stat-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-top:4px}.counter-animate{animation:counter-pop .3s var(--ease-bounce)}@keyframes counter-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:700;border-radius:var(--radius-full);text-transform:uppercase}.badge-gold{background:var(--gradient-fire);color:#0a0a1a;box-shadow:var(--shadow-gold)}.badge-teal{background:var(--teal-glow);color:#0a0a1a}.badge-purple{background:#8b5cf633;color:var(--purple-neon);border:1px solid var(--purple-neon)}.timer-bar-container{width:100%;height:12px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;position:relative}.timer-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .1s linear,background .3s;position:relative}.timer-bar-fill.healthy{background:linear-gradient(90deg,#10b981,#4ecdc4);box-shadow:0 0 15px #10b98180}.timer-bar-fill.warning{background:linear-gradient(90deg,#fcd34d,#f59e0b);box-shadow:0 0 15px #fcd34d80;animation:timer-pulse .5s infinite}.timer-bar-fill.danger{background:linear-gradient(90deg,#ef4444,#ff6b6b);box-shadow:0 0 20px #ef444499;animation:timer-pulse .25s infinite}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.7}}.timer-bar-fill:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:inherit;border-radius:50%;box-shadow:inherit}.particle-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.particle{position:absolute;border-radius:50%;animation:particle-float 2s ease-out forwards}@keyframes particle-float{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-100px) scale(0);opacity:0}}.confetti{position:absolute;width:10px;height:10px;animation:confetti-fall 1.5s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.glow-pulse{animation:glow-breathe 2s ease-in-out infinite}@keyframes glow-breathe{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf699}}.success-flash{animation:flash-green .3s ease-out}@keyframes flash-green{0%{background:#10b98180}to{background:transparent}}.shake{animation:shake-error .3s ease-out}@keyframes shake-error{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.hearts-container{display:flex;gap:8px}.heart{width:28px;height:28px;font-size:24px;animation:heart-beat 1s ease-in-out infinite}.heart.lost{opacity:.3;filter:grayscale(1);animation:none}@keyframes heart-beat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.game-grid{display:grid;gap:8px;padding:16px;background:var(--bg-card);border-radius:var(--radius-lg);border:var(--glass-border)}.grid-cell{aspect-ratio:1;border-radius:var(--radius-md);background:#ffffff0d;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .15s var(--ease-bounce);position:relative;overflow:hidden}.grid-cell:active{transform:scale(.9)}.grid-cell.highlight{background:var(--teal-glow);border-color:var(--cyan-pulse);box-shadow:0 0 20px #4ecdc480;animation:cell-pulse .75s ease-in-out infinite}.grid-cell.correct{background:linear-gradient(135deg,#10b981,#4ecdc4);border-color:#10b981;animation:cell-correct .3s var(--ease-bounce)}.grid-cell.wrong{background:var(--dragon-fire);border-color:#ef4444;animation:cell-wrong .3s ease-out}.grid-cell.tapped{border-color:var(--gold-reward);background:#fcd34d33}@keyframes cell-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}@keyframes cell-correct{0%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes cell-wrong{0%,to{transform:translate(0)}25%,75%{transform:translate(-4px)}50%{transform:translate(4px)}}.grid-cell:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(252,211,77,.4) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s,opacity .3s;opacity:0}.grid-cell.tapped:after{width:150%;height:150%;opacity:1}.dragon-mascot{width:120px;height:120px;position:relative;animation:dragon-float 3s ease-in-out infinite}.dragon-mascot img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(16,185,129,.4))}.dragon-mascot.excited{animation:dragon-excited .5s var(--ease-bounce) infinite}.dragon-mascot.victory{animation:dragon-victory .8s var(--ease-bounce)}@keyframes dragon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes dragon-excited{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.05) rotate(2deg)}}@keyframes dragon-victory{0%{transform:scale(1)}25%{transform:scale(1.2) rotate(-10deg)}50%{transform:scale(1.3) rotate(10deg)}75%{transform:scale(1.2) rotate(-5deg)}to{transform:scale(1) rotate(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .3s ease-out}.modal-content{max-width:90%;max-height:90%;animation:modal-pop .4s var(--ease-bounce)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){:root{--radius-lg: 16px;--radius-xl: 24px}.btn-premium{min-width:160px;padding:14px 24px;font-size:16px}.stat-value{font-size:24px}.dragon-mascot{width:80px;height:80px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--bg-dark: var(--bg-primary);--bg-card: var(--bg-card);--primary: var(--purple-neon);--secondary: var(--teal-glow);--text-main: var(--text-primary);--text-dim: var(--text-secondary);--danger: var(--dragon-fire);--accent: var(--gold-reward);--gold: var(--gold-reward);--dragon-teal: var(--teal-glow)}html{overflow:hidden;position:fixed;width:100%;height:100%}body{margin:0;background:var(--gradient-dark);background-attachment:fixed;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;position:fixed;width:100%;top:0;left:0;touch-action:manipulation;-webkit-overflow-scrolling:touch}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/dashboard_backdrop.png);background-size:cover;background-position:center;opacity:.4;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(139,92,246,.25) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(6,182,212,.25) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(252,211,77,.1) 0%,transparent 50%);pointer-events:none;z-index:0;animation:bg-pulse 8s ease-in-out infinite alternate}@keyframes bg-pulse{0%{opacity:.6}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes logoRotate{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes scaleTap{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes progressFill{0%{width:0}}@keyframes buttonPulse{0%,to{box-shadow:0 0 #fcd34d66}50%{box-shadow:0 0 0 10px #fcd34d00}}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#root{width:100%;max-width:480px;padding:20px;padding-top:env(safe-area-inset-top,20px);padding-bottom:calc(env(safe-area-inset-bottom,20px) + 60px);position:relative;z-index:1;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes coinFloat{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.app-container{display:flex;flex-direction:column;gap:1.5rem}:root{--banner-ad-height: 50px;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}.app-container.has-banner-ad{padding-bottom:calc(var(--banner-ad-height) + var(--safe-area-bottom) + 10px)}.partner-link{display:block;text-align:center;color:#8b5cf6;font-size:14px;padding:12px 0;text-decoration:none;opacity:.8;transition:opacity .2s}.partner-link:hover{opacity:1;text-decoration:underline}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.logo{font-size:1.75rem;font-weight:900;letter-spacing:-1px;background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(139,92,246,.5);animation:logo-glow 2s ease-in-out infinite alternate}@keyframes logo-glow{0%{filter:drop-shadow(0 0 10px rgba(139,92,246,.3))}to{filter:drop-shadow(0 0 20px rgba(139,92,246,.6))}}.text-highlight{color:var(--cyan-pulse)}.user-info{display:flex;align-items:center;gap:12px}.user-info span{color:var(--text-secondary);font-size:14px}.card{background:#1a1a2ecc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:24px;border-radius:var(--radius-lg);border:1px solid rgba(139,92,246,.2);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d inset,0 0 30px #8b5cf61a;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden;transition:transform .3s var(--ease-smooth),box-shadow .3s}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000080,0 0 40px #8b5cf633}input{background:#0a0a1acc;border:2px solid rgba(139,92,246,.2);padding:14px 16px;border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;outline:none;transition:all .2s var(--ease-smooth)}input:focus{border-color:var(--purple-neon);box-shadow:0 0 20px #8b5cf64d}input::placeholder{color:var(--text-muted)}button{cursor:pointer;padding:14px 28px;border-radius:var(--radius-full);border:none;font-weight:700;font-size:16px;transition:all .2s var(--ease-bounce);display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;position:relative;overflow:hidden}button:active{transform:scale(.95)}.btn-primary{background:var(--gradient-fire);color:#0a0a1a;box-shadow:0 4px 20px #fcd34d4d}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px #fcd34d80}.btn-secondary{background:var(--gradient-teal);color:#0a0a1a;box-shadow:0 4px 20px #4ecdc44d}.btn-outline{background:transparent;border:2px solid var(--purple-neon);color:var(--purple-neon);box-shadow:0 0 15px #8b5cf633}.btn-outline:hover{background:#8b5cf61a;box-shadow:0 0 25px #8b5cf666}.btn-large{padding:18px 40px;font-size:18px;min-height:56px}.moves{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.btn-move{flex-direction:column;padding:15px 5px;font-size:.9rem}.attack{background:var(--danger)}.defend{background:var(--primary)}.heal{background:var(--secondary)}.game-log{background:#000;height:150px;overflow-y:auto;padding:10px;border-radius:8px;font-family:monospace;font-size:.9rem;color:var(--accent)}.result{font-size:2rem;font-weight:700;text-align:center;margin-top:10px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard{display:flex;flex-direction:column;gap:1.25rem}.xp-progress-container{width:100%;height:8px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;margin-top:8px;position:relative}.xp-progress-fill{height:100%;background:var(--gradient-neon);border-radius:var(--radius-full);transition:width .5s var(--ease-smooth);animation:progressFill 1s ease-out;position:relative}.xp-progress-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));animation:shimmer 2s infinite}@keyframes shimmer{0%{opacity:0}50%{opacity:1}to{opacity:0}}.interactive-tap{transition:transform .15s var(--ease-bounce);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.interactive-tap:active{transform:scale(.95)}button:active,.btn-primary:active,.btn-outline:active,.btn-secondary:active{transform:scale(.95);transition:transform .1s ease-out}.card-interactive:active{transform:scale(.98);box-shadow:0 4px 16px #0000004d}@media(min-width:768px)and (orientation:landscape){#root{max-width:680px;padding:24px 32px}.dashboard{gap:1.5rem}.lobby-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.lobby-grid .profile-row,.lobby-grid .start-button-container{grid-column:1 / -1}}@media(max-height:500px)and (orientation:landscape){#root{padding:12px 24px;max-width:100%}.dashboard{flex-direction:row;flex-wrap:wrap;gap:1rem}.app-header{padding:8px 0}}@media(max-height:700px){#root{padding-top:calc(env(safe-area-inset-top,20px) + 8px)}}.admob-banner-placeholder{position:fixed;bottom:0;left:0;right:0;height:50px;padding-bottom:env(safe-area-inset-bottom,0px);background:linear-gradient(90deg,#1a1a2efa,#2d2d44fa,#1a1a2efa);border-top:1px solid rgba(139,92,246,.2);display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.admob-banner-placeholder .ad-label{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.app-container.has-admob-banner{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .4s ease-out}.animate-pulse{animation:buttonPulse 2s infinite}.animate-logoRotate{animation:logoRotate 4s ease-in-out infinite}.profile-card{background:linear-gradient(135deg,#8b5cf626,#06b6d41a);border:1px solid rgba(139,92,246,.3);position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 60%);animation:card-shimmer 4s ease-in-out infinite}@keyframes card-shimmer{0%,to{transform:translate(-10%,-10%) rotate(0)}50%{transform:translate(10%,10%) rotate(5deg)}}.profile-header{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.avatar{font-size:2.5rem;background:linear-gradient(135deg,var(--purple-neon),var(--cyan-pulse));width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 25px #8b5cf666;animation:avatar-pulse 2s ease-in-out infinite}@keyframes avatar-pulse{0%,to{box-shadow:0 0 20px #8b5cf666}50%{box-shadow:0 0 35px #8b5cf699}}.profile-info h2{margin:0;font-size:1.4rem;font-weight:800}.badge{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase}.level-badge{background:var(--gradient-fire);color:#0a0a1a;box-shadow:0 0 15px #fcd34d66}.profile-stats{display:flex;justify-content:space-around;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(139,92,246,.2);position:relative;z-index:1}.stat-item{text-align:center;padding:8px 16px}.glow-stat{background:#0a0a1a80;border-radius:var(--radius-md);border:1px solid rgba(139,92,246,.2)}.stat-label{display:block;color:var(--text-secondary);font-size:.8rem;margin-bottom:4px}.stat-value{display:block;font-size:1.75rem;font-weight:800}.wins-value{background:var(--gradient-teal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(78,205,196,.5)}.drgn-value{background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(252,211,77,.5)}.wallet-card h3,.play-card h3{margin:0;font-size:1.1rem;font-weight:700}.wallet-details-btn{width:100%;text-align:center}.wallet-empty p{color:var(--text-secondary);margin:.5rem 0}.wallet-address{background:#0a0a1acc;padding:12px 16px;border-radius:var(--radius-md);font-size:.8rem;font-family:SF Mono,Consolas,monospace;word-break:break-all;display:block;border:1px solid rgba(139,92,246,.2);color:var(--cyan-pulse)}.play-card{background:linear-gradient(135deg,#fcd34d1a,#ff6b6b1a);border-color:#fcd34d4d;text-align:center;padding:28px}.play-card h3{font-size:1.4rem;background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.play-card p{color:var(--text-secondary);margin:8px 0 16px}.play-card .btn-primary{width:100%;font-size:1.2rem;padding:18px;animation:cta-pulse 2s ease-in-out infinite}@keyframes cta-pulse{0%,to{box-shadow:0 4px 20px #fcd34d4d}50%{box-shadow:0 8px 40px #fcd34d80}}.logout-btn{margin-top:.5rem;opacity:.7}.logout-btn:hover{opacity:1}.link{color:var(--primary);cursor:pointer;text-align:center}.link:hover{text-decoration:underline}.user-info{display:flex;align-items:center;gap:10px}.controls{display:flex;gap:10px;margin-top:1rem}.opponent{text-align:center;font-size:1.2rem;padding:1rem;background:linear-gradient(135deg,var(--danger),#8b2038);border-radius:12px;margin-bottom:1rem}.win{color:var(--secondary)}.loss{color:var(--danger)}.login-card{text-align:center}.auth-icon{font-size:3rem;margin-bottom:.5rem}.auth-subtitle{color:var(--text-dim);margin:0 0 1rem;font-size:.9rem}.login-mode{border-top:4px solid var(--primary)}.register-mode{border-top:4px solid var(--secondary)}.btn-register{background:var(--secondary)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.wallet-view{display:flex;flex-direction:column;gap:1rem}.back-btn{align-self:flex-start}.wallet-details-card h2{margin:0 0 1.5rem;text-align:center}.wallet-detail-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #333}.detail-label{font-size:.85rem;color:var(--text-dim)}.wallet-address-full{background:#000;padding:10px;border-radius:8px;font-size:.75rem;word-break:break-all}.wallet-balance-section{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#1a1a2e,#16161a);border-radius:12px;margin:1rem 0}.balance-label{display:block;color:var(--text-dim);font-size:.9rem}.balance-value{display:block;font-size:2.5rem;font-weight:700;color:var(--secondary)}.balance-note{display:block;color:var(--text-dim);font-size:.8rem}.explorer-link{display:block;text-align:center;text-decoration:none;margin-top:1rem}.no-wallet{text-align:center;padding:2rem}.text-dim{color:var(--text-dim)}.floating-coins{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.coin{position:absolute;width:50px;height:50px;animation:coinFloat 15s linear infinite;opacity:.6}.coin-1{left:10%;animation-delay:0s;animation-duration:20s}.coin-2{left:50%;animation-delay:5s;animation-duration:18s}.coin-3{left:85%;animation-delay:10s;animation-duration:22s}.dragon-mascot{position:absolute;bottom:-20px;right:-30px;width:120px;height:120px;z-index:10;pointer-events:none;animation:float 3s ease-in-out infinite}.mascot-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(78,205,196,.3))}.dragon-card{background:linear-gradient(145deg,#4ecdc426,#7f5af026,#ffd7001a)!important;border:1px solid rgba(78,205,196,.4)!important;box-shadow:0 4px 20px #4ecdc433,inset 0 1px #ffffff1a}.dragon-avatar{background:linear-gradient(135deg,#4ecdc4,#7f5af0)!important;font-size:2rem!important}.level-badge{background:linear-gradient(135deg,gold,#ff9f43)!important;color:#1a1a2e!important;font-weight:700}.glow-stat{background:#0000004d;padding:12px;border-radius:12px;transition:all .3s ease}.glow-stat:hover{background:#4ecdc41a;transform:scale(1.02)}.wins-value{color:#4ecdc4!important;text-shadow:0 0 10px rgba(78,205,196,.5)}.drgn-value{color:gold!important;text-shadow:0 0 10px rgba(255,215,0,.5)}.play-card{background:linear-gradient(145deg,#ffd7001a,#7f5af033)!important;border:1px solid rgba(255,215,0,.3)!important}.play-card h3{font-size:1.3rem;background:linear-gradient(135deg,gold,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-large{padding:16px 32px!important;font-size:1.1rem!important;font-weight:700!important;background:linear-gradient(135deg,#7f5af0,#4ecdc4)!important;border:none!important;box-shadow:0 4px 15px #7f5af066;transition:all .3s ease!important}.btn-large:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 25px #7f5af099}.dashboard{position:relative}.hearts-store{display:flex;flex-direction:column;gap:1rem}.hearts-store-card{text-align:center}.hearts-store-card h2{margin:0 0 .5rem;font-size:1.8rem}.store-subtitle{color:var(--text-secondary);margin:0 0 1.5rem}.current-hearts-banner{background:linear-gradient(135deg,#ff646433,#ff96961a);border:1px solid rgba(255,100,100,.3);border-radius:12px;padding:1rem;margin-bottom:1.5rem;color:#ff6b6b;font-size:1.1rem}.current-hearts-banner strong{color:#ff4757;font-size:1.3rem}.hearts-display{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.big-heart{font-size:3rem;animation:heart-beat 1s ease-in-out infinite}.big-heart:nth-child(2){animation-delay:.2s}.big-heart:nth-child(3){animation-delay:.4s}.store-options{display:flex;flex-direction:column;gap:1rem}.store-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#0a0a1a99;border-radius:var(--radius-md);border:1px solid rgba(139,92,246,.2)}.store-item.featured{border-color:var(--gold-reward);box-shadow:0 0 20px #fcd34d33}.store-item.premium{border-color:var(--purple-neon);background:linear-gradient(135deg,#8b5cf61a,#06b6d41a)}.item-icon{font-size:2rem}.item-details{flex:1;text-align:left}.item-name{display:block;font-weight:700;font-size:1.1rem}.item-desc{display:block;font-size:.85rem;color:var(--text-secondary)}.store-item .btn-primary{padding:10px 20px;font-size:1rem;min-height:auto}.store-note{color:var(--text-muted);font-size:.85rem;margin-top:1rem}.hearts-btn{border-color:var(--rose-spark);color:var(--rose-spark)}.hearts-btn:hover{background:#ff6b6b1a}.evertap-container{min-height:100vh;max-height:100vh;height:100vh;background:transparent;padding:50px 16px 90px;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;touch-action:none;display:flex;flex-direction:column}.evertap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;max-width:400px;width:100%;margin-left:auto;margin-right:auto}.evertap-header h1{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.btn-outline-light{background:transparent;border:2px solid rgba(139,92,246,.3);color:#888;padding:8px 16px;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-outline-light:hover{background:#8b5cf61a;border-color:#8b5cf6;color:#8b5cf6}.evertap-hud{display:flex;justify-content:space-around;background:#1a1a2ecc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:14px 24px;margin-bottom:12px;box-shadow:0 8px 32px #0006;border:1px solid rgba(139,92,246,.2);max-width:400px;width:100%;margin-left:auto;margin-right:auto}.evertap-hud .hud-item{text-align:center;display:flex;flex-direction:column;align-items:center}.evertap-hud .hud-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:1px}.evertap-hud .hud-value{display:block;font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#4ecdc4,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.evertap-hud .lives .lives-heart{font-size:1.25rem}.evertap-hud .lives .lives-count{font-size:1.25rem;font-weight:700;color:#ff6b6b;-webkit-text-fill-color:#FF6B6B}.target-indicator{display:flex;align-items:center;justify-content:center;gap:8px;background:#1a1a2ee6;border-radius:12px;padding:10px 20px;margin-bottom:8px;font-weight:600;color:#fff;box-shadow:0 4px 16px #0000004d;border:1px solid rgba(139,92,246,.2);max-width:400px;margin-left:auto;margin-right:auto}.target-sample{width:24px;height:24px;border-radius:50%;box-shadow:0 2px 8px #0000004d}.evertap-timer-container{background:#1a1a2ecc;border-radius:9999px;height:16px;overflow:hidden;position:relative;margin-bottom:12px;max-width:400px;width:100%;margin-left:auto;margin-right:auto;border:1px solid rgba(139,92,246,.2)}.evertap-timer-bar{height:100%;background:linear-gradient(90deg,#22c55e,#4ecdc4);border-radius:9999px;transition:width .1s linear}.evertap-timer-bar.warning{background:linear-gradient(90deg,#f59e0b,#fcd34d)}.evertap-timer-bar.danger{background:linear-gradient(90deg,#ef4444,#ff6b6b)}.evertap-timer-bar.healthy{background:linear-gradient(90deg,#22c55e,#4ecdc4)}.evertap-timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:800;font-size:.65rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);text-transform:uppercase;letter-spacing:1px}.game-area,.evertap-game .game-area{flex:1;position:relative;background:#fffffff2;border-radius:20px;margin:0 auto;max-width:400px;width:100%;min-height:300px;max-height:400px;border:1px solid rgba(139,92,246,.15);box-shadow:0 8px 32px #0000001a;overflow:hidden}.evertap-ready,.evertap-result{flex:1;display:flex;align-items:center;justify-content:center;max-width:400px;width:100%;margin:0 auto}.evertap-ready .ready-content,.evertap-result .result-card{background:#1a1a2ef2;border-radius:24px;padding:32px;text-align:center;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d;max-width:320px;width:100%}.evertap-ready h2,.evertap-result h2{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.evertap-result .result-card.success h2{color:#4ecdc4;-webkit-text-fill-color:#4ECDC4;background:none}.evertap-result .result-card.fail h2{color:#ff6b6b;-webkit-text-fill-color:#FF6B6B;background:none}.evertap-game{flex:1;display:flex;flex-direction:column;max-width:400px;width:100%;margin:0 auto}.evertap-circle{position:absolute;width:60px;height:60px;border-radius:50%;cursor:pointer;transition:transform .15s ease,opacity .2s ease;box-shadow:0 4px 16px #0000004d;border:3px solid rgba(255,255,255,.3)}.evertap-circle:hover{transform:scale(1.05)}.evertap-circle:active{transform:scale(.95)}.evertap-circle.tapped{opacity:.3;transform:scale(.8);pointer-events:none}.evertap-circle.correct-tap{animation:correct-pulse .3s ease-out}.evertap-circle.wrong-tap{animation:wrong-shake .3s ease-out}@keyframes correct-pulse{0%{transform:scale(1);box-shadow:0 0 #22c55eb3}50%{transform:scale(1.2);box-shadow:0 0 0 15px #22c55e00}to{transform:scale(.8);opacity:.3}}@keyframes wrong-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.ready-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a1af2;border-radius:20px;padding:24px;text-align:center}.ready-screen h2{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.ready-screen .instruction{color:#888;font-size:.9rem;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.target-colors{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.target-color-chip{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:8px 16px;border-radius:9999px;font-weight:600;color:#fff}.target-color-chip .color-dot{width:20px;height:20px;border-radius:50%;box-shadow:0 2px 8px #0000004d}.start-btn{padding:16px 48px;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:9999px;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 24px #8b5cf666}.start-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf680}.start-btn:active{transform:translateY(0)}.result-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a1af2;border-radius:20px;padding:24px;text-align:center}.result-screen h2{font-size:2rem;margin-bottom:16px}.result-screen h2.success{color:#4ecdc4}.result-screen h2.fail{color:#ff6b6b}.result-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:250px}.result-btn{padding:14px 32px;font-size:1rem;font-weight:700;border:none;border-radius:9999px;cursor:pointer;transition:transform .2s,box-shadow .2s}.result-btn.primary{background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff;box-shadow:0 4px 16px #8b5cf64d}.result-btn.secondary{background:#8b5cf633;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.evertap-footer{height:60px;flex-shrink:0}.score-popup{position:absolute;font-size:1.5rem;font-weight:800;color:#fcd34d;animation:float-up 1s ease-out forwards;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.5)}@keyframes float-up{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-40px) scale(1.2)}}.loading-spinner{width:32px;height:32px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}.btn-primary-light{padding:16px 48px;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:9999px;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 24px #8b5cf666}.btn-primary-light:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf680}.btn-primary-light:active{transform:translateY(0)}.btn-primary-light.btn-large{padding:18px 56px;font-size:1.2rem}.evertap-item{position:absolute;border-radius:50%;cursor:pointer;transition:transform .15s ease,opacity .2s ease;box-shadow:0 4px 16px #0003;border:3px solid rgba(255,255,255,.4)}.evertap-item:hover{transform:scale(1.05)}.evertap-item:active{transform:scale(.95)}.evertap-item.tapped{opacity:.4;transform:scale(.85);pointer-events:none}.evertap-item.pulse{animation:item-pulse 1.5s ease-in-out infinite}.evertap-item.danger-pulse{animation:danger-pulse 1.5s ease-in-out infinite}@keyframes item-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes danger-pulse{0%,to{transform:scale(1);box-shadow:0 4px 16px #0003}50%{transform:scale(1.05);box-shadow:0 4px 20px #ef44444d}}.tap-counter{text-align:center;margin-top:12px;font-size:1rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.combo-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:800;color:#fcd34d;text-shadow:0 4px 12px rgba(0,0,0,.5);animation:combo-pop .8s ease-out forwards;pointer-events:none;z-index:100}@keyframes combo-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}to{opacity:0;transform:translate(-50%,-60%) scale(1)}}.game-over{margin-top:16px}.game-over h3{font-size:1.5rem;color:#ff6b6b;margin-bottom:12px}.game-over p{color:#888;margin:8px 0}.game-over-buttons{display:flex;flex-direction:column;gap:12px;margin-top:16px}.result-stats{color:#888;margin-bottom:20px}.result-stats p{margin:8px 0}.result-stats .score-add{font-size:1.2rem;color:#4ecdc4;font-weight:700}.result-stats .prize{font-size:1.3rem;color:#fcd34d;font-weight:700}.result-stats .wrong-hits{color:#ff6b6b}.target-colors-row{display:flex;gap:8px}.evertap-hud .hud-item.best .hud-value{font-size:1.1rem}.ready-content .btn-primary-light,.ready-content .pulse-btn{display:block;margin-left:auto;margin-right:auto}.sky-container{min-height:100vh;max-height:100vh;height:100vh;background:linear-gradient(180deg,#0a0a1a,#1a1a3e,#0a0a1a);padding:50px 16px 90px;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;touch-action:none;display:flex;flex-direction:column}.sky-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;max-width:400px;width:100%;margin-left:auto;margin-right:auto;z-index:10}.sky-header h1{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;display:flex;align-items:center;gap:12px}.sky-header-icon{width:48px;height:48px;border-radius:12px}.sky-header-title{font-size:1.8rem}.btn-outline-sky{background:transparent;border:2px solid rgba(139,92,246,.3);color:#888;padding:8px 16px;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-outline-sky:hover{background:#8b5cf61a;border-color:#8b5cf6;color:#8b5cf6}.btn-primary-sky{padding:16px 48px;font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:9999px;color:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 24px #8b5cf666}.btn-primary-sky:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf680}.starfield-static{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.star-static{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;box-shadow:0 0 4px #ffffff80}.sky-hud{display:flex;justify-content:space-around;align-items:center;background:#1a1a2ecc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:14px 24px;margin-bottom:8px;box-shadow:0 8px 32px #0006;border:1px solid rgba(139,92,246,.2);max-width:400px;width:100%;margin-left:auto;margin-right:auto;z-index:10}.sky-hud .hud-item{text-align:center;display:flex;flex-direction:column;align-items:center}.sky-hud .hud-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:1px}.sky-hud .hud-value{display:block;font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#4ecdc4,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sky-hud .lives .lives-heart{font-size:1.25rem}.sky-hud .lives .lives-count{font-size:1.25rem;font-weight:700;color:#ff6b6b;-webkit-text-fill-color:#FF6B6B}.sky-hud .hud-item.best .hud-value{font-size:.9rem}.hud-pause-btn{background:#8b5cf64d;border:1px solid rgba(139,92,246,.5);border-radius:8px;padding:8px 12px;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.hud-pause-btn:active{transform:scale(.95);background:#8b5cf680}.level-timer{height:6px;background:#ffffff1a;border-radius:9999px;overflow:hidden;margin-bottom:8px;max-width:400px;width:100%;margin-left:auto;margin-right:auto}.timer-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ecdc4);border-radius:9999px;transition:width .1s linear}.sky-game{flex:1;position:relative;display:flex;flex-direction:column;max-width:400px;width:100%;margin:0 auto}.sky-game.shake{animation:screenShake .3s ease-out}@keyframes screenShake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.asteroids-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;pointer-events:none}.asteroid{position:absolute;display:flex;flex-direction:column;align-items:center;transition:top .05s linear}.asteroid-sprite{font-size:48px;line-height:1;filter:drop-shadow(0 0 10px rgba(78,205,196,.6))}.asteroid-sequence{display:flex;gap:4px;margin-top:4px;padding:4px 8px;background:#00000080;border-radius:12px}.seq-dot{width:14px;height:14px;border-radius:50%;opacity:.9;transition:all .2s ease;border:none;box-shadow:0 0 8px currentColor}.seq-dot.matched{opacity:1;transform:scale(1.2);box-shadow:0 0 10px currentColor}.asteroid.focused{z-index:10}.asteroid.focused .asteroid-sprite{filter:drop-shadow(0 0 20px rgba(255,215,0,.9)) drop-shadow(0 0 40px rgba(255,165,0,.6));animation:focusPulse .8s ease-in-out infinite}.asteroid.focused .asteroid-sequence{background:#0009;border:none}@keyframes focusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.city-container{position:absolute;bottom:162px;left:0;right:0;text-align:center;z-index:10;display:flex;flex-direction:column;align-items:center}.city-container.shake{animation:screenShake .3s ease-out}.city-sprite{width:100%;max-width:350px;height:50px;object-fit:cover;border-radius:8px}.hearts-bar{margin-top:2px;font-size:1.2rem}.heart{display:inline-block;margin:0 2px;transition:all .3s ease}.heart.active{animation:heartPulse 1s ease-in-out infinite}.heart.empty{opacity:.3}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.color-wheel{position:absolute;bottom:45px;left:10px;right:10px;height:104px;border-radius:16px;display:flex;gap:8px;padding:8px;background:#1a1a2ee6;border:2px solid rgba(139,92,246,.3);z-index:20}.wheel-quarter{flex:1;border:none;cursor:pointer;transition:all .15s ease;border-radius:12px;min-height:83px}.wheel-quarter.red,.wheel-quarter.blue,.wheel-quarter.green,.wheel-quarter.yellow{border-radius:12px}.wheel-quarter:active,.wheel-quarter.active{transform:scale(.95);filter:brightness(1.3)}.wheel-center{display:none}.sky-ready{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.sky-ready .ready-content{background:#1a1a2ef2;border-radius:24px;padding:32px;text-align:center;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d;max-width:320px;width:100%;z-index:10}.ready-icon{width:80px;height:80px;border-radius:16px;margin-bottom:16px}.sky-ready h2{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.sky-ready p{color:#888;margin-bottom:16px}.color-preview{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.preview-dot{width:32px;height:32px;border-radius:50%;box-shadow:0 0 15px currentColor}.ready-hearts{font-size:1.2rem;color:#ff6b6b;margin-bottom:24px}.pulse-btn{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 8px 24px #8b5cf666}50%{box-shadow:0 8px 40px #8b5cf699}}.sky-gameover{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.gameover-city{width:100%;max-width:350px;height:100px;object-fit:cover;border-radius:8px;margin-bottom:20px;opacity:.8}.gameover-content{background:#1a1a2ef2;border-radius:24px;padding:32px;text-align:center;border:1px solid rgba(255,107,107,.3);box-shadow:0 8px 32px #ff6b6b33;max-width:320px;width:100%;z-index:10}.gameover-content h2{font-size:2rem;font-weight:800;color:#ff6b6b;margin-bottom:16px}.gameover-stats{color:#888;margin-bottom:24px}.gameover-stats p{margin:8px 0}.gameover-stats strong{color:#fff}.drgn-reward{font-size:1.2rem;color:#fcd34d!important;margin-top:16px}.gameover-buttons{display:flex;flex-direction:column;gap:12px}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a1ae6;display:flex;align-items:center;justify-content:center;z-index:100}.pause-content{text-align:center}.pause-content h2{font-size:2rem;color:#8b5cf6;margin-bottom:24px}.pause-content button{margin:8px}.game-controls{position:absolute;top:10px;right:10px;z-index:15}.btn-control{background:#1a1a2ecc;border:1px solid rgba(139,92,246,.3);border-radius:50%;width:40px;height:40px;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.btn-control:hover{background:#8b5cf633}.current-input{position:absolute;bottom:155px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:8px 16px;background:#1a1a2ee6;border-radius:20px;border:2px solid rgba(139,92,246,.5);z-index:25}.input-dot{width:20px;height:20px;border-radius:50%;box-shadow:0 0 10px currentColor}.input-label{font-size:.8rem;color:#8b5cf6;font-weight:700;margin-right:4px;align-self:center}.input-empty{color:#fff6;font-size:1rem}@keyframes inputDotPopIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}@keyframes inputDotGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.input-dot-animate{animation:inputDotPopIn .2s ease-out forwards,inputDotGlow 1.5s ease-in-out infinite}.blitz-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;max-height:100vh;height:100vh;padding:1rem;padding-top:50px;padding-bottom:90px;background:transparent;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;touch-action:manipulation}.blitz-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px;margin-bottom:12px}.blitz-header h1{margin:0;font-size:1.5rem;font-weight:900;background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(139,92,246,.5)}.blitz-hud{display:flex;justify-content:space-around;width:100%;max-width:400px;padding:14px 24px;background:#1a1a2ecc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.2);border-radius:16px;margin-bottom:12px;box-shadow:0 8px 32px #0006}.hud-item{display:flex;flex-direction:column;align-items:center}.hud-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.hud-value{font-size:1.4rem;font-weight:800;background:var(--gradient-teal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lives{flex-direction:row;gap:6px;align-items:center}.lives-count{font-size:1.4rem;font-weight:800;color:var(--rose-spark);text-shadow:0 0 10px rgba(239,68,68,.5)}.lives-heart{font-size:1.25rem;animation:heart-beat 1s ease-in-out infinite}.heart{font-size:1.5rem;transition:all .3s var(--ease-bounce)}.heart.active{color:var(--rose-spark);filter:drop-shadow(0 0 8px var(--rose-spark));animation:heart-beat 1s ease-in-out infinite}.heart:not(.active){color:#fff3;filter:none}@keyframes heart-beat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.blitz-timer-container{width:100%;max-width:400px;height:16px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;margin-bottom:1.25rem;position:relative;border:1px solid rgba(255,255,255,.1)}.blitz-timer-bar{height:100%;transition:width .05s linear;border-radius:var(--radius-full);position:relative}.blitz-timer-bar.healthy{background:linear-gradient(90deg,#10b981,#4ecdc4);box-shadow:0 0 15px #10b98180}.blitz-timer-bar.warning{background:linear-gradient(90deg,#fcd34d,#f59e0b);box-shadow:0 0 20px #fcd34d99;animation:timer-panic .5s infinite}.blitz-timer-bar.danger{background:linear-gradient(90deg,#ef4444,#ff6b6b);box-shadow:0 0 25px #ef4444b3;animation:timer-panic .25s infinite}@keyframes timer-panic{0%,to{opacity:1}50%{opacity:.7}}.blitz-timer-bar:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:inherit;border-radius:50%;box-shadow:inherit}.blitz-timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.8);color:var(--text-primary)}.blitz-grid{justify-content:center;padding:16px;background:#1a1a2e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(139,92,246,.2);box-shadow:0 8px 32px #00000080,0 0 40px #8b5cf61a}.blitz-cell{border-radius:var(--radius-md);border:2px solid rgba(255,255,255,.1);background:#0a0a1acc;transition:all .05s ease-out;cursor:pointer;position:relative;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.blitz-cell:active{transform:scale(.92)}.blitz-cell:hover{border-color:#8b5cf666}.blitz-cell.target{background:var(--teal-glow);border-color:var(--cyan-pulse);box-shadow:0 0 20px #4ecdc480,inset 0 0 15px #fff3;animation:cell-glow .75s ease-in-out infinite}@keyframes cell-glow{0%,to{box-shadow:0 0 20px #4ecdc480;transform:scale(1)}50%{box-shadow:0 0 35px #4ecdc4b3;transform:scale(1.02)}}.blitz-cell.pulse{animation:cellPulse .5s ease-in-out infinite}@keyframes cellPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.blitz-cell.revealed{background:linear-gradient(135deg,#10b981,#4ecdc4);border-color:var(--teal-glow);box-shadow:0 0 25px #4ecdc499}.blitz-cell.correct{animation:correctExplode .15s ease-out}@keyframes correctExplode{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.blitz-cell.wrong{background:#ff6b6b66!important;border-color:var(--dragon-fire);animation:wrongShake .4s ease-out}@keyframes wrongShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.blitz-cell.missed{border-color:var(--dragon-fire);opacity:.4}.blitz-cell:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(252,211,77,.5) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s,opacity .3s;opacity:0}.blitz-cell.tapped:after{width:150%;height:150%;opacity:1}.tap-counter{margin-top:1rem;font-size:.9rem;color:var(--text-secondary)}.game-dragon{position:fixed;bottom:20px;right:20px;width:60px;height:60px;z-index:5;pointer-events:none;animation:dragon-float 3s ease-in-out infinite;opacity:.8}.game-dragon-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(78,205,196,.4));border-radius:50%}@keyframes dragon-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}}.blitz-ready{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.ready-content{text-align:center;padding:32px;background:#1a1a2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #0000004d;max-width:320px;width:100%}.ready-content h2{margin:0 0 16px;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ready-content p{color:#888;margin:0 0 16px;font-size:1.2rem}.grid-info{font-size:.85rem;color:var(--text-muted)}.pulse-btn{animation:mega-pulse 1.5s ease-in-out infinite;margin-top:1.5rem}@keyframes mega-pulse{0%,to{box-shadow:0 0 #fcd34d80;transform:scale(1)}50%{box-shadow:0 0 0 20px #fcd34d00;transform:scale(1.02)}}.blitz-result{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.result-card{text-align:center;padding:2rem;background:#1a1a2ee6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;min-width:300px;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-neon)}.result-card.success{border:2px solid var(--teal-glow);box-shadow:0 0 40px #4ecdc44d,0 20px 60px #00000080;animation:success-bounce .5s var(--ease-bounce)}@keyframes success-bounce{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.result-card.success h2{color:var(--teal-glow);text-shadow:0 0 30px rgba(78,205,196,.5)}.result-card.fail{border:2px solid var(--dragon-fire);box-shadow:0 0 40px #ff6b6b4d,0 20px 60px #00000080}.result-card.fail h2{color:var(--dragon-fire);text-shadow:0 0 30px rgba(255,107,107,.5)}.result-card h2{font-size:2rem;font-weight:900;margin:0 0 1rem}.result-stats{margin:1rem 0}.result-stats p{margin:.5rem 0;color:var(--text-secondary)}.score-add{font-size:1.75rem;font-weight:800;background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:score-pop .5s var(--ease-bounce)}@keyframes score-pop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.prize{font-size:1.3rem;font-weight:700;color:var(--teal-glow)!important;text-shadow:0 0 20px rgba(78,205,196,.5);margin-top:.5rem;animation:prize-glow 1s ease-in-out infinite alternate}@keyframes prize-glow{0%{text-shadow:0 0 20px rgba(78,205,196,.5)}to{text-shadow:0 0 35px rgba(78,205,196,.8)}}.game-over h3{color:var(--dragon-fire);font-size:1.75rem;font-weight:900;margin-bottom:12px;text-shadow:0 0 20px rgba(255,107,107,.5)}.game-over p{color:var(--text-secondary)}.game-over-buttons{display:flex;gap:12px;justify-content:center;margin-top:1.25rem}.game-over-buttons .btn-outline{padding:14px 24px}.blitz-footer{margin-top:auto;padding:1rem;color:var(--text-muted);font-size:.85rem}.blitz-game{display:flex;flex-direction:column;align-items:center;width:100%}.game-area-wrapper{position:relative;display:flex;align-items:center;gap:0}@keyframes confetti-drop{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti-particle{position:fixed;width:12px;height:12px;pointer-events:none;animation:confetti-drop 2s ease-out forwards}.combo-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-weight:900;color:#fcd34d;text-shadow:0 0 20px rgba(252,211,77,.8),0 2px 4px rgba(0,0,0,.5);animation:combo-pop .8s ease-out forwards;pointer-events:none;z-index:100}@keyframes combo-pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}30%{transform:translate(-50%,-50%) scale(1.3);opacity:1}to{transform:translate(-50%,-60%) scale(1);opacity:0}}.celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200;display:flex;align-items:center;justify-content:center}.confetti-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.confetti{position:absolute;top:-20px;width:12px;height:12px;border-radius:2px;animation:confetti-drop 2s ease-out forwards}.celebration-text{font-size:3rem;font-weight:900;color:#fff;text-shadow:0 0 30px rgba(252,211,77,.8),0 0 60px rgba(78,205,196,.5),0 4px 8px rgba(0,0,0,.5);animation:celebration-bounce .6s ease-out}@keyframes celebration-bounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.hud-item.best .hud-value{font-size:1.1rem}.loading-spinner{width:32px;height:32px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite;margin:16px auto}@keyframes spin{to{transform:rotate(360deg)}}.result-loading{display:flex;justify-content:center;padding:16px 0}.btn-double-coins{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#000;font-weight:700;border:none;border-radius:9999px;padding:14px 24px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #fcd34d4d}.btn-double-coins:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fcd34d66}.btn-double-coins:disabled{opacity:.6;cursor:not-allowed;transform:none}.ready-content .btn-primary,.ready-content .pulse-btn{display:block;margin-left:auto;margin-right:auto}