:root{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-tertiary: #202038;--bg-card: #252540;--bg-hover: #2f2f50;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #9090a8;--accent-primary: #8b5cf6;--accent-secondary: #06b6d4;--accent-gradient: linear-gradient(135deg, #8b5cf6, #06b6d4);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--border-color: #3a3a55;--border-radius: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--border-radius-full: 9999px;--tier-bronze: #cd7f32;--tier-silver: #c0c0c0;--tier-gold: #ffd700;--tier-platinum: #e5e4e2;--tier-diamond: #b9f2ff;--tier-crown: #9966cc;--tier-elite: #ff6b6b;--tier-royalty: #ff1493;--gradient-promotion: linear-gradient(135deg, #7c3aed, #a855f7);--gradient-streak: linear-gradient(135deg, #f59e0b, #d97706);--gradient-birthday: linear-gradient(135deg, #ec4899, #f472b6);--gradient-lucky: linear-gradient(135deg, #f59e0b, #fbbf24);--gradient-spin: linear-gradient(135deg, #10b981, #059669);--gradient-success: linear-gradient(135deg, #10b981, #34d399);--gradient-danger: linear-gradient(135deg, #ef4444, #dc2626);--gradient-gold: linear-gradient(135deg, #ffd700, #ffaa00);--gradient-silver: linear-gradient(135deg, #c0c0c0, #a0a0a0);--gradient-bronze: linear-gradient(135deg, #cd7f32, #b8722d);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--spacing-4xl: 64px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--shadow-glow: 0 0 20px rgba(139, 92, 246, .3);--shadow-glow-success: 0 0 20px rgba(16, 185, 129, .3);--shadow-glow-warning: 0 0 20px rgba(245, 158, 11, .3);--transition-fast: .15s ease-out;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}button,a,input,select,textarea,[role=button],.card,.card-interactive,.card-glass{touch-action:manipulation}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-weight:600;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}p{color:var(--text-secondary);line-height:1.5}a{color:var(--accent-primary);text-decoration:none}.card{background:var(--bg-card);border-radius:var(--border-radius);padding:16px;border:1px solid var(--border-color);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-gradient{background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border:1px solid rgba(139,92,246,.3)}.card-glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow)}.card-glass:hover{background:#ffffff14;transform:translateY(-4px);box-shadow:0 16px 48px #8b5cf633}.card-premium{background:linear-gradient(135deg,#8b5cf626,#06b6d426);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.4);box-shadow:var(--shadow-glow)}.card-interactive{cursor:pointer;position:relative;overflow:hidden}.card-interactive:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.card-interactive:hover:before{left:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;min-height:48px;border-radius:var(--border-radius);font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.btn-primary:active{transform:translateY(0)}.btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.3) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity .5s}.btn:active:after{transform:scale(0);opacity:.3;transition:0s}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-outline:hover{background:#8b5cf61a}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-sm{padding:10px 18px;min-height:40px;font-size:var(--text-sm)}.btn-lg{padding:18px 36px;min-height:60px;font-size:var(--text-lg);font-weight:700}.btn-xl{padding:20px 40px;min-height:68px;font-size:1.15rem;font-weight:700;border-radius:20px}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:var(--shadow-glow-success)}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.btn-warning{background:var(--gradient-streak);color:#fff;box-shadow:var(--shadow-glow-warning)}.btn-warning:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66}.btn-ghost{background:transparent;color:var(--text-primary);border:none}.btn-ghost:hover{background:var(--bg-hover)}.btn:focus-visible{outline:2px solid white;outline-offset:2px;box-shadow:0 0 0 4px #8b5cf666}@media(hover:none){.btn:active{transform:scale(.97)!important;transition:transform .1s ease-out}.card:active{transform:scale(.98);transition:transform .1s ease-out}}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}input,select,textarea{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;transition:border-color .3s,box-shadow .3s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf633}input::placeholder{color:var(--text-muted)}label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary)}.container{max-width:480px;margin:0 auto;padding:16px}.page{flex:1;padding-bottom:80px;animation:pageEnter .4s ease-out}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#1a1a2ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;padding:8px 0;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;min-height:48px;min-width:48px;color:var(--text-muted);text-decoration:none;font-size:.75rem;transition:color .3s,transform .3s;position:relative}.nav-item.active{color:var(--accent-primary)}.nav-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--accent-gradient);border-radius:2px}.nav-item span{font-size:1.5rem;transition:transform .3s}.nav-item:hover span{transform:scale(1.1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.badge-success{background:#10b98133;color:var(--success)}.badge-warning{background:#f59e0b33;color:var(--warning)}.badge-error{background:#ef444433;color:var(--error)}.badge-tier{background:var(--accent-gradient);color:#fff}.badge-new{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;animation:badgePulse 2s infinite}.badge-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--error);color:#fff;font-size:.65rem;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center}.progress-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:var(--accent-gradient);border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s infinite}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-card) 0%,var(--bg-hover) 50%,var(--bg-card) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius)}.skeleton-text{height:16px;margin-bottom:8px;border-radius:4px}.skeleton-text-sm{height:12px;width:60%;border-radius:4px}.skeleton-circle{border-radius:50%}.skeleton-card{height:120px;margin-bottom:16px}.empty-state{text-align:center;padding:48px 24px;animation:fadeInUp .5s ease-out}.empty-state-icon{font-size:4rem;margin-bottom:16px;animation:bounce 2s infinite}.empty-state h3{margin-bottom:8px;color:var(--text-primary)}.empty-state p{color:var(--text-muted);margin-bottom:16px}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:16px 0}.filter-tabs{display:flex;gap:8px;padding:4px;background:var(--bg-secondary);border-radius:var(--border-radius);margin-bottom:16px}.filter-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:color .3s,background .3s,box-shadow .3s;display:flex;align-items:center;justify-content:center;gap:6px}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.filter-tab-count{font-size:.7rem;padding:2px 6px;background:#fff3;border-radius:10px}.stat-card{text-align:center;padding:16px 12px;background:var(--bg-tertiary);border-radius:var(--border-radius);transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #8b5cf626}.stat-card-value{font-size:1.5rem;font-weight:700;margin-bottom:4px}.stat-card-label{font-size:.75rem;color:var(--text-muted)}.stat-card-icon{font-size:1.25rem;margin-bottom:8px}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1000}.text-center{text-align:center}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-muted{color:var(--text-muted)}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.gap-1{gap:8px}.gap-2{gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes progressShine{0%{left:-100%}to{left:100%}}@keyframes badgePulse{0%,to{box-shadow:0 0 #ec489966}50%{box-shadow:0 0 0 8px #ec489900}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #8b5cf680}50%{box-shadow:0 0 20px #8b5cf6cc}}@keyframes breathingGlow{0%,to{box-shadow:0 0 20px #8b5cf666,0 0 40px #8b5cf633}50%{box-shadow:0 0 40px #8b5cf699,0 0 80px #8b5cf666,0 0 120px #8b5cf633}}@keyframes neonPulse{0%,to{box-shadow:0 0 5px #8b5cf680,0 0 20px #8b5cf64d,inset 0 0 10px #8b5cf61a}50%{box-shadow:0 0 10px #8b5cf6cc,0 0 40px #8b5cf680,inset 0 0 20px #8b5cf633}}@keyframes cardGlow{0%{box-shadow:0 4px 15px #0003}to{box-shadow:0 8px 30px #8b5cf64d}}.neon-glow-purple{box-shadow:0 0 5px #8b5cf666,0 0 20px #8b5cf64d,0 0 40px #8b5cf633}.neon-glow-gold{box-shadow:0 0 5px #fbbf2466,0 0 20px #fbbf244d,0 0 40px #fbbf2433}.neon-glow-emerald{box-shadow:0 0 5px #10b98166,0 0 20px #10b9814d,0 0 40px #10b98133}.breathing-glow{animation:breathingGlow 3s ease-in-out infinite}.neon-pulse{animation:neonPulse 2s ease-in-out infinite}.touch-ripple{position:relative;overflow:hidden}.touch-ripple:before{content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);pointer-events:none;border-radius:inherit;opacity:0;transition:transform .5s,opacity .3s}.touch-ripple:active:before{transform:translate(-50%,-50%) scale(2);opacity:.5;transition:0s}.card-shine{position:relative;overflow:hidden}.card-shine:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.1) 35%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 65%,transparent 80%);background-size:200% 100%;animation:shimmerWave 3s linear infinite;pointer-events:none}.text-glow-purple{text-shadow:0 0 20px rgba(139,92,246,.6),0 0 40px rgba(139,92,246,.3)}.text-glow-gold{text-shadow:0 0 20px rgba(251,191,36,.6),0 0 40px rgba(251,191,36,.3)}.text-glow-emerald{text-shadow:0 0 20px rgba(16,185,129,.6),0 0 40px rgba(16,185,129,.3)}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0) scale(1);opacity:1}to{transform:translateY(100vh) rotate(720deg) scale(.5);opacity:0}}@keyframes shimmerWave{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}@keyframes achievementPop{0%{opacity:0;transform:scale(.5) rotateY(90deg)}50%{transform:scale(1.1) rotateY(0)}to{opacity:1;transform:scale(1) rotateY(0)}}@keyframes celebrationBurst{0%{transform:scale(0);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1.5);opacity:0}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.animate-pulse{animation:pulse 2s infinite}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-fadeInUp{animation:fadeInUp .5s ease-out both}.animate-slideInRight{animation:slideInRight .4s ease-out both}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-slide-up{animation:cardSlideUp .4s cubic-bezier(.34,1.56,.64,1) both}.animate-bounce-in{animation:achievementPop .6s cubic-bezier(.68,-.55,.265,1.55) both}.animate-shake{animation:shake .5s ease-in-out}.animate-fade-in{animation:fadeIn .3s ease-out both}.card-enter{animation:cardSlideUp .4s cubic-bezier(.34,1.56,.64,1) both}.card-enter:nth-child(1){animation-delay:.05s}.card-enter:nth-child(2){animation-delay:.1s}.card-enter:nth-child(3){animation-delay:.15s}.card-enter:nth-child(4){animation-delay:.2s}.card-enter:nth-child(5){animation-delay:.25s}.card-enter:nth-child(6){animation-delay:.3s}.card-enter:nth-child(7){animation-delay:.35s}.card-enter:nth-child(8){animation-delay:.4s}.skeleton-wave{background:linear-gradient(90deg,var(--bg-card) 0%,var(--bg-hover) 25%,var(--bg-card) 50%,var(--bg-hover) 75%,var(--bg-card) 100%);background-size:1000px 100%;animation:shimmerWave 2s infinite}.confetti-container{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;top:-20px;animation:confettiFall 3s cubic-bezier(.25,.46,.45,.94) forwards}.celebration-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:1000;animation:fadeIn .3s ease-out}.celebration-content{text-align:center;animation:achievementPop .6s cubic-bezier(.68,-.55,.265,1.55)}.btn:focus,input:focus,select:focus,textarea:focus,a:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.btn:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent-primary);color:#fff;padding:8px 16px;z-index:1001;transition:top .3s}.skip-link:focus{top:0}@media(max-width:360px){.container{padding:12px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.btn{padding:10px 16px;font-size:.9rem}.card{padding:12px}.nav-item{padding:6px 8px;font-size:.7rem}.nav-item span{font-size:1.25rem}.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:481px){.container{max-width:540px;padding:24px}.card{padding:20px}}@media(min-width:768px){.container{max-width:640px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.page{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card:hover{transform:none}}.onboarding-overlay{position:fixed;inset:0;background:#0f0f1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.onboarding-card{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:32px 24px;max-width:400px;width:90%;text-align:center;animation:fadeInUp .5s ease-out}.onboarding-icon{font-size:4rem;margin-bottom:24px;animation:float 3s ease-in-out infinite}.onboarding-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--border-color);transition:all .3s}.onboarding-dot.active{width:24px;border-radius:4px;background:var(--accent-gradient)}.leaderboard-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:var(--border-radius);margin-bottom:8px;transition:all .3s}.leaderboard-item:hover{background:var(--bg-hover);transform:translate(4px)}.leaderboard-item.highlight{background:linear-gradient(135deg,#8b5cf633,#06b6d433);border:1px solid rgba(139,92,246,.3)}.leaderboard-rank{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:8px}.leaderboard-rank.gold{background:linear-gradient(135deg,gold,#ffb700);color:#000}.leaderboard-rank.silver{background:linear-gradient(135deg,silver,#a8a8a8);color:#000}.leaderboard-rank.bronze{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff}.scratch-card{position:relative;width:100%;aspect-ratio:4/3;border-radius:var(--border-radius-lg);overflow:hidden;cursor:pointer}.scratch-card-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#8b5cf6,#06b6d4);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600}.dice-container{display:flex;justify-content:center;gap:16px;margin:24px 0}.dice{width:64px;height:64px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#1a1a2e;box-shadow:0 4px 12px #0000004d;transition:transform .3s}.dice.rolling{animation:diceRoll .5s ease-in-out infinite}@keyframes diceRoll{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}}.challenge-card{background:var(--bg-card);border-radius:var(--border-radius);padding:16px;margin-bottom:12px;border-left:4px solid var(--accent-primary);transition:all .3s}.challenge-card.completed{border-left-color:var(--success);opacity:.8}.challenge-card:hover{transform:translate(4px)}.challenge-progress{display:flex;align-items:center;gap:12px;margin-top:12px}.challenge-progress-text{font-size:.75rem;color:var(--text-muted);min-width:60px}.modal-overlay{position:fixed;inset:0;background:#0f0f1ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .2s ease-out}.modal{background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);width:100%;max-width:400px;max-height:90vh;overflow-y:auto;animation:slideInUp .3s cubic-bezier(.34,1.56,.64,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-hover);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s}.modal-close:hover{background:var(--error);color:#fff}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.modal-footer .btn{flex:1}.list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all var(--transition-normal)}.list-item:hover{background:var(--bg-hover);transform:translate(4px)}.list-item-icon{width:44px;height:44px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.list-item-content{flex:1;min-width:0}.list-item-label{font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-sublabel{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-value{font-weight:var(--font-bold);color:var(--accent-secondary);flex-shrink:0}.list-item-arrow{color:var(--text-muted);font-size:1.25rem}.list-item.highlight{background:linear-gradient(135deg,#8b5cf626,#06b6d426);border-color:#8b5cf64d}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-top:var(--spacing-lg)}.page-header-title{flex:1}.page-header-title h1{margin-bottom:var(--spacing-xs)}.page-header-title p{color:var(--text-muted);font-size:var(--text-sm)}.page-header-actions{display:flex;gap:var(--spacing-sm)}.refresh-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all var(--transition-normal)}.refresh-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.refresh-btn.refreshing{animation:spin 1s linear infinite;pointer-events:none}.info-link{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color);text-decoration:none;color:var(--text-primary);transition:all var(--transition-normal)}.info-link:last-child{border-bottom:none}.info-link:hover{color:var(--accent-primary)}.info-link:hover .info-link-arrow{transform:translate(4px);color:var(--accent-primary)}.info-link-content{display:flex;align-items:center;gap:var(--spacing-md)}.info-link-icon{font-size:1.25rem}.info-link-arrow{color:var(--text-muted);transition:all var(--transition-normal)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:var(--spacing-lg) 0}.divider-text{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-muted);font-size:var(--text-sm)}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--border-color)}.member-card{background:var(--accent-gradient);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center;position:relative;overflow:hidden}.member-card:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.member-card-logo{font-size:3rem;margin-bottom:var(--spacing-md)}.member-card-name{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-xs)}.member-card-id{font-size:var(--text-sm);opacity:.9;margin-bottom:var(--spacing-lg)}.member-card-qr{background:#fff;padding:var(--spacing-lg);border-radius:var(--border-radius);display:inline-block;margin-bottom:var(--spacing-lg)}.member-card-tier{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#0003;border-radius:var(--border-radius-full);font-weight:var(--font-semibold)}.date-range-picker{display:flex;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-lg)}.date-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:var(--text-sm)}.date-input:focus{border-color:var(--accent-primary);outline:none}.friend-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color)}.friend-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.friend-info{flex:1}.friend-name{font-weight:var(--font-semibold)}.friend-status{font-size:var(--text-sm);color:var(--text-muted)}.friend-action{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--accent-primary);background:transparent;color:var(--accent-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal)}.friend-action:hover{background:var(--accent-primary);color:#fff}.event-card{background:var(--bg-card);border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--border-color)}.event-card-banner{height:120px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:4rem}.event-card-content{padding:var(--spacing-lg)}.event-card-title{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--spacing-xs)}.event-card-description{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--spacing-md)}.event-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.event-card-prize{font-weight:var(--font-bold);color:var(--warning)}.event-card-countdown{font-size:var(--text-sm);color:var(--error)}.reward-card{background:var(--bg-card);border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--border-color);transition:all var(--transition-normal)}.reward-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.reward-card-image{height:140px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:4rem}.reward-card-content{padding:var(--spacing-md)}.reward-card-title{font-weight:var(--font-semibold);margin-bottom:var(--spacing-xs)}.reward-card-cost{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--accent-primary);font-weight:var(--font-bold)}.reward-card-stock{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--spacing-xs)}.pull-indicator{display:flex;justify-content:center;padding:var(--spacing-lg);color:var(--text-muted);font-size:var(--text-sm)}.pull-indicator-icon{display:inline-block;transition:transform .3s ease}.pull-indicator-icon.pulling{transform:rotate(180deg)}.pull-indicator-icon.refreshing{animation:spin 1s linear infinite}.tabs-container{margin-bottom:var(--spacing-lg)}.tabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-secondary);border-radius:var(--border-radius);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:1;min-width:fit-content;padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab.active{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.home-page{padding-bottom:80px}.home-page .page{padding-bottom:0}.home-tabs-container{position:sticky;top:0;z-index:50;background:var(--bg-primary);padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.home-tabs{display:flex;gap:var(--spacing-xs);max-width:480px;margin:0 auto}.home-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-sm) var(--spacing-xs);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);position:relative;border-radius:var(--border-radius)}.home-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.home-tab.active{color:var(--accent-primary)}.home-tab-icon{width:22px;height:22px;transition:all var(--transition-normal)}.home-tab-icon.active{color:var(--accent-primary);transform:scale(1.05)}.home-tab-label{font-size:var(--text-xs);font-weight:var(--font-medium);transition:all var(--transition-normal)}.home-tab.active .home-tab-label{font-weight:var(--font-semibold)}.home-tab-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--accent-gradient);border-radius:2px;animation:tabIndicatorEnter .3s cubic-bezier(.34,1.56,.64,1)}@keyframes tabIndicatorEnter{0%{transform:translate(-50%) scaleX(0);opacity:0}to{transform:translate(-50%) scaleX(1);opacity:1}}.home-content{min-height:calc(100vh - 140px)}.home-tab-content{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}@keyframes tabEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-tab-enter{animation:tabEnter .35s cubic-bezier(.4,0,.2,1)}.home-welcome-card{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.home-welcome-content{flex:1}.home-welcome-title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-xs);line-height:1.3}.home-welcome-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0}.home-welcome-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;flex-shrink:0}.home-promo-card{padding:var(--spacing-lg);background:var(--gradient-promotion);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.home-promo-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.home-promo-icon{width:40px;height:40px;border-radius:10px;background:#fff3;display:flex;align-items:center;justify-content:center}.home-promo-icon svg{width:22px;height:22px;color:#fff}.home-promo-info{flex:1}.home-promo-label{display:block;font-size:var(--text-xs);opacity:.9;margin-bottom:2px}.home-promo-type{display:block;font-weight:var(--font-bold);font-size:var(--text-base)}.home-promo-progress{margin-bottom:var(--spacing-sm);background:#fff3!important}.home-promo-progress .progress-bar-fill{background:linear-gradient(90deg,#10b981,#34d399)!important}.home-promo-stats{display:flex;justify-content:space-between;font-size:var(--text-sm);opacity:.9}.home-wallet-card{display:block;text-decoration:none;color:inherit;padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-lg);transition:all var(--transition-normal)}.home-wallet-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.home-wallet-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-weight:var(--font-semibold)}.home-wallet-icon{width:20px;height:20px;color:var(--accent-primary)}.home-wallet-arrow{width:16px;height:16px;color:var(--text-muted);margin-left:auto;transition:transform var(--transition-normal)}.home-wallet-card:hover .home-wallet-arrow{transform:translate(4px)}.home-wallet-balances{display:flex;align-items:center}.home-wallet-balance{flex:1;text-align:center}.home-wallet-value{display:block;font-size:var(--text-2xl);font-weight:var(--font-bold);line-height:1.2}.home-wallet-value.points{color:var(--accent-primary)}.home-wallet-value.credits{color:var(--success)}.home-wallet-label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.home-wallet-divider{width:1px;height:40px;background:var(--border-color);margin:0 var(--spacing-lg)}.home-tier-card{display:block;text-decoration:none;color:inherit;padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-lg);transition:all var(--transition-normal)}.home-tier-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.home-tier-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.home-tier-badge{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.home-tier-badge svg{width:22px;height:22px;color:#fff}.home-tier-info{flex:1}.home-tier-name{display:block;font-weight:var(--font-bold);font-size:var(--text-base)}.home-tier-points{display:block;font-size:var(--text-sm);color:var(--text-muted)}.home-tier-arrow{width:16px;height:16px;color:var(--text-muted);transition:transform var(--transition-normal)}.home-tier-card:hover .home-tier-arrow{transform:translate(4px)}.home-tier-progress{margin-bottom:var(--spacing-sm)}.home-tier-next{font-size:var(--text-sm);color:var(--text-muted);text-align:right}.home-section{margin-bottom:var(--spacing-xl)}.home-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.home-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.home-section-link{font-size:var(--text-sm);color:var(--accent-primary);text-decoration:none;font-weight:var(--font-medium);transition:opacity var(--transition-fast)}.home-section-link:hover{opacity:.8}.home-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.home-quick-action{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm);background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);text-decoration:none;color:var(--text-primary);transition:all var(--transition-normal);position:relative}.home-quick-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.home-quick-action-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.home-quick-action-icon svg{width:22px;height:22px;color:#fff}.home-quick-action-icon.spin{background:var(--gradient-spin)}.home-quick-action-icon.promo{background:var(--gradient-promotion)}.home-quick-action-icon.card{background:var(--accent-gradient)}.home-quick-action-icon.help{background:var(--gradient-streak)}.home-quick-action span:not(.home-quick-action-icon):not(.home-quick-action-badge){font-size:var(--text-xs);font-weight:var(--font-medium);text-align:center}.home-quick-action-badge{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--error);color:#fff;font-size:11px;font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.home-promo-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.home-promo-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color)}.home-promo-item-icon{width:40px;height:40px;border-radius:10px;background:var(--gradient-promotion);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-promo-item-icon svg{width:20px;height:20px;color:#fff}.home-promo-item-content{flex:1;min-width:0}.home-promo-item-title{display:block;font-weight:var(--font-semibold);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-promo-item-desc{display:block;font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-empty-state{text-align:center;padding:var(--spacing-xl);background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color)}.home-empty-state.large{padding:var(--spacing-3xl) var(--spacing-xl)}.home-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:var(--spacing-md);color:var(--text-muted)}.home-empty-icon svg{width:40px;height:40px}.home-empty-state h3{margin-bottom:var(--spacing-sm);color:var(--text-primary)}.home-empty-state p{color:var(--text-muted);margin:0;font-size:var(--text-sm)}.home-empty-action{display:inline-block;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--accent-gradient);color:#fff;text-decoration:none;border-radius:var(--border-radius);font-weight:var(--font-semibold);font-size:var(--text-sm);transition:all var(--transition-normal)}.home-empty-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.home-bonus-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-md);transition:all var(--transition-normal);text-decoration:none;color:inherit}.home-bonus-card.claimable{cursor:pointer;border:none}.home-bonus-card.claimable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.home-bonus-card.streak.claimable{background:var(--gradient-streak)}.home-bonus-card.streak.claimed{opacity:.85}.home-bonus-card.birthday.claimable{background:var(--gradient-birthday)}.home-bonus-card.lucky.active{background:var(--gradient-lucky);color:#000}.home-bonus-card.spin.claimable{background:var(--gradient-spin)}.home-bonus-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-bonus-icon svg{width:26px;height:26px}.home-bonus-card.claimable .home-bonus-icon,.home-bonus-card.active .home-bonus-icon{background:#fff3;color:#fff}.home-bonus-card.lucky.active .home-bonus-icon{color:#000;animation:pulse 1.5s infinite}.home-bonus-card.info .home-bonus-icon{background:var(--bg-tertiary);color:var(--text-muted)}.home-bonus-card.info .home-bonus-icon.streak{background:#f59e0b26;color:#f59e0b}.home-bonus-card.info .home-bonus-icon.birthday{background:#ec489926;color:#ec4899}.home-bonus-card.info .home-bonus-icon.lucky{background:#f59e0b26;color:#f59e0b}.home-bonus-card.info .home-bonus-icon.spin{background:#10b98126;color:#10b981}.home-bonus-card.info .home-bonus-icon.hotseat{background:#8b5cf626;color:var(--accent-primary)}.home-bonus-content{flex:1;min-width:0}.home-bonus-title{display:block;font-weight:var(--font-bold);font-size:var(--text-base);margin-bottom:2px}.home-bonus-subtitle{display:block;font-size:var(--text-sm);opacity:.9}.home-bonus-card.info .home-bonus-subtitle{color:var(--text-muted)}.home-bonus-milestone{display:inline-block;margin-top:var(--spacing-xs);padding:4px 10px;background:#fff3;border-radius:var(--border-radius);font-size:var(--text-xs);font-weight:var(--font-medium)}.home-bonus-time{color:var(--accent-primary)!important;font-size:var(--text-lg)!important;font-weight:var(--font-bold)!important}.home-bonus-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-bonus-action svg{width:20px;height:20px}.home-bonus-card.claimable .home-bonus-action svg{animation:pulse 2s infinite}.home-bonus-card.claimed .home-bonus-action svg{color:var(--success)}.home-bonus-timer{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#0003;border-radius:var(--border-radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.home-bonus-timer-pulse{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:pulse 1s infinite}.home-lucky-schedule{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.home-lucky-schedule-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium)}.home-lucky-schedule-times{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.home-lucky-time{padding:6px 12px;border-radius:var(--border-radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);background:var(--accent-primary);color:#fff}.home-lucky-time.current{background:var(--gradient-lucky);color:#000;animation:pulse 1.5s infinite}.home-lucky-time.past{background:var(--bg-tertiary);color:var(--text-muted);text-decoration:line-through}.home-games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.home-game-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-lg);background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);text-decoration:none;color:inherit;transition:all var(--transition-normal)}.home-game-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.home-game-card.scratch{border-color:#8b5cf64d;background:linear-gradient(135deg,#8b5cf61a,#06b6d41a)}.home-game-card.dice{border-color:#f59e0b4d;background:linear-gradient(135deg,#f59e0b1a,#d977061a)}.home-game-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.home-game-icon svg{width:30px;height:30px}.home-game-card.scratch .home-game-icon{background:var(--accent-gradient);color:#fff}.home-game-card.dice .home-game-icon{background:var(--gradient-streak);color:#fff}.home-game-name{font-weight:var(--font-semibold);font-size:var(--text-base)}.home-game-desc{font-size:var(--text-xs);color:var(--text-muted);text-align:center}.home-challenges-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.home-challenge-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);border-left:3px solid var(--accent-primary)}.home-challenge-item.completed{border-left-color:var(--success);opacity:.7}.home-challenge-icon{width:36px;height:36px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-challenge-icon svg{width:18px;height:18px;color:var(--accent-primary)}.home-challenge-item.completed .home-challenge-icon{background:#10b98126}.home-challenge-item.completed .home-challenge-icon svg{color:var(--success)}.home-challenge-content{flex:1;min-width:0}.home-challenge-title{display:block;font-weight:var(--font-medium);font-size:var(--text-sm);margin-bottom:var(--spacing-xs)}.home-challenge-progress{display:flex;align-items:center;gap:var(--spacing-sm)}.home-challenge-progress .progress-bar{flex:1;height:6px}.home-challenge-progress-text{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.home-challenge-reward{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--accent-primary);flex-shrink:0}.home-leaderboard{background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);overflow:hidden}.home-leaderboard-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.home-leaderboard-item:last-child{border-bottom:none}.home-leaderboard-item:hover{background:var(--bg-hover)}.home-leaderboard-item.current{background:linear-gradient(135deg,#8b5cf61a,#06b6d41a)}.home-leaderboard-rank{width:28px;height:28px;border-radius:8px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0}.home-leaderboard-rank.gold{background:var(--gradient-gold);color:#000}.home-leaderboard-rank.silver{background:var(--gradient-silver);color:#000}.home-leaderboard-rank.bronze{background:var(--gradient-bronze);color:#fff}.home-leaderboard-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);color:#fff;flex-shrink:0}.home-leaderboard-name{flex:1;font-weight:var(--font-medium);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-leaderboard-you{color:var(--accent-primary);font-size:var(--text-xs);margin-left:var(--spacing-xs)}.home-leaderboard-points{font-weight:var(--font-bold);color:var(--accent-primary);font-size:var(--text-sm);flex-shrink:0}.home-more-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.home-more-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);text-decoration:none;color:var(--text-primary);transition:all var(--transition-normal)}.home-more-link:hover{background:var(--bg-hover);transform:translate(4px)}.home-more-link-icon{width:36px;height:36px;border-radius:8px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-more-link-icon svg{width:18px;height:18px;color:var(--accent-primary)}.home-more-link span{flex:1;font-weight:var(--font-medium);font-size:var(--text-sm)}.home-more-link-arrow{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;transition:transform var(--transition-normal)}.home-more-link:hover .home-more-link-arrow{transform:translate(4px)}.home-friends-activity{display:flex;flex-direction:column;gap:var(--spacing-sm)}.home-friend-activity-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color)}.home-friend-avatar{width:42px;height:42px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:var(--font-bold);color:#fff;flex-shrink:0}.home-friend-info{flex:1;min-width:0}.home-friend-name{display:block;font-weight:var(--font-semibold);font-size:var(--text-sm);margin-bottom:2px}.home-friend-activity{display:block;font-size:var(--text-xs);color:var(--text-muted)}.home-friend-time{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.home-referral-card{display:block;text-decoration:none;color:inherit;padding:var(--spacing-lg);background:linear-gradient(135deg,#8b5cf626,#06b6d426);border-radius:var(--border-radius-lg);border:1px solid rgba(139,92,246,.3);transition:all var(--transition-normal)}.home-referral-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.home-referral-header{display:flex;align-items:center;gap:var(--spacing-md)}.home-referral-icon{width:44px;height:44px;border-radius:12px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-referral-icon svg{width:24px;height:24px;color:#fff}.home-referral-info{flex:1}.home-referral-title{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:2px}.home-referral-code{display:block;font-size:var(--text-lg);font-weight:var(--font-bold);letter-spacing:2px;font-family:monospace;color:var(--accent-primary)}.home-referral-cta{display:block;font-size:var(--text-sm);color:var(--text-secondary)}.home-referral-arrow{width:20px;height:20px;color:var(--text-muted);flex-shrink:0;transition:transform var(--transition-normal)}.home-referral-card:hover .home-referral-arrow{transform:translate(4px)}.home-referral-stats{display:flex;gap:var(--spacing-xl);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(139,92,246,.2)}.home-referral-stat{text-align:center}.home-referral-stat-value{display:block;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.home-referral-stat-value.success{color:var(--success)}.home-referral-stat-label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.home-social-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.home-social-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);text-decoration:none;color:inherit;transition:all var(--transition-normal)}.home-social-link:hover{background:var(--bg-hover);transform:translate(4px)}.home-social-link-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-social-link-icon svg{width:20px;height:20px;color:#fff}.home-social-link-icon.friends{background:var(--accent-gradient)}.home-social-link-icon.leaderboard{background:var(--gradient-gold)}.home-social-link-icon.leaderboard svg{color:#000}.home-social-link-icon.notifications{background:var(--gradient-streak)}.home-social-link-content{flex:1}.home-social-link-title{display:block;font-weight:var(--font-semibold);font-size:var(--text-sm)}.home-social-link-count{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.home-social-link-arrow{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;transition:transform var(--transition-normal)}.home-social-link:hover .home-social-link-arrow{transform:translate(4px)}@media(max-width:360px){.home-tabs-container{padding:var(--spacing-xs) var(--spacing-sm)}.home-tab{padding:var(--spacing-xs)}.home-tab-icon{width:20px;height:20px}.home-tab-label{font-size:10px}.home-quick-actions{grid-template-columns:repeat(3,1fr)}.home-quick-action-icon{width:36px;height:36px}.home-welcome-title{font-size:var(--text-lg)}}.sticky-wallet-header{position:fixed;top:0;left:0;right:0;z-index:90;padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:#0f0f1abf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0000004d;cursor:pointer;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),visibility .35s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.sticky-wallet-header.visible{transform:translateY(0);opacity:1;visibility:visible}.sticky-wallet-header:active{background:#191928d9}.sticky-wallet-content{display:flex;align-items:center;justify-content:center;gap:12px;max-width:480px;margin:0 auto;padding:6px 8px;background:#ffffff08;border-radius:var(--border-radius-full);border:1px solid rgba(255,255,255,.06)}.sticky-wallet-item{display:flex;align-items:center;gap:6px;padding:4px 8px}.sticky-wallet-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sticky-wallet-icon svg{width:100%;height:100%}.sticky-wallet-icon.points{color:var(--warning)}.sticky-wallet-icon.credits{color:var(--success)}.sticky-wallet-value{font-size:.8125rem;font-weight:700;color:var(--text-primary);white-space:nowrap;letter-spacing:-.01em}.sticky-wallet-divider{width:1px;height:20px;background:#ffffff26;flex-shrink:0}.sticky-wallet-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0;margin-left:4px;box-shadow:0 2px 8px #8b5cf64d}.sticky-wallet-arrow{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;transition:transform .2s ease}.sticky-wallet-arrow svg{width:100%;height:100%}.sticky-wallet-header:hover .sticky-wallet-arrow{transform:translate(2px)}.sticky-wallet-header:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(139,92,246,.05) 0%,transparent 100%);pointer-events:none;opacity:0;transition:opacity .3s ease}.sticky-wallet-header.visible:before{opacity:1}@keyframes walletPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.sticky-wallet-item.pulse{animation:walletPulse .3s ease-out}@media(hover:none){.sticky-wallet-header:active{transform:translateY(0) scale(.98);transition:transform .1s ease-out}.sticky-wallet-header:active .sticky-wallet-content{background:#ffffff0f}}@media(hover:hover){.sticky-wallet-header:hover .sticky-wallet-content{background:#ffffff0f;border-color:#ffffff1a}.sticky-wallet-header:hover .sticky-wallet-avatar{box-shadow:0 2px 12px #8b5cf680}}@media(max-width:360px){.sticky-wallet-header{padding:6px 12px;padding-top:calc(6px + env(safe-area-inset-top,0px))}.sticky-wallet-content{gap:8px;padding:4px 6px}.sticky-wallet-item{gap:4px;padding:2px 4px}.sticky-wallet-icon{width:16px;height:16px}.sticky-wallet-value{font-size:.75rem}.sticky-wallet-avatar{width:24px;height:24px;font-size:.625rem}.sticky-wallet-arrow{width:14px;height:14px}}.sticky-wallet-header-spacer{height:0;transition:height .35s cubic-bezier(.4,0,.2,1)}.sticky-wallet-header-spacer.active{height:52px}.qr-code-container{display:flex;align-items:center;justify-content:center;transition:all .3s ease}.qr-code-container:hover{transform:scale(1.02)}.qr-code-placeholder{background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.qr-placeholder-inner{display:flex;flex-direction:column;align-items:center;gap:8px}.qr-code-label{display:flex;flex-direction:column;align-items:center;margin-top:12px}.qr-label-title{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-primary)}.qr-label-desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.qr-mode-selector{display:flex;gap:8px;padding:4px;background:#ffffff1a;border-radius:12px;margin:16px auto;width:fit-content}.qr-mode-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;border:none;background:transparent;color:#fff9;border-radius:10px;cursor:pointer;transition:all .3s;min-width:70px}.qr-mode-btn:hover{background:#ffffff1a;color:#fff}.qr-mode-btn.active{background:#fff;color:#7c3aed}.qr-mode-icon{font-size:1.25rem}.qr-mode-label{font-size:.7rem;font-weight:600}.qr-modal-content{text-align:center;padding:8px}.qr-modal-code{display:flex;justify-content:center;margin-bottom:20px}.qr-modal-info{margin-bottom:20px}.qr-modal-code-text{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:8px}.qr-modal-code-text strong{color:var(--accent-primary);font-family:monospace;letter-spacing:2px}.qr-modal-desc{font-size:var(--text-sm);color:var(--text-muted);margin:0}.qr-modal-actions{margin-top:16px}.share-modal-content{padding:8px 0}.share-qr-preview{display:flex;justify-content:center;margin-bottom:24px}.share-options{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.share-option-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all .2s;text-align:left}.share-option-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translate(4px)}.share-option-btn.share-native{background:linear-gradient(135deg,#8b5cf626,#06b6d426);border-color:#8b5cf64d}.share-option-btn.share-native:hover{background:linear-gradient(135deg,#8b5cf640,#06b6d440)}.share-option-icon{font-size:1.5rem;flex-shrink:0}.share-option-text{display:flex;flex-direction:column;flex:1;min-width:0}.share-option-title{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.share-option-desc{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-social{padding-top:16px;border-top:1px solid var(--border-color)}.share-social-label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:12px;text-align:center}.share-social-buttons{display:flex;justify-content:center;gap:12px}.share-social-btn{width:48px;height:48px;border:none;background:var(--bg-tertiary);border-radius:50%;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.share-social-btn:hover{background:var(--accent-primary);transform:translateY(-3px);box-shadow:0 4px 12px #8b5cf666}.referral-hero-card{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:var(--border-radius-lg);padding:24px;margin-bottom:24px;border:none;text-align:center}.referral-hero-content{display:flex;flex-direction:column;align-items:center}.referral-hero-title{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:16px;color:#fff}.referral-hero-desc{color:#ffffffe6;margin-bottom:16px;font-size:var(--text-sm)}.referral-qr-preview{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:16px;transition:all .3s;margin-bottom:12px;display:flex;flex-direction:column;align-items:center}.referral-qr-preview:hover{transform:scale(1.05)}.referral-qr-hint{display:block;font-size:.65rem;color:#ffffffb3;margin-top:6px}.referral-code-display{padding:12px 24px;background:#ffffff26;border-radius:12px;margin-bottom:16px}.referral-code-text{font-size:1.75rem;font-weight:700;letter-spacing:4px;font-family:monospace;color:#fff}.referral-actions{display:flex;gap:12px}.referral-action-btn{padding:12px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;font-size:var(--text-sm)}.referral-copy-btn{background:#fff3;color:#fff}.referral-copy-btn:hover{background:#ffffff4d}.referral-share-btn{background:#fff;color:#7c3aed}.referral-share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.referral-generate-btn{padding:14px 32px;border:none;border-radius:12px;background:#fff;color:#7c3aed;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.referral-generate-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.referral-generate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.referral-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.referral-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:16px 12px;text-align:center}.referral-stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.referral-stat-success{color:var(--success)}.referral-stat-warning{color:var(--warning)}.referral-stat-label{font-size:.75rem;color:var(--text-muted);margin-top:4px}.referral-rewards-card{margin-bottom:24px}.referral-rewards-content{display:flex;justify-content:space-between;align-items:center}.referral-rewards-label{font-size:var(--text-sm);color:var(--text-muted)}.referral-rewards-value{font-size:1.75rem;font-weight:700;color:var(--success)}.referral-rewards-icon{font-size:2.5rem}.referral-section-title{margin-bottom:12px;margin-top:8px}.referral-steps-card{margin-bottom:24px}.referral-step{display:flex;gap:14px;padding:16px 0}.referral-step-border{border-bottom:1px solid var(--border-color)}.referral-step-num{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a855f7);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:1rem;color:#fff}.referral-step-content{flex:1}.referral-step-title{font-weight:600;margin-bottom:2px}.referral-step-desc{font-size:var(--text-sm);color:var(--text-muted)}.referral-list{display:flex;flex-direction:column;gap:8px}.referral-item{padding:14px 16px}.referral-item-content{display:flex;align-items:center;gap:12px}.referral-item-avatar{width:44px;height:44px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.referral-avatar-success{background:linear-gradient(135deg,#10b981,#34d399)}.referral-item-info{flex:1;min-width:0}.referral-item-name{font-weight:600;color:var(--text-primary)}.referral-item-date{font-size:.75rem;color:var(--text-muted)}.referral-empty{text-align:center;padding:48px 24px}.referral-empty-icon{font-size:4rem;margin-bottom:16px}.referral-empty-title{margin-bottom:8px}.referral-empty-desc{color:var(--text-muted);max-width:280px;margin:0 auto}.member-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.member-card-brand{font-weight:700;font-size:1.1rem;letter-spacing:1px}