@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;600;700;900&display=swap";.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.75rem;border-radius:var(--radius-md);font-weight:700;font-size:.95rem;cursor:pointer;position:relative;overflow:hidden;border:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s cubic-bezier(.25,.46,.45,.94),background .3s ease;will-change:transform}.btn:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;transform:skew(-20deg)}.btn:hover:before{left:120%}.btn:active{transform:scale(.97) translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#00a3cc 100%);color:var(--bg-main);box-shadow:0 4px 20px #00d2ff59,inset 0 1px #ffffff40}.btn-primary:hover{background:linear-gradient(135deg,#00e5ff 0%,var(--primary) 100%);box-shadow:0 8px 35px #00d2ff80,0 0 40px #00d2ff33,inset 0 1px #ffffff4d;transform:translateY(-3px) scale(1.02)}.btn-primary:active{box-shadow:0 4px 15px #00d2ff66,inset 0 2px 4px #0000001a}.btn-secondary{background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-main);border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 15px #0003,inset 0 1px #ffffff14}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 8px 30px #0000004d,0 0 20px #00d2ff1a,inset 0 1px #ffffff1f;transform:translateY(-3px)}.btn-ghost{background:transparent;color:var(--text-muted);padding:.75rem 1.25rem}.btn-ghost:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:all .4s cubic-bezier(.34,1.56,.64,1);transform:translate(-50%);border-radius:2px}.btn-ghost:hover{color:var(--text-main);background:#ffffff08}.btn-ghost:hover:after{width:60%}.btn-accent{background:linear-gradient(135deg,var(--accent-gold) 0%,#e5a600 100%);color:#1a1a2e;box-shadow:0 4px 20px #ffb80059,inset 0 1px #fff6}.btn-accent:hover{background:linear-gradient(135deg,#ffcc00 0%,var(--accent-gold) 100%);box-shadow:0 8px 35px #ffb80080,0 0 40px #ffb80033,inset 0 1px #ffffff80;transform:translateY(-3px) scale(1.02)}.btn-danger{background:linear-gradient(135deg,var(--accent-red) 0%,#e53935 100%);color:#fff;box-shadow:0 4px 20px #ff4b2b59,inset 0 1px #fff3}.btn-danger:hover{box-shadow:0 8px 30px #ff4b2b80,inset 0 1px #ffffff40;transform:translateY(-3px)}.btn-success{background:linear-gradient(135deg,var(--accent-green) 0%,#00c853 100%);color:#1a1a2e;box-shadow:0 4px 20px #00f26059,inset 0 1px #ffffff4d}.btn-success:hover{box-shadow:0 8px 30px #00f26080,inset 0 1px #fff6;transform:translateY(-3px)}.btn-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent-gold));background-size:200% 200%;color:#fff;animation:gradient-shift 5s ease infinite;box-shadow:0 4px 25px #9d50bb66}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn-gradient:hover{box-shadow:0 8px 40px #9d50bb80,0 0 30px #00d2ff4d;transform:translateY(-3px) scale(1.02)}.btn-lg{padding:1.125rem 2.5rem;font-size:1.1rem;border-radius:var(--radius-lg);gap:1rem}.btn-sm{padding:.5rem 1.25rem;font-size:.85rem;gap:.5rem;border-radius:var(--radius-sm)}.btn-xs{padding:.375rem .875rem;font-size:.75rem;gap:.375rem;border-radius:6px}.btn-icon{width:44px;height:44px;padding:0;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted)}.btn-icon:hover{background:#ffffff1a;color:var(--text-main);border-color:#fff3;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #0000004d}.btn-icon.btn-sm{width:36px;height:36px}.btn-icon.btn-lg{width:56px;height:56px}.btn-pill{border-radius:var(--radius-full)}.btn-loading{pointer-events:none;opacity:.8}.btn-loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btn-spin .8s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:disabled:before,.btn.disabled:before{display:none}.btn-group{display:inline-flex;gap:0}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.btn-pulse{animation:btn-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes btn-pulse{0%,to{box-shadow:0 4px 20px #00d2ff59,0 0 #00d2ff66}50%{box-shadow:0 4px 20px #00d2ff59,0 0 0 12px #00d2ff00}}.tooltip-trigger{position:relative;display:inline-flex}.progress-ring{transform:rotate(-90deg);filter:drop-shadow(0 0 8px currentColor)}.progress-ring-bg{fill:none;stroke:#ffffff14}.progress-ring-fill{fill:none;stroke:var(--accent-primary, #a855f7);stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 0 6px currentColor)}.pulse-button{position:relative;overflow:visible}.pulse-button:before{content:"";position:absolute;inset:-4px;background:inherit;border-radius:inherit;opacity:.4;animation:pulse-ring-premium 2.5s cubic-bezier(.455,.03,.515,.955) infinite;z-index:-1;filter:blur(2px)}.pulse-button:after{content:"";position:absolute;inset:-8px;background:inherit;border-radius:inherit;opacity:.2;animation:pulse-ring-premium 2.5s cubic-bezier(.455,.03,.515,.955) infinite .3s;z-index:-2;filter:blur(4px)}@keyframes pulse-ring-premium{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:0}}.floating-action-container{position:fixed;bottom:24px;right:24px;z-index:999}.floating-action-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary, #a855f7),var(--accent-secondary, #3b82f6));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 25px #a855f780,0 0 #a855f766,inset 0 1px #fff3;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.floating-action-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);transform:translate(-100%);transition:transform .5s ease}.floating-action-btn:hover{transform:scale(1.15) rotate(10deg);box-shadow:0 12px 35px #a855f799,0 0 50px #a855f74d,inset 0 1px #ffffff4d}.floating-action-btn:hover:before{transform:translate(100%)}.floating-action-btn:active{transform:scale(1.05) rotate(0)}.confetti-button{position:relative;overflow:visible}.confetti-button:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%) skew(-15deg);transition:transform .6s ease}.confetti-button:hover:before{transform:translate(200%) skew(-15deg)}.help-bubble{animation:bubble-appear .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #00000080,0 0 30px #3b82f61a,inset 0 1px #ffffff1a}@keyframes bubble-appear{0%{opacity:0;transform:scale(.8) translateY(15px);filter:blur(10px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.onboarding-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.onboarding-step-indicator{display:flex;gap:6px;justify-content:center;margin-top:20px}.onboarding-step-dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s ease}.onboarding-overlay{-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);background:#0009}.onboarding-step-indicator{display:flex;gap:8px;justify-content:center;margin-top:24px}.onboarding-step-dot{width:10px;height:10px;border-radius:50%;background:#ffffff26;transition:all .5s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.onboarding-step-dot:hover{background:#ffffff4d;transform:scale(1.2)}.onboarding-step-dot.active{background:linear-gradient(135deg,var(--accent-primary, #a855f7),var(--accent-secondary, #3b82f6));width:32px;border-radius:5px;box-shadow:0 0 15px #a855f780}.onboarding-step-dot.completed{background:linear-gradient(135deg,var(--accent-green, #22c55e),#00c853);box-shadow:0 0 10px #22c55e66}.daily-tip-banner{animation:banner-slide-premium .6s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes banner-slide-premium{0%{opacity:0;transform:translateY(-100%) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.motivational-popup{animation:popup-premium .5s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 60px #00000080,0 0 40px #a855f726}@keyframes popup-premium{0%{opacity:0;transform:translate(-50%) scale(.4) translateY(80px);filter:blur(15px)}60%{transform:translate(-50%) scale(1.08) translateY(-15px);filter:blur(0)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.interactive-card{transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.interactive-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.interactive-card:after{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(0,210,255,.06),transparent 40%);opacity:0;transition:opacity .4s ease;pointer-events:none}.interactive-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 50px #0006,0 0 30px #00d2ff14}.interactive-card:hover:before,.interactive-card:hover:after{opacity:1}.skeleton{position:relative;background:#ffffff08;overflow:hidden}.skeleton:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 20%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.03) 80%,transparent 100%);animation:skeleton-premium 1.8s ease-in-out infinite}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);animation:skeleton-shine 2.5s ease-in-out infinite}@keyframes skeleton-premium{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes skeleton-shine{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(200%) skew(-15deg)}}.interactive-focus:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px var(--accent-primary, #a855f7),0 0 20px #a855f74d}.ripple-container{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4),transparent 70%);transform:scale(0);animation:ripple-premium .8s ease-out forwards;pointer-events:none}@keyframes ripple-premium{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}.toggle-switch{position:relative;width:52px;height:28px;background:#ffffff1a;border-radius:14px;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.1)}.toggle-switch.active{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 0 20px #00d2ff4d}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0000004d}.toggle-switch.active:after{left:calc(100% - 24px)}.chip-premium{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;transition:all .3s ease}.chip-premium:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.chip-premium.active{background:linear-gradient(135deg,#00d2ff33,#9d50bb33);border-color:var(--primary);color:var(--primary)}.dropdown-premium{background:#161b22f2;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 25px 60px #00000080,0 0 40px #00d2ff0d;animation:dropdown-appear .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{padding:.875rem 1.25rem;transition:all .2s ease;cursor:pointer}.dropdown-item:hover{background:#ffffff0d;padding-left:1.5rem}@keyframes aurora-glow{0%,to{box-shadow:0 0 20px #00d2ff4d,0 0 40px #00d2ff1a,inset 0 0 20px #00d2ff0d}33%{box-shadow:0 0 20px #9d50bb4d,0 0 40px #9d50bb1a,inset 0 0 20px #9d50bb0d}66%{box-shadow:0 0 20px #ffb8004d,0 0 40px #ffb8001a,inset 0 0 20px #ffb8000d}}@keyframes luxe-shimmer{0%{background-position:-200% 0;opacity:0}50%{opacity:1}to{background-position:200% 0;opacity:0}}@keyframes magnetic-float{0%,to{transform:translateY(0) rotateX(0) rotateY(0)}25%{transform:translateY(-8px) rotateX(2deg) rotateY(-1deg)}50%{transform:translateY(-12px) rotateX(0) rotateY(2deg)}75%{transform:translateY(-6px) rotateX(-2deg) rotateY(-1deg)}}@keyframes breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.95}}@keyframes orbit-glow{0%{background-position:0% 50%;filter:hue-rotate(0deg)}50%{background-position:100% 50%;filter:hue-rotate(15deg)}to{background-position:0% 50%;filter:hue-rotate(0deg)}}@keyframes liquid-morph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 60% 70% 40%}75%{border-radius:60% 40% 60% 30%/70% 30% 50% 60%}}@keyframes reveal-slide{0%{opacity:0;transform:translateY(30px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes spotlight-sweep{0%{opacity:0;transform:translate(-100%) skew(-15deg)}50%{opacity:.6}to{opacity:0;transform:translate(200%) skew(-15deg)}}@keyframes ripple-expand{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes text-gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes particle-rise{0%{opacity:0;transform:translateY(20px) scale(0)}20%{opacity:1;transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-40px) scale(.5)}}@keyframes border-flow{0%{background-position:0% 50%}to{background-position:300% 50%}}.transition-premium{transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .4s cubic-bezier(.25,.46,.45,.94),background .5s cubic-bezier(.25,.46,.45,.94),border-color .3s ease,opacity .3s ease}.transition-elastic{transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}.transition-smooth{transition:all .7s cubic-bezier(.4,0,0,1)}.transition-silk{transition:all .8s cubic-bezier(.16,1,.3,1)}.glass-premium{background:#ffffff05;backdrop-filter:blur(40px) saturate(200%) brightness(1.05);-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.05);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.1);box-shadow:0 25px 60px #00000080,0 10px 20px #0000004d,inset 0 1px #ffffff1a,inset 0 0 30px #ffffff05;position:relative;overflow:hidden}.glass-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);opacity:.7}.glass-premium:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.glass-frost{background:linear-gradient(135deg,#ffffff0d,#ffffff05,#0000000d);backdrop-filter:blur(60px) saturate(180%);-webkit-backdrop-filter:blur(60px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 32px 64px #0006,inset 0 0 0 1px #ffffff0d}.hover-lift{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}.hover-lift:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px #0000004d,0 0 30px #00d2ff1a}.hover-glow:hover{box-shadow:0 0 30px #00d2ff4d,0 0 60px #00d2ff1a,0 10px 40px #0000004d}.hover-aurora:hover{animation:aurora-glow 3s ease-in-out infinite}.hover-shine{position:relative;overflow:hidden}.hover-shine:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.hover-shine:hover:before{left:150%}.card-3d-premium{perspective:1500px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.23,1,.32,1)}.card-3d-premium:hover{transform:rotateX(5deg) rotateY(-5deg) translateZ(20px)}.card-depth{position:relative;transform-style:preserve-3d}.card-depth:before{content:"";position:absolute;inset:0;background:inherit;border-radius:inherit;filter:blur(20px);opacity:0;transform:translateZ(-30px);transition:opacity .5s ease,transform .5s ease}.card-depth:hover:before{opacity:.4;transform:translateZ(-50px) scale(.95)}.gradient-border-animated{position:relative;background:var(--bg-surface);border-radius:var(--radius-lg);z-index:1}.gradient-border-animated:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent-gold),var(--primary));background-size:300% 100%;animation:border-flow 4s linear infinite;z-index:-1;opacity:0;transition:opacity .4s ease}.gradient-border-animated:hover:before{opacity:1}.btn-premium{position:relative;padding:1rem 2rem;border:none;border-radius:var(--radius-lg);font-weight:700;font-size:1rem;cursor:pointer;overflow:hidden;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:0 4px 15px #00d2ff4d,inset 0 1px #fff3;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.btn-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-premium:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #00d2ff66,0 0 40px #00d2ff33,inset 0 1px #ffffff4d}.btn-premium:active{transform:translateY(-1px) scale(.98)}.btn-ripple{position:relative;overflow:hidden}.btn-ripple .ripple{position:absolute;border-radius:50%;background:#fff6;animation:ripple-expand .6s ease-out;pointer-events:none}.text-gradient-premium{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 50%,var(--accent-gold) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:text-gradient-flow 5s ease infinite}.text-glow{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 40px currentColor}.text-shimmer{position:relative;display:inline-block}.text-shimmer:after{content:attr(data-text);position:absolute;left:0;top:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 50%,transparent 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:luxe-shimmer 3s ease-in-out infinite}.animate-reveal{animation:reveal-slide .8s cubic-bezier(.16,1,.3,1) forwards}.animate-float-premium{animation:magnetic-float 6s ease-in-out infinite}.animate-breathe{animation:breathe 4s ease-in-out infinite}.animate-liquid{animation:liquid-morph 15s ease-in-out infinite}.stagger-children>*{opacity:0;animation:reveal-slide .6s cubic-bezier(.16,1,.3,1) forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.stagger-children>*:nth-child(9){animation-delay:.45s}.stagger-children>*:nth-child(10){animation-delay:.5s}.skeleton-premium{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--bg-surface) 0%,var(--bg-surface-lighter) 50%,var(--bg-surface) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-premium:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:spotlight-sweep 2s ease-in-out infinite}.scrollbar-premium{scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.scrollbar-premium::-webkit-scrollbar{width:6px}.scrollbar-premium::-webkit-scrollbar-track{background:transparent}.scrollbar-premium::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:10px}.scrollbar-premium::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-dark),var(--secondary-dark))}.focus-ring-premium:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px var(--primary),0 0 20px #00d2ff4d}.input-premium{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.25rem;color:var(--text-main);font-size:1rem;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.input-premium:focus{outline:none;border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 0 3px #00d2ff1a,0 0 20px #00d2ff1a}.input-premium::placeholder{color:var(--text-dim);transition:opacity .3s ease}.input-premium:focus::placeholder{opacity:.5}.badge-premium{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#00d2ff26,#9d50bb26);border:1px solid rgba(0,210,255,.3);color:var(--primary);box-shadow:0 4px 15px #00d2ff1a;transition:all .3s ease}.badge-premium:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d2ff33}.divider-premium{height:1px;background:linear-gradient(90deg,transparent,var(--border),rgba(0,210,255,.3),var(--border),transparent);margin:2rem 0}.tooltip-premium{background:#0a0b10f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.875rem;color:var(--text-main);box-shadow:0 10px 40px #00000080,0 0 20px #00d2ff1a;animation:reveal-slide .3s cubic-bezier(.16,1,.3,1)}.notification-premium{background:#161b22f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-left:4px solid var(--primary);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:0 20px 50px #0006,0 0 30px #00d2ff1a;animation:reveal-slide .5s cubic-bezier(.16,1,.3,1)}.particles-container{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.particle{position:absolute;width:4px;height:4px;background:var(--primary);border-radius:50%;opacity:.3;animation:particle-rise 8s linear infinite}.particle:nth-child(1){left:10%;animation-delay:0s}.particle:nth-child(2){left:20%;animation-delay:1s}.particle:nth-child(3){left:30%;animation-delay:2s}.particle:nth-child(4){left:40%;animation-delay:3s}.particle:nth-child(5){left:50%;animation-delay:4s}.particle:nth-child(6){left:60%;animation-delay:5s}.particle:nth-child(7){left:70%;animation-delay:6s}.particle:nth-child(8){left:80%;animation-delay:7s}.particle:nth-child(9){left:90%;animation-delay:.5s}.particle:nth-child(10){left:95%;animation-delay:1.5s}.spotlight-cursor{position:relative;overflow:hidden}.spotlight-cursor:before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(0,210,255,.1) 0%,transparent 70%);pointer-events:none;opacity:0;transition:opacity .3s ease;transform:translate(-50%,-50%)}.spotlight-cursor:hover:before{opacity:1}.progress-premium{height:8px;background:#ffffff0d;border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-premium-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full);position:relative;transition:width 1s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 20px var(--primary-glow)}.progress-premium-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:spotlight-sweep 2s ease-in-out infinite}.modal-backdrop-premium{background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .3s ease}.modal-content-premium{background:#161b22f2;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);box-shadow:0 50px 100px #0009,0 0 50px #00d2ff1a,inset 0 1px #ffffff1a;animation:reveal-slide .5s cubic-bezier(.16,1,.3,1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dashboard-aurora-bg{position:absolute;top:0;left:0;right:0;height:60vh;overflow:hidden;pointer-events:none;z-index:0;opacity:.5;mask-image:linear-gradient(to bottom,#000,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%)}.dashboard-aurora-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(0,210,255,.15),transparent),radial-gradient(ellipse 60% 40% at 30% 10%,rgba(157,80,187,.1),transparent),radial-gradient(ellipse 70% 45% at 70% 5%,rgba(255,184,0,.08),transparent);animation:aurora-pulse 8s ease-in-out infinite}@keyframes aurora-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.world-map-particles{opacity:.6}.hover-glow{position:relative;overflow:visible}.hover-glow:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:inherit;opacity:0;z-index:-1;filter:blur(12px);transition:opacity .3s ease}.hover-glow:hover:before{opacity:.6}.sound-toggle{position:relative}.sound-toggle:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at center,var(--primary) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.sound-toggle:hover:after{opacity:.2}.float-slow{animation:magnetic-float 6s ease-in-out infinite}.float-medium{animation:magnetic-float 4s ease-in-out infinite}.float-fast{animation:magnetic-float 3s ease-in-out infinite}.pulse-glow{animation:pulse-glow-anim 2s ease-in-out infinite}@keyframes pulse-glow-anim{0%,to{box-shadow:0 0 20px #00d2ff4d}50%{box-shadow:0 0 40px #00d2ff80,0 0 60px #00d2ff33}}@media(max-width:768px){.dashboard-aurora-bg,.world-map-particles{display:none}.hover-glow:before{display:none}}:root[data-theme=light]{color-scheme:light;--bg-main: #f3f5fa;--bg-surface: #ffffff;--bg-surface-lighter: #eceff5;--bg-secondary: #ffffff;--text-main: #11151c;--text-primary: #11151c;--text-muted: #5b6573;--text-dim: #93a0b0;--border: #dfe4ec;--border-color: #dfe4ec;--border-light: rgba(0, 0, 0, .06);--border-hover: #bbc4d0;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06), 0 0 1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08), 0 1px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .05);--shadow-glow: 0 0 20px rgba(0, 150, 200, .12);--shadow-premium: 0 16px 48px rgba(0, 0, 0, .1), 0 0 24px rgba(0, 150, 200, .05);--shadow-hover: 0 20px 56px rgba(0, 0, 0, .12), 0 0 32px rgba(0, 150, 200, .08);--primary: #00b8e6;--primary-dark: #006e99;--primary-glow: rgba(0, 184, 230, .15);--secondary: #9d50bb;--secondary-dark: #5a2a6b;--secondary-glow: rgba(157, 80, 187, .12);--accent-gold: #b87e00;--accent-red: #c0290e;--accent-green: #167a3c;--accent-primary: #6d2fc2;--accent-secondary: #1d5cb8;--transition: all .3s cubic-bezier(.25, .46, .45, .94);--transition-fast: all .2s cubic-bezier(.25, .46, .45, .94);--transition-bounce: all .5s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: all .6s cubic-bezier(.16, 1, .3, 1);--glass-blur: 16px;--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(0, 0, 0, .08);--glass-shadow: rgba(100, 120, 160, .15);--shadow-premium-sm: 0 1px 4px rgba(0, 0, 0, .06), 0 0 1px rgba(0, 0, 0, .04);--shadow-premium-md: 0 4px 16px rgba(0, 0, 0, .08), 0 0 2px rgba(0, 0, 0, .04);--shadow-premium-lg: 0 8px 32px rgba(0, 0, 0, .1), 0 0 4px rgba(0, 0, 0, .04);--shadow-premium-xl: 0 16px 56px rgba(0, 0, 0, .12), 0 0 8px rgba(0, 0, 0, .05);--glow-blue: 0 0 16px rgba(0, 184, 230, .25), 0 0 32px rgba(0, 184, 230, .12);--glow-purple: 0 0 16px rgba(157, 80, 187, .25), 0 0 32px rgba(157, 80, 187, .12);--glow-gold: 0 0 16px rgba(184, 126, 0, .3), 0 0 32px rgba(184, 126, 0, .15)}[data-theme=light] .glass,[data-theme=light] .glass-card,[data-theme=light] .glass-card-intense,[data-theme=light] .glass-panel,[data-theme=light] .glass-premium,[data-theme=light] .glass-frost{background:#ffffffa6;border-color:#00000014;box-shadow:0 4px 20px #0000000f,inset 0 0 0 1px #ffffffe6}[data-theme=light] .glass:hover,[data-theme=light] .glass-card:hover{background:#fffc;border-color:#0000001f;box-shadow:0 8px 32px #00000014,inset 0 0 0 1px #fff;transform:translateY(-2px)}[data-theme=light] body{background:var(--bg-main);color:var(--text-main)}[data-theme=light] body:before{background:radial-gradient(circle at 20% 30%,rgba(0,184,230,.07) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(157,80,187,.06) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(0,184,230,.05) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.02) 0%,transparent 30%)}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] .font-heading{color:var(--text-main)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=light] .skeleton-premium{background:linear-gradient(90deg,var(--bg-surface) 0%,var(--bg-surface-lighter) 50%,var(--bg-surface) 100%)}[data-theme=light] .input-premium{background:#00000008;border-color:var(--border);color:var(--text-main)}[data-theme=light] .input-premium::placeholder{color:var(--text-dim)}[data-theme=light] .input-premium:focus{background:#0000000a;border-color:var(--primary-dark);box-shadow:0 0 0 3px #00b8e61f,0 0 12px #00b8e614}[data-theme=light] .tooltip-premium{background:#fffffff7;border-color:var(--border);color:var(--text-main);box-shadow:0 8px 32px #0000001a,0 0 12px #0000000a}[data-theme=light] .notification-premium{background:#fffffff7;border-color:var(--border);border-left-color:var(--primary-dark);box-shadow:0 12px 40px #0000001a,0 0 20px #00b8e60f}[data-theme=light] .modal-content-premium{background:#fffffffa;border-color:var(--border);box-shadow:0 32px 80px #0000001f,0 0 40px #00b8e60d,inset 0 1px #fff}[data-theme=light] .modal-backdrop-premium{background:#11151c73}[data-theme=light] .overlay-premium{background:#11151c59}[data-theme=light] .progress-premium,[data-theme=light] .xp-bar-modern,[data-theme=light] .mini-bar{background:#00000014}[data-theme=light] .grid-pattern-premium{background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px)}[data-theme=light] .divider-premium{background:linear-gradient(90deg,transparent,var(--border),rgba(0,184,230,.2),var(--border),transparent)}[data-theme=light] .card-gradient-border,[data-theme=light] .card-gradient-border-content{background:#ffffffeb}[data-theme=light] .badge-premium{background:linear-gradient(135deg,#00b8e61a,#9d50bb1a);border-color:#00b8e640;color:var(--primary-dark)}[data-theme=light] .nav-item:hover{background:var(--bg-surface-lighter);color:var(--text-main)}[data-theme=light] .nav-item.active{background:#00b8e61a;color:var(--primary-dark)}[data-theme=light] .stat-card-modern{background:linear-gradient(135deg,#ffffffd9,#eceff5b3);border-color:var(--border);box-shadow:0 2px 10px #0000000d}[data-theme=light] .stat-card-modern:hover{background:linear-gradient(135deg,#fff,#eceff5e6);border-color:var(--primary-dark);box-shadow:0 8px 24px #00000014}[data-theme=light] .activity-item-modern{background:#00000006}[data-theme=light] .activity-item-modern:hover{background:#0000000a;border-color:var(--border)}[data-theme=light] .dashboard-hero-modern{background:linear-gradient(135deg,#eceff5fa,#eceff5d9);border-color:var(--border);box-shadow:0 8px 32px #00000014,inset 0 1px #fff}[data-theme=light] .hero-overlay{background:linear-gradient(90deg,rgba(243,245,250,1) 0%,rgba(243,245,250,.85) 40%,transparent 70%)}[data-theme=light] .hero-welcome{background:linear-gradient(135deg,#11151c,#2d3748);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:none}[data-theme=light] ::selection{background:#00b8e633;color:var(--primary-dark)}[data-theme=light] .dashboard-aurora-bg:after{background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(0,184,230,.06),transparent),radial-gradient(ellipse 60% 40% at 30% 10%,rgba(157,80,187,.04),transparent),radial-gradient(ellipse 70% 45% at 70% 5%,rgba(184,126,0,.03),transparent)}[data-theme=light] .particle{background:var(--primary-dark);opacity:.15}[data-theme=light] .focus-ring-premium:focus-visible,[data-theme=light] .premium-focus-ring:focus-visible{box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px var(--primary-dark),0 0 16px #006e9933}[data-theme=light] .scrollbar-premium::-webkit-scrollbar-track,[data-theme=light] .premium-scrollbar::-webkit-scrollbar-track{background:#0000000a}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] *:before,:root[data-reduced-motion=true] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}:root{--bg-main: #0a0b10;--bg-surface: #161b22;--bg-surface-lighter: #21262d;--primary: #00d2ff;--primary-dark: #00a3cc;--primary-glow: rgba(0, 210, 255, .3);--secondary: #9d50bb;--secondary-dark: #7a3e91;--secondary-glow: rgba(157, 80, 187, .3);--accent-gold: #ffb800;--accent-red: #ff4b2b;--accent-green: #00f260;--accent-primary: #a855f7;--accent-secondary: #3b82f6;--text-main: #ffffff;--text-primary: #ffffff;--text-muted: #8b949e;--text-dim: #484f58;--border: #30363d;--border-color: #30363d;--border-light: rgba(255, 255, 255, .1);--border-hover: #484f58;--bg-secondary: #161b22;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 8px 24px rgba(0, 0, 0, .25);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(0, 210, 255, .2);--shadow-premium: 0 25px 60px rgba(0, 0, 0, .5), 0 0 40px rgba(0, 210, 255, .08);--shadow-hover: 0 30px 70px rgba(0, 0, 0, .4), 0 0 50px rgba(0, 210, 255, .15);--transition: all .3s cubic-bezier(.25, .46, .45, .94);--transition-fast: all .2s cubic-bezier(.25, .46, .45, .94);--transition-bounce: all .5s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: all .6s cubic-bezier(.16, 1, .3, 1);--glass-blur: 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}::selection{background:var(--primary-glow);color:var(--primary)}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes mesh-pulse{0%{transform:scale(1) translate(0)}50%{transform:scale(1.2) translate(5%,5%)}to{transform:scale(1) translate(0)}}body{margin:0;padding:0;font-family:Inter,sans-serif;background:var(--bg-main);color:var(--text-main);min-height:100vh;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 30%,rgba(0,210,255,.15) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(157,80,187,.15) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(0,210,255,.1) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.05) 0%,transparent 30%);filter:blur(80px);animation:mesh-pulse 25s infinite ease-in-out;z-index:-1;pointer-events:none;will-change:transform}.glass{background:#ffffff08;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.15);box-shadow:0 4px 30px #0000001a,inset 0 0 0 1px #ffffff0d;border-radius:var(--radius-lg);transition:var(--transition-smooth);position:relative;overflow:hidden}.glass:hover{background:#ffffff0f;border-color:#fff3;box-shadow:0 20px 40px #0003,inset 0 0 0 1px #ffffff1a;transform:translateY(-2px)}.glass:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none;z-index:-1}.glass:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.015;mix-blend-mode:overlay;pointer-events:none}h1,h2,h3,h4,.font-heading{font-family:Outfit,sans-serif;font-weight:700;letter-spacing:-.015em;color:#fff}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:var(--transition);color:inherit}a{text-decoration:none;color:inherit}ul{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-full);transition:var(--transition)}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 #00d2ff66}50%{box-shadow:0 0 0 10px #00d2ff00}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 5px var(--primary))}50%{filter:drop-shadow(0 0 20px var(--primary))}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse{animation:pulse 3s infinite}.animate-bounce{animation:bounce 2s ease infinite}.animate-glow{animation:glow 3s ease-in-out infinite}.app-container{display:flex;min-height:100vh}.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.main-content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.sidebar{width:260px;height:100vh;display:flex;flex-direction:column;padding:1.5rem;position:sticky;top:0;border-right:1px solid var(--border);z-index:100}.sidebar-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:3rem;font-size:1.5rem;letter-spacing:-.5px}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.active-tab-bg{position:absolute;inset:0;border-radius:var(--radius-md);z-index:0;background-color:var(--primary-glow)}.nav-content{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border-radius:var(--radius-md);color:var(--text-muted);font-weight:500;width:100%;text-align:left;position:relative;overflow:hidden}.nav-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary);transition:var(--transition-bounce);transform:translate(-50%)}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 10px var(--accent-green);animation:indicatorPulse 2s infinite}@keyframes indicatorPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.nav-item:hover:after{width:60%}.nav-item:hover{background:var(--bg-surface-lighter);color:var(--text-main)}.nav-item.active{background:var(--primary-glow);color:var(--primary)}.sidebar-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border)}.user-mini-profile{display:flex;align-items:center;gap:.75rem}.avatar-ring{padding:2px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary))}.avatar{width:40px;height:40px;background:var(--bg-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary)}.user-name{font-weight:700;font-size:.95rem;color:var(--text-main)}.user-level{font-size:.75rem;color:var(--text-muted);font-weight:500}.header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:90;border-bottom:1px solid var(--border)}.search-bar{display:flex;align-items:center;gap:.75rem;background:var(--bg-surface);padding:.625rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);width:300px}.search-bar input{background:none;border:none;color:var(--text-main);outline:none;width:100%;font-size:.875rem}.header-stats{display:flex;align-items:center;gap:1.5rem}.stat-badge{display:flex;align-items:center;gap:.5rem;background:var(--bg-surface);padding:.5rem .875rem;border-radius:var(--radius-full);border:1px solid var(--border);font-weight:600;font-size:.875rem}.xp-container{width:200px}.xp-info{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;margin-bottom:.375rem;color:var(--text-muted)}.xp-bar-bg{height:6px;background:var(--bg-surface-lighter);border-radius:var(--radius-full);overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full);box-shadow:0 0 10px var(--primary-glow);transition:width .5s ease-out;position:relative;overflow:hidden}.xp-bar-fill:after{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:20px 20px;animation:moveStripes 2s linear infinite}@keyframes moveStripes{0%{background-position:0 0}to{background-position:40px 0}}.dashboard{display:flex;flex-direction:column;gap:1.75rem;padding:0 .5rem;max-width:1400px;margin:0 auto;width:100%}.dashboard-hero-modern{min-height:320px;border-radius:var(--radius-xl);position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#161b22f2,#161b22cc);box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff1a;overflow:hidden}.dashboard-hero-modern:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transform:skew(-20deg);animation:shine 8s infinite linear;pointer-events:none}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.hero-background{position:absolute;top:0;right:0;width:60%;height:100%;z-index:0;overflow:hidden}.hero-background img{width:100%;height:100%;object-fit:cover;object-position:center right;mask-image:linear-gradient(to left,#000 30%,#0000);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,17,23,1) 0%,rgba(13,17,23,.85) 40%,transparent 70%);pointer-events:none}.hero-content{position:relative;z-index:2;padding:2.5rem 2.5rem 2.5rem 3rem;max-width:100%;display:flex;flex-direction:column;gap:.75rem}@media(max-width:900px){.dashboard-hero-modern{grid-template-columns:1fr;min-height:auto}.hero-background{width:100%;opacity:.3}.hero-overlay{background:#0d1117d9}.hero-content{padding:2rem}}.hero-badges{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.rank-badge,.tier-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:var(--radius-full);border:1px solid;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.hero-welcome{font-size:clamp(2rem,5vw,3rem);margin:0;line-height:1.1;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.hero-subtitle{font-size:.95rem;color:var(--text-muted);margin:.25rem 0 .75rem;line-height:1.5;max-width:380px}.hero-stats-row{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin-top:.5rem}.streak-badge-modern{display:flex;align-items:center;gap:.75rem;background:#ffffff0a;padding:.6rem 1.1rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.streak-info{display:flex;flex-direction:column;gap:.1rem}.streak-num{font-size:1.25rem;font-weight:800;color:var(--accent-gold);line-height:1}.streak-text{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.3px}.hero-stats-row .btn{padding:.7rem 1.4rem;font-size:.85rem}.xp-section-modern{padding:1.5rem 2rem;border-radius:var(--radius-xl);background:linear-gradient(135deg,#161b2299,#161b2266);border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 12px #0003}.xp-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.xp-title-group{display:flex;align-items:center;gap:.5rem}.xp-label{font-size:.9rem;font-weight:600}.xp-value{font-size:.85rem;color:var(--text-muted);font-weight:600}.xp-icon{color:var(--primary)}.xp-total{opacity:.5;font-size:.875rem}.xp-bar-container{margin-top:1.5rem}.xp-bar-modern{height:16px;background:#ffffff0d;border-radius:var(--radius-full);overflow:hidden;position:relative;border:1px solid var(--border)}.xp-fill-modern{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--primary));background-size:200% 100%;animation:shimmerGradient 3s linear infinite;border-radius:var(--radius-full);position:relative;transition:width 1s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 15px var(--primary-glow)}@keyframes shimmerGradient{0%{background-position:100% 0}to{background-position:-100% 0}}.xp-fill-modern:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:progressShimmer 2s infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.xp-markers{display:flex;justify-content:space-between;margin-top:.75rem}.marker{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.stats-grid-modern{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:1100px){.stats-grid-modern{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stats-grid-modern{grid-template-columns:1fr 1fr;gap:.75rem}}.stat-card-modern{padding:1.25rem 1.5rem;border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all .25s ease;border:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,#161b2280,#161b224d);box-shadow:0 4px 12px #0003}.stat-card-modern:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000004d;background:linear-gradient(135deg,#ffffff14,#161b2299);border-color:#fff3}.stat-card-modern:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-lg);background:radial-gradient(400px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.06),transparent 40%);opacity:0;transition:opacity .3s;pointer-events:none}.stat-card-modern:hover:before{opacity:1}.stat-card-modern:hover{transform:translateY(-4px)}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.1rem}.stat-card-bg-icon{position:absolute;top:-10px;right:-10px;font-size:5rem;opacity:.05;transform:rotate(15deg);pointer-events:none}.stat-main{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.stat-icon-box{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 8px #ffffff0a}.stat-data{display:flex;flex-direction:column;gap:.15rem;min-width:0}.stat-label{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.stat-value{font-size:1.75rem;font-weight:800;line-height:1}.animated-number{display:inline-block}.dashboard-content{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start}@media(max-width:1024px){.dashboard-content{grid-template-columns:1fr}}@media(max-width:600px){.dashboard-content{gap:1rem}}.text-center{text-align:center}.p-8{padding:2rem}.opacity-70{opacity:.7}.text-sm{font-size:.875rem}.mt-2{margin-top:.5rem}.main-column{display:flex;flex-direction:column;gap:1.5rem}.side-column{display:flex;flex-direction:column;gap:1rem}.side-column section{min-height:180px}.featured-mission-modern{padding:1.75rem 2rem;border-radius:var(--radius-xl);position:relative;overflow:hidden;background:linear-gradient(135deg,#00d2ff14,#9d50bb0f);border:1px solid rgba(0,210,255,.15);box-shadow:0 4px 20px #00d2ff14,inset 0 1px #ffffff0a}.featured-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.featured-header span{font-size:.8rem;color:var(--accent-gold);font-weight:600}.featured-badge-modern{background:var(--primary);color:var(--bg-main);padding:.35rem .9rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.world-badge-small{background:#ffffff0d;padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;border:1px solid var(--border)}.featured-body{display:flex;flex-direction:column;gap:1rem}.featured-body h2{font-size:1.35rem;margin:0;line-height:1.3}.featured-body p{font-size:.9rem;color:var(--text-muted);margin:0;line-height:1.5}.featured-body .btn{margin-top:.5rem}.featured-desc{font-size:1rem;color:var(--text-main);margin-bottom:.25rem}.featured-narrative{color:var(--accent-gold);font-size:.875rem;opacity:.9}.featured-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.featured-rewards{display:flex;gap:1.5rem}.reward-item{font-weight:700;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.progress-section-modern .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.completion-summary{font-size:.875rem;font-weight:700;color:var(--primary);background:var(--primary-glow);padding:.25rem .75rem;border-radius:var(--radius-full)}.progress-section-modern h2{font-size:1.1rem;margin-bottom:1rem}.progress-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.progress-card-modern{padding:1.25rem;display:flex;align-items:center;gap:1rem;border-radius:var(--radius-lg);transition:all .2s ease;border:1px solid rgba(255,255,255,.06);background:#161b2266}.progress-card-modern:hover{transform:translate(3px);border-color:#00d2ff40;background:#161b228c}.progress-card-modern h4{font-size:.9rem;margin:0 0 .2rem;line-height:1.3}.progress-card-modern span{font-size:.8rem;color:var(--text-muted)}.progress-ring-container{position:relative;display:flex;align-items:center;justify-content:center}.progress-icon-center{position:absolute;font-size:1.25rem}.world-progress-details h4{font-size:1rem;margin-bottom:.25rem}.progress-stats-small{display:flex;align-items:center;gap:.75rem}.percent-text{font-size:1.25rem;font-weight:800;color:var(--primary)}.missions-count{font-size:.75rem;color:var(--text-muted);font-weight:600}.activity-feed-modern{padding:1.25rem 1.5rem;border-radius:var(--radius-xl);background:linear-gradient(135deg,#161b2280,#161b224d);border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 8px #00000026}.activity-feed-modern h3{margin:0 0 1rem;font-size:1rem}.activity-list-modern{display:flex;flex-direction:column;gap:.5rem}.activity-item-modern{display:flex;gap:.75rem;padding:.75rem;background:#ffffff05;border-radius:var(--radius-md);border:1px solid transparent;transition:all .2s ease}.activity-item-modern>span{font-size:1rem;flex-shrink:0}.activity-item-modern>div{display:flex;flex-direction:column;gap:.1rem;min-width:0}.activity-item-modern>div>p:first-child{font-size:.8rem;font-weight:600;margin:0;color:var(--text-main)}.activity-item-modern>div>p:last-child{font-size:.75rem;margin:0;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-item-modern:hover{background:#ffffff0a;border-color:#ffffff14}.activity-icon-circle{width:40px;height:40px;background:var(--bg-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.activity-content-modern{flex:1}.activity-action-modern{font-weight:700;font-size:.875rem;margin-bottom:.125rem}.activity-detail-modern{color:var(--text-muted);font-size:.8125rem;margin-bottom:.5rem}.activity-time-modern{display:flex;align-items:center;gap:.375rem;color:var(--text-dim);font-size:.75rem;font-weight:600}.quick-stats-modern{padding:2rem;border-radius:var(--radius-xl)}.quick-stats-modern h3{margin-bottom:1.5rem}.quick-stats-list{display:flex;flex-direction:column;gap:1.25rem}.quick-stat-row{display:flex;flex-direction:column;gap:.5rem}.stat-name{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-value-group{display:flex;align-items:center;gap:1rem}.stat-val{font-size:1.125rem;font-weight:800;color:var(--primary)}.mini-bar{flex:1;height:6px;background:#ffffff0d;border-radius:var(--radius-full);overflow:hidden}.mini-fill{height:100%;background:var(--primary);border-radius:var(--radius-full)}.worlds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.world-card{border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border)}.world-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 12px 40px #0000004d}.world-card-image{height:180px;position:relative;overflow:hidden}.world-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.world-card:hover .world-card-image img{transform:scale(1.1)}.world-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.7))}.world-icon-badge{position:absolute;bottom:1rem;right:1rem;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 12px #0000004d;z-index:2}.world-info{padding:1.5rem;flex:1}.world-info h2{font-size:1.5rem;margin-bottom:.25rem}.world-info .subtitle{color:var(--primary);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.world-info .description{color:var(--text-muted);font-size:.875rem;line-height:1.5}.world-footer{padding:1rem 1.5rem;background:#ffffff05;border-top:1px solid var(--border)}.world-card.locked{opacity:.7;filter:grayscale(.5)}.world-card.locked .world-card-image img{filter:blur(2px)}.lock-icon{position:absolute;top:1rem;left:1rem;color:#fff;z-index:2;background:#00000080;padding:.5rem;border-radius:50%}.world-hero-modern{min-height:280px;max-height:400px;border-radius:var(--radius-xl);overflow:hidden;position:relative;margin-bottom:3rem;display:flex;align-items:flex-end;padding:2rem 2.5rem}.world-hero-image{position:absolute;inset:0;z-index:0}.world-hero-image img{width:100%;height:100%;object-fit:cover}.world-hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,#000000e6 30%,#00000080 70%,#0000004d)}.world-hero-content{position:relative;z-index:1;max-width:60%;overflow:hidden}.world-arc-badge{display:inline-block;padding:.4rem .8rem;background:var(--primary);color:var(--bg-main);border-radius:var(--radius-full);font-weight:800;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.world-hero-content h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:.75rem;line-height:1.1}.world-prologue-text{font-size:clamp(.85rem,1.5vw,1rem);color:var(--text-main);line-height:1.5;font-style:italic;opacity:.9;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.world-hero-modern{min-height:220px;padding:1.5rem;flex-direction:column;align-items:flex-start;justify-content:flex-end}.world-hero-content{max-width:100%}.world-hero-overlay{background:linear-gradient(to top,#000000f2 40%,#0000004d)}.world-prologue-text{-webkit-line-clamp:4}}.missions-timeline{display:flex;flex-direction:column;gap:0;max-width:900px;margin:0 auto;padding-left:2rem}.mission-timeline-item{position:relative;padding-bottom:3rem;padding-left:3rem}.mission-timeline-item:last-child{padding-bottom:0}.timeline-connector{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--border);z-index:0}.mission-timeline-item.completed .timeline-connector{background:var(--accent-green)}.mission-timeline-item:last-child .timeline-connector{display:none}.mission-card-modern{display:flex;align-items:center;padding:1.5rem 2rem;gap:2rem;border-radius:var(--radius-lg);position:relative;z-index:1;transition:var(--transition)}.mission-card-modern:hover{transform:translate(10px);border-color:var(--primary)}.mission-status-icon{position:absolute;left:-46px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:var(--bg-main);border:4px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.mission-timeline-item.completed .mission-status-icon{border-color:var(--accent-green);background:var(--accent-green);color:#fff}.mission-chapter-circle{font-weight:800;font-size:.875rem}.mission-main-info{flex:1}.mission-meta-top{display:flex;justify-content:space-between;margin-bottom:.5rem}.chapter-label{font-size:.75rem;font-weight:700;color:var(--primary);text-transform:uppercase}.level-req{font-size:.75rem;color:var(--accent-red);font-weight:600}.mission-main-info h3{font-size:1.25rem;margin-bottom:.5rem}.mission-main-info p{color:var(--text-muted);font-size:.875rem;line-height:1.5}.mission-actions-right{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.mission-rewards-small{display:flex;gap:.75rem;font-size:.875rem;font-weight:700}.play-btn-modern{padding:.625rem 1.5rem;background:var(--primary);color:var(--bg-main);border-radius:var(--radius-md);font-weight:700;font-size:.875rem;transition:var(--transition)}.play-btn-modern:hover:not(.disabled){background:var(--secondary);transform:scale(1.05)}.play-btn-modern.disabled{background:var(--border);color:var(--text-dim);cursor:not-allowed}.mission-detail{max-width:1100px;margin:0 auto}.back-link{color:var(--text-muted);margin-bottom:2rem;font-weight:600;display:block;transition:var(--transition)}.back-link:hover{color:var(--primary);transform:translate(-5px)}.mission-header{margin-bottom:2.5rem;background:linear-gradient(to right,rgba(0,210,255,.1),transparent);padding:2rem;border-radius:var(--radius-lg);border-left:4px solid var(--primary)}.mission-chapter-badge{display:inline-block;padding:.25rem .75rem;background:var(--primary);color:var(--bg-main);border-radius:var(--radius-full);font-size:.75rem;font-weight:800;margin-bottom:.75rem}.mission-title-group h1{font-size:2.75rem;margin-bottom:1rem}.mission-tags{display:flex;gap:1rem}.tag{padding:.5rem 1.25rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.tag.xp{background:var(--primary-glow);color:var(--primary)}.tag.coins{background:#ffb8001a;color:var(--accent-gold)}.mission-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:#ffffff08;border-radius:var(--radius-full);border:1px solid var(--border);width:fit-content}.tab-btn{padding:.75rem 1.5rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:700;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:var(--transition);position:relative}.tab-btn:hover{color:var(--text-main);background:#ffffff0d}.tab-btn.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 15px #00d2ff4d}.mission-content-layout{width:100%}.mission-details-grid{display:flex;flex-direction:column;gap:1.5rem}.mission-two-column{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;align-items:start}.mission-left-column{display:flex;flex-direction:column;gap:1.5rem}.mission-right-column{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:2rem}@media(max-width:1024px){.mission-two-column{grid-template-columns:1fr}.mission-right-column{position:static}}.mission-info-card{padding:0;border-radius:var(--radius-xl);overflow:hidden;background:transparent;border:none}.dataset-card,.completion-card{padding:2rem;border-radius:var(--radius-xl)}.story-context-box{background:linear-gradient(135deg,#ffb80014,#ffb80005);padding:1.75rem 2rem;border-radius:var(--radius-xl);border:1px solid rgba(255,184,0,.2);position:relative;overflow:hidden}.story-context-box:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent-gold),rgba(255,184,0,.3))}.story-context-box:after{content:"📖";position:absolute;top:1.5rem;right:1.5rem;font-size:2.5rem;opacity:.15}.story-context-box h3{font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-gold);margin-bottom:.75rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.story-context-box h3:before{content:"📖"}.story-text{font-size:1.1rem;line-height:1.8;color:var(--text-main);font-style:italic;position:relative;padding-left:1rem}.story-text:before{content:"\\201C";position:absolute;left:-.5rem;top:-.5rem;font-size:3rem;color:var(--accent-gold);opacity:.3;font-family:Georgia,serif}.mission-description{background:linear-gradient(135deg,#00d2ff0f,#9d50bb0a);padding:1.5rem 1.75rem;border-radius:var(--radius-xl);border:1px solid rgba(0,210,255,.15);position:relative}.mission-description:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:4px 0 0 4px}.mission-description h3{font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);margin-bottom:.5rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.mission-description h3:before{content:"🎯"}.mission-description p{font-size:1rem;line-height:1.7;color:var(--text-main);opacity:.9}.objectives{background:#ffffff05;padding:1.5rem 1.75rem;border-radius:var(--radius-xl);border:1px solid var(--border)}.objectives h3{font-size:.875rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:1.5rem;font-weight:800;display:flex;align-items:center;gap:.75rem}.objectives h3:before{content:"🎯"}.objectives ul{display:flex;flex-direction:column;gap:.75rem}.objectives li{display:flex;align-items:flex-start;gap:1rem;color:var(--text-main);padding:1rem 1.25rem;background:#ffffff08;border-radius:var(--radius-md);border:1px solid transparent;transition:var(--transition);font-size:.95rem;line-height:1.5}.objectives li:hover{background:#00d2ff0d;border-color:#00d2ff33;transform:translate(5px)}.checkbox{width:24px;height:24px;min-width:24px;border:2px solid var(--primary);border-radius:8px;flex-shrink:0;background:#00d2ff1a;position:relative;margin-top:2px}.checkbox:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--primary);border-radius:3px;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease}.objectives li:hover .checkbox:after{transform:translate(-50%,-50%) scale(1)}.expected-outcome{background:linear-gradient(135deg,#10b98114,#10b98105);padding:1.5rem 2rem;border-radius:var(--radius-xl);border:1px solid rgba(16,185,129,.2);position:relative}.expected-outcome:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-green);border-radius:4px 0 0 4px}.expected-outcome h3{font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-green);margin-bottom:.5rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.expected-outcome h3:before{content:"🏁"}.expected-outcome p{font-size:.95rem;line-height:1.6;color:var(--text-muted)}.dataset-list{display:flex;flex-direction:column;gap:.75rem}.dataset-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:linear-gradient(135deg,#ffffff08,#ffffff03);border-radius:var(--radius-lg);font-size:.9rem;font-weight:500;border:1px solid var(--border);transition:var(--transition)}.dataset-item:hover{background:#00d2ff0d;border-color:#00d2ff4d;transform:translate(3px)}.dataset-item span{display:flex;align-items:center;gap:.5rem}.dataset-item span:before{content:"📄";font-size:1.1rem}.download-btn{display:flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:700;transition:var(--transition)}.download-btn:hover{color:var(--secondary);transform:translateY(-2px)}.dataset-card h3{font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:1rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.dataset-card h3:before{content:"📦"}.completion-card{background:linear-gradient(135deg,#00d2ff1a,#9d50bb14);border:1px solid rgba(0,210,255,.25);position:relative;overflow:hidden}.completion-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(0,210,255,.15) 0%,transparent 70%);pointer-events:none}.completion-card h3{font-size:1.25rem;color:var(--text-main);margin-bottom:.75rem;position:relative}.completion-card p{font-size:.9rem;line-height:1.6;color:var(--text-muted);margin-bottom:1.5rem;position:relative}.complete-btn{width:100%;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:1.125rem;border-radius:var(--radius-lg);font-weight:800;font-size:1rem;box-shadow:0 4px 20px #00d2ff4d;transition:var(--transition);position:relative}.complete-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00d2ff66}.guide-container{padding:2rem}.guide-section{margin-bottom:2.5rem}.guide-section h3{font-size:.875rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);margin-bottom:1.5rem;font-weight:800;display:flex;align-items:center;gap:.75rem}.steps-list{display:flex;flex-direction:column;gap:0;position:relative;padding-left:2rem}.steps-list:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--primary),var(--secondary))}.step-item{position:relative;padding:1.25rem 1.5rem 1.25rem 2rem;background:#ffffff05;border-radius:var(--radius-lg);margin-bottom:.75rem;border:1px solid transparent;transition:var(--transition);counter-increment:step}.step-item:before{content:counter(step);position:absolute;left:-2rem;top:1.25rem;width:28px;height:28px;background:var(--bg-main);border:2px solid var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:var(--primary)}.step-item:hover{background:#00d2ff0d;border-color:#00d2ff33;transform:translate(5px)}.step-item p{font-size:.95rem;line-height:1.6;color:var(--text-main)}.tips-section h3{font-size:.875rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-gold);margin-bottom:1.25rem;font-weight:800;display:flex;align-items:center;gap:.75rem}.tips-list{display:flex;flex-direction:column;gap:.75rem;list-style:none}.tips-list li{padding:1rem 1.25rem 1rem 3rem;background:linear-gradient(135deg,#ffb80014,#ffb80005);border-radius:var(--radius-lg);border:1px solid rgba(255,184,0,.15);font-size:.9rem;line-height:1.5;color:var(--text-main);position:relative;transition:var(--transition)}.tips-list li:before{content:"💡";position:absolute;left:1rem;top:1rem}.tips-list li:hover{transform:translate(5px);border-color:#ffb8004d}.world-hero{background:var(--bg-surface);padding:2.5rem;border-radius:var(--radius-lg);margin-bottom:2.5rem}.world-hero-content{display:flex;align-items:center;gap:2rem}.hero-icon{font-size:4rem}.mission-rewards{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.start-btn{background:var(--bg-surface-lighter);padding:.5rem 1.25rem;border-radius:var(--radius-md);font-weight:600;border:1px solid var(--border)}.start-btn:hover:not(.disabled){background:var(--primary);color:var(--bg-main);border-color:var(--primary)}.start-btn.disabled{opacity:.5;cursor:not-allowed}.text-muted{color:var(--text-muted)}.font-heading{font-family:Outfit,sans-serif}.achievements-page{max-width:1000px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.stats-summary{display:flex;align-items:center;padding:1rem 2rem;border-radius:var(--radius-full);gap:2rem}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.5rem;font-weight:800;color:var(--primary)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.stat-divider{width:1px;height:40px;background:var(--border)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.achievement-card{padding:1.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:1.25rem;position:relative;overflow:hidden;transition:var(--transition)}.achievement-card.unlocked{border-color:var(--accent-gold);background:linear-gradient(135deg,#ffb8001a,#161b22b3)}.achievement-card.locked{opacity:.7;filter:grayscale(.8)}.achievement-icon-wrapper{position:relative;width:64px;height:64px;background:var(--bg-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--border)}.achievement-card.unlocked .achievement-icon-wrapper{border-color:var(--accent-gold);box-shadow:0 0 15px #ffb8004d}.achievement-icon{font-size:2rem}.check-badge{position:absolute;bottom:-2px;right:-2px;background:var(--bg-main);border-radius:50%}.achievement-content{flex:1}.achievement-content h3{margin-bottom:.25rem;color:var(--text-main)}.achievement-content p{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem;line-height:1.4}.reward-pill{display:inline-block;font-size:.75rem;font-weight:700;color:var(--primary);background:var(--primary-glow);padding:.25rem .75rem;border-radius:var(--radius-full)}.lock-icon{color:var(--text-dim)}.mission-tabs{display:flex;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.tab-btn{background:none;border:none;color:var(--text-muted);font-size:1rem;font-weight:600;padding:.5rem 1rem;cursor:pointer;transition:var(--transition);border-radius:var(--radius-md)}.tab-btn:hover{color:var(--text-main);background:var(--bg-surface)}.tab-btn.active{color:var(--primary);background:var(--primary-glow)}.guide-container{grid-column:1 / -1;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.guide-brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.guide-brief-card{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.1rem}.guide-brief-card h3{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem;font-size:.9rem;color:var(--primary)}.guide-inline-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.guide-inline-list li{font-size:.88rem;color:var(--text-main);line-height:1.45;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-sm);padding:.65rem .75rem}.guide-inline-note{display:block;margin-top:.4rem;color:var(--text-muted);font-size:.82rem}.guide-analogy p{margin:0;color:var(--text-muted);line-height:1.55;font-size:.9rem}.guide-concepts-section h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--primary)}.guide-concepts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.guide-concept-card{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem 1rem}.guide-concept-card h4{margin:0 0 .5rem;color:var(--text-main);font-size:.92rem}.guide-concept-card p{margin:0;color:var(--text-muted);font-size:.86rem;line-height:1.5}.guide-main-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.guide-side-section{margin-top:1.25rem}.guide-section h3,.tips-section h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:var(--primary)}.step-item{background:#ffffff08;padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;border-left:3px solid var(--primary)}.tips-list{list-style:none;padding:0}.tips-list li{background:#ffffff08;padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem}.tips-list li:before{content:"💡";font-size:1.2rem}@media(max-width:980px){.guide-brief-grid,.guide-concepts-grid,.guide-main-grid{grid-template-columns:1fr}}.expected-outcome{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.expected-outcome h3{font-size:1rem;color:var(--accent-green);margin-bottom:.5rem}.expected-outcome p{font-style:italic;color:var(--text-muted)}.leaderboard-container{display:flex;flex-direction:column;gap:2rem;max-width:1000px;margin:0 auto}.leaderboard-header{text-align:center;padding:3rem 0}.trophy-icon{color:var(--accent-gold);margin-bottom:1rem;filter:drop-shadow(0 0 15px var(--accent-gold-glow))}.leaderboard-header h1{font-size:3rem;margin-bottom:.5rem}.leaderboard-header p{color:var(--text-muted);font-size:1.125rem}.leaderboard-list{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border)}.list-header{display:grid;grid-template-columns:60px 1fr 180px 150px;padding:1.25rem 2rem;background:#ffffff08;border-bottom:1px solid var(--border);font-weight:700;font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.leaderboard-item{display:grid;grid-template-columns:60px 1fr 180px 150px;padding:1.25rem 2rem;align-items:center;border-bottom:1px solid var(--border);transition:var(--transition)}.leaderboard-item:last-child{border-bottom:none}.leaderboard-item:hover{background:#ffffff05}.leaderboard-item.user-row{background:#00d2ff0d;border-left:4px solid var(--primary)}.leaderboard-item.top-rank{background:#ffd70008}.rank-col{font-weight:800;font-size:1.25rem;color:var(--text-muted)}.top-rank .rank-col{color:var(--accent-gold)}.player-col{display:flex;align-items:center;gap:1.25rem}.player-avatar{font-size:2rem}.player-info{display:flex;flex-direction:column}.player-name{font-weight:700;font-size:1.125rem}.player-level{font-size:.8125rem;color:var(--text-muted)}.tier-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:800;border:1px solid;text-transform:uppercase;letter-spacing:.5px}.xp-col{text-align:right}.xp-number{font-weight:800;font-size:1.25rem;color:var(--primary)}.xp-unit{font-size:.75rem;color:var(--text-muted);margin-left:.25rem;font-weight:700}.user-stats-footer{display:flex;justify-content:center;gap:4rem;padding:2rem;border-radius:var(--radius-xl);border:1px solid var(--border)}.footer-stat{display:flex;align-items:center;gap:1rem}.footer-stat .stat-label{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase}.footer-stat .stat-value{font-size:1.5rem;font-weight:800;color:var(--text-main)}.hero-badges{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.multiplier-tag{background:var(--accent-gold);color:var(--bg-main);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:800;margin-left:.5rem;box-shadow:0 0 10px var(--accent-gold-glow);animation:pulse 2s infinite}.sidebar-overlay{display:none}.app-container.mobile .sidebar-overlay,.app-container.tablet .sidebar-overlay{display:block;position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar.mobile{position:fixed;left:-280px;top:0;height:100vh;width:260px;z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1)}.sidebar.mobile.open{left:0;box-shadow:4px 0 30px #00000080}.sidebar.mobile .sidebar-nav{overflow-y:auto;max-height:calc(100vh - 80px)}.sidebar-close-btn{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem;color:var(--text-primary);cursor:pointer;transition:all .2s;z-index:10}.sidebar-close-btn:hover{background:#ffffff26;transform:scale(1.05)}@media(max-width:1024px){.app-container{flex-direction:column}.main-content{margin-left:0;width:100%}.dashboard-content{grid-template-columns:1fr!important}.stats-grid-modern,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.main-content{padding:1rem}.dashboard{gap:1rem}.dashboard-hero-modern{padding:1.25rem}.dashboard-hero-modern .hero-content{padding:1rem}.hero-content h1,.hero-welcome{font-size:1.4rem!important}.hero-subtitle{font-size:.9rem}.stats-grid-modern{grid-template-columns:1fr 1fr;gap:.75rem}.nav-item,.btn,.icon-button{min-height:44px;touch-action:manipulation}@media(hover:none){.nav-item:hover,.btn:hover,.world-card:hover{transform:none!important;box-shadow:none!important}}.stat-modern-card{padding:1rem}.stat-modern-card .stat-value{font-size:1.5rem}.world-card{min-height:auto}.worlds-grid{grid-template-columns:1fr!important;gap:1rem!important}.world-card-image{height:140px}.achievements-grid-3d{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.mission-detail,.world-detail{padding:1rem}.missions-timeline{gap:1rem}.content-area{padding:0}}@media(max-width:480px){.main-content{padding:.75rem}.dashboard{padding:0;gap:.75rem}.stat-modern-card{padding:.875rem}.stat-modern-card .stat-value{font-size:1.25rem}.stat-modern-card .stat-label{font-size:.7rem}.quick-actions-grid{grid-template-columns:1fr;gap:.75rem}.hero-badges{flex-direction:column;gap:.5rem;align-items:flex-start}.rank-badge,.tier-badge{font-size:.75rem;padding:.25rem .75rem}.achievements-grid-3d{grid-template-columns:1fr!important}.leaderboard-table{font-size:.85rem}.academy-container{padding:0}.lessons-grid{grid-template-columns:1fr!important}.footer-stat .stat-value{font-size:1.25rem}.card-deck-modal,.mission-validator-modal{padding:1rem!important;max-width:95vw!important;max-height:90vh!important}.cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.ReactModal__Content{padding:1rem!important;inset:1rem!important}}@media(max-width:600px){body{font-size:15px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}.header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:90;border-bottom:1px solid rgba(255,255,255,.06);background:#0a0b10bf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);transition:all .4s cubic-bezier(.16,1,.3,1)}.header.scrolled{background:#0a0b10e6;box-shadow:0 10px 40px #0000004d}.search-bar{display:flex;align-items:center;gap:.875rem;background:#ffffff08;padding:.75rem 1.25rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.08);width:320px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.search-bar:before{content:"";position:absolute;inset:0;background:radial-gradient(300px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(0,210,255,.08),transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.search-bar:focus-within:before{opacity:1}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #00d2ff1a,0 8px 25px #0003;width:360px;background:#ffffff0d}.search-bar input{background:none;border:none;color:var(--text-main);outline:none;width:100%;font-size:.9rem;font-weight:500}.search-bar input::placeholder{color:var(--text-dim);transition:color .2s ease}.search-bar:focus-within input::placeholder{color:var(--text-muted)}.search-kbd{flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Cascadia Code,Menlo,monospace;font-size:.68rem;font-weight:600;line-height:1;color:var(--text-muted);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:.25rem .45rem;white-space:nowrap}.header-stats{display:flex;align-items:center;gap:2rem}.stat-group{display:flex;align-items:center;gap:1rem}.stat-badge{display:flex;align-items:center;gap:.625rem;background:#ffffff08;padding:.625rem 1.25rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.08);font-weight:700;font-size:.9rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:default;position:relative;overflow:hidden}.stat-badge:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;transform:skew(-20deg)}.stat-badge:hover:before{left:150%}.stat-badge:hover{transform:translateY(-3px) scale(1.02);border-color:#ffffff26;box-shadow:0 8px 25px #0000004d,0 0 20px #00d2ff14}.stat-icon-wrapper{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 4px currentColor)}.xp-container-header{width:260px;display:flex;flex-direction:column;gap:.4rem}.xp-info-header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700}.xp-level-badge{color:var(--primary);text-transform:uppercase;letter-spacing:.75px;display:flex;align-items:center;gap:.5rem}.xp-numbers{color:var(--text-muted);font-feature-settings:"tnum"}.xp-bar-header-bg{height:10px;background:#ffffff0a;border-radius:var(--radius-full);overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000004d;border:1px solid rgba(255,255,255,.05)}.xp-bar-header-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--primary));background-size:200% 100%;border-radius:var(--radius-full);position:relative;box-shadow:0 0 15px var(--primary-glow),inset 0 1px #ffffff4d;transition:width .8s cubic-bezier(.34,1.56,.64,1);animation:xp-gradient-flow 3s ease infinite}@keyframes xp-gradient-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.xp-bar-header-fill:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);border-radius:var(--radius-full) var(--radius-full) 0 0}.xp-bar-header-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:xp-shimmer 2.5s infinite}@keyframes xp-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.icon-button{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .3s cubic-bezier(.34,1.56,.64,1);border:1px solid transparent;position:relative;background:transparent;cursor:pointer}.icon-button:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(0,210,255,.1),transparent 70%);opacity:0;transition:opacity .3s ease}.icon-button:hover{background:#ffffff0d;color:var(--text-main);border-color:#ffffff1a;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #0000004d}.icon-button:hover:before{opacity:1}.notification-dot{position:absolute;top:8px;right:8px;width:10px;height:10px;background:linear-gradient(135deg,var(--accent-red),#ff6b6b);border-radius:50%;border:2px solid var(--bg-main);animation:notification-pulse 2s cubic-bezier(.4,0,.6,1) infinite;box-shadow:0 0 10px #ff4b2b80}@keyframes notification-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ff4b2b80}50%{transform:scale(1.1);box-shadow:0 0 0 6px #ff4b2b00}}.stat-badge-interactive{cursor:pointer}.stat-badge-interactive:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #a855f733,0 0 30px #a855f71a}.stat-badge-interactive:active{transform:translateY(-1px) scale(1.02)}.header-avatar{width:44px;height:44px;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--primary),var(--secondary));cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.header-avatar:hover{transform:scale(1.1);box-shadow:0 0 25px #00d2ff66,0 8px 20px #0000004d}.header-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--bg-main)}.header-divider{width:1px;height:32px;background:linear-gradient(180deg,transparent,var(--border),transparent);margin:0 .5rem}.header{position:relative}.menu-toggle{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.6rem;color:var(--text-primary);cursor:pointer;transition:all .2s;flex-shrink:0}.menu-toggle:hover{background:#ffffff26;transform:scale(1.05)}.menu-toggle:active{transform:scale(.95)}.header .menu-toggle{display:flex;align-items:center;justify-content:center}@media(min-width:1025px){.header .menu-toggle{display:none}}@media(max-width:1024px){.search-bar,.xp-container-header{display:none}.header{padding:.75rem 1rem;gap:.75rem}}@media(max-width:768px){.header-stats{gap:.5rem}.stat-badge{padding:.5rem .6rem;gap:.25rem}.stat-badge span:not(.stat-icon-wrapper){font-size:.8rem}.icon-button{width:36px;height:36px}.notifications-dropdown{right:-50px;width:280px}}@media(max-width:480px){.header{padding:.5rem .75rem}.stat-group{gap:.25rem}.stat-badge{padding:.4rem .5rem}.stat-badge span:not(.stat-icon-wrapper){display:none}.icon-button{width:32px;height:32px}.notifications-dropdown{right:-80px;width:260px;max-height:300px}}.page-transition{width:100%;min-height:100%;will-change:transform,opacity}.section-transition{will-change:transform,opacity}.stagger-container{display:flex;flex-direction:column;gap:16px}.stagger-item{will-change:transform,opacity}.modal-transition{position:relative;z-index:1001;will-change:transform,opacity}.modal-backdrop{position:fixed;inset:0;background:#0009;z-index:1000;cursor:pointer;will-change:opacity,backdrop-filter}.tab-transition{width:100%;will-change:transform,opacity}.reveal-scroll,.slide-reveal{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.page-transition,.section-transition,.stagger-item,.modal-transition,.tab-transition,.reveal-scroll,.slide-reveal,.fade-in,.scale-in,.bounce-in{animation:none!important;transition:none!important}}.page-transition-container{position:relative;width:100%;min-height:100vh;overflow-x:hidden}.ls-spinner-wrapper{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ls-spinner{border-radius:50%;position:relative;flex-shrink:0}.ls-spinner-ring{width:100%;height:100%;border-radius:50%;border-style:solid;border-color:transparent;box-sizing:border-box;animation:ls-spin .9s cubic-bezier(.45,.05,.55,.95) infinite;position:absolute;inset:0}.ls-spinner-ring--primary{border-top-color:var(--primary);border-left-color:var(--primary)}.ls-spinner-ring--secondary{border-bottom-color:var(--secondary);border-right-color:var(--secondary);animation-duration:1.2s;animation-direction:reverse;opacity:.7}.ls-spinner-ring--gold{border-top-color:var(--accent-gold);border-left-color:var(--accent-gold)}.ls-spinner-ring--green{border-bottom-color:var(--accent-green);border-right-color:var(--accent-green);animation-duration:1.2s;animation-direction:reverse;opacity:.7}.ls-spinner-ring--red{border-top-color:var(--accent-red);border-left-color:var(--accent-red)}.ls-spinner-glow{position:absolute;inset:-4px;border-radius:50%;opacity:.25;filter:blur(6px);animation:ls-glow-pulse 1.4s ease-in-out infinite}.ls-spinner-glow--primary{background:radial-gradient(circle,var(--primary),transparent 70%)}.ls-spinner-glow--secondary{background:radial-gradient(circle,var(--secondary),transparent 70%)}.ls-spinner-glow--gold{background:radial-gradient(circle,var(--accent-gold),transparent 70%)}.ls-spinner-glow--green{background:radial-gradient(circle,var(--accent-green),transparent 70%)}.ls-spinner-glow--red{background:radial-gradient(circle,var(--accent-red),transparent 70%)}@keyframes ls-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ls-glow-pulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}.ls-dots{display:inline-flex;align-items:center;gap:6px}.ls-dots--small{gap:4px}.ls-dots--medium{gap:6px}.ls-dots--large{gap:8px}.ls-dot{border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));animation:ls-dot-bounce 1.2s ease-in-out infinite;flex-shrink:0}.ls-dots--small .ls-dot{width:6px;height:6px}.ls-dots--medium .ls-dot{width:9px;height:9px}.ls-dots--large .ls-dot{width:12px;height:12px}.ls-dot:nth-child(2){animation-delay:.15s}.ls-dot:nth-child(3){animation-delay:.3s}@keyframes ls-dot-bounce{0%,80%,to{transform:translateY(0) scale(1);opacity:.5}40%{transform:translateY(-60%) scale(1.15);opacity:1}}.ls-progress-bar-wrapper{width:100%;display:flex;flex-direction:column;gap:6px}.ls-progress-bar-header{display:flex;justify-content:space-between;align-items:center}.ls-progress-bar-label{font-size:.8125rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.ls-progress-bar-pct{font-size:.8125rem;font-weight:700;color:var(--primary);font-family:Outfit,sans-serif}.ls-progress-bar-track{width:100%;height:8px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden;position:relative;border:1px solid var(--border-color);box-shadow:inset 0 1px 3px #0000004d}.ls-progress-bar-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);box-shadow:0 0 12px var(--primary-glow);position:relative;will-change:width;transition:width .7s cubic-bezier(.34,1.56,.64,1)}.ls-progress-bar-fill--shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);animation:ls-shimmer-sweep 1.8s ease-in-out infinite}@keyframes ls-shimmer-sweep{0%{transform:translate(-100%)}to{transform:translate(200%)}}.ls-circular-wrapper{display:inline-flex;flex-direction:column;align-items:center;gap:12px;position:relative}.ls-circular-svg{transform:rotate(-90deg);flex-shrink:0;overflow:visible}.ls-circular-track{fill:none;stroke:#ffffff12}.ls-circular-fill{fill:none;stroke-linecap:round;stroke:url(#ls-circle-gradient);filter:drop-shadow(0 0 6px var(--primary-glow));transition:stroke-dashoffset .85s cubic-bezier(.34,1.56,.64,1)}.ls-circular-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.ls-circular-pct{font-family:Outfit,sans-serif;font-weight:800;color:var(--text-main);line-height:1}.ls-circular-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-align:center;max-width:80px;line-height:1.2}.ls-skeleton-group{display:flex;flex-direction:column;gap:10px}.ls-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-surface) 0%,var(--bg-surface-lighter) 50%,var(--bg-surface) 100%);background-size:200% 100%;animation:ls-skeleton-shimmer 1.6s ease-in-out infinite;position:relative;overflow:hidden;will-change:background-position}@media(prefers-reduced-motion:reduce){.ls-skeleton{animation:none;background:var(--bg-surface-lighter)}}.ls-skeleton--text{height:16px;border-radius:var(--radius-sm)}.ls-skeleton--text:last-child{width:72%!important}.ls-skeleton--avatar{border-radius:var(--radius-full);flex-shrink:0}.ls-skeleton--card{border-radius:var(--radius-md);min-height:120px}@keyframes ls-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ls-fullscreen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:9999;background:var(--bg-main);background-image:radial-gradient(ellipse 60% 40% at 50% 50%,rgba(0,210,255,.07),transparent),radial-gradient(ellipse 40% 30% at 30% 60%,rgba(157,80,187,.07),transparent)}.ls-fullscreen-logo{font-family:Outfit,sans-serif;font-weight:900;font-size:1.75rem;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;margin-bottom:8px}.ls-fullscreen-message{font-size:.9375rem;color:var(--text-muted);font-weight:500;text-align:center;max-width:280px;line-height:1.5;animation:ls-fullscreen-blink 2.4s ease-in-out infinite}@keyframes ls-fullscreen-blink{0%,to{opacity:.7}50%{opacity:1}}.ls-overlay-root{position:relative;isolation:isolate}.ls-overlay-backdrop{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10;border-radius:inherit;background:rgba(var(--bg-main-rgb, 10, 11, 16),.65)}.ls-overlay-backdrop--blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ls-overlay-message{font-size:.9rem;font-weight:600;color:var(--text-main);text-align:center;padding:0 1rem}.ls-typing{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);border-bottom-left-radius:4px;width:fit-content;box-shadow:var(--shadow-sm)}.ls-typing-dots{display:flex;align-items:center;gap:5px}.ls-typing-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);animation:ls-typing-wave 1.4s ease-in-out infinite;opacity:.6}.ls-typing-dot:nth-child(1){animation-delay:0s}.ls-typing-dot:nth-child(2){animation-delay:.18s}.ls-typing-dot:nth-child(3){animation-delay:.36s}@keyframes ls-typing-wave{0%,60%,to{transform:translateY(0) scale(1);opacity:.4}30%{transform:translateY(-5px) scale(1.2);opacity:1}}@media(prefers-reduced-motion:reduce){.ls-spinner-ring,.ls-spinner-glow,.ls-dot,.ls-progress-bar-fill--shimmer:after,.ls-fullscreen-message,.ls-typing-dot{animation:none!important;transition-duration:.01ms!important}}.auth-screen{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow:hidden}.auth-backdrop{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 20% 20%,var(--primary-glow) 0%,transparent 45%),radial-gradient(circle at 80% 75%,var(--secondary-glow) 0%,transparent 45%),var(--bg-main)}.auth-card{position:relative;z-index:1;width:100%;max-width:440px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-premium);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.auth-brand{display:flex;align-items:center;gap:.875rem}.auth-brand-mark{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--bg-main);font-family:Outfit,sans-serif;font-weight:800;font-size:.85rem;letter-spacing:.02em;box-shadow:var(--shadow-glow)}.auth-title{margin:0;font-family:Outfit,sans-serif;font-weight:800;font-size:1.35rem;color:var(--text-main)}.auth-subtitle{margin:.15rem 0 0;font-size:.85rem;color:var(--text-muted)}.auth-tabs{display:flex;gap:.4rem;padding:.3rem;background:var(--bg-surface-lighter);border:1px solid var(--border-color);border-radius:var(--radius-md)}.auth-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem .75rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--transition-fast)}.auth-tab:hover{color:var(--text-main)}.auth-tab:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.auth-tab-active{background:var(--bg-surface);color:var(--text-main);box-shadow:var(--shadow-sm)}.auth-form{display:flex;flex-direction:column;gap:1.1rem}.auth-field{display:flex;flex-direction:column;gap:.4rem;overflow:hidden}.auth-label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:.9rem;color:var(--text-dim);pointer-events:none}.auth-input{width:100%;padding:.8rem .9rem .8rem 2.6rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface-lighter);color:var(--text-main);font-size:.95rem;font-family:inherit;transition:var(--transition-fast)}.auth-input::placeholder{color:var(--text-dim)}.auth-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.auth-input[aria-invalid=true]{border-color:var(--accent-red)}.auth-input-password{padding-right:2.75rem}.auth-toggle-password{position:absolute;right:.6rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.auth-toggle-password:hover{color:var(--text-main);background:var(--bg-surface)}.auth-toggle-password:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.auth-field-error{margin:0;font-size:.78rem;color:var(--accent-red)}.auth-server-error{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem .9rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent-red) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-red) 35%,transparent);color:var(--accent-red);font-size:.85rem;line-height:1.4}.auth-server-error svg{flex-shrink:0;margin-top:.1rem}.auth-submit{width:100%;margin-top:.25rem}.auth-submit:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.auth-switch-hint{margin:0;text-align:center;font-size:.85rem;color:var(--text-muted)}.auth-link{border:none;background:none;padding:0;color:var(--primary-dark);font-weight:700;font-size:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.auth-link:hover{color:var(--primary)}.auth-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}@media(max-width:480px){.auth-card{padding:1.5rem 1.25rem;border-radius:var(--radius-lg)}}@media(prefers-reduced-motion:reduce){.auth-card,.auth-field{transition:none!important}}.cp-backdrop{position:fixed;inset:0;z-index:1000;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:clamp(60px,12vh,120px);padding-left:16px;padding-right:16px}.cp-panel{width:100%;max-width:660px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);display:flex;flex-direction:column;overflow:hidden;max-height:min(80vh,620px)}.cp-search-row{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.cp-search-icon{color:var(--text-muted);flex-shrink:0}.cp-search-input{flex:1;background:transparent;border:none;outline:none;font-size:15px;font-weight:400;color:var(--text-main);caret-color:var(--primary);min-width:0;font-family:inherit}.cp-search-input::placeholder{color:var(--text-dim)}.cp-close-btn{display:flex;align-items:center;justify-content:center;background:var(--bg-surface-lighter);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);padding:3px 7px;font-size:11px;font-family:inherit;line-height:1;cursor:pointer;white-space:nowrap;transition:var(--transition-fast);flex-shrink:0}.cp-close-btn:hover{background:var(--border);color:var(--text-main)}.cp-results{overflow-y:auto;flex:1;overscroll-behavior:contain;padding:6px 0}.cp-results::-webkit-scrollbar{width:5px}.cp-results::-webkit-scrollbar-track{background:transparent}.cp-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.cp-group{margin-bottom:2px}.cp-group-label{padding:8px 18px 4px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);pointer-events:none;-webkit-user-select:none;user-select:none}.cp-item{display:flex;align-items:center;gap:12px;padding:9px 18px;cursor:pointer;transition:background .12s ease;border:none;background:transparent;width:100%;text-align:left;font-family:inherit;outline:none;position:relative}.cp-item:hover,.cp-item--active{background:var(--bg-surface-lighter)}.cp-item--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);border-radius:0 2px 2px 0}.cp-item-icon{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;color:var(--text-muted);transition:var(--transition-fast)}.cp-item--active .cp-item-icon{border-color:var(--primary);background:var(--primary-glow);color:var(--primary)}.cp-item--world .cp-item-icon{color:var(--primary)}.cp-item--mission .cp-item-icon{color:var(--accent-gold)}.cp-item--academy .cp-item-icon{color:var(--accent-secondary)}.cp-item--action .cp-item-icon{color:var(--accent-primary)}.cp-item-text{flex:1;min-width:0}.cp-item-name{font-size:13px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.3}.cp-item-sub{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-top:1px;line-height:1.3}.cp-match-highlight{color:var(--primary);font-weight:700}.cp-item-arrow{color:var(--text-dim);flex-shrink:0;opacity:0;transition:opacity .12s ease,transform .12s ease}.cp-item--active .cp-item-arrow,.cp-item:hover .cp-item-arrow{opacity:1;transform:translate(2px)}.cp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 24px;color:var(--text-muted);text-align:center}.cp-empty-icon{color:var(--text-dim)}.cp-empty-text{font-size:13px}.cp-empty-hint{font-size:11px;color:var(--text-dim)}.cp-footer{flex-shrink:0;border-top:1px solid var(--border);padding:8px 18px;display:flex;align-items:center;gap:14px;background:var(--bg-surface)}.cp-hint{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-dim)}.cp-kbd{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-surface-lighter);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:10px;font-family:monospace;color:var(--text-muted);line-height:1.6}@media(max-width:520px){.cp-backdrop{padding-top:48px;padding-left:8px;padding-right:8px}.cp-panel{max-height:min(88vh,560px)}.cp-footer{gap:10px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.cp-item,.cp-item-icon,.cp-item-arrow,.cp-close-btn{transition:none}}:root{--premium-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--premium-gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--premium-gradient-success: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--premium-gradient-gold: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);--premium-gradient-cosmic: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: rgba(31, 38, 135, .37);--shadow-premium-sm: 0 2px 8px rgba(0, 0, 0, .08), 0 0 1px rgba(0, 0, 0, .1);--shadow-premium-md: 0 4px 16px rgba(0, 0, 0, .12), 0 0 2px rgba(0, 0, 0, .1);--shadow-premium-lg: 0 8px 32px rgba(0, 0, 0, .16), 0 0 4px rgba(0, 0, 0, .1);--shadow-premium-xl: 0 16px 64px rgba(0, 0, 0, .2), 0 0 8px rgba(0, 0, 0, .1);--glow-blue: 0 0 20px rgba(0, 210, 255, .5), 0 0 40px rgba(0, 210, 255, .3);--glow-purple: 0 0 20px rgba(157, 80, 187, .5), 0 0 40px rgba(157, 80, 187, .3);--glow-gold: 0 0 20px rgba(255, 215, 0, .6), 0 0 40px rgba(255, 215, 0, .4);--ease-premium: cubic-bezier(.4, 0, .2, 1);--ease-premium-out: cubic-bezier(0, 0, .2, 1);--ease-premium-in: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic: cubic-bezier(.68, -.6, .32, 1.6)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:16px;border:1px solid var(--glass-border);box-shadow:var(--shadow-premium-lg);transition:all .4s var(--ease-premium)}.glass-card:hover{background:#ffffff26;border-color:#ffffff40;box-shadow:var(--shadow-premium-xl);transform:translateY(-4px)}.glass-card-intense{background:#ffffff1f;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border-radius:20px;border:1.5px solid rgba(255,255,255,.2);box-shadow:var(--shadow-premium-xl),inset 0 1px 1px #ffffff4d}.glass-panel{background:#ffffff14;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border-radius:12px;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow-premium-md)}.btn-premium{position:relative;padding:14px 32px;font-size:16px;font-weight:600;border-radius:12px;border:none;cursor:pointer;overflow:hidden;transition:all .3s var(--ease-premium);box-shadow:var(--shadow-premium-md)}.btn-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s var(--ease-premium)}.btn-premium:hover:before{left:100%}.btn-premium:hover{transform:translateY(-2px);box-shadow:var(--shadow-premium-lg)}.btn-premium:active{transform:translateY(0);box-shadow:var(--shadow-premium-sm)}.btn-premium.primary{background:var(--premium-gradient-primary);color:#fff}.btn-premium.success{background:var(--premium-gradient-success);color:#fff}.btn-premium.gold{background:var(--premium-gradient-gold);color:#fff}.btn-premium.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;border:1px solid var(--glass-border)}.input-premium{padding:14px 20px;font-size:15px;border-radius:12px;border:2px solid rgba(255,255,255,.15);background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:all .3s var(--ease-premium);box-shadow:var(--shadow-premium-sm)}.input-premium:focus{outline:none;border-color:#00d2ff80;background:#ffffff1f;box-shadow:var(--shadow-premium-md),0 0 0 3px #00d2ff1a}.input-premium::placeholder{color:#ffffff80}.card-gradient-border{position:relative;background:#141428cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:2px;box-shadow:var(--shadow-premium-lg)}.card-gradient-border:before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:var(--premium-gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.card-gradient-border-content{background:#141428f2;border-radius:14px;padding:24px}.skeleton-premium{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.premium-scrollbar::-webkit-scrollbar{width:10px;height:10px}.premium-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.premium-scrollbar::-webkit-scrollbar-thumb{background:var(--premium-gradient-primary);border-radius:10px;border:2px solid transparent;background-clip:padding-box}.premium-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--premium-gradient-secondary);background-clip:padding-box}.tooltip-premium{position:relative;display:inline-block}.tooltip-premium:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);padding:8px 14px;background:#141428f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:13px;font-weight:500;border-radius:8px;border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow-premium-lg);white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s var(--ease-premium);z-index:1000}.tooltip-premium:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#141428f2;opacity:0;pointer-events:none;transition:all .3s var(--ease-premium);z-index:1000}.tooltip-premium:hover:after,.tooltip-premium:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.badge-premium{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--shadow-premium-sm);transition:all .3s var(--ease-premium)}.badge-premium:hover{transform:scale(1.05);box-shadow:var(--shadow-premium-md)}.badge-premium.gold{background:var(--premium-gradient-gold);border-color:#ffd7004d;box-shadow:var(--glow-gold)}.badge-premium.blue{background:var(--premium-gradient-success);border-color:#00d2ff4d;box-shadow:var(--glow-blue)}.badge-premium.purple{background:var(--premium-gradient-primary);border-color:#9d50bb4d;box-shadow:var(--glow-purple)}.progress-premium{width:100%;height:8px;background:#ffffff1a;border-radius:20px;overflow:hidden;box-shadow:inset 0 2px 4px #0003}.progress-premium-bar{height:100%;background:var(--premium-gradient-primary);border-radius:20px;transition:width .6s var(--ease-premium);position:relative;overflow:hidden}.progress-premium-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shimmer 2s infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.divider-premium{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);margin:24px 0}.divider-premium-thick{height:2px;background:var(--premium-gradient-primary);opacity:.3;margin:32px 0}.float-premium{animation:float-premium 3s ease-in-out infinite}@keyframes float-premium{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}75%{transform:translateY(-5px) rotate(-1deg)}}.float-premium-slow{animation:float-premium 6s ease-in-out infinite}.pulse-premium{animation:pulse-premium 2s ease-in-out infinite}@keyframes pulse-premium{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:var(--shadow-premium-md)}50%{box-shadow:var(--glow-blue)}}.overlay-premium{position:fixed;inset:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:999;transition:all .3s var(--ease-premium)}.grid-pattern-premium{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px}@media(max-width:768px){.glass-card,.glass-card-intense,.glass-panel{backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%)}.btn-premium{padding:12px 24px;font-size:15px}.progress-premium{height:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.float-premium,.float-premium-slow,.pulse-premium,.pulse-glow{animation:none}}.premium-focus-ring:focus-visible{outline:none;box-shadow:var(--shadow-premium-md),0 0 0 4px #00d2ff33;transform:scale(1.02)}.game-card.unlocked:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0%,transparent 25%,rgba(255,255,255,.1) 25%,rgba(255,255,255,.1) 30%,transparent 30%,transparent 50%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.05) 55%,transparent 55%,transparent 75%,rgba(255,255,255,.1) 75%,rgba(255,255,255,.1) 80%,transparent 80%);background-size:200% 200%;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:10;border-radius:inherit}.game-card.unlocked:hover:before{opacity:1;animation:holo-shimmer 2s ease-in-out infinite}@keyframes holo-shimmer{0%{background-position:200% 200%}to{background-position:-200% -200%}}.game-card.special.unlocked:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red);background-size:400% 400%;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .4s ease;animation:rainbow-flow 4s linear infinite}.game-card.special.unlocked:hover:after{opacity:.7}@keyframes rainbow-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.game-card.recently-unlocked{animation:fire-pulse 2s ease-in-out infinite}.game-card.recently-unlocked:after{content:"";position:absolute;inset:-4px;background:linear-gradient(45deg,#ff6b35,#f7931e,#fc0,#ff6b35);background-size:300% 300%;border-radius:inherit;z-index:-1;opacity:.6;animation:fire-glow 1.5s ease-in-out infinite;filter:blur(8px)}@keyframes fire-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes fire-glow{0%,to{background-position:0% 50%;opacity:.4}50%{background-position:100% 50%;opacity:.7}}.game-card.locked:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(135,206,235,.2) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(173,216,230,.2) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(176,224,230,.1) 0%,transparent 70%);z-index:5;pointer-events:none;border-radius:inherit}.game-card.locked .lock-overlay{background:#001428d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-card.locked .lock-overlay svg{animation:frost-shake .3s ease-in-out}.game-card.locked:hover .lock-overlay svg{animation:frost-shake .5s ease-in-out}@keyframes frost-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-3px) rotate(-5deg)}75%{transform:translate(3px) rotate(5deg)}}.card-power-badge{position:relative;overflow:visible}.card-power-badge:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:inherit;background:inherit;opacity:0;z-index:-1;transition:all .3s ease}.game-card.unlocked:hover .card-power-badge:before{width:130%;height:130%;opacity:.5;filter:blur(8px)}.game-card.unlocked{position:relative}.card-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit;opacity:0;transition:opacity .3s ease}.game-card.unlocked:hover .card-particles{opacity:1}.card-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--card-color, #00d2ff);box-shadow:0 0 6px var(--card-color, #00d2ff);animation:card-particle-float 2s ease-in-out infinite}.card-particle:nth-child(1){left:10%;animation-delay:0s}.card-particle:nth-child(2){left:30%;animation-delay:.3s}.card-particle:nth-child(3){left:50%;animation-delay:.6s}.card-particle:nth-child(4){left:70%;animation-delay:.9s}.card-particle:nth-child(5){left:90%;animation-delay:1.2s}@keyframes card-particle-float{0%,to{bottom:-10px;opacity:0;transform:scale(0)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{bottom:100%;opacity:0;transform:scale(.5)}}.game-card.unlocked{transform-style:preserve-3d;will-change:transform}.game-card.unlocked .card-content{transform:translateZ(20px)}.game-card.unlocked .card-image-area{transform:translateZ(10px)}.game-card.unlocked .card-power-badge{transform:translateZ(30px)}.game-card.unlocked .card-image-area:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.game-card.unlocked:hover .card-image-area:after{left:100%}.game-card.villain.unlocked:after{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#1a0000,#300,#600,#300,#1a0000);background-size:200% 200%;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .4s ease;animation:villain-pulse 3s ease-in-out infinite}.game-card.villain.unlocked:hover:after{opacity:.6}@keyframes villain-pulse{0%,to{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.3)}}.card-flip-enter{animation:card-flip-in .6s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes card-flip-in{0%{transform:perspective(1000px) rotateY(-180deg) scale(.8);opacity:0}50%{transform:perspective(1000px) rotateY(-90deg) scale(.9);opacity:.5}to{transform:perspective(1000px) rotateY(0) scale(1);opacity:1}}.game-card.unlocked .card-name{text-shadow:0 0 10px rgba(255,255,255,.3);transition:text-shadow .3s ease}.game-card.unlocked:hover .card-name{text-shadow:0 0 20px var(--card-color, rgba(255, 255, 255, .5))}@media(max-width:768px){.game-card.unlocked:before,.game-card.special.unlocked:after,.game-card.recently-unlocked:after,.game-card.villain.unlocked:after,.card-particles{display:none}.game-card.unlocked:hover{transform:translateY(-4px)}.game-card.unlocked:hover .card-image-area:after{display:none}}@media(prefers-reduced-motion:reduce){.game-card.unlocked:before,.game-card.special.unlocked:after,.game-card.recently-unlocked:after,.game-card.villain.unlocked:after,.card-particles,.card-power-badge:before{animation:none;display:none}.game-card.unlocked:hover{transform:translateY(-4px)}}