:root{--bg-color: #0b0f1a;--bg-gradient: linear-gradient(135deg, #0b0f1a 0%, #0e1324 50%, #111827 100%);--surface-color: rgba(22, 33, 62, .6);--surface-hover: rgba(22, 33, 62, .8);--primary-color: #0f3460;--accent-cyan: #00d4ff;--accent-violet: #a855f7;--accent-gold: #fbbf24;--accent-emerald: #10b981;--accent-pink: #ec4899;--accent-color: #ec4899;--gold-color: #fbbf24;--energy-color: #00d4ff;--success-color: #10b981;--text-color: #f8fafc;--text-muted: #94a3b8;--text-glow: rgba(255, 255, 255, .9);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(20px);--shadow: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .8);--glow-cyan: 0 0 20px rgba(0, 212, 255, .4);--glow-violet: 0 0 20px rgba(168, 85, 247, .4);--glow-gold: 0 0 20px rgba(251, 191, 36, .4);--glow-emerald: 0 0 20px rgba(16, 185, 129, .4);--tg-viewport-height: 100vh;--tg-viewport-stable-height: 100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-color);overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-gradient);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loader{width:60px;height:60px;border:4px solid transparent;border-top-color:var(--accent-cyan);border-right-color:var(--accent-violet);border-radius:50%;animation:spin 1s linear infinite;box-shadow:var(--glow-cyan)}.loading-screen p{margin-top:24px;font-size:16px;color:var(--text-muted);animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.game-container{max-width:600px;margin:0 auto;padding:16px;min-height:100vh;position:relative;z-index:1}.game-header{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-lg),inset 0 1px #ffffff1a;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.game-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);opacity:.5}.user-info{display:flex;align-items:center;gap:12px}.avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:var(--glow-cyan),0 4px 12px #0006;border:2px solid var(--glass-border)}.user-details{display:flex;flex-direction:column}.username-row{display:flex;align-items:center;gap:6px}.username{font-weight:700;font-size:16px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.premium-badge{font-size:14px;animation:pulse-glow 2s ease-in-out infinite;filter:drop-shadow(0 0 8px var(--accent-gold))}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}.level{font-size:12px;color:var(--text-muted)}.currency-display{display:flex;flex-direction:column;gap:8px;text-align:right}.coins,.energy{display:flex;align-items:center;gap:6px;font-weight:700;padding:8px 12px;background:#0000004d;border-radius:12px;border:1px solid var(--glass-border)}.coin-icon{font-size:20px;filter:drop-shadow(0 0 6px var(--accent-gold))}.energy-icon{font-size:16px;filter:drop-shadow(0 0 6px var(--accent-cyan))}.progress-section{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-lg),inset 0 1px #ffffff1a;display:flex;flex-direction:column;gap:16px}.progress-item{display:flex;flex-direction:column;gap:6px}.progress-label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text-color);text-shadow:0 2px 4px rgba(0,0,0,.4)}.progress-bar{height:24px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;position:relative;box-shadow:inset 0 2px 8px #0006}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold),#fde047);border-radius:12px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:var(--glow-gold);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);border-radius:12px 12px 0 0}.energy-fill{background:linear-gradient(90deg,var(--accent-cyan),#22d3ee);box-shadow:var(--glow-cyan)}.mining-area{position:relative;margin-bottom:16px;min-height:300px;display:flex;align-items:center;justify-content:center;padding:20px 0}.mine-container{position:relative}.mine-button{width:220px;height:220px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));color:#fff;font-size:18px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-xl),0 0 40px #00d4ff4d,0 0 60px #a855f733,inset 0 1px #fff3;transition:transform .1s ease,box-shadow .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;z-index:10;border:3px solid rgba(255,255,255,.15)}.mine-button:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));opacity:.5;filter:blur(20px);z-index:-1;animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse-ring{0%,to{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:.8}}.mine-button:active{transform:scale(.95);box-shadow:0 10px 20px #00000080,0 0 30px #00d4ff66,0 0 50px #a855f74d,inset 0 1px #fff3}.mine-button.mining{animation:mine-pulse .5s ease}@keyframes mine-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08);box-shadow:var(--shadow-xl),0 0 60px #00d4ff80,0 0 80px #a855f766}}.mine-icon{font-size:72px;animation:swing 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}@keyframes swing{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.mine-text{font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.cooldown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(8px);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:20;border:3px solid rgba(255,255,255,.1)}.cooldown-timer{font-size:28px;font-weight:800;color:var(--accent-cyan);text-shadow:0 0 20px rgba(0,212,255,.8),0 2px 8px rgba(0,0,0,.8);animation:timer-pulse 1s ease-in-out infinite}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.particle{position:absolute;font-size:24px;animation:float-up 2s ease-out forwards;opacity:1;filter:drop-shadow(0 0 8px currentColor)}@keyframes float-up{0%{transform:translateY(0) scale(1) rotate(0);opacity:1}to{transform:translateY(-120px) scale(.3) rotate(360deg);opacity:0}}.floating-rewards{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.floating-reward{position:absolute;font-size:32px;font-weight:800;color:var(--accent-gold);text-shadow:0 0 20px rgba(251,191,36,1),0 0 40px rgba(251,191,36,.6),0 2px 8px rgba(0,0,0,.8);animation:float-reward 1.8s cubic-bezier(.4,0,.2,1) forwards}@keyframes float-reward{0%{transform:translateY(0) scale(.8);opacity:0}20%{opacity:1;transform:translateY(-20px) scale(1.2)}to{transform:translateY(-180px) scale(1.5);opacity:0}}.quick-stats{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow-lg),inset 0 1px #ffffff1a;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .3s ease;position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);opacity:0;transition:opacity .3s ease}.stat-item:hover:before,.stat-item:active:before{opacity:1}.stat-item:active{transform:scale(.96);background:#0006}.stat-icon{font-size:36px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.stat-content{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:18px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.4)}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:16px}.action-btn{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:20px 16px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-lg),inset 0 1px #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(0,212,255,.15),transparent 70%);opacity:0;transition:opacity .3s ease}.action-btn:active{transform:scale(.96);box-shadow:var(--shadow),inset 0 1px #ffffff0d}.action-btn:active:before{opacity:1}.btn-icon{font-size:40px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.btn-text{font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.events-container{position:fixed;top:20px;left:50%;transform:translate(-50%);max-width:90%;z-index:1000;pointer-events:none}.event-notification{background:linear-gradient(135deg,#ec4899f2,#a855f7f2);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:18px 24px;border-radius:16px;box-shadow:var(--shadow-xl),0 0 30px #ec489980;margin-bottom:12px;animation:slide-down .4s cubic-bezier(.4,0,.2,1),fade-out .3s ease 2.7s forwards;text-align:center;font-weight:700;font-size:15px;pointer-events:auto}@keyframes slide-down{0%{transform:translateY(-120px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-out{to{opacity:0;transform:translateY(-30px)}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px;padding:28px;max-width:90%;max-height:80%;overflow-y:auto;box-shadow:var(--shadow-xl),inset 0 1px #ffffff1a;position:relative;animation:modal-slide-up .4s cubic-bezier(.4,0,.2,1)}@keyframes modal-slide-up{0%{transform:translateY(60px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;background:#0006;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:28px;cursor:pointer;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover,.modal-close:active{background:#ec48994d;border-color:var(--accent-pink);transform:scale(.95)}.toast-container{position:fixed;bottom:90px;left:50%;transform:translate(-50%);z-index:3000;display:flex;flex-direction:column;gap:10px;max-width:90%}.toast{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:#fff;padding:14px 24px;border-radius:14px;box-shadow:var(--shadow-lg),0 0 20px #0006;animation:toast-slide-up .4s cubic-bezier(.4,0,.2,1),toast-fade-out .3s ease 2.7s forwards;min-width:200px;text-align:center;font-weight:600;font-size:14px}@keyframes toast-slide-up{0%{transform:translateY(60px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes toast-fade-out{to{opacity:0;transform:translateY(20px) scale(.95)}}.toast.success{background:#10b981e6;border-color:var(--accent-emerald);color:#fff;box-shadow:var(--shadow-lg),var(--glow-emerald)}.toast.error{background:#ec4899e6;border-color:var(--accent-pink);box-shadow:var(--shadow-lg),0 0 20px #ec489980}.daily-bonus-banner{background:linear-gradient(135deg,#ec4899e6,#fbbf24e6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:20px;margin-bottom:16px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-xl),0 0 30px #ec489966;animation:bonus-pulse 3s ease-in-out infinite;position:relative;overflow:hidden}.daily-bonus-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:200%}}@keyframes bonus-pulse{0%,to{transform:scale(1);box-shadow:var(--shadow-xl),0 0 30px #ec489966}50%{transform:scale(1.01);box-shadow:var(--shadow-xl),0 0 40px #ec489999}}.bonus-icon{font-size:56px;animation:bonus-shake 1.5s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}@keyframes bonus-shake{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-12deg) scale(1.05)}40%{transform:rotate(12deg) scale(1.05)}60%{transform:rotate(-12deg) scale(1.05)}80%{transform:rotate(12deg) scale(1.05)}}.bonus-content{flex:1}.bonus-title{font-weight:800;font-size:17px;color:#fff;margin-bottom:6px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.bonus-subtitle{font-size:14px;font-weight:600;color:#fffffff2;text-shadow:0 1px 4px rgba(0,0,0,.4)}.bonus-claim-btn{background:#ffffff4d;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.5);color:#fff;padding:12px 24px;border-radius:14px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #0000004d}.bonus-claim-btn:active{transform:scale(.95);background:#fff6;box-shadow:0 2px 6px #0000004d}.sections-container{position:relative;margin-bottom:80px}.game-section{display:none;animation:section-fade-in .3s ease}.game-section.active{display:block}@keyframes section-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:24px;text-align:center}.section-header h2{font-size:28px;font-weight:800;margin-bottom:10px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 12px rgba(0,0,0,.3)}.section-subtitle{color:var(--text-muted);font-size:14px;font-weight:600}.tasks-list{display:flex;flex-direction:column;gap:12px}.task-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-lg),inset 0 1px #ffffff0d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.task-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent-cyan),var(--accent-violet));opacity:0;transition:opacity .3s ease}.task-card:active{transform:scale(.98);box-shadow:var(--shadow),inset 0 1px #ffffff0d}.task-card:active:before{opacity:1}.task-icon{font-size:36px;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.task-info{flex:1}.task-title{font-weight:700;font-size:15px;margin-bottom:4px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.task-description{font-size:13px;color:var(--text-muted);margin-bottom:8px}.task-progress{display:flex;align-items:center;gap:8px}.task-progress-bar{flex:1;height:8px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.task-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-emerald));transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #00d4ff66}.task-progress-text{font-size:12px;color:var(--text-muted)}.task-reward{display:flex;flex-direction:column;align-items:center;gap:4px}.task-reward-icon{font-size:24px;filter:drop-shadow(0 0 8px var(--accent-gold))}.task-reward-amount{font-size:15px;font-weight:700;color:var(--accent-gold);text-shadow:0 0 12px rgba(251,191,36,.6),0 2px 4px rgba(0,0,0,.4)}.progress-content{display:flex;flex-direction:column;gap:16px}.achievement-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:18px;padding:20px;box-shadow:var(--shadow-lg),inset 0 1px #ffffff0d}.achievement-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.achievement-icon{font-size:42px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.achievement-info{flex:1}.achievement-title{font-weight:700;font-size:16px;margin-bottom:6px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.achievement-description{font-size:13px;color:var(--text-muted)}.leaderboard-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:18px;padding:20px;box-shadow:var(--shadow-lg),inset 0 1px #ffffff0d}.leaderboard-item{display:flex;align-items:center;gap:14px;padding:14px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s ease}.leaderboard-item:last-child{border-bottom:none}.leaderboard-item:active{background:#0003}.leaderboard-rank{font-weight:800;font-size:20px;width:35px;text-align:center;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 12px #0006;border:2px solid var(--glass-border)}.leaderboard-info{flex:1}.leaderboard-name{font-weight:700;font-size:15px;margin-bottom:3px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.leaderboard-level{font-size:12px;font-weight:600;color:var(--text-muted)}.leaderboard-score{font-weight:800;font-size:17px;color:var(--accent-gold);text-shadow:0 0 12px rgba(251,191,36,.4),0 2px 4px rgba(0,0,0,.4)}.shop-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.shop-item{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:18px;padding:20px 16px;text-align:center;box-shadow:var(--shadow-lg),inset 0 1px #ffffff0d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.shop-item:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(0,212,255,.1),transparent 70%);opacity:0;transition:opacity .3s ease}.shop-item:active{transform:translateY(2px) scale(.97);box-shadow:var(--shadow),inset 0 1px #ffffff0d}.shop-item:active:before{opacity:1}.shop-item-icon{font-size:56px;margin-bottom:12px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));animation:float-icon 3s ease-in-out infinite}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.shop-item-name{font-weight:700;font-size:14px;margin-bottom:6px;text-shadow:0 1px 4px rgba(0,0,0,.4)}.shop-item-description{font-size:12px;color:var(--text-muted);margin-bottom:8px}.shop-item-price{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:800;font-size:16px;color:var(--accent-gold);text-shadow:0 0 12px rgba(251,191,36,.5),0 2px 4px rgba(0,0,0,.4)}.shop-item-badge{background:linear-gradient(135deg,var(--accent-pink),var(--accent-violet));color:#fff;font-size:10px;font-weight:700;padding:4px 10px;border-radius:12px;margin-top:10px;display:inline-block;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #ec489966}.settings-content{display:flex;flex-direction:column;gap:14px}.settings-item{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:18px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-lg),inset 0 1px #ffffff0d}.settings-label{font-weight:700;font-size:15px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.settings-value{color:var(--text-muted);font-size:14px;font-weight:600}.settings-toggle{width:54px;height:30px;background:#0006;border:1px solid var(--glass-border);border-radius:15px;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-toggle.active{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-emerald));border-color:var(--accent-cyan);box-shadow:0 0 15px #00d4ff66}.settings-toggle-slider{width:24px;height:24px;background:linear-gradient(135deg,#fff,#f0f0f0);border-radius:50%;position:absolute;top:2px;left:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0006}.settings-toggle.active .settings-toggle-slider{transform:translate(23px)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border);display:flex;justify-content:space-around;padding:12px 0 max(12px,env(safe-area-inset-bottom));box-shadow:0 -8px 32px #0009;z-index:1000;max-width:600px;margin:0 auto}.bottom-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),var(--accent-violet),transparent);opacity:.3}.nav-btn{background:none;border:none;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex:1;min-width:0;position:relative}.nav-btn:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-violet));border-radius:0 0 3px 3px;opacity:0;transition:opacity .3s ease}.nav-btn:active{transform:scale(.92)}.nav-btn.active{color:var(--accent-cyan)}.nav-btn.active:before{opacity:1}.nav-icon{font-size:26px;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.nav-btn.active .nav-icon{transform:scale(1.15);filter:drop-shadow(0 0 12px var(--accent-cyan))}.nav-label{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 400px){.mine-button{width:180px;height:180px}.mine-icon{font-size:56px}.mine-text{font-size:18px}.quick-stats{grid-template-columns:repeat(3,1fr)}.stat-icon{font-size:28px}.stat-value{font-size:16px}.nav-label{font-size:10px}.nav-icon{font-size:22px}.shop-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.section-header h2{font-size:24px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-cyan),var(--accent-violet));border-radius:4px;box-shadow:0 0 6px #00d4ff66}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-violet),var(--accent-cyan))}.game-container{padding-bottom:env(safe-area-inset-bottom,16px)}body.keyboard-open .sections-container{margin-bottom:40px}body.keyboard-open .bottom-nav{transform:translateY(100%)}@supports (padding: max(0px)){.game-container{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-top:max(16px,env(safe-area-inset-top))}.bottom-nav{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .3);--text-muted: #b4b8c4}}@media (prefers-color-scheme: light){:root{--bg-color: #ffffff;--text-color: #1a1a2e;--text-muted: #4a4e5a;--surface-color: rgba(245, 247, 250, .8)}}.minigames-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:8px 0}.mg-card{background:var(--surface-color, rgba(22,33,62,.6));border:1px solid var(--glass-border, rgba(255,255,255,.1));border-radius:12px;padding:16px;text-align:center;transition:transform .2s}.mg-card:hover{transform:translateY(-2px)}.mg-icon{font-size:36px;margin-bottom:8px}.mg-card h3{margin:4px 0 6px;font-size:16px}.mg-card p{font-size:12px;opacity:.7;margin:0 0 8px;min-height:32px}.mg-cost{font-size:13px;margin-bottom:8px;color:var(--accent-color, #e94560)}.mg-play{width:100%}.mg-game-area{margin-top:16px}.mg-result{background:var(--surface-color, rgba(22,33,62,.6));border-radius:12px;padding:20px;text-align:center}.mg-result-icon{font-size:56px;margin:12px 0}.mg-result h3{margin:8px 0}.mg-result p{opacity:.85}.scratch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.scratch-field{background:linear-gradient(135deg,#444,#222);border:2px solid #666;border-radius:10px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:transform .1s}.scratch-field:active{transform:scale(.95)}.scratch-reward{font-size:11px;text-align:center}.treasure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.treasure-field{background:#3a2818;border:2px solid #5a3f20;border-radius:8px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;transition:background .2s}.treasure-field.dug{background:#1a1410}.treasure-field.treasure{background:#2a4818;border-color:#4f8a30}.click-counter{margin-top:16px;text-align:center}.click-counter #click-timer{font-size:48px;font-weight:700;color:var(--accent-cyan, #00d4ff)}.click-counter #click-count{font-size:32px;margin-top:12px}.click-tap{width:100%;max-width:280px;height:80px;font-size:22px;margin:16px auto;border-radius:12px}.lang-picker .lang-btn{padding:6px 14px;border-radius:16px;border:1px solid var(--glass-border, rgba(255,255,255,.2));background:transparent;color:var(--text-color, #fff);cursor:pointer;font-weight:600;font-size:13px;transition:all .15s}.lang-picker .lang-btn:hover{border-color:var(--accent-color, #e94560);background:#ffffff0d}.lang-picker .lang-btn.active{background:var(--accent-color, #e94560);color:#fff;border-color:var(--accent-color, #e94560)}.celebration-modal .modal-content{text-align:center;padding:2rem;max-width:500px}.celebration-icon{font-size:5rem;margin-bottom:1rem}.animate-bounce{animation:bounce .6s ease-in-out 3}.celebration-title{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary, #000)}.celebration-description{font-size:1rem;color:var(--text-muted, #666);margin-bottom:1.5rem}.unlocks-list{background:var(--bg-secondary, #f5f5f5);padding:1rem;border-radius:12px;margin-bottom:1.5rem;text-align:left}.unlocks-list h3{font-size:1rem;margin-bottom:.75rem;color:var(--text-primary, #000)}.unlocks-list ul{list-style:none;padding:0;margin:0}.unlocks-list li{padding:.5rem 0;color:var(--text-primary, #333);font-size:.95rem}.btn-celebrate{padding:1rem 2rem;font-size:1.1rem;font-weight:600}.achievement-notification{position:fixed;top:20px;right:-400px;width:350px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 8px 24px #0000004d;z-index:9999;transition:right .3s ease}.achievement-notification.show{right:20px}.achievement-icon{font-size:3rem;flex-shrink:0}.achievement-content{flex:1}.achievement-title{font-size:.75rem;opacity:.9;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.achievement-name{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.achievement-reward{font-size:.9rem;opacity:.95}.achievement-claim{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.achievement-claim:hover{background:#ffffff4d}.daily-modal .modal-content{max-width:500px;padding:2rem}.daily-header{text-align:center;margin-bottom:2rem}.daily-header h2{font-size:1.8rem;margin-bottom:1rem}.streak-display{display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;padding:1rem;border-radius:12px}.streak-icon{font-size:2rem}.streak-number{font-size:2rem;font-weight:700}.streak-label{font-size:.9rem}.reward-display{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.reward-item{text-align:center;padding:1rem;background:var(--bg-secondary, #f5f5f5);border-radius:12px;min-width:100px}.reward-item.bonus{background:linear-gradient(135deg,gold,#ffed4e)}.reward-icon{font-size:2rem;display:block;margin-bottom:.5rem}.reward-amount{font-size:1.2rem;font-weight:700;color:var(--text-primary, #000)}.streak-calendar{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.calendar-day{width:40px;height:40px;border-radius:8px;border:2px solid var(--border-color, #ddd);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.calendar-day.completed{background:var(--accent-color, #4a90e2);border-color:var(--accent-color, #4a90e2);color:#fff}.calendar-day.current{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.day-number{font-size:.9rem;font-weight:600}.day-check{position:absolute;bottom:2px;font-size:.7rem}.daily-tip{text-align:center;font-size:.85rem;color:var(--text-muted, #666);margin-top:1rem}.shop-modal .modal-content{max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.shop-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color, #ddd)}.shop-header h2{margin:0;font-size:1.8rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted, #666);padding:.5rem}.shop-tabs{display:flex;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #ddd)}.shop-tab{padding:.75rem 1.5rem;background:none;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;color:var(--text-muted, #666);transition:all .2s}.shop-tab.active{background:var(--accent-color, #4a90e2);color:#fff}.shop-sections{flex:1;overflow-y:auto;padding:1.5rem}.shop-section{display:none}.shop-section.active{display:block}.shop-items{display:flex;flex-direction:column;gap:1rem}.shop-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-secondary, #f5f5f5);border-radius:12px;border:2px solid transparent;transition:all .2s}.shop-item:hover{border-color:var(--accent-color, #4a90e2);transform:translateY(-2px)}.item-icon{font-size:3rem;flex-shrink:0}.item-info{flex:1}.item-name{font-size:1.2rem;font-weight:700;margin-bottom:.25rem;color:var(--text-primary, #000)}.item-description{font-size:.95rem;color:var(--text-secondary, #555);margin-bottom:.5rem}.item-benefit{font-size:.85rem;color:var(--success-color, #28a745);margin-bottom:.25rem}.item-fairness{font-size:.85rem;color:var(--text-muted, #666)}.item-purchase{text-align:right}.item-price{font-size:1.5rem;font-weight:700;color:var(--accent-color, #4a90e2);margin-bottom:.5rem}.btn-buy{padding:.75rem 1.5rem;background:var(--accent-color, #4a90e2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-buy:hover{background:var(--accent-color-dark, #357abd);transform:scale(1.05)}.cosmetic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.cosmetic-item{background:var(--bg-secondary, #f5f5f5);border-radius:12px;padding:1rem;text-align:center;border:2px solid transparent;transition:all .2s;cursor:pointer}.cosmetic-item:hover{border-color:var(--accent-color, #4a90e2);transform:translateY(-4px)}.cosmetic-preview{width:80px;height:80px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:var(--bg-primary, #fff);border:2px solid var(--border-color, #ddd)}.cosmetic-name{font-size:.95rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary, #000)}.cosmetic-price{font-size:1.1rem;font-weight:700;color:var(--accent-color, #4a90e2);margin-bottom:.75rem}.btn-buy-small{padding:.5rem 1rem;background:var(--accent-color, #4a90e2);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-buy-small:hover{background:var(--accent-color-dark, #357abd)}.bundle-list{display:flex;flex-direction:column;gap:1rem}.bundle-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;position:relative;overflow:hidden}.bundle-badge{position:absolute;top:10px;right:10px;background:#ffffff4d;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.bundle-icon{font-size:3rem;flex-shrink:0}.bundle-info{flex:1}.bundle-name{font-size:1.3rem;font-weight:700;margin-bottom:.25rem}.bundle-description{font-size:.95rem;opacity:.9;margin-bottom:.5rem}.bundle-savings{font-size:.9rem;font-weight:600;color:gold}.bundle-purchase{text-align:right}.bundle-price{margin-bottom:.75rem}.original-price{font-size:1rem;text-decoration:line-through;opacity:.7;display:block;margin-bottom:.25rem}.sale-price{font-size:1.8rem;font-weight:700;display:block}.premium-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.premium-tier{background:var(--bg-secondary, #f5f5f5);border-radius:16px;padding:2rem;border:2px solid var(--border-color, #ddd);position:relative;transition:all .3s}.premium-tier.featured{border-color:gold;box-shadow:0 8px 24px #ffd7004d}.premium-tier:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.tier-badge{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.tier-header{text-align:center;margin-bottom:1.5rem}.tier-icon{font-size:4rem;margin-bottom:.5rem}.tier-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary, #000)}.tier-description{font-size:.95rem;color:var(--text-muted, #666)}.tier-pricing{text-align:center;margin-bottom:1.5rem;padding:1rem;background:var(--bg-primary, #fff);border-radius:12px}.tier-price{margin-bottom:.5rem}.price-amount{font-size:2.5rem;font-weight:700;color:var(--accent-color, #4a90e2)}.price-currency{font-size:1.5rem}.price-period{font-size:.9rem;color:var(--text-muted, #666)}.tier-price.yearly{opacity:.8}.tier-price.yearly .price-amount{font-size:1.8rem}.price-savings{font-size:.75rem;color:var(--success-color, #28a745);font-weight:600}.tier-benefits{margin-bottom:1.5rem}.benefit-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-color, #e0e0e0)}.benefit-item:last-child{border-bottom:none}.benefit-icon{font-size:1.5rem;flex-shrink:0}.benefit-content{flex:1}.benefit-name{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary, #000)}.benefit-description{font-size:.85rem;color:var(--text-secondary, #555);margin-bottom:.25rem}.benefit-fairness{font-size:.75rem;color:var(--text-muted, #666)}.tier-actions{display:flex;flex-direction:column;gap:.75rem}.btn-premium,.btn-premium-yearly{padding:1rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-premium{background:var(--accent-color, #4a90e2);color:#fff}.btn-premium:hover{background:var(--accent-color-dark, #357abd);transform:scale(1.02)}.btn-premium-yearly{background:linear-gradient(135deg,gold,#ffed4e);color:#000}.btn-premium-yearly:hover{transform:scale(1.02);box-shadow:0 4px 12px #ffd70066}.challenges-modal .modal-content{max-width:700px;max-height:90vh;overflow-y:auto}.challenges-list{display:flex;flex-direction:column;gap:1rem}.challenge-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-secondary, #f5f5f5);border-radius:12px;border:2px solid transparent;transition:all .2s}.challenge-item.completed{border-color:var(--success-color, #28a745)}.challenge-icon{font-size:3rem;flex-shrink:0}.challenge-info{flex:1}.challenge-name{font-size:1.2rem;font-weight:700;margin-bottom:.25rem;color:var(--text-primary, #000)}.challenge-description{font-size:.95rem;color:var(--text-secondary, #555);margin-bottom:.75rem}.challenge-progress{margin-bottom:.75rem}.progress-bar{height:8px;background:var(--bg-primary, #fff);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--accent-color, #4a90e2);transition:width .3s ease}.progress-text{font-size:.85rem;color:var(--text-muted, #666)}.challenge-reward{font-size:.9rem;color:var(--success-color, #28a745);font-weight:600}.btn-claim-challenge{padding:.75rem 1.5rem;background:var(--success-color, #28a745);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-claim-challenge:hover{background:#218838;transform:scale(1.05)}.challenge-claimed{padding:.75rem 1.5rem;background:#28a7451a;color:var(--success-color, #28a745);border-radius:8px;font-weight:600}.confetti{position:fixed;width:10px;height:10px;top:-10px;z-index:10000;animation:confetti-fall 3s linear forwards}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(360deg);opacity:0}}@media (max-width: 768px){.shop-modal .modal-content,.challenges-modal .modal-content{max-width:95%}.premium-tiers{grid-template-columns:1fr}.cosmetic-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.achievement-notification{width:90%;right:-100%}.achievement-notification.show{right:5%}}.referral-content{padding:0}.referral-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px;margin-bottom:20px;color:#fff;box-shadow:0 8px 16px #667eea4d}.referral-header h3{margin:0 0 8px;font-size:20px;font-weight:600}.referral-header p{margin:0 0 16px;opacity:.9;font-size:14px}.invite-button{background:#fff;color:#667eea;border:none;border-radius:12px;padding:14px 24px;font-size:16px;font-weight:600;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s}.invite-button:hover{transform:scale(1.02)}.invite-button:active{transform:scale(.98)}.referral-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.stat-card{background:var(--card-bg);border-radius:12px;padding:16px;text-align:center;border:1px solid var(--border-color)}.stat-card .stat-value{display:block;font-size:24px;font-weight:700;color:var(--primary-color);margin-bottom:4px}.stat-card .stat-label{display:block;font-size:12px;color:var(--text-secondary)}.tier-progress-section{background:var(--card-bg);border-radius:16px;padding:20px;margin-bottom:20px;border:1px solid var(--border-color)}.tier-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.current-tier{display:flex;align-items:center;gap:8px}.tier-badge{font-size:24px}.tier-name{font-size:16px;font-weight:600;color:var(--text-primary)}.tier-status{font-size:12px;color:var(--text-secondary)}.tier-progress-bar{background:var(--bg-secondary);border-radius:12px;height:12px;overflow:hidden;margin-bottom:12px;position:relative}.tier-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;border-radius:12px;transition:width .5s ease}.tier-progress-text{font-size:13px;color:var(--text-secondary);text-align:center}.tier-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.tier-item{background:var(--card-bg);border-radius:12px;padding:16px;border:2px solid var(--border-color);transition:all .3s}.tier-item.unlocked{border-color:#48bb78;background:linear-gradient(135deg,#48bb781a,#48bb780d)}.tier-item.current{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#667eea0d)}.tier-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tier-item-title{display:flex;align-items:center;gap:8px;font-weight:600}.tier-item-icon{font-size:20px}.tier-item-status{font-size:12px;padding:4px 8px;border-radius:6px;font-weight:500}.tier-item-status.unlocked{background:#48bb78;color:#fff}.tier-item-status.current{background:#667eea;color:#fff}.tier-item-status.locked{background:var(--bg-secondary);color:var(--text-secondary)}.tier-item-requirement{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.tier-item-reward{font-size:14px;color:var(--text-primary);margin-bottom:12px}.tier-claim-button{background:#667eea;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;width:100%;transition:all .2s}.tier-claim-button:hover{background:#5568d3}.tier-claim-button:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed}.referral-list-section{background:var(--card-bg);border-radius:16px;padding:20px;margin-bottom:20px;border:1px solid var(--border-color)}.referral-list-header{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.referral-list{display:flex;flex-direction:column;gap:12px}.referral-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-color)}.referral-user-info{display:flex;align-items:center;gap:12px}.referral-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:18px}.referral-details{display:flex;flex-direction:column}.referral-name{font-weight:600;font-size:14px;color:var(--text-primary)}.referral-meta{font-size:12px;color:var(--text-secondary)}.referral-status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.referral-status-badge.active{background:#48bb78;color:#fff}.referral-status-badge.pending{background:#ed8936;color:#fff}.empty-state{text-align:center;padding:40px 20px}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-state-description{font-size:14px;color:var(--text-secondary);line-height:1.5}.referral-leaderboard{background:var(--card-bg);border-radius:16px;padding:20px;border:1px solid var(--border-color)}.leaderboard-title{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:10px}.leaderboard-rank{font-size:16px;font-weight:700;min-width:30px;text-align:center}.leaderboard-rank.top-1{color:gold}.leaderboard-rank.top-2{color:silver}.leaderboard-rank.top-3{color:#cd7f32}.leaderboard-user{flex:1;font-weight:500}.leaderboard-score{font-weight:600;color:var(--primary-color)}@media (max-width: 480px){.referral-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{padding:12px}.stat-card .stat-value{font-size:20px}.referral-header{padding:20px}}.season-content{display:flex;flex-direction:column;gap:16px;padding:16px}.season-header{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.season-info-card{padding:20px}.season-info-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.season-theme{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:var(--shadow-lg)}.season-info-text h3{margin:0 0 4px;font-size:20px;color:var(--text-color)}.season-type{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:600}.season-timer{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff0d;border-radius:8px}.timer-label{color:var(--text-muted);font-size:12px}.timer-value{font-size:16px;font-weight:700;color:var(--text-color)}.timer-days{font-size:24px;color:var(--accent-gold)}.timer-progress{margin-left:12px;padding:4px 8px;background:#fbbf2433;border-radius:4px;font-size:12px;color:var(--accent-gold)}.season-progress-card{padding:20px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-header h3{margin:0}.tier-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));color:#fff}.xp-progress{margin-bottom:20px}.xp-bar-container{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;margin-bottom:8px}.xp-bar-fill{height:100%;transition:width .5s ease;border-radius:6px}.xp-text{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.season-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.season-stats .stat-item{background:#ffffff0d;padding:12px;border-radius:8px;display:flex;align-items:center;gap:8px}.season-stats .stat-icon{font-size:24px}.season-stats .stat-info{flex:1}.season-stats .stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase}.season-stats .stat-value{font-size:16px;font-weight:700;color:var(--text-color)}.season-rewards-card{padding:20px}.rewards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.rewards-header h3{margin:0}.track-tabs{display:flex;gap:8px}.track-tab{padding:8px 16px;border:none;border-radius:8px;background:#ffffff1a;color:var(--text-color);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.track-tab.active{background:var(--accent-cyan);color:#fff}.track-tab.disabled{opacity:.5;cursor:not-allowed}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.reward-tier{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;transition:all .3s}.reward-tier.unlocked{border-color:var(--accent-cyan);box-shadow:0 0 20px #00d4ff33}.reward-tier.claimed{opacity:.6}.reward-tier.next{border-color:var(--accent-gold);box-shadow:0 0 20px #fbbf244d;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #fbbf244d}50%{box-shadow:0 0 30px #fbbf2480}}.tier-number{font-size:14px;font-weight:700;color:var(--accent-cyan);margin-bottom:4px}.tier-xp{font-size:12px;color:var(--text-muted);margin-bottom:12px}.tier-rewards{display:flex;flex-direction:column;gap:12px}.reward-track{padding:12px;background:#ffffff0d;border-radius:8px;position:relative}.reward-track.locked{opacity:.5}.track-label{font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:8px;color:var(--accent-cyan)}.reward-track.premium .track-label{color:var(--accent-gold)}.reward-items{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.reward-item{font-size:11px;padding:4px 8px;background:#ffffff1a;border-radius:4px;color:var(--text-color)}.claim-reward-btn{width:100%;padding:8px;border:none;border-radius:6px;background:var(--accent-cyan);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.claim-reward-btn.premium{background:var(--accent-gold)}.claim-reward-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}.claimed-badge{text-align:center;padding:8px;font-size:20px;color:var(--success-color)}.reward-ceremony{text-align:center;padding:40px 20px}.ceremony-animation{position:relative;margin-bottom:30px;height:120px}.ceremony-icon{font-size:80px;animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.ceremony-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ceremony-particles .particle{position:absolute;width:8px;height:8px;background:var(--accent-gold);border-radius:50%;animation:particle-float 1.5s ease-out forwards}@keyframes particle-float{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-100px) scale(0);opacity:0}}.ceremony-rewards{margin:20px 0;display:flex;flex-direction:column;gap:12px}.ceremony-reward{padding:12px;background:#ffffff1a;border-radius:8px;font-size:16px;font-weight:600}.season-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.collectibles-content{display:flex;flex-direction:column;gap:16px;padding:16px}.collection-overview{padding:20px}.collection-overview h3{margin:0 0 16px}.collection-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.collection-stats .stat-item{background:#ffffff0d;padding:16px 12px;border-radius:8px;text-align:center}.collection-stats .stat-icon{font-size:32px;margin-bottom:8px}.collection-stats .stat-value{font-size:20px;font-weight:700;color:var(--text-color);display:block}.collection-stats .stat-label{font-size:11px;color:var(--text-muted);margin-top:4px}.equipped-items{padding:20px}.equipped-items h3{margin:0 0 16px}.equipped-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.equipped-slot{background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:16px;text-align:center;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.equipped-slot.has-item{border-style:solid;border-color:var(--accent-cyan);background:#00d4ff1a}.slot-icon{font-size:32px;margin-bottom:8px}.slot-label{font-size:12px;color:var(--text-muted);margin-bottom:8px}.equipped-item{width:100%}.item-name{font-size:12px;font-weight:600;color:var(--text-color);margin-bottom:8px}.unequip-btn{padding:6px 12px;border:none;border-radius:6px;background:#ffffff1a;color:var(--text-color);font-size:11px;cursor:pointer;transition:all .2s}.unequip-btn:hover{background:#fff3}.empty-slot-text{font-size:12px;color:var(--text-muted)}.filter-controls{padding:16px;display:flex;gap:12px}.filter-group{flex:1}.filter-group label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:6px}.filter-select{width:100%;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:var(--text-color);font-size:14px;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--accent-cyan)}.collectibles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;padding:0 16px 16px}.collectible-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.collectible-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.collectible-card.equipped{border-color:var(--accent-cyan);box-shadow:0 0 20px #00d4ff4d}.collectible-card.rarity-common{border-color:#94a3b8}.collectible-card.rarity-uncommon{border-color:#10b981}.collectible-card.rarity-rare{border-color:#3b82f6}.collectible-card.rarity-epic{border-color:#8b5cf6}.collectible-card.rarity-legendary{border-color:#f59e0b}.collectible-card.rarity-mythic{border-color:#ec4899;animation:mythic-glow 2s ease-in-out infinite}@keyframes mythic-glow{0%,to{box-shadow:0 0 20px #ec489966}50%{box-shadow:0 0 30px #ec489999}}.collectible-rarity-badge{position:absolute;top:8px;right:8px;font-size:9px;padding:3px 6px;background:#0009;border-radius:4px;text-transform:uppercase;font-weight:700;z-index:1}.collectible-visual{width:100%;aspect-ratio:1;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;position:relative}.collectible-icon{font-size:48px}.animated-indicator{position:absolute;top:4px;left:4px;font-size:14px}.equipped-indicator{position:absolute;top:4px;left:4px;width:20px;height:20px;background:var(--accent-cyan);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.collectible-info{text-align:center}.collectible-name{font-size:12px;font-weight:600;color:var(--text-color);margin-bottom:4px}.collectible-type{font-size:10px;color:var(--text-muted);text-transform:uppercase}.collectible-glow{position:absolute;inset:0;border-radius:12px;pointer-events:none}.no-collectibles{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--text-muted)}.collectible-detail{text-align:center;padding:20px}.detail-visual{width:150px;height:150px;margin:0 auto 20px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative}.detail-icon{font-size:80px}.detail-glow{position:absolute;inset:0;border-radius:16px}.detail-badges{display:flex;justify-content:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.type-badge,.rarity-badge,.animated-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase}.type-badge{background:#00d4ff33;color:var(--accent-cyan)}.rarity-badge{background:#a855f733;color:var(--accent-violet)}.animated-badge{background:#fbbf2433;color:var(--accent-gold)}.detail-description{color:var(--text-muted);margin-bottom:20px;line-height:1.5}.collectible-features{text-align:left;margin:20px 0;padding:16px;background:#ffffff0d;border-radius:8px}.collectible-features h4{margin:0 0 12px;font-size:14px}.collectible-features ul{list-style:none;padding:0;margin:0}.collectible-features li{padding:6px 0;font-size:13px;color:var(--text-muted)}.detail-obtained{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0;padding:12px;background:#ffffff0d;border-radius:8px}.obtained-icon{font-size:20px}.obtained-text{font-size:12px;color:var(--text-muted)}.detail-actions{display:flex;gap:12px;margin-top:20px}.detail-actions button{flex:1}.new-collectible-notification{position:fixed;top:80px;left:50%;transform:translate(-50%) translateY(-100px);background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;padding:16px;z-index:9998;opacity:0;transition:all .3s ease}.new-collectible-notification.show{transform:translate(-50%) translateY(0);opacity:1}.notification-content{display:flex;align-items:center;gap:12px}.notification-icon{font-size:32px}.notification-title{font-size:12px;color:var(--text-muted)}.notification-name{font-size:14px;font-weight:700;color:var(--text-color)}.world-content{display:flex;flex-direction:column;gap:16px;padding:16px}.phase-card{padding:20px;display:flex;align-items:center;gap:16px}.phase-visual{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:var(--shadow-lg)}.phase-icon{font-size:40px}.phase-info{flex:1}.phase-name{font-size:20px;font-weight:700;color:var(--text-color);margin-bottom:4px}.phase-description{font-size:13px;color:var(--text-muted)}.current-area-card{padding:20px}.current-area-card h3{margin:0 0 16px}.area-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.area-preview{border-radius:12px;min-height:120px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.area-name-overlay{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(transparent,#000c);color:#fff;font-weight:700;text-align:center}.area-details{display:flex;flex-direction:column;justify-content:space-between}.area-bonuses{display:flex;flex-direction:column;gap:6px}.bonus-item{padding:8px;background:#ffffff0d;border-radius:6px;font-size:12px;color:var(--text-color)}.world-map-container{padding:0 16px}.world-map-container h3{margin:0 0 16px;padding:0 4px}.world-map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.world-area-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s;position:relative}.world-area-card:hover:not(.locked){transform:translateY(-4px);box-shadow:var(--shadow-lg)}.world-area-card.current{border-color:var(--accent-cyan);box-shadow:0 0 20px #00d4ff4d}.world-area-card.locked{cursor:default;opacity:.7}.fog-overlay{position:absolute;inset:0;background:linear-gradient(45deg,rgba(11,15,26,.8) 25%,transparent 25%,transparent 75%,rgba(11,15,26,.8) 75%);background-size:20px 20px;backdrop-filter:blur(3px);z-index:1;pointer-events:none}.area-visual{width:100%;height:100px;display:flex;align-items:center;justify-content:center;position:relative}.current-badge{position:absolute;top:8px;right:8px;padding:4px 8px;background:var(--accent-cyan);color:#fff;font-size:10px;font-weight:700;border-radius:4px;text-transform:uppercase}.can-unlock-badge{position:absolute;top:8px;left:8px;padding:4px 8px;background:var(--accent-gold);color:#fff;font-size:10px;font-weight:700;border-radius:4px}.area-card-info{padding:12px}.area-card-name{font-size:13px;font-weight:700;color:var(--text-color);margin-bottom:6px;display:flex;align-items:center;justify-content:space-between}.unlock-level{font-size:10px;padding:2px 6px;background:#fff3;border-radius:4px;color:var(--text-muted)}.area-card-description{font-size:11px;color:var(--text-muted);margin-bottom:8px}.area-bonuses-brief{display:flex;gap:6px;font-size:14px}.area-select-btn,.area-unlock-btn{width:100%;padding:8px;border:none;border-radius:0 0 10px 10px;background:var(--accent-cyan);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.area-unlock-btn{background:var(--accent-gold)}.area-select-btn:hover,.area-unlock-btn:hover{opacity:.9}.ui-panels-card{padding:20px}.ui-panels-card h3{margin:0 0 16px}.panels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.ui-panel-item{padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;gap:10px}.ui-panel-item.unlocked{border-color:var(--success-color);background:#10b9811a}.ui-panel-item.locked{opacity:.5}.panel-icon{font-size:24px}.panel-info{flex:1}.panel-name{font-size:12px;font-weight:600;color:var(--text-color)}.panel-unlock{font-size:10px;color:var(--text-muted)}.panel-status{font-size:16px}.area-change-modal h2{margin:0 0 8px}.modal-subtitle{color:var(--text-muted);margin-bottom:20px}.areas-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;max-height:400px;overflow-y:auto}.area-option{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s}.area-option:hover:not(.current){border-color:var(--accent-cyan);transform:translate(4px)}.area-option.current{border-color:var(--accent-cyan);background:#00d4ff1a;cursor:default}.area-option-visual{width:60px;height:60px;border-radius:8px;flex-shrink:0}.area-option-info{flex:1}.area-option-name{font-size:14px;font-weight:700;color:var(--text-color);margin-bottom:6px}.current-tag{font-size:10px;padding:2px 6px;background:var(--accent-cyan);color:#fff;border-radius:4px;margin-left:8px}.area-option-bonuses{display:flex;flex-wrap:wrap;gap:6px}.area-option-bonuses .bonus-item{padding:4px 8px;font-size:10px}.select-arrow{font-size:24px;color:var(--accent-cyan)}.area-unlock-celebration{text-align:center;padding:20px}.celebration-animation{position:relative;margin-bottom:30px;height:120px}.unlocked-area-preview{width:200px;height:120px;margin:0 auto 20px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xl)}.area-name-large{font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.area-unlock-description{color:var(--text-muted);margin-bottom:20px;line-height:1.5}.unlock-bonuses{margin:20px 0;padding:16px;background:#ffffff0d;border-radius:8px}.unlock-bonuses h3{margin:0 0 12px;font-size:14px}.quest-selection-btn,.quest-categories-btn{margin-top:12px;padding:10px 20px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.daily-quest-selection{padding:20px}.daily-quest-selection h2{margin:0 0 8px}.selection-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:14px}.selection-progress{margin-bottom:24px}.selection-count{text-align:center;font-size:24px;font-weight:700;color:var(--accent-cyan);margin-bottom:12px}.selection-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.selection-fill{height:100%;background:var(--accent-cyan);transition:width .3s ease}.quest-choices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.quest-choice-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s;position:relative}.quest-choice-card:hover{transform:translateY(-4px);border-color:var(--accent-cyan)}.quest-choice-card.selected{border-color:var(--accent-cyan);background:#00d4ff1a;box-shadow:0 0 20px #00d4ff4d}.selected-indicator{position:absolute;top:12px;right:12px;width:24px;height:24px;background:var(--accent-cyan);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;font-weight:700}.quest-choice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.quest-icon{font-size:32px}.quest-category-badge{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.quest-category-badge.daily{background:#00d4ff33;color:var(--accent-cyan)}.quest-category-badge.weekly{background:#a855f733;color:var(--accent-violet)}.quest-category-badge.progress{background:#fbbf2433;color:var(--accent-gold)}.quest-category-badge.referral{background:#ec489933;color:var(--accent-pink)}.quest-category-badge.mastery{background:#10b98133;color:var(--accent-emerald)}.quest-category-badge.season{background:#8b5cf633;color:var(--accent-violet)}.quest-choice-info{display:flex;flex-direction:column;gap:8px}.quest-name{font-size:14px;font-weight:700;color:var(--text-color)}.quest-description{font-size:12px;color:var(--text-muted);line-height:1.4}.quest-requirement{font-size:12px;padding:6px 10px;background:#ffffff0d;border-radius:6px;color:var(--text-color)}.quest-rewards{display:flex;gap:8px;flex-wrap:wrap}.quest-rewards span{font-size:11px;padding:4px 8px;background:#ffffff1a;border-radius:4px;color:var(--text-color)}.selection-actions{display:flex;gap:12px}.selection-actions button{flex:1}.quest-categories-modal{padding:20px}.quest-categories-modal h2{margin:0 0 20px}.categories-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:8px}.category-tab{padding:10px 16px;border:none;border-radius:8px;background:#ffffff1a;color:var(--text-color);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.category-tab.active{background:var(--accent-cyan);color:#fff}.category-content{margin-bottom:20px;max-height:500px;overflow-y:auto}.category-quests-list{display:flex;flex-direction:column;gap:12px}.category-quest-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;gap:12px;position:relative}.category-quest-card.active{border-color:var(--accent-cyan);background:#00d4ff0d}.category-quest-card.completed{opacity:.6}.quest-icon-large{font-size:40px;flex-shrink:0}.quest-content{flex:1}.quest-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.quest-progress-bar{margin:12px 0}.quest-progress-bar .progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:4px}.quest-progress-bar .progress-fill{height:100%;background:var(--accent-cyan);transition:width .3s ease}.quest-progress-bar .progress-text{font-size:11px;color:var(--text-muted)}.quest-rewards-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.quest-rewards-row span{font-size:11px;padding:4px 8px;background:#ffffff1a;border-radius:4px}.completed-badge{position:absolute;top:16px;right:16px;width:32px;height:32px;background:var(--success-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}.chain-badge{position:absolute;top:16px;right:16px;padding:4px 8px;background:var(--accent-violet);color:#fff;font-size:10px;font-weight:700;border-radius:4px}.no-quests{text-align:center;padding:40px 20px;color:var(--text-muted)}.quest-chains-modal{padding:20px}.quest-chains-modal h2{margin:0 0 8px}.chains-list{display:flex;flex-direction:column;gap:16px;margin:20px 0;max-height:500px;overflow-y:auto}.chain-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:16px}.chain-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.chain-header h3{margin:0;font-size:16px}.chain-progress{padding:6px 12px;background:#a855f733;color:var(--accent-violet);border-radius:20px;font-size:12px;font-weight:700}.chain-description{color:var(--text-muted);font-size:13px;margin-bottom:16px}.chain-steps{display:flex;flex-direction:column;gap:8px}.chain-step{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:8px;position:relative}.chain-step.active{border:1px solid var(--accent-cyan);background:#00d4ff0d}.chain-step.completed{opacity:.6}.step-number{width:32px;height:32px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-color);flex-shrink:0}.chain-step.active .step-number{background:var(--accent-cyan);color:#fff}.chain-step.completed .step-number{background:var(--success-color)}.step-info{flex:1}.step-name{font-size:13px;font-weight:600;color:var(--text-color);margin-bottom:2px}.step-progress{font-size:11px;color:var(--text-muted)}.step-check{font-size:20px;color:var(--success-color)}.chain-completion{margin-top:16px;padding:16px;background:linear-gradient(135deg,#10b98133,#05966933);border-radius:8px;text-align:center}.completion-icon{font-size:40px;margin-bottom:8px}.completion-text{font-weight:700;color:var(--success-color)}@media (max-width: 768px){.season-stats,.collection-stats{grid-template-columns:repeat(2,1fr)}.rewards-grid,.area-info-grid{grid-template-columns:1fr}.world-map-grid{grid-template-columns:repeat(2,1fr)}.collectibles-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.quest-choices-grid{grid-template-columns:1fr}.categories-tabs{flex-wrap:wrap}}@media (max-width: 480px){.season-stats,.collection-stats{grid-template-columns:1fr}.equipped-grid{grid-template-columns:repeat(2,1fr)}.filter-controls{flex-direction:column}}.quick-btn{width:36px;height:36px;border:none;border-radius:8px;background:#ffffff1a;backdrop-filter:blur(10px);font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.quick-btn:hover{background:#fff3;transform:translateY(-2px)}.quick-btn:active{transform:translateY(0)}.loading-placeholder{text-align:center;padding:40px 20px;color:var(--text-muted)}.loader-skeleton{height:200px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:12px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.story-unlock-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;transition:opacity .3s ease}.story-unlock-modal.active{opacity:1}.story-unlock-content{background:linear-gradient(135deg,#0f3460e6,#16213ee6);border:2px solid var(--glass-border);border-radius:20px;padding:30px;max-width:500px;width:90%;backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-xl),var(--glow-cyan);animation:storySlideUp .5s ease}@keyframes storySlideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.chapter-unlock-header{text-align:center;margin-bottom:20px}.chapter-icon{font-size:60px;margin-bottom:10px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chapter-unlock-header h2{font-size:24px;font-weight:800;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.chapter-details{text-align:center;margin:20px 0}.chapter-number{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent-cyan);margin-bottom:8px}.chapter-title{font-size:28px;font-weight:800;color:var(--text-color);margin:5px 0;text-shadow:0 2px 10px rgba(0,212,255,.5)}.chapter-subtitle{font-size:14px;color:var(--text-muted);margin:5px 0 15px}.chapter-narrative{font-size:15px;color:var(--text-color);line-height:1.6;font-style:italic;padding:15px;background:#0000004d;border-radius:10px;border-left:3px solid var(--accent-cyan)}.chapter-background-preview{width:100%;height:150px;background-size:cover;background-position:center;border-radius:12px;margin:20px 0;border:2px solid var(--glass-border);box-shadow:0 4px 20px #00000080}.chapter-continue-btn{width:100%;padding:15px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));border:none;border-radius:12px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00d4ff4d}.chapter-continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff80}.story-narrative-overlay{position:fixed;top:20%;left:50%;transform:translate(-50%);max-width:600px;width:90%;background:#000000e6;border:2px solid var(--accent-cyan);border-radius:15px;padding:20px 30px;z-index:9999;opacity:0;transition:opacity .5s ease;box-shadow:0 10px 40px #00d4ff66}.story-narrative-overlay.active{opacity:1}.narrative-text{font-size:16px;line-height:1.6;color:var(--text-color);text-align:center;font-style:italic}.social-content{width:100%;height:calc(var(--tg-viewport-height) - 280px);display:flex;flex-direction:column}.chat-opt-in{display:flex;justify-content:center;align-items:center;height:100%;padding:20px}.opt-in-card{background:linear-gradient(135deg,#0f346099,#16213e99);border:2px solid var(--glass-border);border-radius:20px;padding:30px;text-align:center;backdrop-filter:var(--glass-blur);max-width:400px;box-shadow:var(--shadow-lg)}.opt-in-icon{font-size:60px;margin-bottom:15px}.opt-in-card h3{font-size:22px;font-weight:800;color:var(--text-color);margin-bottom:12px}.opt-in-card p{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:20px}.opt-in-features{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.feature-item{font-size:13px;color:var(--accent-emerald);font-weight:600}.opt-in-btn{width:100%;padding:15px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));border:none;border-radius:12px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;margin-bottom:10px;box-shadow:0 4px 15px #00d4ff4d}.opt-in-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff80}.opt-out-btn{width:100%;padding:12px;background:transparent;border:1px solid var(--glass-border);border-radius:12px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .3s ease}.opt-out-btn:hover{border-color:var(--text-muted);color:var(--text-color)}.chat-interface{display:flex;flex-direction:column;height:100%;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:15px;overflow:hidden;backdrop-filter:var(--glass-blur)}.chat-channels{display:flex;gap:8px;padding:12px;background:#0000004d;border-bottom:1px solid var(--glass-border);overflow-x:auto}.channel-btn{padding:8px 16px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:20px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .3s ease;white-space:nowrap}.channel-btn:hover{background:#ffffff1a;color:var(--text-color)}.channel-btn.active{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));border-color:transparent;color:#fff;box-shadow:0 2px 10px #00d4ff4d}.chat-messages{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:12px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0003}.chat-messages::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:3px}.chat-message{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:10px 12px;position:relative;opacity:0;transform:translateY(10px);transition:all .3s ease}.chat-message.active{opacity:1;transform:translateY(0)}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.message-username{font-size:13px;font-weight:700;color:var(--accent-cyan)}.message-time{font-size:11px;color:var(--text-muted)}.message-content{font-size:14px;color:var(--text-color);line-height:1.4;word-wrap:break-word}.message-report-btn{position:absolute;top:8px;right:8px;background:transparent;border:none;font-size:14px;cursor:pointer;opacity:0;transition:opacity .2s ease}.chat-message:hover .message-report-btn{opacity:.6}.message-report-btn:hover{opacity:1!important}.system-message{text-align:center;padding:10px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:10px;font-size:13px;color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;gap:8px}.system-icon{font-size:16px}.chat-input-area{display:flex;gap:8px;padding:12px;background:#0000004d;border-top:1px solid var(--glass-border)}.chat-input{flex:1;padding:12px 15px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;font-size:14px;color:var(--text-color);outline:none;transition:all .3s ease}.chat-input:focus{border-color:var(--accent-cyan);background:#ffffff1a;box-shadow:0 0 10px #00d4ff33}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn{width:45px;height:45px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));border:none;border-radius:12px;font-size:18px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #00d4ff4d}.chat-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00d4ff80}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn.sent{animation:sendPulse .3s ease}@keyframes sendPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.chat-info{padding:8px 12px;background:#0003;border-top:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.info-text{font-size:11px;color:var(--text-muted)}.chat-settings-btn{background:transparent;border:none;font-size:16px;cursor:pointer;color:var(--text-muted);transition:color .2s ease}.chat-settings-btn:hover{color:var(--text-color)}.settings-list{display:flex;flex-direction:column;gap:15px;margin:20px 0}.setting-item{display:flex;align-items:center}.setting-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--text-color)}.setting-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.danger-btn{width:100%;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.danger-btn:hover{background:#ef444433;border-color:#ef4444}.save-settings-btn{width:100%;padding:15px;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));border:none;border-radius:12px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;margin-top:10px}.save-settings-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00d4ff80}@media (max-width: 480px){.story-unlock-content{padding:20px}.chapter-title{font-size:24px}.chat-channels{padding:8px}.channel-btn{padding:6px 12px;font-size:12px}}