:root{--fonts-loaded:0}body{font-family:system-ui,-apple-system,sans-serif}.font-display{font-family:monospace}.flex{display:flex}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.w-full{width:100%}.max-w-md{max-width:28rem}.p-4{padding:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.rounded-lg{border-radius:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.space-y-4>*+*{margin-top:1rem}.inline-flex{display:inline-flex}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-gray-400{color:#9ca3af}.text-amber-400{color:#fbbf24}.bg-amber-500\/20{background-color:rgba(245,158,11,.2)}.border{border-width:1px}.border-transparent{border-color:transparent}.border-amber-500\/50{border-color:rgba(245,158,11,.5)}.hover\:border-gray-600:hover{border-color:#4b5563}.transition-all{transition:background .15s ease,border-color .15s ease,color .15s ease}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.bg-transparent{background-color:transparent}.hidden{display:none}.block{display:block}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a25;--accent-gold:#f5a623;--accent-gold-dark:#c78510;--accent-gold-light:#ffd700;--text-primary:#f0f0f0;--text-muted:#8a8a9a;--border-color:#2a2a3a;--danger:#ff4757;--success:#2ed573;--energy:#00d9ff;--steal:#9b59b6;--rank-gold:#ffd700;--rank-silver:#c0c0c0;--rank-bronze:#cd7f32;--card-padding:clamp(12px, 4vw, 24px);--card-radius:clamp(12px, 3vw, 20px)}*{margin:0;padding:0;box-sizing:border-box}.tab-hidden *{animation-play-state:paused!important}body{font-family:"Space Grotesk",sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;font-size:clamp(14px, 1.8vw, 16px);line-height:1.6}.font-display{font-family:Orbitron,monospace}#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;will-change:auto}.bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 20%,rgba(245,166,35,.08) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(245,166,35,.05) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(10,10,15,.9) 0,transparent 100%);pointer-events:none;z-index:1}.main-content{position:relative;z-index:100;display:flex;flex-direction:column;min-height:100vh;pointer-events:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-gold-dark);border-radius:3px}#leaderboard::-webkit-scrollbar{width:4px}#leaderboard::-webkit-scrollbar-track{background:0 0}#leaderboard::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.input-field{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;padding:clamp(10px,3vw,14px) clamp(12px,4vw,18px);color:var(--text-primary);font-size:clamp(14px, 3vw, 16px);width:100%;transition:border-color .3s ease,box-shadow .3s ease;outline:0}.input-field:focus{border-color:var(--accent-gold);box-shadow:0 0 20px rgba(245,166,35,.2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 clamp(10px,2.5vw,18px);border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;outline:0;position:relative;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:nowrap;box-sizing:border-box}.btn-primary{background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-dark) 100%);color:#000}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px rgba(245,166,35,.4)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--accent-gold);background:rgba(245,166,35,.1)}.btn-danger{background:var(--danger);color:#fff}.btn-steal{background:linear-gradient(135deg,#9b59b6 0,#8e44ad 100%);color:#fff}.btn-steal:hover{box-shadow:0 10px 30px rgba(155,89,182,.4)}.btn-oge{background:linear-gradient(135deg,rgba(0,180,216,0.55) 0,rgba(0,119,182,0.55) 100%);color:#fff;font-weight:800;letter-spacing:.05em;opacity:0.78;backdrop-filter:blur(2px);}.btn-oge:hover{box-shadow:0 8px 25px rgba(0,180,216,.4);transform:translateY(-1px);opacity:1;}.btn-profile-eye{display:inline-flex;align-items:center;justify-content:center;background:rgba(245,166,35,0.28);border:1px solid rgba(245,166,35,0.4);color:#ffd700;opacity:0.78;backdrop-filter:blur(2px);cursor:pointer;}.btn-profile-eye:hover{opacity:1;background:rgba(245,166,35,0.5);box-shadow:0 6px 18px rgba(245,166,35,0.35);transform:translateY(-1px);}#freeze-overlay{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,180,255,.18);backdrop-filter:blur(3px) brightness(0.7);pointer-events:all;flex-direction:column;align-items:center;justify-content:center;gap:16px}#freeze-overlay.active{display:flex}#freeze-overlay .freeze-icon{font-size:72px;animation:freezePulse .6s ease-in-out infinite alternate;filter:drop-shadow(0 0 24px #00d9ff)}#freeze-overlay .freeze-msg{color:#fff;font-size:clamp(18px, 5vw, 28px);font-weight:800;text-shadow:0 0 20px #00d9ff,0 2px 8px #000;text-align:center;padding:0 24px}#freeze-overlay .freeze-countdown{color:#00d9ff;font-size:clamp(40px, 12vw, 72px);font-family:Orbitron,monospace;font-weight:900;text-shadow:0 0 30px #00d9ff}@keyframes freezePulse{from{transform:scale(1)}to{transform:scale(1.15)}}.lb-hover-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:none;gap:4px;z-index:10}.leaderboard-item{position:relative}.leaderboard-item.lb-touched .lb-hover-actions,.leaderboard-item:hover .lb-hover-actions{display:flex}.btn-pet{background:linear-gradient(135deg,#1abc9c 0,#16a085 100%);color:#fff}.btn-pet:hover{box-shadow:0 10px 30px rgba(26,188,156,.4)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--card-radius);padding:var(--card-padding);backdrop-filter:blur(10px);width:100%;transition:all .3s ease}.card-glow{box-shadow:0 0 40px rgba(245,166,35,.1)}@media (max-width:374px){:root{--card-padding:10px;--card-radius:10px}.card{padding:10px}}@media (min-width:375px) and (max-width:479px){:root{--card-padding:14px;--card-radius:14px}}@media (min-width:480px) and (max-width:639px){:root{--card-padding:16px;--card-radius:16px}}@media (min-width:640px) and (max-width:767px){:root{--card-padding:18px;--card-radius:18px}}@media (min-width:768px) and (max-width:1023px){:root{--card-padding:20px;--card-radius:18px}}@media (min-width:1024px){:root{--card-padding:24px;--card-radius:20px}}.mine-btn{width:clamp(120px,35vw,200px);height:clamp(120px,35vw,200px);border-radius:50%;background:linear-gradient(145deg,#1a1a25 0,#0a0a0f 100%);border:3px solid var(--accent-gold);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;will-change:transform}.mine-btn::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(245,166,35,.3),transparent 30%);animation:rotate 3s linear infinite;animation-play-state:paused;opacity:0;transition:opacity .3s}.mine-btn:hover::before{opacity:1;animation-play-state:running}.mine-btn:active{transform:scale(.95);border-color:var(--accent-gold-light)}.mine-icon{font-size:clamp(32px, 10vw, 64px);position:relative;z-index:10;filter:drop-shadow(0 0 8px rgba(245, 166, 35, .6));transition:transform .2s}.mine-btn:active .mine-icon{transform:scale(.9)}.mine-skin-inferno{background:linear-gradient(145deg,#1a0505 0,#2d0a00 100%)!important;border-color:#ff4500!important;box-shadow:0 0 20px rgba(255,69,0,.4),0 0 40px rgba(255,69,0,.15)!important;will-change:opacity}.mine-skin-inferno::before{background:conic-gradient(from 0deg,transparent,rgba(255,69,0,.5),transparent 30%)!important}.mine-skin-inferno::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 35px rgba(255,100,0,.7),0 0 70px rgba(255,69,0,.3);opacity:0;animation:glowPulseOpacity 3s ease-in-out infinite;pointer-events:none;border:1px solid #ff6a00}.mine-skin-inferno .mine-icon{filter:drop-shadow(0 0 10px rgba(255,69,0,.9))!important}@keyframes infernoGlow{0%,100%{opacity:1}50%{opacity:.6}}.mine-skin-inferno{animation:infernoGlow 3s ease-in-out infinite}.mine-skin-frostbite{background:linear-gradient(145deg,#030d1a 0,#071428 100%)!important;border-color:#00d9ff!important;box-shadow:0 0 20px rgba(0,217,255,.35),0 0 40px rgba(0,150,255,.12)!important;will-change:opacity}.mine-skin-frostbite::before{background:conic-gradient(from 0deg,transparent,rgba(0,217,255,.4),transparent 30%)!important}.mine-skin-frostbite::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 35px rgba(0,240,255,.6),0 0 70px rgba(0,200,255,.25);opacity:0;animation:glowPulseOpacity 3.5s ease-in-out infinite;pointer-events:none;border:1px solid #80f0ff}.mine-skin-frostbite .mine-icon{filter:drop-shadow(0 0 10px rgba(0,217,255,.9))!important}@keyframes frostbitePulse{0%,100%{opacity:1}50%{opacity:.65}}.mine-skin-frostbite{animation:frostbitePulse 3.5s ease-in-out infinite}.mine-skin-venom{background:linear-gradient(145deg,#07001a 0,#0e0028 100%)!important;border-color:#a855f7!important;box-shadow:0 0 20px rgba(168,85,247,.4),0 0 40px rgba(74,222,128,.1)!important;will-change:opacity}.mine-skin-venom::before{background:conic-gradient(from 0deg,transparent,rgba(168,85,247,.45),transparent 30%)!important}.mine-skin-venom::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 35px rgba(74,222,128,.5),0 0 70px rgba(168,85,247,.2);opacity:0;animation:glowPulseOpacity 4s ease-in-out infinite;pointer-events:none;border:1px solid #4ade80}.mine-skin-venom .mine-icon{filter:drop-shadow(0 0 10px rgba(168,85,247,.9))!important}@keyframes venomShift{0%,100%{opacity:1}50%{opacity:.7}}.mine-skin-venom{animation:venomShift 4s ease-in-out infinite}.mine-skin-titan{background:linear-gradient(145deg,#1a1100 0,#2a1c00 100%)!important;border-color:gold!important;box-shadow:0 0 25px rgba(255,215,0,.5),0 0 50px rgba(245,166,35,.2)!important;will-change:opacity}.mine-skin-titan::before{background:conic-gradient(from 0deg,transparent,rgba(255,215,0,.55),transparent 30%)!important;animation:rotate 1.5s linear infinite!important;animation-play-state:running!important;opacity:1!important}.mine-skin-titan::after{content:"";position:absolute;inset:-1px;border-radius:inherit;box-shadow:0 0 40px rgba(255,215,0,.8),0 0 80px rgba(245,166,35,.35);opacity:0;animation:glowPulseOpacity 3s ease-in-out infinite;pointer-events:none;border:1px solid #ffe44d}.mine-skin-titan .mine-icon{filter:drop-shadow(0 0 12px rgba(255,215,0,1))!important}@keyframes titanSpin{0%,100%{opacity:1}50%{opacity:.75}}.mine-skin-titan{animation:titanSpin 3s ease-in-out infinite}.mine-skin-shadow{background:linear-gradient(145deg,#050505 0,#0a0a0a 100%)!important;border-color:#ec4899!important;box-shadow:0 0 20px rgba(236,72,153,.4),0 0 40px rgba(139,92,246,.15)!important;will-change:opacity}.mine-skin-shadow::before{background:conic-gradient(from 0deg,rgba(236,72,153,.3),rgba(139,92,246,.3),rgba(59,130,246,.3),rgba(16,185,129,.3),rgba(236,72,153,.3))!important;animation:rotate 4s linear infinite!important;animation-play-state:running!important;opacity:1!important}.mine-skin-shadow .mine-icon{filter:drop-shadow(0 0 10px rgba(236,72,153,.9))!important}@keyframes shadowRainbow{0%,100%{opacity:1}50%{opacity:.7}}.mine-skin-shadow{animation:shadowRainbow 4s linear infinite}@keyframes glowPulseOpacity{0%,100%{opacity:0}50%{opacity:1}}.mine-skin-shop-btn{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,rgba(139,92,246,.15) 0,rgba(236,72,153,.15) 100%);border:1.5px solid rgba(139,92,246,.4);border-radius:8px;padding:4px 10px;cursor:pointer;font-size:10px;font-weight:700;color:#c084fc;letter-spacing:.04em;transition:all .2s ease;white-space:nowrap}.mine-skin-shop-btn:hover{border-color:rgba(192,132,252,.7);box-shadow:0 0 12px rgba(139,92,246,.3);transform:translateY(-1px)}.mine-skin-active-badge{display:inline-block;font-size:8px;background:rgba(192,132,252,.2);border:1px solid rgba(192,132,252,.4);border-radius:6px;padding:1px 5px;color:#c084fc;margin-top:2px}@keyframes mineShake{0%,100%{transform:translate(0,0) rotate(0)}10%{transform:translate(-3px,-2px) rotate(-1deg)}20%{transform:translate(3px,2px) rotate(1deg)}30%{transform:translate(-2px,3px) rotate(0)}40%{transform:translate(2px,-2px) rotate(1deg)}50%{transform:translate(-3px,2px) rotate(-1deg)}60%{transform:translate(3px,-3px) rotate(0)}70%{transform:translate(-2px,2px) rotate(1deg)}80%{transform:translate(2px,3px) rotate(-1deg)}90%{transform:translate(-3px,-2px) rotate(0)}}.mine-shake{animation:mineShake .4s ease-out}@keyframes miningFlash{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.mining-flash{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(245,166,35,.3) 0,transparent 70%);border-radius:var(--card-radius);pointer-events:none;opacity:0}.mining-flash.active{animation:miningFlash .5s ease-out}.debris-particle{position:absolute;width:4px;height:4px;background:var(--accent-gold);border-radius:50%;pointer-events:none;z-index:100}@keyframes debrisFly{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0)}}.mining-ripple{position:absolute;border-radius:50%;border:2px solid var(--accent-gold);pointer-events:none;opacity:0}@keyframes rippleExpand{0%{width:80px;height:80px;opacity:.8;top:50%;left:50%;transform:translate(-50%,-50%)}100%{width:clamp(200px,60vw,350px);height:clamp(200px,60vw,350px);opacity:0;top:50%;left:50%;transform:translate(-50%,-50%)}}.mining-ripple.active{animation:rippleExpand .6s ease-out forwards}@keyframes dustPuff{0%{opacity:.6;transform:translate(-50%,-50%) scale(.5)}100%{opacity:0;transform:translate(-50%,-50%) scale(2)}}.dust-cloud{position:absolute;width:40px;height:40px;background:radial-gradient(circle,rgba(139,119,101,.4) 0,transparent 70%);border-radius:50%;pointer-events:none;z-index:5}@keyframes sparkle{0%{opacity:1;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}100%{opacity:0;transform:scale(0) rotate(360deg)}}.sparkle{position:absolute;width:8px;height:8px;pointer-events:none;z-index:100}.sparkle::after,.sparkle::before{content:"";position:absolute;background:var(--accent-gold-light)}.sparkle::before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.sparkle::after{width:2px;height:100%;left:50%;top:0;transform:translateX(-50%)}@keyframes rotate{100%{transform:rotate(360deg)}}.robot-btn{display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:linear-gradient(135deg,#1a1a2e 0,#16213e 100%);border:1.5px solid #4ade80;border-radius:10px;padding:6px 10px;cursor:pointer;transition:all .3s ease;color:#4ade80;font-size:10px;font-weight:700;letter-spacing:.04em;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.robot-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#374151;color:#6b7280}.robot-btn:not(:disabled):hover{box-shadow:0 0 14px rgba(74,222,128,.4);transform:translateY(-1px)}#robot-upgrade-btn:not(:disabled):hover{box-shadow:0 0 14px rgba(250,204,21,.4);transform:translateY(-1px)}.robot-btn .robot-icon{font-size:18px;line-height:1}.robot-btn .robot-cooldown{font-size:9px;color:#ef4444;font-weight:700}.robot-miner-anim{position:absolute;font-size:22px;pointer-events:none;z-index:50;animation:robotMine .7s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(74, 222, 128, .7));will-change:transform}@keyframes robotMine{0%,100%{transform:translate(-50%,-50%) rotate(-15deg) scale(1)}50%{transform:translate(-50%,-60%) rotate(15deg) scale(1.1)}}.coin-particle{position:absolute;pointer-events:none;font-size:clamp(16px, 5vw, 24px);font-weight:700;color:var(--accent-gold-light);text-shadow:0 0 10px rgba(245,166,35,.8);animation:coinFloat 1s ease-out forwards;z-index:100}@keyframes coinFloat{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-80px) scale(.5)}}.energy-bar{height:5px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden;position:relative}.energy-fill{height:100%;border-radius:4px;transition:width .4s ease,background .6s ease}.stat-card{background:rgba(10,10,18,.85);border:1px solid rgba(245,166,35,.35);border-radius:12px;padding:clamp(10px,2.2vw,16px) clamp(6px,1.5vw,10px);text-align:center;position:relative;transition:border-color .2s,transform .2s}.stat-card:hover{border-color:rgba(245,166,35,.25);transform:translateY(-2px)}.stat-card .stat-icon{font-size:12px;display:inline;margin-right:3px;opacity:.7;vertical-align:middle}.stat-value{font-family:Orbitron,monospace;font-size:clamp(10px, 2.4vw, 14px);font-weight:900;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 50%,#c78510 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.stat-label{color:rgba(245,166,35,.55);font-size:clamp(8px, 1.8vw, 10px);margin-top:4px;text-transform:uppercase;letter-spacing:.12em;font-weight:500;font-family:Orbitron,monospace;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:2px}.stat-card .stat-scan{display:none}.leaderboard-item{display:flex;align-items:center;gap:clamp(6px,2vw,12px);padding:clamp(8.8px,2.2vw,13.2px);background:linear-gradient(135deg,#111118 0,#0d0d14 100%);border-radius:clamp(8px,2vw,12px);margin-bottom:0;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .15s ease;border:1px solid rgba(180,140,40,.18);box-sizing:border-box;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 72px;position:relative;overflow:hidden}.leaderboard-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 0,rgba(245,166,35,.35) 50%,transparent 100%);border-radius:2px 0 0 2px;opacity:0;transition:opacity .25s}.leaderboard-item:hover::before{opacity:1}.lb-energy-bar{height:3px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden;margin-top:4px;min-width:0;flex:1;max-width:110px;width:110px}.lb-energy-fill{height:100%;border-radius:3px;transition:width .6s ease}.leaderboard-item:hover{background:linear-gradient(135deg,rgba(30,22,8,.98) 0,rgba(20,16,6,.98) 100%);border-color:rgba(245,166,35,.4);box-shadow:0 2px 16px rgba(200,140,20,.12),inset 0 0 20px rgba(245,166,35,.04);transform:translateX(1px)}.leaderboard-item.top-1{background:linear-gradient(135deg,#1a1406 0,#100e04 60%,#0a0a10 100%);border:1px solid rgba(255,215,0,.45);box-shadow:0 0 18px rgba(255,200,0,.12),inset 0 1px 0 rgba(255,215,0,.08)}.leaderboard-item.top-1::before{background:linear-gradient(180deg,transparent 0,gold 40%,#f5a623 60%,transparent 100%);opacity:1;width:2px}.leaderboard-item.top-1:hover{background:linear-gradient(135deg,#211a07 0,#150f04 60%,#0c0c12 100%);border-color:rgba(255,215,0,.7);box-shadow:0 0 28px rgba(255,200,0,.22),inset 0 1px 0 rgba(255,215,0,.14);transform:translateX(2px)}.leaderboard-item.top-2{background:linear-gradient(135deg,#131318 0,#0e0e14 100%);border:1px solid rgba(192,192,210,.3);box-shadow:0 0 10px rgba(180,180,200,.06)}.leaderboard-item.top-2::before{background:linear-gradient(180deg,transparent 0,#c0c0d8 50%,transparent 100%);opacity:1;width:2px}.leaderboard-item.top-2:hover{background:linear-gradient(135deg,#161620 0,#101018 100%);border-color:rgba(210,210,230,.55);box-shadow:0 0 18px rgba(192,192,210,.14);transform:translateX(2px)}.leaderboard-item.top-3{background:linear-gradient(135deg,#140e08 0,#0e0a06 100%);border:1px solid rgba(205,127,50,.3);box-shadow:0 0 10px rgba(180,100,30,.07)}.leaderboard-item.top-3::before{background:linear-gradient(180deg,transparent 0,#cd7f32 50%,transparent 100%);opacity:1;width:2px}.leaderboard-item.top-3:hover{background:linear-gradient(135deg,#1a1208 0,#120d06 100%);border-color:rgba(205,127,50,.55);box-shadow:0 0 18px rgba(180,100,30,.14);transform:translateX(2px)}@keyframes auroraFade{0%,100%{opacity:1}50%{opacity:.82}}@keyframes galaxyStarTwinkle{0%{opacity:.4}50%{opacity:1}100%{opacity:.6}}@keyframes galaxyStarPulse{0%,100%{opacity:1}50%{opacity:.8}}@keyframes butterflyWing{0%,100%{opacity:1}50%{opacity:.78}}@keyframes butterflyFloat{0%,100%{transform:translate(-50%,-50%) rotate(-6deg) scale(1);opacity:.12}25%{transform:translate(-50%,-58%) rotate(4deg) scale(1.12);opacity:.2}50%{transform:translate(-50%,-46%) rotate(-4deg) scale(.96);opacity:.1}75%{transform:translate(-50%,-56%) rotate(6deg) scale(1.08);opacity:.18}}@keyframes butterflyRank{0%,100%{color:gold;text-shadow:0 0 10px rgba(255,215,0,.9)}50%{color:#f5a623;text-shadow:0 0 14px #f5a623}}@keyframes galaxyRank{0%,100%{color:#f472b6;text-shadow:0 0 10px rgba(236,72,153,.8)}50%{color:#c084fc;text-shadow:0 0 15px rgba(192,132,252,.9)}}50%{opacity:.85}50%{border-color:#c864ff}100%{background-position:0 50%}50%{opacity:.8}50%{opacity:.18}50%{color:#c880ff;text-shadow:0 0 10px rgba(200,128,255,.9)}50%{color:#aff;text-shadow:0 0 7px rgba(170,255,255,.8)}50%{border-color:#64dcff}50%{background-position:100% 50%}100%{background-position:0 50%}50%{opacity:.6}100%{background-position:200% center}50%{color:#64dcff;text-shadow:0 0 10px rgba(100,220,255,.9)}50%{color:#aef;text-shadow:0 0 7px rgba(170,238,255,.8)}8%{opacity:1}25%{transform:translate(15%,60%) rotate(10deg) scale(.75)}45%{transform:translate(35%,30%) rotate(-8deg) scale(.85)}65%{transform:translate(60%,50%) rotate(12deg) scale(.7)}80%{transform:translate(80%,15%) rotate(-5deg) scale(.8);opacity:.9}92%{opacity:.2}100%{transform:translate(105%,-5%) rotate(8deg) scale(.6);opacity:0}50%{transform:scaleX(.3)}50%{transform:scaleX(-.3)}50%{opacity:1;transform:scale(1) rotate(180deg)}100%{opacity:0;transform:scale(0) rotate(360deg)}50%{border-color:#457b9d}50%{background-position:100% 50%}100%{background-position:0 50%}100%{transform:rotate(360deg)}100%{transform:rotate(-360deg)}100%{background-position:200% 50%}50%{text-shadow:0 0 10px rgba(69,123,157,.9)}50%{color:#90e0ef;text-shadow:0 0 8px rgba(144,224,239,.6)}15%{opacity:.7}50%{transform:translateX(110%) translateY(8px) rotate(8deg);opacity:.7}85%{opacity:.4}100%{transform:translateX(260%) translateY(-4px) rotate(-4deg);opacity:0}@keyframes lbPharsaBorder{0%,100%{border-color:#c00;box-shadow:0 0 14px rgba(204,0,0,.65),0 0 30px rgba(204,0,0,.28),inset 0 0 8px rgba(204,0,0,.12)}33%{border-color:#80a;box-shadow:0 0 14px rgba(136,0,170,.65),0 0 30px rgba(136,0,170,.25),inset 0 0 8px rgba(136,0,170,.1)}66%{border-color:#603;box-shadow:0 0 14px rgba(180,0,60,.6),0 0 28px rgba(180,0,60,.22),inset 0 0 8px rgba(180,0,60,.1)}}@keyframes lbPharsaBgFlow{0%,100%{opacity:1}}@keyframes lbPharsaWingSweep{0%{opacity:.55;transform:scaleX(1)}25%{opacity:.8;transform:scaleX(1.01)}50%{opacity:.65;transform:scaleX(1)}75%{opacity:.85;transform:scaleX(1.01)}100%{opacity:.55;transform:scaleX(1)}}@keyframes lbPharsaMagicAura{0%{transform:rotate(0);opacity:.4}50%{transform:rotate(180deg);opacity:.5}100%{transform:rotate(360deg);opacity:.4}}@keyframes lbPharsaNameShimmer{0%{background-position:0 50%}100%{background-position:300% 50%}}@keyframes lbPharsaRankGlow{0%,100%{text-shadow:0 0 7px rgba(220,20,20,.85);color:#f44}40%{text-shadow:0 0 10px rgba(180,0,180,.9);color:#c4f}70%{text-shadow:0 0 7px rgba(212,175,55,.8);color:#d4af37}}@keyframes lbPharsaCoinShimmer{0%,100%{color:#f33;text-shadow:0 0 7px rgba(255,50,50,.65)}50%{color:#d4af37;text-shadow:0 0 7px rgba(212,175,55,.65)}}@keyframes lbPharsaCardPulse{0%,100%{opacity:1}}@keyframes lbPharsaFeatherFloat{0%,100%{transform:translateY(0) rotate(0);opacity:.55}30%{transform:translateY(-4px) rotate(3deg);opacity:.75}60%{transform:translateY(-2px) rotate(-2deg);opacity:.65}}@keyframes lbPharsaBirdBreathe{0%,100%{opacity:.3}50%{opacity:.55}}.rank-wrap{position:relative;width:clamp(34px,5vw,38px);height:clamp(34px,5vw,38px);min-width:clamp(34px,5vw,38px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.rank-wrap svg{position:absolute;inset:0;width:100%;height:100%}.rank-wrap::before{content:'';position:absolute;inset:4px;border-radius:50%;background:rgba(255,255,255,.03)}.rank-badge{width:clamp(26px,4vw,30px);height:clamp(26px,4vw,30px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:clamp(10px, 2.2vw, 11px);font-family:Orbitron,monospace;color:rgba(110,125,155,.55);letter-spacing:.06em;position:relative;z-index:1}.top-1 .rank-wrap::before{background:rgba(255,195,0,.08)}.top-1 .rank-badge{font-size:clamp(15px, 3.5vw, 17px);color:#ffe44d;text-shadow:0 0 12px rgba(255,200,0,.55)}.top-2 .rank-wrap::before{background:rgba(160,185,230,.07)}.top-2 .rank-badge{font-size:clamp(13px, 3vw, 15px);color:#c4d4f0;text-shadow:0 0 10px rgba(160,190,240,.4)}.top-3 .rank-wrap::before{background:rgba(200,110,45,.08)}.top-3 .rank-badge{font-size:clamp(12px, 2.8vw, 13px);color:#d4905c;text-shadow:0 0 10px rgba(200,110,50,.4)}.lb-username{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:clamp(12px, 2.8vw, 13px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:#c8c8d8;letter-spacing:.02em;text-decoration:none;display:flex;align-items:center;gap:6px}.lb-username::after{display:none}.lb-rank-pill{display:inline-flex;align-items:center;border-radius:99px;padding:1px 7px;font-size:9px;font-weight:700;font-family:Orbitron,monospace;letter-spacing:.5px;flex-shrink:0;line-height:1.7;pointer-events:none}.top-1 .lb-username{color:#ffe990;font-size:clamp(13px, 3vw, 14px);text-shadow:0 0 14px rgba(255,220,80,.4);letter-spacing:.04em}.top-1 .lb-rank-pill{background:rgba(255,215,0,.15);border:1px solid rgba(255,215,0,.5);color:gold}.top-2 .lb-username{color:#d8e4f8;text-shadow:0 0 10px rgba(180,210,255,.25)}.top-2 .lb-rank-pill{background:rgba(192,192,192,.12);border:1px solid rgba(192,192,192,.35);color:silver}.top-3 .lb-username{color:#f0c090;text-shadow:0 0 10px rgba(220,140,60,.2)}.top-3 .lb-rank-pill{background:rgba(205,127,50,.12);border:1px solid rgba(205,127,50,.4);color:#cd7f32}.equip-logo{font-size:clamp(10px, 2.5vw, 14px);margin-left:2px;vertical-align:middle;filter:drop-shadow(0 0 3px rgba(255, 255, 255, .3))}.online-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(46,213,115,.2);color:#2ed573;padding:clamp(4px,1vw,6px) clamp(6px,2vw,12px);border-radius:clamp(12px,3vw,20px);font-size:clamp(11px, 2.5vw, 14px);font-weight:600}.online-dot{width:clamp(6px,1.5vw,8px);height:clamp(6px,1.5vw,8px);background:#2ed573;border-radius:50%;animation:pulse 2s infinite}.status-online-text{display:block;font-size:10px;color:#2ed573;font-weight:600;letter-spacing:.05em;line-height:1.2;margin-top:2px}.target-item{display:flex;align-items:center;justify-content:space-between;padding:clamp(8px,2vw,12px);background:var(--bg-secondary);border-radius:clamp(8px,2vw,10px);margin-bottom:6px;border:1px solid var(--border-color);transition:.2s;flex-wrap:wrap;gap:8px}.target-item:hover{border-color:var(--steal)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease;padding:clamp(8px,3vw,16px)}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:clamp(16px,4vw,24px);padding:clamp(16px,5vw,32px);max-width:500px;width:100%;max-height:85vh;overflow-y:auto;transform:scale(.9);transition:transform .3s ease}.modal-overlay.active .modal-content{transform:scale(1)}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--accent-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}.toast{position:fixed;bottom:clamp(12px,4vw,24px);left:50%;transform:translateX(-50%) translateY(100px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:clamp(8px,2vw,12px);padding:clamp(10px,3vw,16px) clamp(12px,4vw,24px);display:flex;align-items:center;gap:clamp(6px,2vw,12px);z-index:9100;opacity:0;transition:all .3s ease;max-width:calc(100% - 32px)}.toast.active{transform:translateX(-50%) translateY(0);opacity:1}.toast.success{border-color:var(--success)}.toast.error{border-color:var(--danger)}.toast.info{border-color:var(--energy)}.page{display:none;animation:fadeIn .4s ease}.page.active{display:flex;flex-direction:column;flex:1}.auth-layout{display:flex;flex:1;min-height:0}.auth-brand-panel{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:40px 48px;background:linear-gradient(145deg,rgba(10,10,18,.98) 0,rgba(16,12,6,.98) 100%);border-right:1px solid rgba(245,166,35,.12)}.auth-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.auth-orb-1{width:320px;height:320px;background:radial-gradient(circle,rgba(245,166,35,.18) 0,transparent 70%);top:-80px;left:-80px;animation:authOrbFloat 8s ease-in-out infinite}.auth-orb-2{width:240px;height:240px;background:radial-gradient(circle,rgba(0,217,255,.08) 0,transparent 70%);bottom:60px;right:-60px;animation:authOrbFloat 10s ease-in-out infinite reverse}.auth-orb-3{width:180px;height:180px;background:radial-gradient(circle,rgba(168,85,247,.07) 0,transparent 70%);bottom:-40px;left:40%;animation:authOrbFloat 7s ease-in-out infinite 2s}@keyframes authOrbFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(12px,-16px) scale(1.04)}66%{transform:translate(-8px,10px) scale(.97)}}.auth-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(245,166,35,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,166,35,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}.auth-brand-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:28px;max-width:420px}.auth-logo-row{display:flex;align-items:center;gap:14px}.auth-logo-svg-wrap{animation:authLogoSpin 12s linear infinite}@keyframes authLogoSpin{0%{filter:drop-shadow(0 0 8px rgba(255,215,0,.4))}50%{filter:drop-shadow(0 0 18px rgba(255,215,0,.7))}100%{filter:drop-shadow(0 0 8px rgba(255,215,0,.4))}}.auth-wordmark-coin{font-family:Orbitron,monospace;font-size:clamp(28px, 4vw, 38px);font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,gold 0,#f5a623 50%,gold 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer-logo 3s linear infinite}.auth-wordmark-miner{font-family:Orbitron,monospace;font-size:clamp(28px, 4vw, 38px);font-weight:900;letter-spacing:.08em;background:linear-gradient(135deg,#fff 0,rgba(255,255,255,.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-tagline{font-size:clamp(14px, 1.8vw, 17px);color:rgba(255,255,255,.45);line-height:1.6;font-weight:400;letter-spacing:.01em}.auth-feature-pills{display:flex;flex-wrap:wrap;gap:8px}.auth-pill{background:rgba(255,255,255,.04);border:1px solid rgba(245,166,35,.2);border-radius:20px;padding:5px 12px;font-size:12px;color:rgba(255,255,255,.55);font-weight:500;letter-spacing:.02em;transition:all .2s}.auth-pill:hover{border-color:rgba(245,166,35,.5);color:rgba(245,166,35,.9);background:rgba(245,166,35,.06)}.auth-deco-stats{display:flex;align-items:center;gap:20px;padding:16px 20px;background:rgba(255,255,255,.025);border:1px solid rgba(245,166,35,.1);border-radius:14px}.auth-deco-stat{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.auth-deco-val{font-family:Orbitron,monospace;font-size:16px;font-weight:900;background:linear-gradient(135deg,gold,#f5a623);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-deco-lbl{font-size:9px;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.15em;font-weight:600}.auth-deco-divider{width:1px;height:32px;background:rgba(245,166,35,.15)}.auth-form-panel{width:min(420px,100%);display:flex;align-items:center;justify-content:center;padding:32px 32px;background:rgba(8,8,14,.98)}.auth-form-card{width:100%;display:flex;flex-direction:column;gap:0}.auth-tabs{display:flex;gap:0;background:rgba(255,255,255,.03);border:1px solid rgba(245,166,35,.15);border-radius:12px;padding:4px;margin-bottom:28px}.auth-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:9px;border:none;background:0 0;color:rgba(255,255,255,.35);font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease;letter-spacing:.02em}.auth-tab.active{background:linear-gradient(135deg,rgba(245,166,35,.2),rgba(245,166,35,.08));color:#f5a623;border:1px solid rgba(245,166,35,.35);box-shadow:0 2px 12px rgba(245,166,35,.12)}.auth-tab:not(.active):hover{color:rgba(255,255,255,.6);background:rgba(255,255,255,.04)}.auth-form-body{display:flex;flex-direction:column;gap:18px}.auth-form-body.hidden{display:none}.auth-form-group{display:flex;flex-direction:column;gap:7px}.auth-label{font-size:11px;font-weight:700;color:rgba(245,166,35,.7);text-transform:uppercase;letter-spacing:.14em;font-family:Orbitron,monospace}.auth-input{background:rgba(255,255,255,.03)!important;border:1px solid rgba(245,166,35,.18)!important;border-radius:10px!important;transition:border-color .2s,box-shadow .2s!important}.auth-input:focus{border-color:rgba(245,166,35,.6)!important;box-shadow:0 0 0 3px rgba(245,166,35,.08),0 0 16px rgba(245,166,35,.12)!important}.auth-submit-btn{margin-top:8px;height:48px!important;font-size:14px!important;font-weight:700!important;letter-spacing:.04em;border-radius:12px!important;box-shadow:0 4px 20px rgba(245,166,35,.25);transition:all .25s ease!important}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 8px 28px rgba(245,166,35,.45)!important}@media (max-width:768px){.auth-layout{flex-direction:column}.auth-brand-panel{flex:none;padding:28px 24px 20px;border-right:none;border-bottom:1px solid rgba(245,166,35,.1)}.auth-brand-content{gap:16px;max-width:100%}.auth-wordmark-coin,.auth-wordmark-miner{font-size:clamp(22px, 7vw, 30px)}.auth-tagline{display:none}.auth-deco-stats{padding:10px 14px}.auth-deco-val{font-size:13px}.auth-form-panel{width:100%;padding:24px 20px 32px;flex:1}.auth-feature-pills{gap:6px}.auth-pill{font-size:11px;padding:4px 10px}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.food-btn{background:linear-gradient(160deg,rgba(20,15,5,.95) 0%,rgba(12,10,4,.98) 100%);border:1px solid rgba(180,130,30,.25);border-radius:14px;padding:12px 8px 10px;color:var(--text-primary);cursor:pointer;transition:border-color .22s,box-shadow .22s,transform .15s,background .22s;display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;min-width:60px;max-width:80px;position:relative;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.5),inset 0 1px 0 rgba(200,160,50,.06)}.food-btn::before{content:"";position:absolute;inset:0;border-radius:14px;background:linear-gradient(135deg,rgba(220,170,40,.12) 0%,rgba(180,130,20,.06) 40%,transparent 100%);opacity:0;transition:opacity .22s}.food-btn::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(230,180,50,.35),transparent);border-radius:14px 14px 0 0;pointer-events:none}.food-btn:hover:not(:disabled){border-color:rgba(210,165,40,.6);box-shadow:0 4px 20px rgba(180,130,20,.25),0 0 0 1px rgba(200,155,30,.12),inset 0 1px 0 rgba(230,185,50,.1);transform:translateY(-2px);background:linear-gradient(160deg,rgba(28,20,6,.95) 0%,rgba(16,12,4,.98) 100%)}.food-btn:hover:not(:disabled)::before{opacity:1}.food-btn:active:not(:disabled){transform:scale(.97);box-shadow:0 1px 6px rgba(180,130,20,.2)}.food-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(.4)}.food-btn.food-btn-bought{border-color:rgba(180,140,30,.3);background:linear-gradient(160deg,rgba(25,19,5,.8) 0%,rgba(15,12,4,.85) 100%);cursor:not-allowed;opacity:.5;box-shadow:none}.food-cd-text{font-size:8px;color:rgba(210,160,23,.7);white-space:nowrap;line-height:1;margin-top:1px;font-family:Orbitron,monospace;letter-spacing:.04em}.food-icon{font-size:24px;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.food-name{font-size:10px;font-weight:600;color:rgba(220,210,195,.85);line-height:1;text-align:center;letter-spacing:.02em}.food-meta{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding-top:2px;border-top:1px solid rgba(180,130,30,.12)}.food-cost{font-size:10px;color:#d4a017;font-weight:700;line-height:1;letter-spacing:.03em}.food-energy{font-size:10px;color:#5fd4a8;font-weight:700;line-height:1;letter-spacing:.02em}.chat-fab{position:fixed;bottom:clamp(16px,4vw,28px);right:clamp(16px,4vw,28px);width:clamp(48px,12vw,60px);height:clamp(48px,12vw,60px);border-radius:50%;background:linear-gradient(135deg,#f5a623 0,#c78510 100%);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(245,166,35,.45),0 2px 8px rgba(0,0,0,.4);z-index:9000;transition:transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(245,166,35,.6),0 2px 8px rgba(0,0,0,.4)}.chat-fab:active{transform:scale(.95)}.chat-fab svg{flex-shrink:0}.chat-fab-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;background:#ff4757;border-radius:9px;border:2px solid var(--bg-primary);font-size:10px;font-weight:700;color:#fff;display:none;align-items:center;justify-content:center;padding:0 4px;animation:badgePop .3s ease;pointer-events:none}.chat-fab-badge.visible{display:flex}@keyframes badgePop{0%{transform:scale(0)}70%{transform:scale(1.3)}100%{transform:scale(1)}}.lb-sidebar{position:fixed;top:0;left:0;width:min(468px,95vw);height:100vh;height:100dvh;background:linear-gradient(180deg,#08080f 0,#0a0a12 50%,#070710 100%);border-right:1px solid rgba(180,140,30,.22);z-index:8999;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .35s cubic-bezier(.4, 0, .2, 1);box-shadow:6px 0 48px rgba(0,0,0,.75),2px 0 12px rgba(200,150,20,.08)}.lb-sidebar.open{transform:translateX(0)}.lb-sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:8998;opacity:0;pointer-events:none;transition:opacity .3s ease;backdrop-filter:blur(2px)}.lb-sidebar-overlay.open{opacity:1;pointer-events:all}.lb-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(180,140,30,.2);background:linear-gradient(135deg,rgba(20,16,6,.95) 0,rgba(10,10,18,.98) 100%);flex-shrink:0;position:relative}.lb-sidebar-header::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0,#f5a623 30%,gold 50%,#f5a623 70%,transparent 100%);opacity:.7}.lb-sidebar-title{display:flex;align-items:center;gap:10px;font-family:Orbitron,monospace;font-size:14px;font-weight:700;letter-spacing:.08em;background:linear-gradient(135deg,gold 0,#f5a623 50%,gold 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer-logo 4s linear infinite;text-transform:uppercase}.lb-sidebar-title svg{stroke:url(#lb-icon-grad) #f5a623;filter:drop-shadow(0 0 4px rgba(245,166,35,.5));flex-shrink:0}.lb-sidebar-content{flex:1;overflow-y:auto;padding:14px;overscroll-behavior:contain;contain:strict;box-shadow:inset 0 8px 16px rgba(0,0,0,.3)}.lb-sidebar-content::-webkit-scrollbar{width:4px}.lb-sidebar-content::-webkit-scrollbar-track{background:rgba(255,255,255,.02)}.lb-sidebar-content::-webkit-scrollbar-thumb{background:rgba(180,140,30,.3);border-radius:2px}.lb-sidebar-content::-webkit-scrollbar-thumb:hover{background:rgba(245,166,35,.5)}.lb-fab{position:fixed;bottom:clamp(16px,4vw,28px);left:clamp(16px,4vw,28px);width:clamp(48px,12vw,60px);height:clamp(48px,12vw,60px);border-radius:50%;background:linear-gradient(135deg,gold 0,#f5a623 50%,#c78510 100%);border:1px solid rgba(255,215,0,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(245,166,35,.5),0 2px 8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.15);z-index:9000;transition:transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.lb-fab:hover{transform:scale(1.08);box-shadow:0 6px 32px rgba(245,166,35,.7),0 2px 10px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.2)}.lb-fab:active{transform:scale(.95)}.chat-sidebar{position:fixed;top:0;right:0;width:min(468px,95vw);height:100vh;height:100dvh;background:#12121e;border-left:1px solid rgba(255,255,255,.08);z-index:8999;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(.4, 0, .2, 1);box-shadow:-8px 0 40px rgba(0,0,0,.6)}.chat-sidebar.open{transform:translateX(0)}.chat-sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:8998;opacity:0;pointer-events:none;transition:opacity .35s ease}.chat-sidebar-overlay.open{opacity:1;pointer-events:all}.chat-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);flex-shrink:0}.chat-sidebar-title{display:flex;align-items:center;gap:10px;font-family:Orbitron,monospace;font-size:14px;font-weight:700;color:var(--accent-gold);letter-spacing:.05em}.chat-sidebar-title .pulse-dot{width:8px;height:8px;border-radius:50%;background:#2ed573;box-shadow:0 0 6px #2ed573;animation:pulse 2s infinite}.sidebar-online-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(46,213,115,.12);border:1px solid rgba(46,213,115,.35);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;color:#2ed573;font-family:'Space Grotesk',sans-serif;letter-spacing:.02em;white-space:nowrap}.sidebar-online-badge::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#2ed573;box-shadow:0 0 5px #2ed573;animation:pulse 2s infinite;flex-shrink:0}.chat-typing-indicator{min-height:22px;padding:2px 14px 4px;font-size:11.5px;color:#8a8a9a;font-style:italic;display:flex;align-items:center;gap:6px;flex-shrink:0;transition:opacity .2s ease}.chat-typing-indicator:empty{min-height:0;padding:0}.typing-dots{display:inline-flex;gap:3px;align-items:center}.typing-dots span{width:4px;height:4px;border-radius:50%;background:#8a8a9a;animation:typingBounce 1.2s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,100%,60%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.chat-close-btn{width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-close-btn:hover{background:rgba(255,71,87,.15);color:#ff4757;border-color:#ff4757}.chat-container{display:flex;flex-direction:column;flex:1;overflow:hidden;padding:12px;gap:10px}.chat-messages{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:3px;background:rgba(0,0,0,.25);border-radius:clamp(8px,2vw,12px);border:1px solid rgba(255,255,255,.03)}.chat-bubble{padding:6px 10px;border-radius:10px;max-width:100%;font-size:clamp(11px, 2.5vw, 13px);line-height:1.5;word-break:break-word;color:#dcdce8}.chat-bubble-self{background:#1e1608;border:1px solid rgba(245,166,35,.2);border-bottom-right-radius:3px;align-self:flex-end;color:#f0ddb0}.chat-bubble-other{background:#1c1c28;border:1px solid #252535;border-bottom-left-radius:3px;align-self:flex-start}.chat-sender{font-weight:600;font-size:clamp(9px, 2vw, 10px);margin-bottom:2px;display:flex!important;align-items:center;flex-wrap:wrap;gap:3px;color:#7a7a9a;letter-spacing:.3px;padding:0 2px}.chat-time{font-size:clamp(9px, 1.8vw, 10px);color:#42425a;margin-top:2px;display:block;padding:0 2px}.chat-input-row{display:flex;gap:8px;flex-shrink:0;flex-direction:column}.chat-input-inner{display:flex;gap:8px}.chat-reply-preview{display:none;align-items:center;gap:6px;background:rgba(0,217,255,.08);border-left:3px solid #00d9ff;border-radius:6px;padding:5px 8px;font-size:clamp(9px, 2vw, 11px);color:var(--text-muted);animation:fadeIn .18s ease}.chat-reply-preview.visible{display:flex}.chat-reply-preview .reply-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-reply-preview .reply-name{color:#00d9ff;font-weight:700;margin-right:4px}.chat-reply-cancel{background:0 0;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;line-height:1;padding:0 2px;flex-shrink:0}.chat-reply-cancel:hover{color:#fff}.chat-bubble .reply-quote{background:0 0;border-left:2px solid rgba(245,166,35,.4);border-radius:0;padding:2px 6px;margin-bottom:5px;font-size:clamp(9px, 1.8vw, 10px);color:#5a5a75;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.chat-bubble .reply-quote .rq-name{color:#f5a623;font-weight:600;margin-right:4px}.chat-bubble-self .reply-quote{border-left-color:rgba(245,166,35,.5)}.chat-bubble-self .reply-quote .rq-name{color:#f5a623}.chat-reply-btn{background:0 0;border:1px solid #3a3a58;color:#5a5a7a;cursor:pointer;font-size:10px;font-weight:600;padding:2px 7px;border-radius:5px;line-height:1.4;transition:color .15s,border-color .15s,background .15s;flex-shrink:0;margin-left:2px;letter-spacing:.2px}.chat-reply-btn:hover{color:#00d9ff;border-color:#00d9ff;background:rgba(0,217,255,.08)}.chat-reply-btn.self{border-color:#4a3a20;color:#7a6030}.chat-reply-btn.self:hover{color:#f5a623;border-color:#f5a623;background:rgba(245,166,35,.08)}.chat-meta-row.self .chat-reply-btn:hover{color:#f5a623}.chat-bubble-wrapper{display:flex;align-items:flex-end;gap:7px}.chat-bubble-wrapper.self{flex-direction:row-reverse}.chat-avatar{width:26px;height:26px;border-radius:50%;background:#1c1c28;border:1px solid #252535;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-start;margin-top:0;font-weight:600;color:#7a7a9a;user-select:none}.chat-msg-col{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.chat-bubble-wrapper.self .chat-msg-col{align-items:flex-end}.chat-meta-row{display:flex;align-items:center;gap:6px;padding:0 3px}.chat-meta-row.self{flex-direction:row-reverse}.pet-container{position:relative;width:clamp(50px,15vw,80px);height:clamp(50px,15vw,80px);margin:0 auto}.pet-character{position:absolute;font-size:clamp(28px, 8vw, 48px);z-index:10}.pet-dog{animation:dogDig .9s ease-in-out infinite}@keyframes dogDig{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-10deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-8px) rotate(10deg)}}.pet-cat{animation:catRun .65s ease-in-out infinite}@keyframes catRun{0%,100%{transform:translateX(0) scaleX(1)}25%{transform:translateX(-10px) scaleX(1)}50%{transform:translateX(0) scaleX(1)}75%{transform:translateX(10px) scaleX(-1)}}.pet-drone{animation:droneFly 1.8s ease-in-out infinite}@keyframes droneFly{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.pet-unicorn{animation:unicornFloat 2s ease-in-out infinite}@keyframes unicornFloat{0%,100%{transform:translateY(0) scale(1) rotate(0)}30%{transform:translateY(-12px) scale(1.05) rotate(-5deg)}60%{transform:translateY(-6px) scale(1.02) rotate(5deg)}}.pet-glow-dog{filter:drop-shadow(0 0 12px rgba(230, 126, 34, .8))}.pet-glow-cat{filter:drop-shadow(0 0 12px rgba(52, 152, 219, .8))}.pet-glow-drone{filter:drop-shadow(0 0 12px rgba(26, 188, 156, .8))}.pet-glow-unicorn{filter:drop-shadow(0 0 14px rgba(200, 100, 255, .9))}.pet-shadow{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:30px;height:8px;background:radial-gradient(ellipse,rgba(0,0,0,.5) 0,transparent 70%);border-radius:50%;animation:shadowPulse 1s ease-in-out infinite}@keyframes shadowPulse{0%,100%{transform:translateX(-50%) scale(1);opacity:.5}50%{transform:translateX(-50%) scale(.8);opacity:.3}}.pet-bonus-active{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,gold 0,#f5a623 100%);border-radius:50%;width:clamp(18px,5vw,24px);height:clamp(18px,5vw,24px);display:flex;align-items:center;justify-content:center;font-size:clamp(8px, 2vw, 12px);animation:bonusPulse 1.8s ease-in-out infinite;z-index:20}@keyframes bonusPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(245,166,35,.7)}50%{transform:scale(1.1);box-shadow:0 0 0 8px rgba(245,166,35,0)}}.pet-card{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-card) 100%);border:2px solid var(--border-color);border-radius:clamp(10px,3vw,16px);padding:clamp(10px,3vw,16px);transition:all .3s ease}.pet-card:hover{transform:translateY(-2px)}.pet-card.owned{border-color:var(--success)}.pet-card.active{border-color:var(--accent-gold);box-shadow:0 0 20px rgba(245,166,35,.3)}.pet-icon-large{font-size:clamp(32px, 8vw, 48px);display:block;margin:0 auto 6px}.pet-bonus-badge{display:inline-block;padding:2px 8px;border-radius:clamp(12px,3vw,20px);font-size:clamp(9px, 2vw, 12px);font-weight:700;margin-top:6px}.pet-bonus-badge.dog{background:rgba(230,126,34,.2);color:#e67e22}.pet-bonus-badge.cat{background:rgba(52,152,219,.2);color:#3498db}.pet-bonus-badge.drone{background:rgba(26,188,156,.2);color:#1abc9c}.pet-bonus-badge.unicorn{background:rgba(200,100,255,.2);color:#c864ff}.pet-status-bar{background:var(--bg-secondary);border-radius:clamp(8px,2vw,12px);padding:clamp(6px,1.5vw,10px) clamp(10px,3vw,16px);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;position:relative}.pet-timer{font-family:Orbitron,monospace;font-size:clamp(10px, 2.5vw, 14px);color:var(--accent-gold)}.spin-wheel-section{background:linear-gradient(135deg,rgba(88,28,135,.15) 0,rgba(26,26,37,.95) 100%);border:2px solid rgba(168,85,247,.3)}.spin-wheel-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:clamp(10px,3vw,20px) 0}#spin-wheel-canvas{width:clamp(180px,50vw,260px);height:clamp(180px,50vw,260px);border-radius:50%;box-shadow:0 0 30px rgba(168,85,247,.4),0 0 60px rgba(0,0,0,.5),inset 0 0 30px rgba(0,0,0,.3);border:3px solid #a855f7;transition:transform 4s cubic-bezier(.17, .67, .12, .99);display:block}.spin-wheel-inner{position:relative;display:inline-block;line-height:0}.spin-center-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(45px,12vw,70px);height:clamp(45px,12vw,70px);border-radius:50%;background:linear-gradient(135deg,#581c87 0,#3b0764 100%);border:2px solid #a855f7;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;font-weight:700;color:#e9d5ff;font-family:Orbitron,sans-serif;font-size:clamp(8px, 2vw, 11px);text-align:center;line-height:1.2;transition:all .2s;box-shadow:0 4px 20px rgba(168,85,247,.5)}.spin-center-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed 0,#581c87 100%);transform:translate(-50%,-50%) scale(1.05);box-shadow:0 6px 25px rgba(168,85,247,.7)}.spin-center-btn:disabled{opacity:.6;cursor:not-allowed;border-color:#555;color:#888}.spin-result-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:3000;opacity:0;visibility:hidden;transition:all .3s ease;padding:16px}.spin-result-overlay.active{opacity:1;visibility:visible}.spin-result-content{text-align:center;transform:scale(.8);transition:transform .3s ease}.spin-result-overlay.active .spin-result-content{transform:scale(1)}.spin-result-icon{font-size:clamp(48px, 15vw, 80px);margin-bottom:clamp(10px,3vw,20px);animation:resultBounce .6s ease}@keyframes resultBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.spin-result-title{font-family:Orbitron,monospace;font-size:clamp(20px, 6vw, 28px);font-weight:900;margin-bottom:8px}.spin-result-prize{font-family:Orbitron,monospace;font-size:clamp(28px, 8vw, 42px);font-weight:900;background:linear-gradient(135deg,gold 0,#f5a623 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:clamp(16px,4vw,30px)}.voucher-badge{display:inline-block;background:linear-gradient(135deg,#a855f7 0,#7c3aed 100%);color:#fff;padding:1px 4px;border-radius:3px;font-size:clamp(7px, 1.8vw, 10px);font-weight:700;margin-left:2px;vertical-align:middle}.prize-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(3px,1vw,6px);margin-top:10px}.prize-legend-item{display:flex;align-items:center;gap:3px;padding:2px 6px;background:rgba(255,255,255,.05);border-radius:clamp(12px,3vw,20px);font-size:clamp(8px, 2vw, 11px)}.prize-legend-color{width:clamp(6px,1.5vw,10px);height:clamp(6px,1.5vw,10px);border-radius:50%}.mining-activity-feed{position:fixed;bottom:clamp(60px,15vw,80px);left:clamp(6px,2vw,12px);max-width:clamp(180px,52.8vw,270px);z-index:500;pointer-events:none}.mining-activity-feed-self{position:fixed;bottom:clamp(60px,15vw,80px);right:clamp(6px,2vw,12px);max-width:clamp(180px,52.8vw,270px);z-index:500;pointer-events:none}.mining-activity-item{display:flex;align-items:center;gap:6px;padding:clamp(5px,1.9vw,8px) clamp(8px,2.5vw,13px);background:rgba(26,26,37,.95);border:1px solid rgba(245,166,35,.3);border-radius:clamp(8px,1.9vw,10px);margin-bottom:5px;animation:slideInLeft .4s ease,fadeOutRight .5s ease 2.5s forwards;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,.3)}.mining-activity-item-self{display:flex;align-items:center;gap:6px;padding:clamp(5px,1.9vw,8px) clamp(8px,2.5vw,13px);background:rgba(26,26,37,.95);border:1px solid rgba(245,166,35,.6);border-radius:clamp(8px,1.9vw,10px);margin-bottom:5px;animation:slideInRight .4s ease,fadeOutLeft .5s ease 2.5s forwards;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(245,166,35,.2)}.act-skin-particle{display:none!important;}@keyframes actParticlePop{0%{opacity:0;transform:translateY(6px) scale(.5)}60%{opacity:1;transform:translateY(-4px) scale(1.2)}100%{opacity:.7;transform:translateY(0) scale(1)}}@keyframes actSkinPulse{0%,100%{opacity:.3}50%{opacity:.7}}.act-skin-neon{border-color:rgba(0,217,255,.5)!important}50%{box-shadow:0 4px 28px rgba(0,217,255,.6),0 0 14px rgba(0,217,255,.5)}}.act-skin-inferno{border-color:rgba(255,100,0,.5)!important}50%{box-shadow:0 4px 28px rgba(255,100,0,.65),0 0 16px rgba(255,69,0,.55)}}.act-skin-aurora{border-color:rgba(16,185,129,.5)!important}50%{box-shadow:0 4px 28px rgba(6,182,212,.6),0 0 14px rgba(16,185,129,.5)}100%{box-shadow:0 4px 18px rgba(16,185,129,.35),0 0 6px rgba(16,185,129,.35)}}.act-skin-galaxy{border-color:rgba(255,215,0,.5)!important}50%{box-shadow:0 6px 32px rgba(255,215,0,.65),0 0 18px rgba(245,166,35,.55)}}.act-skin-venom{border-color:rgba(168,85,247,.5)!important}50%{box-shadow:0 4px 28px rgba(74,222,128,.5),0 0 14px rgba(168,85,247,.55)}100%{box-shadow:0 4px 18px rgba(168,85,247,.35),0 0 6px rgba(168,85,247,.35)}}.act-skin-titan{border-color:rgba(255,215,0,.6)!important}50%{box-shadow:0 6px 36px rgba(255,69,0,.6),0 0 20px rgba(255,215,0,.7)}}

/* ── Prismatic Burst Activity Skin ── */
.act-skin-prismatic{
  background:linear-gradient(135deg,#f5f0ff 0%,#ede8ff 40%,#ffffff 100%) !important;
  border:2px solid #7c3aed !important;
  border-radius:12px !important;
  position:relative;
  overflow:visible !important;
  box-shadow:0 4px 18px rgba(124,58,237,0.25) !important;
}
.act-skin-prismatic::before{
  content:'';
  position:absolute;
  inset:-2px;
  border-radius:13px;
  background:linear-gradient(135deg,#7c3aed,#a78bfa,#ffffff,#c4b5fd,#7c3aed);
  z-index:-1;
}
.act-skin-prismatic::after{
  content:'';
  position:absolute;
  inset:-4px;
  border-radius:15px;
  background:linear-gradient(135deg,rgba(124,58,237,0.2),rgba(167,139,250,0.15),rgba(255,255,255,0.1));
  filter:blur(6px);
  z-index:-2;
}
.act-skin-prismatic .mining-activity-name{
  color:#6d28d9 !important;
  font-weight:800 !important;
}
.act-skin-prismatic .mining-activity-action{
  color:#7c3aed !important;
  font-weight:700 !important;
}
.act-skin-prismatic .mining-activity-avatar{
  background:linear-gradient(135deg,#7c3aed,#a78bfa) !important;
  border:2.5px solid #7c3aed !important;
  color:#fff !important;
  box-shadow:0 0 10px rgba(124,58,237,0.4) !important;
}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutRight{to{opacity:0;transform:translateX(30px)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutLeft{to{opacity:0;transform:translateX(-30px)}}.mining-activity-avatar{width:clamp(20px,5vw,28px);height:clamp(20px,5vw,28px);border-radius:50%;background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-dark) 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(9px, 2.25vw, 13px);color:#000;flex-shrink:0}.mining-activity-content{flex:1;min-width:0}.mining-activity-name{font-weight:600;font-size:clamp(10px, 2.5vw, 13px);color:var(--accent-gold-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mining-activity-action{font-size:clamp(9px, 2.25vw, 12px);color:var(--text-muted);display:flex;align-items:center;gap:2px}.mining-activity-icon{font-size:clamp(10px, 2.5vw, 15px);display:inline-flex;align-items:center;line-height:1}.footer{position:relative;text-align:center;padding:clamp(10px,2.5vw,18px) clamp(16px,4vw,32px);margin-top:auto;overflow:hidden;background:linear-gradient(180deg,transparent 0,rgba(10,10,15,.95) 100%)}.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--accent-gold-dark) 30%,var(--accent-gold-light) 50%,var(--accent-gold-dark) 70%,transparent 100%)}.footer::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:40px;background:radial-gradient(ellipse at center top,rgba(245,166,35,.18) 0,transparent 70%);pointer-events:none}.footer-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px}.footer-pickaxe{font-size:clamp(14px, 3vw, 18px);animation:footerSway 5s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 0 6px rgba(245, 166, 35, .5))}@keyframes footerSway{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.footer-tagline{font-family:Orbitron,monospace;font-size:clamp(8px, 1.8vw, 11px);letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);opacity:.6}.footer-credit{font-size:clamp(11px, 2.5vw, 13px);color:var(--text-muted);letter-spacing:.05em}.footer-name{font-family:Orbitron,monospace;font-size:clamp(12px, 2.8vw, 15px);font-weight:900;background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 50%,#c78510 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.12em;text-transform:uppercase;filter:drop-shadow(0 0 8px rgba(245, 166, 35, .4))}.footer-dots{display:flex;gap:6px;align-items:center}.footer-dot{width:4px;height:4px;border-radius:50%;background:var(--accent-gold-dark);opacity:.4}.footer-dot:nth-child(2){opacity:.7;width:5px;height:5px;background:var(--accent-gold)}.footer-line-deco{display:flex;align-items:center;gap:10px;width:100%;max-width:280px}.footer-line-deco span{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(245,166,35,.25))}.footer-line-deco span:last-child{background:linear-gradient(90deg,rgba(245,166,35,.25),transparent)}.game-main-container{width:100%}.user-info-header{display:flex;align-items:center;gap:clamp(10px,3vw,16px);margin-bottom:clamp(12px,3vw,20px);flex-wrap:wrap}.user-avatar{width:clamp(40px,12vw,56px);height:clamp(40px,12vw,56px);border-radius:50%;background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%);display:flex;align-items:center;justify-content:center;font-size:clamp(16px, 5vw, 24px);font-weight:700;color:#000;flex-shrink:0}.user-details{flex:1;min-width:0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(6px,2vw,12px)}@media (min-width:480px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.mining-area-content{display:flex;flex-direction:column;align-items:center;padding:clamp(12px,3vw,20px) clamp(10px,2.5vw,16px)}.pet-display-wrapper{width:100%;margin-bottom:clamp(10px,2.5vw,16px)}.food-container{display:flex;justify-content:center;gap:clamp(4px,1.5vw,8px);flex-wrap:wrap;width:100%;max-width:400px}.mine-button-container{position:relative;display:flex;justify-content:center;margin:clamp(12px,3vw,20px) 0}.sidebar-grid{display:grid;gap:clamp(16px,4vw,24px)}.progress-level-card{width:100%}.progress-bar-container{width:100%;height:clamp(10px,2.5vw,16px);background:rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b 0,#fbbf24 100%);border-radius:8px;transition:width .5s ease}.spin-wheel-card{width:100%}.chat-section-card{width:100%}.main-layout-grid{display:grid;gap:clamp(16px,4vw,24px);width:100%}@media (min-width:1024px){.main-layout-grid{grid-template-columns:1fr 380px}}.main-content-area{display:flex;flex-direction:column;gap:clamp(16px,4vw,24px)}@media (min-width:768px) and (max-width:1023px){.main-layout-grid{grid-template-columns:1fr}.sidebar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.chat-section-card{grid-column:span 2}}@media (max-width:640px){header{flex-direction:column;align-items:flex-start!important;gap:10px}header .flex.items-center{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:16px!important}}header>div:last-child{gap:32px!important}@media (max-width:640px){header>div:last-child{gap:16px!important}}.upgrade-item{display:flex;align-items:center;justify-content:space-between;padding:clamp(10px,2.5vw,14px);background:var(--bg-secondary);border-radius:clamp(8px,2vw,12px);margin-bottom:10px;border:1px solid var(--border-color);transition:all .3s ease;flex-wrap:wrap;gap:10px}.upgrade-item:hover{border-color:var(--accent-gold);background:rgba(245,166,35,.05)}.upgrade-item.owned{border-color:var(--success);background:rgba(46,213,115,.05)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.font-display.text-3xl,.text-3xl,h1{font-size:clamp(30px, 7.5vw, 50px)!important;line-height:1.2}.font-display.text-2xl,.text-2xl,h2{font-size:clamp(25px, 6.5vw, 40px)!important;line-height:1.25}.font-display.text-xl,.text-xl,h3{font-size:clamp(22px, 5.5vw, 33px)!important;line-height:1.3}.text-lg{font-size:clamp(20px, 4.5vw, 27px)!important}.text-base{font-size:clamp(17px, 3.8vw, 22px)!important}.text-sm{font-size:clamp(15px, 3.2vw, 20px)!important}.text-xs{font-size:clamp(12px, 2.5vw, 15px)!important}#auth-page h1{font-size:clamp(32px, 8vw, 52px)!important}#auth-page p{font-size:clamp(16px, 3.5vw, 20px)}header .font-display{font-size:clamp(20px, 4.5vw, 30px)!important}header .online-badge span{font-size:clamp(14px, 3vw, 18px)}#user-nickname{font-size:clamp(23px, 6vw, 38px)!important}#user-avatar{font-size:clamp(20px, 5.5vw, 32px)!important}.card h3{font-size:clamp(18px, 4vw, 26px)!important}.stat-value{font-size:clamp(18px, 4.5vw, 25px)!important}.stat-label{font-size:clamp(13px, 2.8vw, 17px)!important}.lb-booster-badge{filter:drop-shadow(0 0 3px rgba(255, 220, 50, .7))}.leaderboard-item .font-bold,.leaderboard-item .font-semibold{font-size:clamp(15px, 3.5vw, 20px)!important}.leaderboard-item .text-xs{font-size:clamp(13px, 2.8vw, 16px)!important}.modal-content h2,.modal-content h3{font-size:clamp(22px, 5.5vw, 34px)!important}.modal-content label,.modal-content p,.modal-content span{font-size:clamp(15px, 3.5vw, 20px)}.upgrade-item .font-semibold{font-size:clamp(17px, 3.8vw, 22px)!important}.upgrade-item .text-sm,.upgrade-item .text-xs{font-size:clamp(14px, 3vw, 18px)!important}.target-item span{font-size:clamp(15px, 3.5vw, 20px)}.pet-card .font-semibold{font-size:clamp(17px, 3.8vw, 22px)!important}.pet-card .text-sm,.pet-card .text-xs{font-size:clamp(14px, 3vw, 18px)!important}#toast-message{font-size:clamp(15px, 3.5vw, 20px)}.btn{font-size:clamp(14px, 3.2vw, 19px)!important}#user-level,#user-level-stat{font-size:clamp(16px, 3.8vw, 21px)}#energy-text{font-size:clamp(14px, 3.2vw, 18px)}label.block{font-size:clamp(15px, 3.2vw, 19px)!important}.spin-result-title{font-size:clamp(28px, 7.5vw, 44px)!important}.spin-result-prize{font-size:clamp(38px, 10vw, 62px)!important}.pet-timer{font-size:clamp(15px, 3.5vw, 20px)!important}@media (max-width:374px){body{font-size:15px}.text-3xl,h1{font-size:25px!important}.text-2xl,h2{font-size:22px!important}.text-xl,h3{font-size:17px!important}.text-lg{font-size:18px!important}.text-sm{font-size:14px!important}.text-xs{font-size:13px!important}.btn{font-size:13px!important}#user-nickname{font-size:20px!important}.stat-value{font-size:15px!important}.stat-label{font-size:11px!important}header .font-display{font-size:18px!important}}@media (min-width:375px) and (max-width:479px){body{font-size:16px}.text-3xl,h1{font-size:28px!important}.text-2xl,h2{font-size:24px!important}.text-xl,h3{font-size:21px!important}.text-lg{font-size:19px!important}.text-sm{font-size:15px!important}.text-xs{font-size:13px!important}.btn{font-size:14px!important}#user-nickname{font-size:23px!important}.stat-value{font-size:19px!important}header .font-display{font-size:21px!important}}@media (min-width:480px) and (max-width:767px){body{font-size:17px}.text-3xl,h1{font-size:32px!important}.text-2xl,h2{font-size:28px!important}.text-xl,h3{font-size:24px!important}.text-lg{font-size:21px!important}.text-sm{font-size:17px!important}.btn{font-size:15px!important}#user-nickname{font-size:27px!important}header .font-display{font-size:23px!important}}@media (min-width:768px) and (max-width:1023px){body{font-size:18px}.text-3xl,h1{font-size:40px!important}.text-2xl,h2{font-size:33px!important}.text-xl,h3{font-size:27px!important}.text-lg{font-size:23px!important}.btn{font-size:17px!important}#user-nickname{font-size:32px!important}header .font-display{font-size:28px!important}}@media (min-width:1024px){body{font-size:20px}.text-3xl,h1{font-size:50px!important}.text-2xl,h2{font-size:40px!important}.text-xl,h3{font-size:33px!important}.text-lg{font-size:27px!important}.text-sm{font-size:20px!important}.btn{font-size:19px!important}#user-nickname{font-size:38px!important}header .font-display{font-size:30px!important}}.booster-section{margin-top:10px;background:linear-gradient(145deg,#0d1628 0,#0a1020 60%,#0d1628 100%);border:1px solid rgba(0,217,255,.18);border-radius:13px;padding:9px 10px 8px;position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 6px 20px rgba(0,0,0,.45),0 0 40px rgba(0,217,255,.025)}.booster-section::before{content:'';position:absolute;top:0;left:0;width:26px;height:26px;border-top:1.5px solid rgba(0,217,255,.4);border-left:1.5px solid rgba(0,217,255,.4);border-radius:13px 0 0 0;pointer-events:none}.booster-section::after{content:'';position:absolute;bottom:0;right:0;width:26px;height:26px;border-bottom:1.5px solid rgba(0,217,255,.12);border-right:1.5px solid rgba(0,217,255,.12);border-radius:0 0 13px 0;pointer-events:none}.booster-title{font-family:Orbitron,monospace;font-size:8px;font-weight:700;color:#00d9ff;text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:5px}.booster-title-dot{width:5px;height:5px;background:#00d9ff;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px #00d9ff,0 0 12px rgba(0,217,255,.4);animation:boosterDotPulse 2s ease-in-out infinite}@keyframes boosterDotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.65)}}.booster-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.booster-reset-badge{display:inline-flex;align-items:center;gap:4px;background:rgba(245,166,35,.1);border:1px solid rgba(245,166,35,.25);border-radius:20px;padding:2px 7px;font-family:Orbitron,monospace;font-size:7.5px;font-weight:600;color:var(--accent-gold);letter-spacing:.2px;cursor:default;flex-shrink:0}.booster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:7px}.booster-btn{background:#0f1825;border:1px solid rgba(255,255,255,.06);border-radius:9px;padding:6px 4px 5px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;overflow:hidden;min-width:0;-webkit-tap-highlight-color:transparent}.booster-btn:not(:disabled):hover{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04);transform:translateY(-1px)}.booster-btn:disabled{opacity:.5;cursor:not-allowed}.booster-btn.already-bought{border-color:rgba(34,212,126,.2);background:linear-gradient(145deg,rgba(34,212,126,.05),#0f1825);opacity:1}.booster-btn.active-boost{border-color:rgba(34,212,126,.5);background:linear-gradient(145deg,rgba(34,212,126,.12),rgba(34,212,126,.04));box-shadow:0 0 14px rgba(34,212,126,.12),inset 0 1px 0 rgba(34,212,126,.15)}.booster-btn.active-boost::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#22d47e,transparent);border-radius:9px 9px 0 0}.booster-icon{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);flex-shrink:0}.booster-btn:first-child .booster-icon{background:rgba(100,150,255,.1);border-color:rgba(100,150,255,.2)}.booster-btn:nth-child(2) .booster-icon{background:rgba(34,212,126,.1);border-color:rgba(34,212,126,.25)}.booster-btn:nth-child(3) .booster-icon{background:rgba(245,166,35,.09);border-color:rgba(245,166,35,.2)}.booster-btn:nth-child(4) .booster-icon{background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.2)}.booster-btn.active-boost .booster-icon{box-shadow:0 0 10px rgba(34,212,126,.2)}.booster-icon svg{width:15px;height:15px}.booster-name{font-family:Orbitron,monospace;font-size:7px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;letter-spacing:.2px}.booster-mult{font-size:9px;color:#00d9ff;font-weight:700;white-space:nowrap;line-height:1}.booster-price{font-size:7px;color:var(--accent-gold);white-space:nowrap;background:rgba(245,166,35,.08);border:1px solid rgba(245,166,35,.18);border-radius:6px;padding:1px 5px;line-height:1.4}.booster-btn.already-bought .booster-price{color:#22d47e;background:rgba(34,212,126,.1);border-color:rgba(34,212,126,.22)}.booster-btn.active-boost .booster-price{color:#0a1a0f;background:#22d47e;border-color:#22d47e;font-weight:700;box-shadow:0 1px 6px rgba(34,212,126,.4);animation:activePricePulse 2s ease-in-out infinite}@keyframes activePricePulse{0%,100%{box-shadow:0 1px 6px rgba(34,212,126,.35)}50%{box-shadow:0 1px 10px rgba(34,212,126,.6)}}.booster-countdown{font-family:Orbitron,monospace;font-size:6.5px;color:var(--accent-gold);white-space:nowrap;opacity:.8;line-height:1}.boost-active-bar{background:linear-gradient(135deg,rgba(34,212,126,.08) 0,rgba(0,217,255,.04) 100%);border:1px solid rgba(34,212,126,.25);border-radius:8px;padding:6px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;margin-top:0;position:relative;overflow:hidden}.boost-active-bar::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,212,126,.04),transparent 60%);pointer-events:none}.boost-active-bar.cooldown-mode{background:linear-gradient(135deg,rgba(245,166,35,.07) 0,rgba(245,166,35,.02) 100%);border-color:rgba(245,166,35,.2)}.boost-active-bar.cooldown-mode::before{background:linear-gradient(90deg,rgba(245,166,35,.04),transparent 60%)}.boost-label{color:#22d47e;font-weight:600;font-size:10px;display:flex;align-items:center;gap:5px;position:relative}.boost-active-bar.cooldown-mode .boost-label{color:var(--accent-gold);opacity:.85}.boost-timer{font-family:Orbitron,monospace;font-size:13px;font-weight:900;color:#00d9ff;letter-spacing:1px;text-shadow:0 0 12px rgba(0,217,255,.4);flex-shrink:0;position:relative}.boost-active-bar.cooldown-mode .boost-timer{color:var(--accent-gold);text-shadow:0 0 10px rgba(245,166,35,.35);font-size:12px}.shop-item-section{margin-top:20px;background:0 0;border:1px solid rgba(245,166,35,.18)!important;border-radius:16px;padding:16px;max-width:420px;width:100%}@media (max-width:1023px){.shop-item-section{max-width:100%}}.shop-item-section h3{font-family:Orbitron,monospace;font-size:clamp(11px, 2.5vw, 14px);font-weight:900;color:var(--accent-gold-light);margin-bottom:2px;letter-spacing:.08em;text-transform:uppercase;text-shadow:none}.shop-item-section .shop-subtitle{font-size:clamp(9px, 1.8vw, 11px);color:var(--text-muted);margin-bottom:14px;letter-spacing:.02em}.shop-items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (min-width:1024px){.shop-items-grid{grid-template-columns:repeat(3,1fr);gap:7px}.shop-item-card{min-height:100px}}@media (max-width:479px){.shop-items-grid{grid-template-columns:repeat(2,1fr);gap:6px}}.shop-item-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:5px;background:rgba(255,255,255,.025);border:1px solid rgba(245,166,35,.14);border-radius:12px;padding:12px 8px 10px;position:relative;transition:all .22s ease;text-align:center;min-height:110px}.shop-item-card:hover:not(.expired){border-color:rgba(245,166,35,.5);background:rgba(245,166,35,.06);transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,166,35,.1)}.shop-item-card.expired{opacity:.3;filter:grayscale(.85);pointer-events:none}.shop-item-card.sold{border-color:rgba(245,166,35,.22);background:rgba(245,166,35,.04)}.shop-item-emoji{font-size:clamp(22px, 5vw, 28px);line-height:1;display:block}.shop-item-info{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px}.shop-item-name{font-weight:700;font-size:clamp(9px, 2vw, 11px);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;letter-spacing:.01em}.shop-item-price{font-family:Orbitron,monospace;font-size:clamp(8px, 1.8vw, 10px);color:var(--accent-gold);font-weight:700;letter-spacing:.03em}.shop-item-countdown{font-size:clamp(7px, 1.5vw, 9px);color:rgba(200,180,140,.55);font-variant-numeric:tabular-nums;letter-spacing:.02em}.shop-item-countdown.urgent{color:var(--danger)}.shop-item-buyer{font-size:clamp(7px, 1.5vw, 9px);color:var(--accent-gold-light);font-weight:600;opacity:.8}.shop-expired-label{font-size:clamp(7px, 1.5vw, 9px);color:var(--text-muted);font-weight:500;opacity:.6}.shop-item-buy-btn{width:100%;background:linear-gradient(135deg,var(--accent-gold) 0,var(--accent-gold-dark) 100%);color:#000;border:none;border-radius:7px;padding:5px 0;font-size:clamp(8px, 1.8vw, 10px);font-weight:800;cursor:pointer;transition:all .2s;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 2px 8px rgba(245,166,35,.2)}.shop-item-buy-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px rgba(245,166,35,.4);background:linear-gradient(135deg,var(--accent-gold-light) 0,var(--accent-gold) 100%)}.shop-item-buy-btn:disabled{opacity:.28;cursor:not-allowed;transform:none;background:rgba(255,255,255,.05);color:var(--text-muted);border:1px solid rgba(255,255,255,.07);box-shadow:none}.join-banner{position:fixed;top:clamp(16px,4vw,28px);left:50%;transform:translateX(-50%) translateY(-120px);background:linear-gradient(135deg,rgba(26,26,37,.97) 0,rgba(18,18,26,.97) 100%);border:1.5px solid #a855f7;border-radius:clamp(12px,3vw,18px);padding:clamp(14px,3vw,20px) clamp(20px,5vw,36px);display:flex;align-items:center;gap:clamp(10px,2.5vw,16px);z-index:9999;box-shadow:0 8px 40px rgba(168,85,247,.45),0 2px 16px rgba(0,0,0,.6);opacity:0;transition:transform .4s cubic-bezier(.34, 1.56, .64, 1),opacity .3s ease;pointer-events:none;max-width:calc(100vw - 32px);white-space:nowrap}.join-banner.show{transform:translateX(-50%) translateY(0);opacity:1}.join-banner-avatar{width:clamp(32px,8vw,42px);height:clamp(32px,8vw,42px);border-radius:50%;background:linear-gradient(135deg,#a855f7 0,#7c3aed 100%);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:clamp(13px, 3.5vw, 18px);color:#fff;flex-shrink:0;box-shadow:0 0 12px rgba(168,85,247,.6)}.join-banner-text{display:flex;flex-direction:column;gap:1px}.join-banner-name{font-weight:700;font-size:clamp(13px, 3.2vw, 16px);color:#e9d5ff}.join-banner-sub{font-size:clamp(10px, 2.5vw, 12px);color:#a855f7;font-weight:600;letter-spacing:.04em}.join-banner-icon{font-size:clamp(20px, 5vw, 28px);flex-shrink:0}.join-skin-default-gray{background:linear-gradient(135deg,rgba(25,25,35,.97) 0,rgba(18,18,26,.97) 100%)!important;border-color:#6b7280!important;box-shadow:0 8px 32px rgba(107,114,128,.25),0 2px 12px rgba(0,0,0,.5)!important}.join-skin-default-gray .join-banner-avatar{background:linear-gradient(135deg,#374151 0,#4b5563 100%)!important;box-shadow:0 0 10px rgba(107,114,128,.4)!important}.join-skin-default-gray .join-banner-name{color:#d1d5db!important}.join-skin-default-gray .join-banner-sub{color:#9ca3af!important}#welcome-banner.join-skin-default-gray{border-color:#6b7280!important;box-shadow:0 8px 32px rgba(107,114,128,.25),0 2px 12px rgba(0,0,0,.5)!important;background:linear-gradient(135deg,rgba(25,25,35,.97) 0,rgba(18,18,26,.97) 100%)!important}#welcome-banner.join-skin-default-gray .wb-avatar{background:linear-gradient(135deg,#374151,#4b5563)!important;color:#d1d5db!important;box-shadow:0 0 10px rgba(107,114,128,.4)!important}#welcome-banner.join-skin-default-gray .wb-name{color:#d1d5db!important}#welcome-banner.join-skin-default-gray .wb-sub{color:#9ca3af!important}.join-skin-blaze{background:linear-gradient(135deg,rgba(30,5,0,.97) 0,rgba(20,5,0,.97) 100%)!important;border-color:#ff4500!important;box-shadow:0 8px 32px rgba(255,69,0,.45),0 2px 12px rgba(0,0,0,.5)!important}.join-skin-blaze .join-banner-avatar{background:linear-gradient(135deg,#ff4500 0,#ff6a00 100%)!important;box-shadow:0 0 14px rgba(255,69,0,.7)!important}.join-skin-blaze .join-banner-name{color:#ffb380!important}.join-skin-blaze .join-banner-sub{color:#ff6a00!important}.join-skin-blaze .join-banner-icon{filter:drop-shadow(0 0 6px rgba(255,69,0,.8))}.join-skin-aurora{background:linear-gradient(135deg,rgba(0,15,12,.97) 0,rgba(0,10,20,.97) 100%)!important;border-color:#10b981!important;box-shadow:0 8px 32px rgba(16,185,129,.4),0 2px 12px rgba(0,0,0,.5)!important}.join-skin-aurora .join-banner-avatar{background:linear-gradient(135deg,#10b981 0,#06b6d4 100%)!important;box-shadow:0 0 14px rgba(16,185,129,.7)!important}.join-skin-aurora .join-banner-name{color:#6ee7b7!important}.join-skin-aurora .join-banner-sub{color:#34d399!important}.join-skin-aurora .join-banner-icon{filter:drop-shadow(0 0 6px rgba(16,185,129,.8))}.join-skin-galaxy{background:linear-gradient(135deg,rgba(3,3,3,.98) 0,rgba(8,6,0,.98) 100%)!important;border-color:gold!important;box-shadow:0 8px 32px rgba(255,215,0,.45),0 2px 12px rgba(0,0,0,.5)!important}.join-skin-galaxy .join-banner-avatar{background:linear-gradient(135deg,#f5a623 0,gold 100%)!important;box-shadow:0 0 14px rgba(255,215,0,.7)!important;color:#000!important}.join-skin-galaxy .join-banner-name{color:gold!important}.join-skin-galaxy .join-banner-sub{color:#f5c842!important}.join-skin-galaxy .join-banner-icon{filter:drop-shadow(0 0 6px rgba(255,215,0,.8))}
.join-skin-risa{background:linear-gradient(160deg,#0d0015 0%,#1a003a 35%,#3b0070 60%,#f0eaff 100%)!important;border-color:#ffd700!important;box-shadow:0 8px 32px rgba(255,215,0,.45),0 2px 12px rgba(0,0,0,.7)!important}
.join-skin-risa .join-banner-avatar{background:linear-gradient(135deg,#4c0070 0%,#9333ea 50%,#e9d5ff 100%)!important;box-shadow:0 0 16px rgba(255,215,0,.6)!important;color:#ffd700!important}
.join-skin-risa .join-banner-name{color:#ffd700!important;text-shadow:0 0 10px rgba(255,215,0,.6)!important}
.join-skin-risa .join-banner-sub{color:#fff8dc!important;text-shadow:0 0 6px rgba(255,248,220,.5)!important}
.join-skin-risa .join-banner-icon{filter:drop-shadow(0 0 6px rgba(255,215,0,.8))}
.join-skin-risa .risa-hearts{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;padding:0 14px;font-size:16px;opacity:.15;pointer-events:none;z-index:0;overflow:hidden}
.join-skin-risa .join-banner-avatar,.join-skin-risa .join-banner-text,.join-skin-risa .join-banner-icon{position:relative;z-index:1}
#welcome-banner.join-skin-risa{border-color:#ffd700!important;box-shadow:0 8px 32px rgba(255,215,0,.45),0 2px 12px rgba(0,0,0,.7)!important;background:linear-gradient(160deg,#0d0015 0%,#1a003a 35%,#3b0070 60%,#f0eaff 100%)!important}
#welcome-banner.join-skin-risa .wb-avatar{background:linear-gradient(135deg,#4c0070,#9333ea,#e9d5ff)!important;color:#ffd700!important;box-shadow:0 0 16px rgba(255,215,0,.6)!important}
#welcome-banner.join-skin-risa .wb-name{color:#ffd700!important;text-shadow:0 0 10px rgba(255,215,0,.6)!important}
#welcome-banner.join-skin-risa .wb-sub{color:#fff8dc!important;text-shadow:0 0 6px rgba(255,248,220,.5)!important}
#welcome-banner.join-skin-risa .risa-hearts{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;padding:0 14px;font-size:16px;opacity:.15;pointer-events:none;z-index:0;overflow:hidden}
#welcome-banner.join-skin-risa .wb-avatar,#welcome-banner.join-skin-risa .wb-text,#welcome-banner.join-skin-risa .wb-icon{position:relative;z-index:1}
/* ── Join Skin: Azure Gold ── */
.join-skin-azure-gold{background:linear-gradient(135deg,#020c1e 0%,#041535 35%,#0a2860 60%,#c8960a 100%)!important;border-color:#ffffff!important;box-shadow:0 8px 32px rgba(200,150,10,.45),0 2px 12px rgba(0,0,0,.7)!important}
.join-skin-azure-gold .join-banner-avatar{background:linear-gradient(135deg,#0a2860 0%,#1a4fa8 50%,#c8960a 100%)!important;box-shadow:0 0 16px rgba(255,255,255,.5)!important;color:#ffe066!important}
.join-skin-azure-gold .join-banner-name{color:#ffe066!important}
.join-skin-azure-gold .join-banner-sub{color:#ffd700!important}
.join-skin-azure-gold .join-banner-icon{filter:drop-shadow(0 0 6px rgba(255,215,0,.8))}
#welcome-banner.join-skin-azure-gold{border-color:#ffffff!important;box-shadow:0 8px 32px rgba(200,150,10,.45),0 2px 12px rgba(0,0,0,.7)!important;background:linear-gradient(135deg,#020c1e 0%,#041535 35%,#0a2860 60%,#c8960a 100%)!important}
#welcome-banner.join-skin-azure-gold .wb-avatar{background:linear-gradient(135deg,#0a2860,#1a4fa8,#c8960a)!important;color:#ffe066!important;box-shadow:0 0 16px rgba(255,255,255,.5)!important}
#welcome-banner.join-skin-azure-gold .wb-name{color:#ffe066!important}
#welcome-banner.join-skin-azure-gold .wb-sub{color:#ffd700!important}

#welcome-banner{position:fixed;top:clamp(16px,4vw,28px);left:50%;right:auto;transform:translateX(-50%) translateY(-120px);background:linear-gradient(135deg,rgba(26,26,37,.97) 0,rgba(18,18,26,.97) 100%);border:1.5px solid #f5a623;border-radius:clamp(12px,3vw,18px);padding:clamp(14px,3vw,20px) clamp(20px,5vw,36px);display:flex;align-items:center;gap:clamp(10px,2.5vw,16px);z-index:9998;box-shadow:0 8px 40px rgba(245,166,35,.4),0 2px 16px rgba(0,0,0,.6);opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;pointer-events:none;max-width:calc(100vw - 32px);white-space:nowrap}#welcome-banner.show{transform:translateX(-50%) translateY(0);opacity:1}#welcome-banner .wb-avatar{width:clamp(32px,8vw,42px);height:clamp(32px,8vw,42px);border-radius:50%;background:linear-gradient(135deg,#f5a623 0,#c78510 100%);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:clamp(13px,3.5vw,18px);color:#000;flex-shrink:0;box-shadow:0 0 12px rgba(245,166,35,.6)}#welcome-banner .wb-text{display:flex;flex-direction:column;gap:1px}#welcome-banner .wb-name{font-weight:700;font-size:clamp(13px,3.2vw,16px);color:#fde68a}#welcome-banner .wb-sub{font-size:clamp(10px,2.5vw,12px);color:#f5a623;font-weight:600;letter-spacing:.04em}#welcome-banner .wb-icon{font-size:clamp(20px,5vw,28px);flex-shrink:0}#welcome-banner.join-skin-blaze{border-color:#ff4500!important;box-shadow:0 8px 32px rgba(255,69,0,.45),0 2px 12px rgba(0,0,0,.5)!important;background:linear-gradient(135deg,rgba(30,5,0,.97) 0,rgba(20,5,0,.97) 100%)!important}#welcome-banner.join-skin-blaze .wb-avatar{background:linear-gradient(135deg,#ff4500,#ff6a00)!important;color:#fff!important;box-shadow:0 0 14px rgba(255,69,0,.7)!important}#welcome-banner.join-skin-blaze .wb-name{color:#ffb380!important}#welcome-banner.join-skin-blaze .wb-sub{color:#ff6a00!important}#welcome-banner.join-skin-aurora{border-color:#10b981!important;box-shadow:0 8px 32px rgba(16,185,129,.4),0 2px 12px rgba(0,0,0,.5)!important;background:linear-gradient(135deg,rgba(0,15,12,.97) 0,rgba(0,10,20,.97) 100%)!important}#welcome-banner.join-skin-aurora .wb-avatar{background:linear-gradient(135deg,#10b981,#06b6d4)!important;color:#fff!important;box-shadow:0 0 14px rgba(16,185,129,.7)!important}#welcome-banner.join-skin-aurora .wb-name{color:#6ee7b7!important}#welcome-banner.join-skin-aurora .wb-sub{color:#34d399!important}#welcome-banner.join-skin-galaxy{border-color:gold!important;box-shadow:0 8px 32px rgba(255,215,0,.45),0 2px 12px rgba(0,0,0,.5)!important;background:linear-gradient(135deg,rgba(3,3,3,.98) 0,rgba(8,6,0,.98) 100%)!important}#welcome-banner.join-skin-galaxy .wb-avatar{background:linear-gradient(135deg,#f5a623,gold)!important;color:#000!important;box-shadow:0 0 14px rgba(255,215,0,.7)!important}#welcome-banner.join-skin-galaxy .wb-name{color:gold!important}#welcome-banner.join-skin-galaxy .wb-sub{color:#f5c842!important}@keyframes shimmer-logo{0%{background-position:0 center}100%{background-position:200% center}}@keyframes loadBar{0%{width:0%;margin-left:0}50%{width:80%;margin-left:0}100%{width:10%;margin-left:90%}}#load-bar{will-change:width,margin-left}.btn-battle{background:linear-gradient(135deg,#ff4757 0,#c0392b 100%);color:#fff;font-weight:700;letter-spacing:.04em}.btn-battle:hover{box-shadow:0 8px 25px rgba(255,71,87,.5);transform:translateY(-1px)}#battle-banner{display:none;position:fixed;top:0;left:0;right:0;z-index:8000;background:linear-gradient(135deg,#1a0010 0,#2d0022 40%,#1a0010 100%);border-bottom:2px solid #ff4757;padding:6px 10px;animation:battleBannerSlide .4s ease}#battle-puzzle-banner{display:none;position:fixed;top:0;left:0;right:0;z-index:8001;background:linear-gradient(135deg,#001020 0,#0a1a35 40%,#001020 100%);border-bottom:2px solid #60a5fa;padding:6px 10px;animation:battleBannerSlide .4s ease;box-shadow:0 2px 16px rgba(96,165,250,0.2)}#battle-puzzle-banner.active{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap}#battle-puzzle-banner .battle-timer-value{color:#60a5fa}#battle-puzzle-banner.winner{background:linear-gradient(135deg,#001520 0,#003545 40%,#001520 100%);border-bottom-color:#7dd3fc;animation:winnerPulse 1s ease-in-out 3}#battle-banner.active{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap}@keyframes battleBannerSlide{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.battle-vs-text{font-family:Orbitron,monospace;font-size:9px;font-weight:900;color:#ff4757;letter-spacing:.08em;padding:0 2px;flex-shrink:0}.battle-player-block{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0;flex:1;max-width:110px}.battle-player-name{font-family:Orbitron,monospace;font-size:clamp(7px, 2vw, 10px);font-weight:700;color:#f0f0f0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.battle-player-coins{font-size:clamp(9px, 2.5vw, 12px);font-weight:900;color:gold;font-family:Orbitron,monospace;white-space:nowrap}.battle-player-coins.me{color:#4ade80}.battle-player-coins.opponent{color:#f87171}.battle-timer-block{display:flex;flex-direction:column;align-items:center;gap:1px;flex-shrink:0}.battle-timer-label{font-size:clamp(7px, 1.8vw, 9px);color:#9ca3af;letter-spacing:.06em;text-transform:uppercase}.battle-timer-value{font-family:Orbitron,monospace;font-size:clamp(14px, 4vw, 20px);font-weight:900;color:#ff4757;letter-spacing:.04em;line-height:1;min-width:44px;text-align:center}.battle-timer-value.urgent{animation:urgentPulse .5s ease-in-out infinite;color:#f23}@keyframes urgentPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}#battle-banner.winner{background:linear-gradient(135deg,#0a2a0a 0,#0f3d0f 40%,#0a2a0a 100%);border-bottom-color:#4ade80;animation:winnerPulse 1s ease-in-out 3}@keyframes winnerPulse{0%,100%{box-shadow:none}50%{box-shadow:0 4px 30px rgba(74,222,128,.4)}}.battle-winner-text{font-family:Orbitron,monospace;font-size:clamp(11px, 3.5vw, 16px);font-weight:900;color:#4ade80;letter-spacing:.06em;text-align:center;text-shadow:0 0 20px rgba(74,222,128,.6);animation:winnerGlow 1s ease-in-out infinite}@keyframes winnerGlow{0%,100%{text-shadow:0 0 10px rgba(74,222,128,.5)}50%{text-shadow:0 0 30px rgba(74,222,128,.9)}}.battle-request-notif{position:fixed;bottom:80px;right:20px;z-index:9500;background:linear-gradient(135deg,#1a0010,#2d0022);border:2px solid #ff4757;border-radius:16px;padding:16px 20px;min-width:280px;max-width:320px;box-shadow:0 8px 32px rgba(255,71,87,.4);animation:battleRequestSlide .4s cubic-bezier(.34,1.56,.64,1)}@keyframes battleRequestSlide{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}.battle-request-title{font-family:Orbitron,monospace;font-size:13px;font-weight:900;color:#ff4757;margin-bottom:6px;display:flex;align-items:center;gap:6px}.battle-request-msg{font-size:13px;color:#e0e0e0;margin-bottom:12px;line-height:1.4}.battle-request-btns{display:flex;gap:8px}.battle-request-btns button{flex:1;padding:8px 12px;border-radius:8px;border:none;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.btn-accept-battle{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-accept-battle:hover{box-shadow:0 4px 15px rgba(34,197,94,.5)}.btn-decline-battle{background:rgba(255,255,255,.08);color:#9ca3af;border:1px solid rgba(255,255,255,.15)!important}.btn-decline-battle:hover{background:rgba(255,255,255,.15);color:#f0f0f0}#battle-modal .modal-content{max-width:440px}.battle-modal-title{font-family:Orbitron,monospace;font-weight:900;font-size:1.1rem;background:linear-gradient(135deg,#ff4757,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.battle-target-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;gap:10px;transition:background .2s,border-color .2s}.battle-target-item:hover{background:rgba(255,71,87,.08);border-color:rgba(255,71,87,.3)}.btn-challenge{background:linear-gradient(135deg,#ff4757,#c0392b);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-challenge:hover{box-shadow:0 4px 15px rgba(255,71,87,.4)}.btn-challenge:disabled{opacity:.4;cursor:not-allowed}body.battle-active .p-4.md\:p-6.flex-1{padding-top:calc(16px + 60px)!important}@keyframes diamondRing{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.8);opacity:0}}#total-diamonds{transition:text-shadow .2s}.stat-card:has(#total-diamonds):hover #total-diamonds{text-shadow:0 0 14px rgba(125,211,252,.7)}#puzzle-minigame-section{background:linear-gradient(145deg,rgba(30,20,60,.6) 0%,rgba(20,15,40,.95) 50%,rgba(15,10,30,.98) 100%);border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:14px 14px 16px;margin-bottom:16px;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.4),0 0 0 1px rgba(99,102,241,.08),inset 0 1px 0 rgba(255,255,255,.04)}#puzzle-minigame-section.puzzle-win-glow{animation:puzzleBorderGlow .6s ease 3}@keyframes puzzleBorderGlow{0%{box-shadow:0 4px 24px rgba(0,0,0,.4)}50%{box-shadow:0 0 30px rgba(139,92,246,.7),0 0 60px rgba(99,102,241,.3)}100%{box-shadow:0 4px 24px rgba(0,0,0,.4)}}.puzzle-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.puzzle-title{font-family:Orbitron,monospace;font-size:13px;font-weight:700;color:#a78bfa;letter-spacing:1px;display:flex;align-items:center;gap:6px;text-shadow:0 0 12px rgba(167,139,250,.3)}.puzzle-title-badge{background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.4);border-radius:6px;padding:2px 7px;font-size:10px;color:#c4b5fd}.puzzle-energy-display{font-size:11px;color:#a0a0b0;display:flex;align-items:center;gap:4px}.puzzle-energy-val{color:#c4b5fd;font-weight:700}.puzzle-status-bar{display:flex;justify-content:space-between;align-items:center;background:rgba(99,102,241,.05);border:1px solid rgba(139,92,246,.12);border-radius:8px;padding:5px 10px;margin-bottom:10px;font-size:11px;color:#808090}.puzzle-timer{color:#a78bfa;font-weight:600;font-variant-numeric:tabular-nums}.puzzle-move-count{color:#a0a0b0}.puzzle-cooldown-text{color:#f87171;font-weight:600}.puzzle-grid-wrapper{position:relative;display:inline-block;margin:0 auto 12px;border-radius:16px;padding:4px;background:rgba(10,6,22,.95);border:1px solid rgba(139,92,246,.28);box-shadow:0 4px 24px rgba(0,0,0,.5),0 0 32px rgba(139,92,246,.08)}.puzzle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;border-radius:12px;overflow:hidden;background:#000000;padding:0;width:306px;height:306px}.puzzle-tile{width:102px;height:102px;border-radius:0;cursor:pointer;border:none;background-size:306px 306px;transition:transform .15s cubic-bezier(.25,.46,.45,.94),opacity .12s ease;user-select:none;position:relative;overflow:hidden}.puzzle-tile:hover{filter:brightness(1.1)}.puzzle-tile:active{opacity:.75}.puzzle-tile.moving{transition:transform .15s cubic-bezier(.25,.46,.45,.94)}.puzzle-tile.empty{background:#000000!important;border:none!important;cursor:default}.puzzle-tile.empty:hover{filter:none}.puzzle-tile.correct{filter:brightness(1.05);box-shadow:inset 0 0 0 2px rgba(74,222,128,.7);}.puzzle-preview-overlay{position:absolute;inset:0;border-radius:8px;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.puzzle-preview-overlay.show{opacity:1;pointer-events:all}.puzzle-preview-overlay img{width:100%;height:100%;object-fit:cover;border-radius:8px;pointer-events:none;-webkit-user-drag:none}.puzzle-win-overlay{position:absolute;inset:0;background:linear-gradient(145deg,rgba(10,5,25,.9),rgba(5,3,15,.95));backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:14px;z-index:20;opacity:0;pointer-events:none;transition:opacity .4s ease;border:1px solid rgba(139,92,246,.2)}.puzzle-win-overlay.show{opacity:1;pointer-events:auto}.puzzle-win-emoji{font-size:40px;animation:puzzleWinBounce .5s ease infinite alternate}@keyframes puzzleWinBounce{from{transform:translateY(0)}to{transform:translateY(-8px)}}.puzzle-win-text{font-family:Orbitron,monospace;background:linear-gradient(135deg,#a78bfa,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:15px;font-weight:700;margin-top:8px;letter-spacing:.04em}.puzzle-win-sub{color:#4ade80;font-size:12px;margin-top:4px}.puzzle-win-time{color:#808090;font-size:11px;margin-top:3px}.puzzle-loading{width:306px;height:306px;background:rgba(10,6,22,.95);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a78bfa;font-size:13px;gap:10px}.puzzle-spinner{width:32px;height:32px;border:3px solid rgba(139,92,246,.15);border-top-color:#a78bfa;border-right-color:rgba(167,139,250,.4);border-radius:50%;animation:puzzleSpin .7s linear infinite;box-shadow:0 0 12px rgba(139,92,246,.2)}@keyframes puzzleSpin{to{transform:rotate(360deg)}}.puzzle-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.puzzle-btn{font-family:Orbitron,monospace;font-size:11px;font-weight:700;letter-spacing:.5px;padding:7px 14px;border-radius:8px;border:1.5px solid;cursor:pointer;transition:all .2s ease;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.puzzle-btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:rgba(139,92,246,.6);color:#fff;box-shadow:0 4px 14px rgba(124,58,237,.35)}.puzzle-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-1px);box-shadow:0 6px 20px rgba(139,92,246,.5)}.puzzle-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.puzzle-btn-secondary{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3);color:#a78bfa}.puzzle-btn-secondary:hover:not(:disabled){background:rgba(139,92,246,.2);box-shadow:0 4px 12px rgba(139,92,246,.2)}.puzzle-btn-secondary:disabled{opacity:.35;cursor:not-allowed}.puzzle-hint{font-size:10px;color:#505060;margin-top:6px}.puzzle-hint b{color:#808090}#leaderboard{display:flex;flex-direction:column;gap:6px}#leaderboard .leaderboard-item{margin-bottom:0!important;box-shadow:none!important}#leaderboard .leaderboard-item .font-bold,#leaderboard .leaderboard-item .font-semibold{color:#e8d8a0}#leaderboard .leaderboard-item.top-1 .font-bold,#leaderboard .leaderboard-item.top-1 .font-semibold{color:gold}#leaderboard .leaderboard-item.border-amber-500{border-color:rgba(245,166,35,.6)!important;background:linear-gradient(135deg,#1a1406 0,#0f0e04 100%)!important;box-shadow:0 0 16px rgba(245,166,35,.15),inset 0 0 0 1px rgba(245,166,35,.1)!important}.lb-puzzle-badge{font-size:8px!important;color:rgba(180,160,80,.7);margin-top:2px;white-space:nowrap;line-height:1.3;opacity:.9}@media (max-width:768px){.chat-sidebar,.chat-sidebar-overlay,.freeze-overlay,.lb-sidebar,.modal-content,.modal-overlay,.shop-dropdown-menu,[style*=backdrop-filter]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.btn,.card,.card-glow,.stat-card{box-shadow:0 2px 8px rgba(0,0,0,.3)!important}.debris-particle,.dust-cloud,.sparkle{display:none!important}.mine-shake{animation-duration:.2s!important}#particles-canvas{opacity:.4}@keyframes shimmer-logo{from{background-position:0}to{background-position:0}}.online-badge,.online-dot{box-shadow:none!important}*{will-change:auto!important}.bg-overlay{background:rgba(10,10,15,.6)!important;backdrop-filter:none!important}}@media (min-width:1024px){body{font-size:15px}#game-page>.p-4{padding:20px 28px!important}#game-page header{flex-wrap:nowrap!important;gap:12px!important;margin-bottom:20px!important;align-items:center!important;padding:0 0 16px!important;border-bottom:1px solid rgba(245,166,35,.1)}#game-page header>.flex.items-center.gap-1{flex-shrink:0;gap:8px!important}#game-page header span[style*="font-size:22px"]{font-size:18px!important}#game-page header>div:last-child{display:flex;flex-wrap:nowrap!important;gap:6px!important;align-items:center;overflow-x:auto}#game-page header .btn{height:32px!important;padding:0 10px!important;font-size:12px!important;gap:4px!important;white-space:nowrap}#game-page header .btn svg{width:13px!important;height:13px!important}.max-w-6xl{max-width:1400px!important}.max-w-6xl.grid.lg\:grid-cols-3{grid-template-columns:1fr 380px!important;gap:20px!important;align-items:start!important}.max-w-6xl.grid.lg\:grid-cols-3>div.lg\:col-span-1{position:sticky;top:16px;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(245,166,35,0.3) transparent}.max-w-6xl.grid.lg\:grid-cols-3>div.lg\:col-span-1::-webkit-scrollbar{width:4px}.max-w-6xl.grid.lg\:grid-cols-3>div.lg\:col-span-1::-webkit-scrollbar-thumb{background:rgba(245,166,35,.25);border-radius:2px}.max-w-6xl.grid.lg\:grid-cols-3>div.lg\:col-span-2{display:flex;flex-direction:column;gap:16px!important}.card{padding:20px 24px!important;border-radius:16px!important}.grid.grid-cols-2.md\:grid-cols-5{grid-template-columns:repeat(6,1fr)!important;gap:10px!important}.stat-card{padding:12px 8px!important;border-radius:12px!important}.stat-value{font-size:13px!important}.stat-label{font-size:9px!important;margin-top:5px!important}.mining-area-container{padding:24px!important}.mine-btn{width:180px!important;height:180px!important}.mine-icon{font-size:56px!important}.mining-area-container .max-w-md{max-width:440px!important}.puzzle-grid{width:318px!important;height:318px!important}.puzzle-tile{width:106px!important;height:106px!important;background-size:318px 318px!important}.puzzle-loading{width:318px!important;height:318px!important}#spin-wheel-canvas{width:240px!important;height:240px!important}.lb-sidebar{width:min(520px,90vw)!important}.chat-sidebar{width:min(420px,90vw)!important}.auth-brand-panel{padding:48px 64px!important;flex:1.3!important}.auth-form-panel{width:min(460px,100%)!important;padding:40px 48px!important}.auth-wordmark-coin,.auth-wordmark-miner{font-size:36px!important}.auth-brand-content{gap:32px!important;max-width:480px!important}.auth-tagline{font-size:16px!important}.modal-content{max-width:600px!important;border-radius:20px!important;padding:32px!important}.footer{padding:16px 28px!important}#mining-area>div[style*="display: flex; align-items: center; justify-content: center"]{gap:20px!important;margin-top:28px!important}.booster-section{max-width:500px!important;margin:0 auto!important}.shop-item-section{border-radius:14px!important}.online-badge{font-size:11px!important;padding:4px 8px!important}.lg\:col-span-2 .space-y-3{gap:16px!important}}@media (min-width:1280px){#game-page>.p-4{padding:24px 40px!important}.max-w-6xl.grid.lg\:grid-cols-3{grid-template-columns:1fr 420px!important;gap:24px!important}.max-w-6xl{max-width:1600px!important}.stat-card{padding:14px 10px!important}.stat-value{font-size:14px!important}.mine-btn{width:200px!important;height:200px!important}.mine-icon{font-size:64px!important}}@media (min-width:1536px){.max-w-6xl{max-width:1800px!important}#game-page>.p-4{padding:28px 60px!important}.max-w-6xl.grid.lg\:grid-cols-3{grid-template-columns:1fr 460px!important;gap:28px!important}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:1fr 380px!important}.lg\:col-span-2{grid-column:span 1/span 1!important}.lg\:col-span-1{grid-column:span 1/span 1!important}.lg\:col-span-2>.space-y-3{display:flex;flex-direction:column;gap:16px}.lg\:col-span-2>.space-y-3>*{margin-top:0!important}}
/* ══════════════════════════════════════════════════════════════
   STAT HUD CARDS — Mining Power & Max Energi (Futuristic)
══════════════════════════════════════════════════════════════ */

.stat-hud-card {
  position: relative;
  border-radius: 12px;
  padding: 12px 14px;
  overflow: hidden;
  transition: box-shadow 0.3s ease, transform 0.2s ease;
}
.stat-hud-card:hover {
  transform: translateY(-1px);
}

/* Gold variant (Mining Power) */
.stat-hud-gold {
  background: linear-gradient(135deg, rgba(20,14,2,0.95) 0%, rgba(26,18,4,0.92) 50%, rgba(14,10,2,0.95) 100%);
  border: 1px solid rgba(245,166,35,0.35);
  box-shadow: 0 0 0 1px rgba(245,166,35,0.06) inset, 0 4px 24px rgba(245,166,35,0.06);
}
.stat-hud-gold:hover {
  border-color: rgba(245,166,35,0.55);
  box-shadow: 0 0 0 1px rgba(245,166,35,0.12) inset, 0 6px 32px rgba(245,166,35,0.12), 0 0 20px rgba(245,166,35,0.06);
}

/* Cyan variant (Max Energi) */
.stat-hud-cyan {
  background: linear-gradient(135deg, rgba(0,14,20,0.95) 0%, rgba(0,20,28,0.92) 50%, rgba(0,10,16,0.95) 100%);
  border: 1px solid rgba(0,217,255,0.3);
  box-shadow: 0 0 0 1px rgba(0,217,255,0.05) inset, 0 4px 24px rgba(0,217,255,0.05);
}
.stat-hud-cyan:hover {
  border-color: rgba(0,217,255,0.5);
  box-shadow: 0 0 0 1px rgba(0,217,255,0.1) inset, 0 6px 32px rgba(0,217,255,0.12), 0 0 20px rgba(0,217,255,0.06);
}

/* Diagonal scan-line grid texture */
.stat-hud-bg-lines {
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 12px,
    rgba(245,166,35,0.025) 12px,
    rgba(245,166,35,0.025) 13px
  );
  pointer-events: none;
  z-index: 0;
}
.stat-hud-bg-lines-cyan {
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 12px,
    rgba(0,217,255,0.025) 12px,
    rgba(0,217,255,0.025) 13px
  );
}

/* Corner brackets */
.stat-hud-corner {
  position: absolute;
  width: 12px;
  height: 12px;
  z-index: 2;
  pointer-events: none;
}
.stat-hud-corner-tl {
  top: 5px; left: 5px;
  border-top: 1.5px solid rgba(245,166,35,0.6);
  border-left: 1.5px solid rgba(245,166,35,0.6);
  border-radius: 3px 0 0 0;
}
.stat-hud-corner-br {
  bottom: 5px; right: 5px;
  border-bottom: 1.5px solid rgba(245,166,35,0.4);
  border-right: 1.5px solid rgba(245,166,35,0.4);
  border-radius: 0 0 3px 0;
}
.stat-hud-corner-cyan.stat-hud-corner-tl {
  border-top-color: rgba(0,217,255,0.55);
  border-left-color: rgba(0,217,255,0.55);
}
.stat-hud-corner-cyan.stat-hud-corner-br {
  border-bottom-color: rgba(0,217,255,0.35);
  border-right-color: rgba(0,217,255,0.35);
}

/* Icon wrapper */
.stat-hud-icon-wrap {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.stat-hud-icon-gold {
  background: linear-gradient(135deg, rgba(245,166,35,0.18) 0%, rgba(245,166,35,0.08) 100%);
  border: 1px solid rgba(245,166,35,0.3);
  box-shadow: 0 0 12px rgba(245,166,35,0.15) inset;
}
.stat-hud-icon-cyan {
  background: linear-gradient(135deg, rgba(0,217,255,0.15) 0%, rgba(0,217,255,0.06) 100%);
  border: 1px solid rgba(0,217,255,0.28);
  box-shadow: 0 0 12px rgba(0,217,255,0.12) inset;
}

/* Main value */
.stat-hud-value {
  font-family: 'Orbitron', monospace;
  font-size: clamp(20px, 4vw, 26px);
  font-weight: 900;
  letter-spacing: 0.03em;
  line-height: 1;
}
.stat-hud-value-gold {
  background: linear-gradient(135deg, #ffd700 0%, #f5a623 50%, #e8920c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 8px rgba(245,166,35,0.5));
}
.stat-hud-value-cyan {
  background: linear-gradient(135deg, #80f0ff 0%, #00d9ff 50%, #0096e0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 8px rgba(0,217,255,0.5));
}

/* Animated scan line under value */
.stat-hud-scan-line {
  width: 100%;
  height: 1px;
  border-radius: 1px;
  opacity: 0.7;
}
.stat-hud-scan-gold {
  background: linear-gradient(90deg, transparent, rgba(245,166,35,0.7), transparent);
}
.stat-hud-scan-cyan {
  background: linear-gradient(90deg, transparent, rgba(0,217,255,0.7), transparent);
}

/* Breakdown text */
.stat-hud-breakdown {
  font-size: 11px;
  font-weight: 700;
  color: #d1d5db;
}

/* ══════════════════════════════════════════════════════════════
   STAT MINI CARDS — 4 kartu bawah (Futuristic)
══════════════════════════════════════════════════════════════ */

.stat-mini-card {
  position: relative;
  border-radius: 12px;
  padding: clamp(10px,2.2vw,14px) clamp(6px,1.5vw,10px);
  text-align: center;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.3s ease;
  cursor: default;
}
.stat-mini-card:hover {
  transform: translateY(-3px);
}

.stat-mini-gold {
  background: linear-gradient(160deg, rgba(20,14,2,0.98) 0%, rgba(14,10,2,0.95) 100%);
  border: 1px solid rgba(245,166,35,0.32);
}
.stat-mini-gold:hover {
  border-color: rgba(245,166,35,0.6);
  box-shadow: 0 8px 28px rgba(245,166,35,0.12), 0 0 0 1px rgba(245,166,35,0.08) inset;
}
.stat-mini-blue {
  background: linear-gradient(160deg, rgba(0,12,22,0.98) 0%, rgba(0,8,16,0.95) 100%);
  border: 1px solid rgba(125,211,252,0.28);
}
.stat-mini-blue:hover {
  border-color: rgba(125,211,252,0.55);
  box-shadow: 0 8px 28px rgba(125,211,252,0.1), 0 0 0 1px rgba(125,211,252,0.06) inset;
}
.stat-mini-green {
  background: linear-gradient(160deg, rgba(0,16,6,0.98) 0%, rgba(0,10,4,0.95) 100%);
  border: 1px solid rgba(74,222,128,0.25);
}
.stat-mini-green:hover {
  border-color: rgba(74,222,128,0.5);
  box-shadow: 0 8px 28px rgba(74,222,128,0.1), 0 0 0 1px rgba(74,222,128,0.06) inset;
}
.stat-mini-purple {
  background: linear-gradient(160deg, rgba(12,4,22,0.98) 0%, rgba(8,2,16,0.95) 100%);
  border: 1px solid rgba(196,181,253,0.25);
}
.stat-mini-purple:hover {
  border-color: rgba(196,181,253,0.5);
  box-shadow: 0 8px 28px rgba(196,181,253,0.1), 0 0 0 1px rgba(196,181,253,0.06) inset;
}

/* Glow blob */
.stat-mini-glow {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  filter: blur(24px);
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  opacity: 0.35;
  transition: opacity 0.3s;
}
.stat-mini-card:hover .stat-mini-glow { opacity: 0.6; }
.stat-mini-glow-gold  { background: radial-gradient(circle, #f5a623, transparent 70%); }
.stat-mini-glow-blue  { background: radial-gradient(circle, #7dd3fc, transparent 70%); }
.stat-mini-glow-green { background: radial-gradient(circle, #4ade80, transparent 70%); }
.stat-mini-glow-purple{ background: radial-gradient(circle, #c4b5fd, transparent 70%); }

/* Bottom accent bar */
.stat-mini-line {
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 80%;
  height: 1.5px;
  border-radius: 1px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.stat-mini-card:hover .stat-mini-line { opacity: 1; }
.stat-mini-line-gold   { background: linear-gradient(90deg, transparent, #f5a623, transparent); }
.stat-mini-line-blue   { background: linear-gradient(90deg, transparent, #7dd3fc, transparent); }
.stat-mini-line-green  { background: linear-gradient(90deg, transparent, #4ade80, transparent); }
.stat-mini-line-purple { background: linear-gradient(90deg, transparent, #c4b5fd, transparent); }

/* Inner content */
.stat-mini-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.stat-mini-icon {
  font-size: 15px;
  line-height: 1;
  margin-bottom: 2px;
  filter: drop-shadow(0 0 4px rgba(255,255,255,0.2));
}

.stat-mini-label {
  color: rgba(245,166,35,0.5);
  font-size: clamp(8px, 1.8vw, 10px);
  margin-top: 3px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 600;
  font-family: 'Orbitron', monospace;
  white-space: nowrap;
}

/* ============================================================
   MODERN SHOP UPGRADE MODAL - REDESIGN
   ============================================================ */

/* Modal upgrade container override */
#upgrade-modal .modal-content {
  background: linear-gradient(160deg, #0d0d18 0%, #111120 40%, #0a0a14 100%);
  border: 1px solid rgba(245,166,35,0.22);
  box-shadow: 0 0 0 1px rgba(245,166,35,0.06), 0 24px 80px rgba(0,0,0,0.8), 0 0 60px rgba(245,166,35,0.06);
  border-radius: 20px;
  max-width: 520px;
  overflow: hidden;
  padding: 0;
}

/* Header modal upgrade */
.upgrade-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 24px 18px;
  border-bottom: 1px solid rgba(245,166,35,0.1);
  background: linear-gradient(135deg, rgba(245,166,35,0.07) 0%, transparent 100%);
  position: relative;
  overflow: hidden;
}
.upgrade-modal-header::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #f5a623 30%, #ffd700 50%, #f5a623 70%, transparent);
  opacity: 0.7;
}

/* Title upgrade modal */
.upgrade-modal-title-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}
.upgrade-modal-icon-badge {
  width: 42px; height: 42px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(245,166,35,0.2), rgba(245,166,35,0.08));
  border: 1px solid rgba(245,166,35,0.35);
  display: flex; align-items: center; justify-content: center;
  font-size: 20px;
  box-shadow: 0 0 16px rgba(245,166,35,0.2);
}
.upgrade-modal-title {
  font-family: Orbitron, monospace;
  font-size: 16px;
  font-weight: 800;
  background: linear-gradient(135deg, #ffd700 0%, #f5a623 50%, #ffd700 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  animation: shimmer-logo 3s linear infinite;
}
.upgrade-modal-subtitle {
  font-size: 11px;
  color: rgba(245,166,35,0.5);
  letter-spacing: 0.04em;
  margin-top: 1px;
}
.upgrade-modal-close {
  width: 34px; height: 34px;
  border-radius: 10px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  color: #6b7280;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: all 0.2s;
  flex-shrink: 0;
}
.upgrade-modal-close:hover {
  background: rgba(255,71,87,0.12);
  color: #ff4757;
  border-color: rgba(255,71,87,0.35);
}

/* Upgrade list container */
.upgrade-modal-body {
  padding: 18px 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 60vh;
  overflow-y: auto;
  box-sizing: border-box;
}
.upgrade-modal-body::-webkit-scrollbar { width: 4px; }
.upgrade-modal-body::-webkit-scrollbar-track { background: transparent; }
.upgrade-modal-body::-webkit-scrollbar-thumb { background: rgba(245,166,35,0.25); border-radius: 2px; }

/* Individual upgrade card - new design */
.upgrade-card-modern {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  background: #1c1f2e;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 14px;
  transition: all 0.22s ease;
  overflow: visible;
  flex-wrap: wrap;
  box-shadow: 0 2px 8px rgba(0,0,0,0.35);
}
.upgrade-card-modern::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, transparent, #f5a623, transparent);
  border-radius: 3px 0 0 3px;
  opacity: 0;
  transition: opacity 0.22s;
}
.upgrade-card-modern:hover::before { opacity: 1; }
.upgrade-card-modern:hover {
  background: #232740;
  border-color: rgba(245,166,35,0.5);
  transform: translateX(2px);
  box-shadow: 0 4px 18px rgba(245,166,35,0.12);
}
.upgrade-card-modern.owned-card {
  background: #182a22;
  border-color: rgba(74,222,128,0.3);
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.upgrade-card-modern.owned-card::before {
  opacity: 1;
  background: linear-gradient(180deg, transparent, #4ade80, transparent);
}
.upgrade-card-modern.locked-card {
  opacity: 0.4;
  filter: grayscale(0.6);
  cursor: not-allowed;
  background: #16182a;
}
.upgrade-card-modern.locked-card:hover {
  transform: none;
  border-color: rgba(255,255,255,0.07);
  background: #16182a;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* Icon area */
.upgrade-card-icon-wrap {
  position: relative;
  flex-shrink: 0;
}
.upgrade-card-icon-box {
  width: 46px; height: 46px;
  border-radius: 12px;
  background: rgba(245,166,35,0.14);
  border: 1px solid rgba(245,166,35,0.28);
  display: flex; align-items: center; justify-content: center;
  font-size: 22px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  transition: all 0.2s;
}
.upgrade-card-modern:hover .upgrade-card-icon-box {
  background: rgba(245,166,35,0.22);
  border-color: rgba(245,166,35,0.55);
  box-shadow: 0 0 14px rgba(245,166,35,0.2);
}
.owned-card .upgrade-card-icon-box {
  background: rgba(74,222,128,0.14);
  border-color: rgba(74,222,128,0.32);
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.upgrade-card-seq {
  position: absolute;
  top: -5px; right: -5px;
  width: 17px; height: 17px;
  background: #f5a623;
  border-radius: 5px;
  font-family: Orbitron, monospace;
  font-size: 7px;
  font-weight: 900;
  color: #000;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}

/* Info area */
.upgrade-card-info {
  flex: 1;
  min-width: 0;
}
.upgrade-card-name {
  font-weight: 700;
  font-size: 10.4px;
  color: #f0f0f8;
  margin-bottom: 2px;
  letter-spacing: 0.01em;
}
.owned-card .upgrade-card-name { color: #86efac; }
.upgrade-card-desc {
  font-size: 8.8px;
  color: #8890b0;
  line-height: 1.4;
  margin-bottom: 5px;
}
.upgrade-card-price-tag {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: rgba(245,166,35,0.12);
  border: 1px solid rgba(245,166,35,0.3);
  border-radius: 6px;
  padding: 1px 6px;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 5px;
  font-weight: 700;
  color: #fbbf24;
  letter-spacing: 0;
}

/* Action area */
.upgrade-card-action {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.upgrade-owned-badge {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  line-height: 1;
}
.upgrade-locked-badge {
  font-size: 22px;
  opacity: 0.5;
  filter: grayscale(1);
}
.btn-upgrade-buy {
  background: linear-gradient(135deg, #f5a623 0%, #c78510 100%);
  color: #000;
  border: none;
  border-radius: 10px;
  padding: 8px 16px;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: all 0.2s;
  box-shadow: 0 3px 12px rgba(245,166,35,0.3);
  white-space: nowrap;
}
.btn-upgrade-buy:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(245,166,35,0.5);
  background: linear-gradient(135deg, #ffd700 0%, #f5a623 100%);
}
.btn-upgrade-buy:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  transform: none;
  background: rgba(255,255,255,0.06);
  color: #6b7280;
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: none;
}

/* Progress connector between cards */
.upgrade-progress-connector {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10px;
  gap: 3px;
  margin: -2px 0;
  opacity: 0.4;
}
.upgrade-progress-dot {
  width: 3px; height: 3px;
  border-radius: 50%;
  background: rgba(245,166,35,0.5);
}
.upgrade-progress-connector.owned-conn { opacity: 0.7; }
.upgrade-progress-connector.owned-conn .upgrade-progress-dot {
  background: rgba(46,213,115,0.7);
}

/* ── Fix: Upgrade modal font size overrides (counter global clamp rules) ── */
#upgrade-modal .modal-content {
  padding: 0 !important;
}
#upgrade-modal .modal-content label,
#upgrade-modal .modal-content p,
#upgrade-modal .modal-content span,
#upgrade-modal .modal-content div {
  font-size: inherit !important;
}
#upgrade-modal .upgrade-card-name {
  font-size: 10.4px !important;
  color: #f0f0f8 !important;
}
#upgrade-modal .upgrade-card-desc {
  font-size: 8.8px !important;
  color: #8890b0 !important;
}
#upgrade-modal .upgrade-card-price-tag {
  font-size: 5px !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  padding: 1px 6px !important;
  gap: 2px !important;
  background: rgba(245,166,35,0.12) !important;
  border-color: rgba(245,166,35,0.3) !important;
  color: #fbbf24 !important;
}
#upgrade-modal .upgrade-modal-title {
  font-size: 12.8px !important;
}
#upgrade-modal .upgrade-modal-subtitle {
  font-size: 8.8px !important;
}
#upgrade-modal .btn-upgrade-buy {
  font-size: 8.8px !important;
}
#upgrade-modal .upgrade-owned-badge {
  font-size: 16px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}
#upgrade-modal .upgrade-card-seq {
  font-size: 6.4px !important;
}

/* ═══════════════════════════════════════════════════════════════
   DESKTOP MINING AREA v2 — 2-column layout, no empty space
   ═══════════════════════════════════════════════════════════════ */
@media (min-width: 1024px) {

  /* ── Mining card: full height flex column ── */
  #mining-area {
    display: flex !important;
    flex-direction: column !important;
    padding: 20px 24px !important;
    gap: 12px !important;
    height: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  /* Make left column fill available height */
  .max-w-6xl.grid.lg\:grid-cols-3 > div.lg\:col-span-2 {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  .max-w-6xl.grid.lg\:grid-cols-3 > div.lg\:col-span-2 > div:last-child {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* ── TOP ROW: Food (kiri) + Booster (kanan) side by side ── */
  #mining-area-top-row {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    gap: 14px !important;
    align-items: start !important;
    width: 100% !important;
  }

  /* Food wrapper — kolom kiri sempit */
  #mining-area > .max-w-md:first-of-type,
  #mining-area > div.max-w-md:first-child {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
  }

  /* Food container: 4 tombol horizontal, melebar rata */
  #food-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .food-btn {
    flex: unset !important;
    max-width: none !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 14px 8px 12px !important;
    border-radius: 14px !important;
    gap: 6px !important;
  }

  .food-icon {
    font-size: 26px !important;
    line-height: 1 !important;
  }

  .food-name {
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  .food-cost, .food-energy {
    font-size: 11px !important;
  }

  .food-cd-text {
    font-size: 9px !important;
  }

  /* Food section label */
  #mining-area > div.max-w-md:first-child > div:first-child span {
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  /* ── Booster: full width, lebih besar ── */
  .booster-section {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 14px 16px 12px !important;
    border-radius: 16px !important;
  }

  .booster-header-row {
    margin-bottom: 10px !important;
  }

  .booster-title {
    font-size: 11px !important;
    gap: 6px !important;
  }

  .booster-title-dot {
    width: 7px !important;
    height: 7px !important;
  }

  .booster-reset-badge {
    font-size: 10px !important;
    padding: 3px 10px !important;
  }

  /* Booster 4 kolom penuh */
  .booster-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
  }

  .booster-btn {
    padding: 12px 6px 10px !important;
    border-radius: 12px !important;
    gap: 6px !important;
    align-items: center !important;
  }

  .booster-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    font-size: 18px !important;
  }

  .booster-icon svg {
    width: 20px !important;
    height: 20px !important;
  }

  .booster-name {
    font-size: 10px !important;
    letter-spacing: 0.3px !important;
  }

  .booster-mult {
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  .booster-price {
    font-size: 10px !important;
    padding: 3px 8px !important;
  }

  .booster-countdown {
    font-size: 9px !important;
  }

  .boost-active-bar {
    padding: 10px 14px !important;
    border-radius: 10px !important;
  }

  .boost-label {
    font-size: 12px !important;
  }

  .boost-timer {
    font-size: 20px !important;
    letter-spacing: 1.5px !important;
  }

  /* ── Pet display ── */
  #pet-display {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .pet-status-bar {
    padding: 10px 16px !important;
    border-radius: 12px !important;
  }

  /* ── Energy bar: full width, lebih tebal ── */
  #mining-area > .max-w-md.mx-auto.mt-4,
  #mining-area > div[class*="max-w-md"][class*="mt-4"] {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .energy-bar {
    height: 12px !important;
    border-radius: 7px !important;
  }

  /* Energy label text */
  #mining-area .flex.justify-between.text-sm.mb-2 span {
    font-size: 13px !important;
  }

  /* ── Robot row: full width ── */
  #mining-area > div[class*="max-w-md"][class*="mt-3"][class*="mb-1"],
  #mining-area > .max-w-md.mx-auto.mt-3.mb-1 {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* Robot inner container */
  #mining-area > div[class*="max-w-md"][class*="mt-3"][class*="mb-1"] > div,
  #mining-area > .max-w-md.mx-auto.mt-3.mb-1 > div {
    padding: 12px 16px !important;
    border-radius: 12px !important;
    gap: 12px !important;
  }

  #robot-level-display,
  #robot-mine-count-display {
    font-size: 18px !important;
    line-height: 1 !important;
  }

  #robot-btn,
  #robot-upgrade-btn {
    padding: 10px 14px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
    gap: 6px !important;
    min-width: 130px !important;
  }

  #robot-btn > span:first-child,
  #robot-upgrade-btn > span:first-child {
    font-size: 22px !important;
  }

  /* ── MINE BUTTON AREA: center row, lebih proporsional ── */
  /* Wrapper: flex row, center, gap besar */
  #mining-area > div[style*="margin-top: 24px"] {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 40px !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    min-height: 0 !important;
  }

  /* Info box kolom kiri/kanan (Online, Title, Ditambang, Total) */
  #mining-area > div[style*="margin-top: 24px"] > div[style*="flex-direction: column"] {
    gap: 12px !important;
    margin: 0 !important;
    min-width: 110px !important;
  }

  /* Each info box */
  #mining-area > div[style*="margin-top: 24px"] > div[style*="flex-direction: column"] > div {
    padding: 10px 16px !important;
    border-radius: 12px !important;
    min-width: 110px !important;
    width: 100% !important;
  }

  /* Info box label */
  #mining-area > div[style*="margin-top: 24px"] > div[style*="flex-direction: column"] > div > div:first-child {
    font-size: 10px !important;
    margin-bottom: 4px !important;
    letter-spacing: 0.08em !important;
  }

  /* Info box value */
  #online-duration-text,
  #miner-title-display,
  #session-mine-display,
  #mine-total-display {
    font-size: 18px !important;
    letter-spacing: 0.04em !important;
    line-height: 1.2 !important;
  }

  /* ── Tombol tambang BESAR ── */
  .mine-btn {
    width: 230px !important;
    height: 230px !important;
    border-width: 4px !important;
  }

  .mine-icon {
    font-size: 76px !important;
  }

  /* ── XP Progress bar: full width ── */
  #mining-area > div[style*="max-width: 320px"] {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #mining-area > div[style*="max-width: 320px"] > div:first-child span {
    font-size: 12px !important;
  }

  #mining-area > div[style*="max-width: 320px"] > div:last-child {
    height: 8px !important;
    border-radius: 6px !important;
  }

}

/* ── 1280px+ ── */
@media (min-width: 1280px) {

  #mining-area {
    padding: 24px 32px !important;
    gap: 14px !important;
  }

  .mine-btn {
    width: 260px !important;
    height: 260px !important;
  }

  .mine-icon {
    font-size: 86px !important;
  }

  .food-icon {
    font-size: 32px !important;
  }

  .food-name, .food-cost, .food-energy {
    font-size: 13px !important;
  }

  .booster-icon {
    width: 44px !important;
    height: 44px !important;
    font-size: 20px !important;
  }

  .booster-mult {
    font-size: 15px !important;
  }

  .booster-name {
    font-size: 11px !important;
  }

  #online-duration-text,
  #miner-title-display,
  #session-mine-display,
  #mine-total-display {
    font-size: 20px !important;
  }

  #mining-area > div[style*="margin-top: 24px"] > div[style*="flex-direction: column"] > div {
    min-width: 130px !important;
    padding: 12px 18px !important;
  }

  #mining-area > div[style*="margin-top: 24px"] {
    gap: 56px !important;
  }

  #robot-level-display,
  #robot-mine-count-display {
    font-size: 20px !important;
  }

  .boost-timer {
    font-size: 22px !important;
  }
}

/* ── 1536px+ ── */
@media (min-width: 1536px) {
  .mine-btn {
    width: 280px !important;
    height: 280px !important;
  }
  .mine-icon {
    font-size: 96px !important;
  }
  #mining-area > div[style*="margin-top: 24px"] {
    gap: 72px !important;
  }
}

/* ── Food container base (mobile default) ── */
#food-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  justify-content: center;
  width: 100%;
}

#mining-food-wrap {
  width: 100%;
  background: rgba(14,11,4,.88);
  border: 1px solid rgba(160,115,20,.18);
  border-radius: 14px;
  padding: 10px;
  /* box-shadow dihapus — tidak perlu repaint */
  position: relative;
}
/* ::before dihapus — gradient overlay mahal */

@media (min-width: 1024px) {
  #mining-food-wrap {
    width: 100% !important;
    margin-bottom: 0 !important;
  }

  /* Food: 4 kolom merata */
  #food-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
    justify-content: unset !important;
    flex-wrap: unset !important;
  }

  /* Booster juga w-full */
  .booster-section.w-full {
    max-width: none !important;
  }

  /* Mine button wrapper: flex 1 untuk isi ruang kosong */
  #mining-area > div[style*="margin-top: 0"] {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }
}

/* ── Mobile & Tablet: Spacing antar elemen di mining-area ── */
@media (max-width: 1023px) {
  /* Container mining area: flex column dengan gap proporsional */
  #mining-area {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  /* Card makanan (food wrap) */
  #mining-food-wrap {
    margin-bottom: 0 !important;
  }

  /* Card booster */
  .booster-section.w-full,
  #mining-area .booster-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Card pet aktif */
  #pet-display {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Bar energi wrapper */
  #mining-area > .w-full:has(.energy-bar),
  #mining-area > div:has(#energy-fill) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Robot mining card */
  #mining-area > .w-full:has(#robot-btn),
  #mining-area > div:has(#robot-btn) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Area tombol tambang (flex row: kiri-tengah-kanan) */
  #mining-area > div[style*="align-items: center"][style*="justify-content: center"],
  #mining-area > div:has(#mine-btn) {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  /* Fallback: semua direct children yang bukan flash */
  #mining-area > div:not(.mining-flash):not(.mining-ripple) {
    flex-shrink: 0;
  }
}

/* Tablet spesifik (768px - 1023px): sedikit lebih longgar */
@media (min-width: 768px) and (max-width: 1023px) {
  #mining-area {
    gap: 14px !important;
  }
}

/* ── Activity Skin: Azure Elegance (Dark Blue → Light Blue Gradient + Red Border + Yellow Text) ── */
.act-skin-blue-white {
  background: linear-gradient(135deg, rgba(10,30,80,0.97) 0%, rgba(25,70,160,0.97) 50%, rgba(96,165,250,0.97) 100%) !important;
  border: 2px solid #ef4444 !important;
  box-shadow: 0 4px 18px rgba(96,165,250,0.35), 0 0 0 1px rgba(239,68,68,0.5), 0 0 10px rgba(239,68,68,0.3) !important;
}
.act-skin-blue-white .mining-activity-name {
  color: #fde047 !important;
  font-weight: 700;
}
.act-skin-blue-white .mining-activity-action {
  color: #facc15 !important;
  font-weight: 600;
}
.act-skin-blue-white .mining-activity-avatar {
  border: 2px solid #ef4444 !important;
  box-shadow: 0 0 8px rgba(239,68,68,0.5) !important;
}

/* ══════════════════════════════════════════════════════════════
   JOIN SKIN: Midnight Blue — Biru Tua Gradasi Hitam
══════════════════════════════════════════════════════════════ */

/* === Join Banner === */
.join-skin-midnight-blue {
  background: linear-gradient(160deg, #000000 0%, #050a1e 25%, #0a1540 55%, #0d1b69 80%, #1a2fa8 100%) !important;
  border-color: #ffd700 !important;
  box-shadow: 0 8px 40px rgba(26,47,168,0.55), 0 2px 16px rgba(0,0,0,0.8), 0 0 0 1px rgba(255,215,0,0.2) !important;
}
.join-skin-midnight-blue .join-banner-avatar {
  background: linear-gradient(135deg, #0d1b69 0%, #1a2fa8 60%, #ffd700 100%) !important;
  box-shadow: 0 0 18px rgba(255,215,0,0.6), 0 0 6px rgba(26,47,168,0.8) !important;
  color: #ffffff !important;
}
.join-skin-midnight-blue .join-banner-name {
  color: #ffffff !important;
  text-shadow: 0 0 12px rgba(255,255,255,0.5) !important;
}
.join-skin-midnight-blue .join-banner-sub {
  color: #ffd700 !important;
  text-shadow: 0 0 8px rgba(255,215,0,0.6) !important;
}
.join-skin-midnight-blue .join-banner-icon {
  filter: drop-shadow(0 0 6px rgba(255,215,0,0.8));
}

/* === Welcome Banner (self) === */
#welcome-banner.join-skin-midnight-blue {
  background: linear-gradient(160deg, #000000 0%, #050a1e 25%, #0a1540 55%, #0d1b69 80%, #1a2fa8 100%) !important;
  border-color: #ffd700 !important;
  box-shadow: 0 8px 40px rgba(26,47,168,0.55), 0 2px 16px rgba(0,0,0,0.8), 0 0 0 1px rgba(255,215,0,0.2) !important;
}
#welcome-banner.join-skin-midnight-blue .wb-avatar {
  background: linear-gradient(135deg, #0d1b69, #1a2fa8, #ffd700) !important;
  color: #ffffff !important;
  box-shadow: 0 0 18px rgba(255,215,0,0.6) !important;
}
#welcome-banner.join-skin-midnight-blue .wb-name {
  color: #ffffff !important;
  text-shadow: 0 0 12px rgba(255,255,255,0.5) !important;
}
#welcome-banner.join-skin-midnight-blue .wb-sub {
  color: #ffd700 !important;
  text-shadow: 0 0 8px rgba(255,215,0,0.6) !important;
}

/* ============================================================
   CHAT SKIN SYSTEM
   Mengubah tampilan bubble chat di Global Chat
   ============================================================ */

/* Base bubble sudah memiliki border via .chat-bubble */
/* Chat skin overrides warna via inline style (diset oleh JS) */

.chat-bubble {
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

/* Preview animation saat hover di modal */
@keyframes chatSkinGlow {
  0%, 100% { box-shadow: 0 2px 8px rgba(0,0,0,0.3); }
  50% { box-shadow: 0 4px 20px var(--chat-glow, rgba(255,255,255,0.2)); }
}

.act-skin-luxe-bright{
  border-color:#00d9ff!important;
  background:linear-gradient(135deg,rgba(80,0,120,0.97) 0%,rgba(160,20,60,0.97) 50%,rgba(220,210,220,0.97) 100%)!important;
  box-shadow:0 0 6px #00d9ff,0 0 14px rgba(0,217,255,0.7),0 0 28px rgba(0,217,255,0.4),inset 0 0 6px rgba(0,217,255,0.15)!important;
  border-radius:18px!important;
}
.act-skin-luxe-bright .mining-activity-avatar{
  border:2px solid #ffd700!important;
  box-shadow:0 0 10px rgba(255,215,0,0.6)!important;
}
.act-skin-luxe-bright .mining-activity-name{
  color:#1a56db!important;
  font-weight:700;
}
.act-skin-luxe-bright .mining-activity-action{
  color:#1e40af!important;
  font-weight:600;
}

/* ── Activity Skin: Neon Crimson (Background Hitam, Border Biru, Text Merah Tebal, Neon Kuning) ── */
.act-skin-neon-crimson {
  background: #000000 !important;
  border: 2px solid #cc0000 !important;
  box-shadow:
    0 0 6px #ffe600,
    0 0 14px rgba(255,230,0,0.6),
    0 0 28px rgba(255,230,0,0.3),
    inset 0 0 6px rgba(255,230,0,0.08) !important;
  border-radius: 10px !important;
}
.act-skin-neon-crimson .mining-activity-name {
  color: #ff2020 !important;
  font-weight: 900;
  text-shadow: 0 0 6px rgba(255,32,32,0.5);
}
.act-skin-neon-crimson .mining-activity-action {
  color: #ff2020 !important;
  font-weight: 800;
}
.act-skin-neon-crimson .mining-activity-avatar {
  border: 2px solid #cc0000 !important;
  box-shadow: 0 0 8px rgba(204,0,0,0.6) !important;
}

/* ── PET SHOP MODAL REDESIGN ── */
/* ── PET SHOP MODAL — Modern Compact Bright ── */
.pet-shop-modal {
  max-width: 420px !important;
  width: 98vw !important;
  padding: 0 !important;
  border-radius: 18px !important;
  border: 1.5px solid rgba(255,210,80,.35) !important;
  background: linear-gradient(160deg, #13111f 0%, #1a1530 60%, #0f1320 100%) !important;
  overflow: hidden !important;
  box-shadow: 0 8px 40px rgba(0,0,0,.7), 0 0 0 1px rgba(255,210,80,.08) !important;
}

/* Header */
.pet-shop-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 10px;
  background: #000;
  gap: 8px;
  position: relative;
}
.pet-shop-header::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255,215,0,.06) 0%, rgba(0,0,0,0) 100%);
  z-index: 0;
}
.pet-shop-header > * { position: relative; z-index: 1; }
.pet-shop-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pet-shop-icon-wrap {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: rgba(255,215,0,.12);
  border: 1px solid rgba(255,215,0,.35);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  flex-shrink: 0;
}
.pet-shop-title {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #ffd700;
  letter-spacing: .04em;
  text-shadow: 0 0 12px rgba(255,215,0,.4);
  line-height: 1.2;
}
.pet-shop-subtitle {
  font-size: 9px;
  color: rgba(255,215,0,.5);
  margin-top: 1px;
  letter-spacing: .02em;
}
.pet-shop-header-right {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.pet-shop-diamond-badge {
  display: flex;
  align-items: center;
  gap: 4px;
  background: rgba(255,215,0,.08);
  border: 1px solid rgba(255,215,0,.3);
  border-radius: 20px;
  padding: 3px 9px 3px 6px;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: #ffd700;
  white-space: nowrap;
}
.pet-shop-diamond-icon { font-size: 11px; }
.pet-shop-close-btn {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: rgba(255,215,0,.08);
  border: 1px solid rgba(255,215,0,.2);
  color: rgba(255,215,0,.7);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .15s;
  flex-shrink: 0;
}
.pet-shop-close-btn:hover {
  background: rgba(255,71,87,.3);
  border-color: rgba(255,71,87,.6);
  color: #fff;
}

/* Pet Grid */
.pet-shop-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  padding: 8px;
  max-height: 72vh;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(168,85,247,.3) transparent;
}
.pet-shop-grid::-webkit-scrollbar { width: 3px; }
.pet-shop-grid::-webkit-scrollbar-thumb { background: rgba(168,85,247,.35); border-radius: 2px; }

/* Pet Card */
/* ── PET CARD — Compact Modern Bright ── */
.pet-shop-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 9px;
  padding: 8px 8px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  transition: all .18s ease;
  position: relative;
  overflow: hidden;
  min-width: 0;
}
.pet-shop-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--pet-color, rgba(255,180,50,.6));
  border-radius: 11px 11px 0 0;
}
.pet-shop-card:hover {
  border-color: var(--pet-color-dim, rgba(255,180,50,.3));
  background: rgba(255,255,255,.06);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0,0,0,.3);
}
.pet-shop-card.ps-owned {
  background: rgba(46,213,115,.05);
  border-color: rgba(46,213,115,.25);
}
.pet-shop-card.ps-owned::before { background: #2ed573; }
.pet-shop-card.ps-active {
  background: rgba(255,200,50,.06);
  border-color: rgba(255,200,50,.4);
  box-shadow: 0 0 14px rgba(255,200,50,.1);
}
.pet-shop-card.ps-active::before { background: linear-gradient(90deg, #ff6b35, #ffd700); }

/* Card Top */
.ps-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 5px;
}
.ps-icon-wrap {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  background: var(--pet-bg, rgba(255,180,50,.1));
  border: 1.5px solid var(--pet-color-dim, rgba(255,180,50,.25));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
  transition: transform .18s;
}
.pet-shop-card:hover .ps-icon-wrap { transform: scale(1.1); }
.ps-status-col {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}
.ps-status-pill {
  font-size: 5px;
  font-weight: 700;
  font-family: 'Space Grotesk', system-ui, sans-serif;
  padding: 0.5px 4px;
  border-radius: 4px;
  letter-spacing: .06em;
  white-space: nowrap;
  line-height: 1.7;
  text-transform: uppercase;
}
.ps-status-pill.active-pill {
  background: rgba(255,215,0,.12);
  border: 1px solid rgba(255,215,0,.45);
  color: #ffd700;
}
.ps-status-pill.owned-pill {
  background: rgba(46,213,115,.08);
  border: 1px solid rgba(46,213,115,.3);
  color: #2ed573;
}
.ps-level-badge {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 5.5px;
  color: rgba(255,255,255,.35);
  letter-spacing: .03em;
}

/* Card Info */
.ps-card-info {}
.ps-pet-name {
  font-weight: 800;
  font-size: 10px;
  color: #f5f5f5;
  margin-bottom: 1px;
  letter-spacing: .02em;
  line-height: 1.2;
  word-break: break-word;
}
.ps-pet-desc {
  font-size: 8px;
  color: rgba(255,255,255,.32);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Bonus row */
.ps-bonus-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3px;
}
.ps-bonus-chip {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 8px;
  font-weight: 800;
  color: #4ade80;
  background: rgba(74,222,128,.1);
  border: 1px solid rgba(74,222,128,.25);
  border-radius: 4px;
  padding: 1.5px 5px;
}
.ps-bonus-chip svg { opacity: .7; }
.ps-price-chip {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  font-size: 8px;
  font-weight: 800;
  color: #7dd3fc;
  display: flex;
  align-items: center;
  gap: 2px;
  opacity: .9;
}

/* Level bar */
.ps-level-bar-wrap {
  background: rgba(255,255,255,.06);
  border-radius: 3px;
  height: 3px;
  overflow: hidden;
}
.ps-level-bar-fill {
  height: 100%;
  border-radius: 3px;
  background: linear-gradient(90deg, #ff6b35, #f7c948, #a855f7);
  transition: width .4s ease;
}

/* Actions */
.ps-actions {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.ps-btn {
  flex: 1;
  min-width: 0;
  height: 22px;
  border-radius: 6px;
  border: none;
  font-size: 8px;
  font-weight: 800;
  cursor: pointer;
  transition: all .15s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  letter-spacing: .02em;
  white-space: nowrap;
  padding: 0 6px;
  font-family: inherit;
}
.ps-btn:disabled {
  opacity: .35;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}
.ps-btn-buy {
  background: linear-gradient(135deg, #38bdf8, #0ea5e9);
  color: #fff;
  font-weight: 900;
  box-shadow: 0 2px 8px rgba(56,189,248,.3);
}
.ps-btn-buy:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(56,189,248,.5);
}
.ps-btn-activate {
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color: #fff;
  box-shadow: 0 2px 8px rgba(34,197,94,.3);
}
.ps-btn-activate:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(34,197,94,.5);
}
.ps-btn-upgrade {
  background: linear-gradient(135deg, rgba(245,166,35,.15), rgba(245,166,35,.08));
  border: 1px solid rgba(245,166,35,.4);
  color: #f5a623;
}
.ps-btn-upgrade:not(:disabled):hover {
  background: linear-gradient(135deg, rgba(245,166,35,.25), rgba(245,166,35,.15));
  border-color: rgba(245,166,35,.7);
  transform: translateY(-1px);
}
.ps-btn-status {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.09);
  color: rgba(255,255,255,.35);
  cursor: not-allowed;
  font-size: 8.5px;
}
.ps-btn-cooldown {
  background: rgba(255,71,87,.07);
  border: 1px solid rgba(255,71,87,.25);
  color: #f87171;
  cursor: not-allowed;
  font-size: 8px;
  font-family: Orbitron, monospace;
}
.ps-btn-maxlevel {
  background: linear-gradient(135deg, rgba(251,191,36,.15), rgba(168,85,247,.1));
  border: 1px solid rgba(251,191,36,.35);
  color: #fbbf24;
  cursor: not-allowed;
  font-size: 8px;
}

@media (max-width: 400px) {
  .pet-shop-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .pet-shop-modal { max-width: 100% !important; width: 100vw !important; }
}

#market-modal .modal-content{min-height:88vh;}
#market-dynamic-area{min-height:500px;}



/* ===== LOW-END DEVICE PERFORMANCE OVERRIDES ===== */
/* Triggered by JS adding class 'low-end' to <html> */
html.low-end #particles-canvas {
  display: none !important;
}
html.low-end .bg-overlay {
  background: rgba(10,10,15,0.85) !important;
  backdrop-filter: none !important;
}
html.low-end .auth-orb,
html.low-end .auth-orb-1,
html.low-end .auth-orb-2,
html.low-end .auth-orb-3 {
  display: none !important;
}
html.low-end .auth-grid-lines {
  display: none !important;
}
/* Freeze all non-essential animations */
html.low-end .mine-btn::before,
html.low-end .mine-skin-inferno,
html.low-end .mine-skin-frostbite,
html.low-end .mine-skin-venom,
html.low-end .mine-skin-titan,
html.low-end .mine-skin-shadow {
  animation: none !important;
}
html.low-end .mine-skin-inferno::after,
html.low-end .mine-skin-frostbite::after,
html.low-end .mine-skin-venom::after,
html.low-end .mine-skin-titan::after,
html.low-end .mine-skin-shadow::after {
  display: none !important;
}
html.low-end .robot-miner-anim { animation: none !important; }
html.low-end .auth-logo-svg-wrap { animation: none !important; }
html.low-end .auth-wordmark-coin { animation: none !important; }
html.low-end .lb-sidebar-title { animation: none !important; -webkit-text-fill-color: #f5a623 !important; }
html.low-end .footer-pickaxe { animation: none !important; }
html.low-end .online-dot { animation: none !important; }
html.low-end .pulse-dot { animation: none !important; }
html.low-end .booster-title-dot { animation: none !important; }
html.low-end .booster-btn.active-boost .booster-price { animation: none !important; }
html.low-end .pet-bonus-active { animation: none !important; }
html.low-end .pet-shadow { animation: none !important; }
html.low-end .pet-dog { animation: none !important; }
html.low-end .pet-cat { animation: none !important; }
html.low-end .pet-drone { animation: none !important; }
html.low-end .pet-unicorn { animation: none !important; }
html.low-end .chat-fab-badge { animation: none !important; }
html.low-end .spinner { animation: spin 1.5s linear infinite; }
html.low-end .join-banner,
html.low-end #welcome-banner { transition: none !important; }
html.low-end .modal-content { transition: none !important; }
html.low-end .modal-overlay { transition: none !important; backdrop-filter: none !important; }
html.low-end .card { transition: none !important; backdrop-filter: none !important; }
html.low-end .leaderboard-item { transition: none !important; }
html.low-end .btn { transition: none !important; }
html.low-end .input-field { transition: none !important; }
html.low-end #freeze-overlay { backdrop-filter: none !important; }
html.low-end .chat-sidebar { backdrop-filter: none !important; }
html.low-end .lb-sidebar { backdrop-filter: none !important; }
html.low-end .mining-activity-item,
html.low-end .mining-activity-item-self { backdrop-filter: none !important; }
html.low-end .debris-particle,
html.low-end .dust-cloud,
html.low-end .sparkle { display: none !important; }
html.low-end .lbPharsaBorder { animation: none !important; }
html.low-end .stat-card:hover { transform: none !important; }
html.low-end .leaderboard-item:hover { transform: none !important; }
html.low-end .btn-primary:hover:not(:disabled) { transform: none !important; }
/* Reduce box-shadow complexity */
html.low-end .card-glow { box-shadow: none !important; }
html.low-end .puzzle-grid-wrapper { box-shadow: none !important; }
html.low-end #spin-wheel-canvas { box-shadow: none !important; }

/* ===== TAB HIDDEN: pause everything ===== */
.tab-hidden * {
  animation-play-state: paused !important;
}

/* ===== INFO TICKER BANNER ===== */
.info-ticker-banner {
  display: flex;
  align-items: center;
  width: 100%;
  height: 34px;
  background: linear-gradient(90deg, rgba(20,10,0,0.92) 0%, rgba(30,18,0,0.88) 100%);
  border: 1px solid rgba(245,166,35,0.28);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 14px;
  box-shadow: 0 0 12px rgba(245,166,35,0.1), inset 0 1px 0 rgba(255,255,255,0.03);
}

.ticker-label {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  background: linear-gradient(135deg, #f5a623, #c78510);
  color: #000;
  font-family: 'Orbitron', monospace;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  height: 100%;
  white-space: nowrap;
  flex-shrink: 0;
  text-transform: uppercase;
}

.ticker-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #000;
  animation: ticker-dot-blink 1s ease-in-out infinite;
  flex-shrink: 0;
}

@keyframes ticker-dot-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.2; }
}

.ticker-static-wrap {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
}

.ticker-static-text {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #e5c97a;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
  letter-spacing: 0.01em;
}

.ticker-countdown-badge {
  display: inline-flex;
  align-items: center;
  background: rgba(245, 166, 35, 0.15);
  border: 1px solid rgba(245, 166, 35, 0.4);
  border-radius: 6px;
  padding: 1px 10px;
  box-shadow: 0 0 8px rgba(245, 166, 35, 0.2);
}

#store-countdown {
  font-family: 'Orbitron', monospace;
  font-size: 13px;
  font-weight: 700;
  color: #ffd700;
  letter-spacing: 0.1em;
  text-shadow: 0 0 8px rgba(255, 215, 0, 0.5);
}

/* ── TICKER TRACK (berjalan) ── */
.ticker-track-wrap {
  flex: 1;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}

.ticker-track {
  display: flex;
  align-items: center;
  white-space: nowrap;
  animation: ticker-scroll 22s linear infinite;
}

.ticker-track-text {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #e5c97a;
  white-space: nowrap;
  letter-spacing: 0.01em;
}

@keyframes ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ============================================================
   FOOD CARD - PREMIUM REDESIGN
   Pewarnaan card makanan yang lebih keren & premium
   ============================================================ */

/* ============================================================
   FOOD CARD — CPU-EFFICIENT (no looping animations)
   Efek visual via static gradient + transition hover saja
   ============================================================ */

/* Wrapper: hapus border atas & animasinya */
/* ══════════════════════════════════════════
   FOOD CARD — CPU-LIGHT REDESIGN
   Optimasi: hapus box-shadow berlapis,
   hapus will-change, hapus inset-shadow,
   hapus filter drop-shadow, pakai
   border-color + opacity transition saja.
   Kompositing hanya 1 layer per card.
   ══════════════════════════════════════════ */

#mining-food-wrap {
  background: rgba(14,11,4,.88) !important;
  border: 1px solid rgba(170,125,20,.18) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  /* hapus box-shadow — tidak perlu repaint */
}
#mining-food-wrap::before { display: none !important; }

/* Base food button — tidak ada will-change, tidak ada overflow:hidden (layer mahal) */
.food-btn {
  border-radius: 12px !important;
  /* Hanya transisi border-color dan opacity — keduanya cheap, tidak trigger repaint */
  transition: border-color .15s ease, opacity .15s ease !important;
  will-change: auto !important;   /* matikan will-change agar tidak promosi layer */
  position: relative !important;
  overflow: visible !important;   /* overflow:hidden bikin stacking context baru */
  animation: none !important;
  box-shadow: none !important;
}

/* Hilangkan semua ::before dan ::after gradient (mahal di repaint) */
.food-btn::before,
.food-btn::after {
  display: none !important;
}

/* ── Card 1: MERAH — flat background, 1 border saja ── */
.food-btn:nth-child(1) {
  background: #1e0505 !important;
  border: 1px solid rgba(200,55,55,.35) !important;
}
.food-btn:nth-child(1):hover:not(:disabled) {
  border-color: rgba(220,80,80,.65) !important;
  opacity: .92 !important;
}

/* ── Card 2: HIJAU ── */
.food-btn:nth-child(2) {
  background: #021408 !important;
  border: 1px solid rgba(35,185,90,.32) !important;
}
.food-btn:nth-child(2):hover:not(:disabled) {
  border-color: rgba(50,210,100,.6) !important;
  opacity: .92 !important;
}

/* ── Card 3: BIRU ── */
.food-btn:nth-child(3) {
  background: #020a1c !important;
  border: 1px solid rgba(45,120,240,.32) !important;
}
.food-btn:nth-child(3):hover:not(:disabled) {
  border-color: rgba(65,150,255,.62) !important;
  opacity: .92 !important;
}

/* ── Card 4: UNGU ── */
.food-btn:nth-child(4) {
  background: #0e0320 !important;
  border: 1px solid rgba(155,60,235,.32) !important;
}
.food-btn:nth-child(4):hover:not(:disabled) {
  border-color: rgba(180,85,255,.6) !important;
  opacity: .92 !important;
}

/* Active press — pakai opacity saja, tidak ada transform (menghindari repaint) */
.food-btn:active:not(:disabled) {
  opacity: .75 !important;
  transition-duration: .06s !important;
}

/* Bought — cukup opacity + grayscale sekali */
.food-btn.food-btn-bought {
  opacity: .45 !important;
  filter: grayscale(.55) !important;
  animation: none !important;
  box-shadow: none !important;
}

/* Disabled/cooldown */
.food-btn:disabled:not(.food-btn-bought) {
  opacity: .5 !important;
  filter: grayscale(.3) !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}
.food-btn:nth-child(1):disabled:not(.food-btn-bought) { border-color: rgba(200,55,55,.2) !important; }
.food-btn:nth-child(2):disabled:not(.food-btn-bought) { border-color: rgba(35,185,90,.18) !important; }
.food-btn:nth-child(3):disabled:not(.food-btn-bought) { border-color: rgba(45,120,240,.18) !important; }
.food-btn:nth-child(4):disabled:not(.food-btn-bought) { border-color: rgba(155,60,235,.18) !important; }

/* Icon — tidak ada drop-shadow, tidak ada looping animation */
.food-icon {
  font-size: 24px !important;
  line-height: 1 !important;
  transition: none !important;  /* hapus transisi icon — tidak perlu */
  filter: none !important;       /* hapus drop-shadow */
}

/* Name */
.food-name {
  font-size: 10px !important;
  font-weight: 700 !important;
  color: rgba(230,215,190,.88) !important;
  letter-spacing: .02em !important;
}

/* Divider */
.food-meta {
  border-top: 1px solid rgba(255,255,255,.07) !important;
  padding-top: 4px !important;
}

/* Cost & energy */
.food-cost {
  font-size: 10px !important;
  font-weight: 800 !important;
  color: #f5c842 !important;
  letter-spacing: .03em !important;
}
.food-energy {
  font-size: 10px !important;
  font-weight: 800 !important;
  color: #5fffc8 !important;
  letter-spacing: .02em !important;
}

/* Cooldown timer */
.food-cd-text {
  font-size: 8px !important;
  color: rgba(195,170,120,.65) !important;
  font-family: 'Orbitron', monospace !important;
  letter-spacing: .05em !important;
}