.premium-level-up-overlay{z-index:10000;opacity:0;visibility:hidden;backdrop-filter:blur(10px);background:radial-gradient(circle,rgba(0,0,0,.9) 0%,rgba(0,0,0,.95) 100%);justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.premium-level-up-overlay.show{opacity:1;visibility:visible;animation:.8s cubic-bezier(.4,0,.2,1) overlayReveal}@keyframes overlayReveal{0%{opacity:0;filter:blur(20px);-ms-transform:scale(.8)rotateY(10deg);transform:scale(.8)rotateY(10deg)}to{opacity:1;filter:blur();-ms-transform:scale(1)rotateY(0);transform:scale(1)rotateY(0)}}@keyframes backgroundShift{0%,to{opacity:.3;-ms-transform:translate(0)translateY(0)rotate(0);transform:translate(0)translateY(0)rotate(0)}50%{opacity:.6;-ms-transform:translate(20px)translateY(-20px)rotate(180deg);transform:translate(20px)translateY(-20px)rotate(180deg)}}.premium-level-up-container{perspective:2000px;width:400px;height:400px;transform-style:preserve-3d;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.premium-level-badge{z-index:10;width:200px;height:200px;transform-style:preserve-3d;-webkit-border-radius:50%;border-radius:50%;justify-content:center;align-items:center;animation:3s ease-in-out infinite badgeFloat;display:flex;position:relative}@keyframes badgeFloat{0%,to{-ms-transform:translateY(0)rotateX(0);transform:translateY(0)rotateX(0)}50%{-ms-transform:translateY(-10px)rotateX(5deg);transform:translateY(-10px)rotateX(5deg)}}.badge-inner{z-index:3;-webkit-border-radius:50%;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.level-number{color:#fff;text-shadow:0 0 20px,0 0 40px,0 0 60px;margin-bottom:5px;font-size:4rem;font-weight:900;line-height:1;animation:2s ease-in-out infinite numberPulse}.level-text{color:#fff;text-shadow:0 0 10px;letter-spacing:2px;text-transform:uppercase;opacity:.9;font-size:.8rem;font-weight:600}@keyframes numberPulse{0%,to{-ms-transform:scale(1);transform:scale(1)}50%{-ms-transform:scale(1.05);transform:scale(1.05)}}.badge-glow{z-index:1;-webkit-border-radius:50%;border-radius:50%;animation:2.5s ease-in-out infinite glowPulse;position:absolute;top:-20px;bottom:-20px;left:-20px;right:-20px}.badge-ring{z-index:2;-webkit-border-radius:50%;border-radius:50%;animation:3s linear infinite ringRotate;position:absolute;top:-30px;bottom:-30px;left:-30px;right:-30px}.badge-ring-2{z-index:1;-webkit-border-radius:50%;border-radius:50%;animation:4s linear infinite reverse ringRotate;position:absolute;top:-40px;bottom:-40px;left:-40px;right:-40px}@keyframes glowPulse{0%,to{opacity:.8;-ms-transform:scale(1);transform:scale(1)}50%{opacity:1;-ms-transform:scale(1.1);transform:scale(1.1)}}@keyframes ringRotate{0%{-ms-transform:rotate(0)scale(1);transform:rotate(0)scale(1)}50%{-ms-transform:rotate(180deg)scale(1.1);transform:rotate(180deg)scale(1.1)}to{-ms-transform:rotate(360deg)scale(1);transform:rotate(360deg)scale(1)}}.premium-particles-container{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.main-particle,.secondary-particle,.special-particle{pointer-events:none;width:var(--particle-size,6px);height:var(--particle-size,6px);-webkit-border-radius:50%;border-radius:50%;position:absolute}.celebration-effects,.sound-waves{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.level-1 .badge-inner{background:linear-gradient(135deg,#06f 0%,#0af 50%,#06f 100%);box-shadow:0 0 50px rgba(0,102,255,.8),inset 0 0 30px rgba(255,255,255,.2)}.level-1 .badge-glow{background:radial-gradient(circle,rgba(0,102,255,.4) 0%,transparent 70%)}.level-1 .badge-ring{border:3px solid rgba(0,102,255,.6)}.level-1 .badge-ring-2{border:2px solid rgba(0,170,255,.4)}.level-1 .main-particle{background:radial-gradient(circle,#06f 0%,#0af 100%);animation:4s ease-out forwards level1MainParticle}.level-1 .secondary-particle{background:radial-gradient(circle,#0af 0%,transparent 100%);animation:5s ease-out forwards level1SecondaryParticle}@keyframes level1MainParticle{0%{opacity:1;-ms-transform:translate(0)scale(0)rotate(0);transform:translate(0)scale(0)rotate(0)}30%{-ms-transform:translate(var(--random-x,50px),var(--random-y,-50px))scale(1.5)rotate(180deg);transform:translate(var(--random-x,50px),var(--random-y,-50px))scale(1.5)rotate(180deg);opacity:.8}to{-ms-transform:translate(var(--random-x,150px),var(--random-y,-150px))scale(0)rotate(360deg);transform:translate(var(--random-x,150px),var(--random-y,-150px))scale(0)rotate(360deg);opacity:0}}@keyframes level1SecondaryParticle{0%{opacity:1;-ms-transform:translate(0)scale(0);transform:translate(0)scale(0)}50%{-ms-transform:translate(var(--random-x,80px),var(--random-y,-80px))scale(1);transform:translate(var(--random-x,80px),var(--random-y,-80px))scale(1);opacity:.6}to{-ms-transform:translate(var(--random-x,200px),var(--random-y,-200px))scale(0);transform:translate(var(--random-x,200px),var(--random-y,-200px))scale(0);opacity:0}}.level-2 .badge-inner{background:linear-gradient(135deg,#8a2be2 0%,#9932cc 50%,#8a2be2 100%);box-shadow:0 0 60px rgba(138,43,226,.9),inset 0 0 35px rgba(255,255,255,.3)}.level-2 .badge-glow{background:radial-gradient(circle,rgba(138,43,226,.5) 0%,transparent 70%)}.level-2 .badge-ring{border:3px solid rgba(138,43,226,.7)}.level-2 .badge-ring-2{border:2px solid rgba(153,50,204,.5)}.level-2 .main-particle{background:radial-gradient(circle,#8a2be2 0%,#9932cc 100%);animation:4.5s ease-out forwards level2MainParticle}.level-2 .secondary-particle{background:radial-gradient(circle,#9932cc 0%,transparent 100%);animation:5.5s ease-out forwards level2SecondaryParticle}.level-2 .special-particle{background:radial-gradient(circle,#f0f 0%,#8a2be2 100%);animation:6s ease-out forwards level2SpecialParticle}@keyframes level2MainParticle{0%{opacity:1;-ms-transform:translate(0)scale(0)rotate(0);transform:translate(0)scale(0)rotate(0)}25%{-ms-transform:translate(var(--random-x,40px),var(--random-y,-40px))scale(1.8)rotate(90deg);transform:translate(var(--random-x,40px),var(--random-y,-40px))scale(1.8)rotate(90deg);opacity:.9}to{-ms-transform:translate(var(--random-x,180px),var(--random-y,-180px))scale(0)rotate(720deg);transform:translate(var(--random-x,180px),var(--random-y,-180px))scale(0)rotate(720deg);opacity:0}}@keyframes level2SecondaryParticle{0%{opacity:1;-ms-transform:translate(0)scale(0);transform:translate(0)scale(0)}40%{-ms-transform:translate(var(--random-x,70px),var(--random-y,-70px))scale(1.2);transform:translate(var(--random-x,70px),var(--random-y,-70px))scale(1.2);opacity:.7}to{-ms-transform:translate(var(--random-x,220px),var(--random-y,-220px))scale(0);transform:translate(var(--random-x,220px),var(--random-y,-220px))scale(0);opacity:0}}@keyframes level2SpecialParticle{0%{opacity:1;-ms-transform:translate(0)scale(0)rotate(0);transform:translate(0)scale(0)rotate(0)}20%{-ms-transform:translate(var(--random-x,30px),var(--random-y,-30px))scale(2.5)rotate(180deg);transform:translate(var(--random-x,30px),var(--random-y,-30px))scale(2.5)rotate(180deg);opacity:1}to{-ms-transform:translate(var(--random-x,250px),var(--random-y,-250px))scale(0)rotate(1080deg);transform:translate(var(--random-x,250px),var(--random-y,-250px))scale(0)rotate(1080deg);opacity:0}}.level-3 .badge-inner{background:linear-gradient(135deg,#0f8 0%,#0c6 50%,#0f8 100%);box-shadow:0 0 70px rgba(0,255,136,.9),inset 0 0 40px rgba(255,255,255,.4)}.level-3 .badge-glow{background:radial-gradient(circle,rgba(0,255,136,.6) 0%,transparent 70%)}.level-3 .badge-ring{border:3px solid rgba(0,255,136,.8)}.level-3 .badge-ring-2{border:2px solid rgba(0,204,102,.6)}.level-3 .main-particle{background:radial-gradient(circle,#0f8 0%,#0c6 100%);animation:5s ease-out forwards level3MainParticle}.level-3 .secondary-particle{background:radial-gradient(circle,#0c6 0%,transparent 100%);animation:6s ease-out forwards level3SecondaryParticle}.level-3 .special-particle{background:radial-gradient(circle,#8f0 0%,#0f8 100%);animation:7s ease-out forwards level3SpecialParticle}@keyframes level3MainParticle{0%{opacity:1;-ms-transform:translate(0)scale(0)rotate(0);transform:translate(0)scale(0)rotate(0)}20%{-ms-transform:translate(var(--random-x,35px),var(--random-y,-35px))scale(2)rotate(120deg);transform:translate(var(--random-x,35px),var(--random-y,-35px))scale(2)rotate(120deg);opacity:1}to{-ms-transform:translate(var(--random-x,200px),var(--random-y,-200px))scale(0)rotate(1080deg);transform:translate(var(--random-x,200px),var(--random-y,-200px))scale(0)rotate(1080deg);opacity:0}}@keyframes level3SecondaryParticle{0%{opacity:1;-ms-transform:translate(0)scale(0);transform:translate(0)scale(0)}35%{-ms-transform:translate(var(--random-x,65px),var(--random-y,-65px))scale(1.4);transform:translate(var(--random-x,65px),var(--random-y,-65px))scale(1.4);opacity:.8}to{-ms-transform:translate(var(--random-x,240px),var(--random-y,-240px))scale(0);transform:translate(var(--random-x,240px),var(--random-y,-240px))scale(0);opacity:0}}@keyframes level3SpecialParticle{0%{opacity:1;-ms-transform:translate(0)scale(0)rotate(0);transform:translate(0)scale(0)rotate(0)}15%{-ms-transform:translate(var(--random-x,25px),var(--random-y,-25px))scale(3)rotate(90deg);transform:translate(var(--random-x,25px),var(--random-y,-25px))scale(3)rotate(90deg);opacity:1}to{-ms-transform:translate(var(--random-x,280px),var(--random-y,-280px))scale(0)rotate(1440deg);transform:translate(var(--random-x,280px),var(--random-y,-280px))scale(0)rotate(1440deg);opacity:0}}.level-4 .badge-inner{background:linear-gradient(135deg,#f36 0%,#c03 50%,#f36 100%);box-shadow:0 0 80px #f36,inset 0 0 45px rgba(255,255,255,.5)}.level-4 .badge-glow{background:radial-gradient(circle,rgba(255,51,102,.7) 0%,transparent 70%)}.level-4 .badge-ring{border:3px solid rgba(255,51,102,.9)}.level-4 .badge-ring-2{border:2px solid rgba(204,0,51,.7)}.level-4 .main-particle{background:radial-gradient(circle,#f36 0%,#c03 100%);animation:5.5s ease-out forwards level4MainParticle}.level-4 .secondary-particle{background:radial-gradient(circle,#c03 0%,transparent 100%);animation:6.5s ease-out forwards level4SecondaryParticle}.level-4 .special-particle{background:radial-gradient(circle,#f06 0%,#f36 100%);animation:7.5s ease-out forwards level4SpecialParticle}@keyframes level4MainParticle{0%{opacity:1;-ms-transform:translate(0)scale(0)rotate(0);transform:translate(0)scale(0)rotate(0)}18%{-ms-transform:translate(var(--random-x,30px),var(--random-y,-30px))scale(2.2)rotate(150deg);transform:translate(var(--random-x,30px),var(--random-y,-30px))scale(2.2)rotate(150deg);opacity:1}to{-ms-transform:translate(var(--random-x,220px),var(--random-y,-220px))scale(0)rotate(1260deg);transform:translate(var(--random-x,220px),var(--random-y,-220px))scale(0)rotate(1260deg);opacity:0}}@keyframes level4SecondaryParticle{0%{opacity:1;-ms-transform:translate(0)scale(0);transform:translate(0)scale(0)}32%{-ms-transform:translate(var(--random-x,60px),var(--random-y,-60px))scale(1.6);transform:translate(var(--random-x,60px),var(--random-y,-60px))scale(1.6);opacity:.9}to{-ms-transform:translate(var(--random-x,260px),var(--random-y,-260px))scale(0);transform:translate(var(--random-x,260px),var(--random-y,-260px))scale(0);opacity:0}}@keyframes level4SpecialParticle{0%{opacity:1;-ms-transform:translate(0)scale(0)rotate(0);transform:translate(0)scale(0)rotate(0)}12%{-ms-transform:translate(var(--random-x,20px),var(--random-y,-20px))scale(3.5)rotate(60deg);transform:translate(var(--random-x,20px),var(--random-y,-20px))scale(3.5)rotate(60deg);opacity:1}to{-ms-transform:translate(var(--random-x,300px),var(--random-y,-300px))scale(0)rotate(1620deg);transform:translate(var(--random-x,300px),var(--random-y,-300px))scale(0)rotate(1620deg);opacity:0}}.level-5 .badge-inner{background:linear-gradient(135deg,gold 0%,#fa0 50%,gold 100%);box-shadow:0 0 90px gold,inset 0 0 50px rgba(255,255,255,.6)}.level-5 .badge-glow{background:radial-gradient(circle,rgba(255,215,0,.8) 0%,transparent 70%)}.level-5 .badge-ring{border:3px solid gold}.level-5 .badge-ring-2{border:2px solid rgba(255,170,0,.8)}.level-5 .main-particle{background:radial-gradient(circle,gold 0%,#fa0 100%);animation:6s ease-out forwards level5MainParticle}.level-5 .secondary-particle{background:radial-gradient(circle,#fa0 0%,transparent 100%);animation:7s ease-out forwards level5SecondaryParticle}.level-5 .special-particle{background:radial-gradient(circle,#ff0 0%,gold 100%);animation:8s ease-out forwards level5SpecialParticle}@keyframes level5MainParticle{0%{opacity:1;-ms-transform:translate(0)scale(0)rotate(0);transform:translate(0)scale(0)rotate(0)}15%{-ms-transform:translate(var(--random-x,25px),var(--random-y,-25px))scale(2.5)rotate(180deg);transform:translate(var(--random-x,25px),var(--random-y,-25px))scale(2.5)rotate(180deg);opacity:1}to{-ms-transform:translate(var(--random-x,240px),var(--random-y,-240px))scale(0)rotate(1440deg);transform:translate(var(--random-x,240px),var(--random-y,-240px))scale(0)rotate(1440deg);opacity:0}}@keyframes level5SecondaryParticle{0%{opacity:1;-ms-transform:translate(0)scale(0);transform:translate(0)scale(0)}30%{-ms-transform:translate(var(--random-x,55px),var(--random-y,-55px))scale(1.8);transform:translate(var(--random-x,55px),var(--random-y,-55px))scale(1.8);opacity:1}to{-ms-transform:translate(var(--random-x,280px),var(--random-y,-280px))scale(0);transform:translate(var(--random-x,280px),var(--random-y,-280px))scale(0);opacity:0}}@keyframes level5SpecialParticle{0%{opacity:1;-ms-transform:translate(0)scale(0)rotate(0);transform:translate(0)scale(0)rotate(0)}10%{-ms-transform:translate(var(--random-x,15px),var(--random-y,-15px))scale(4)rotate(45deg);transform:translate(var(--random-x,15px),var(--random-y,-15px))scale(4)rotate(45deg);opacity:1}to{-ms-transform:translate(var(--random-x,320px),var(--random-y,-320px))scale(0)rotate(1800deg);transform:translate(var(--random-x,320px),var(--random-y,-320px))scale(0)rotate(1800deg);opacity:0}}.level-6 .badge-inner{background:linear-gradient(135deg,#e6e6e6 0%,silver 50%,#e6e6e6 100%);box-shadow:0 0 100px #e6e6e6,inset 0 0 55px rgba(255,255,255,.7)}.level-6 .badge-glow{background:radial-gradient(circle,rgba(230,230,230,.9) 0%,transparent 70%)}.level-6 .badge-ring{border:3px solid #e6e6e6}.level-6 .badge-ring-2{border:2px solid rgba(192,192,192,.9)}.level-6 .main-particle{background:radial-gradient(circle,#e6e6e6 0%,silver 100%);animation:6.5s ease-out forwards level6MainParticle}.level-6 .secondary-particle{background:radial-gradient(circle,silver 0%,transparent 100%);animation:7.5s ease-out forwards level6SecondaryParticle}.level-6 .special-particle{background:radial-gradient(circle,#fff 0%,#e6e6e6 100%);animation:8.5s ease-out forwards level6SpecialParticle}.level-7 .badge-inner{background:linear-gradient(135deg,#f04 0%,#c02 50%,#f04 100%);box-shadow:0 0 110px #f04,inset 0 0 60px rgba(255,255,255,.8)}.level-7 .badge-glow{background:radial-gradient(circle,#f04 0%,transparent 70%)}.level-7 .badge-ring{border:3px solid #f04}.level-7 .badge-ring-2{border:2px solid #c02}.level-8 .badge-inner{background:linear-gradient(135deg,#06c 0%,#049 50%,#06c 100%);box-shadow:0 0 120px #06c,inset 0 0 65px rgba(255,255,255,.9)}.level-8 .badge-glow{background:radial-gradient(circle,#06c 0%,transparent 70%)}.level-8 .badge-ring{border:3px solid #06c}.level-8 .badge-ring-2{border:2px solid #049}.level-9 .badge-inner{background:linear-gradient(135deg,#0c4 0%,#093 50%,#0c4 100%);box-shadow:0 0 130px #0c4,inset 0 0 70px #fff}.level-9 .badge-glow{background:radial-gradient(circle,#0c4 0%,transparent 70%)}.level-9 .badge-ring{border:3px solid #0c4}.level-9 .badge-ring-2{border:2px solid #093}.level-10 .badge-inner{background:linear-gradient(135deg,red 0%,#ff8000 16.66%,#ff0 33.33%,#0f0 50%,#0080ff 66.66%,#8000ff 83.33%,red 100%) 0 0/200% 200%;animation:2s ease-in-out infinite rainbowShift;box-shadow:0 0 150px red,inset 0 0 80px #fff}.level-10 .badge-glow{background:radial-gradient(circle,red 0%,#8000ff 50%,red 100%);animation:3s ease-in-out infinite rainbowGlow}.level-10 .badge-ring{border:4px solid red;animation:2s linear infinite rainbowRing}.level-10 .badge-ring-2{border:3px solid #8000ff;animation:2s linear infinite reverse rainbowRing}.level-10 .main-particle{background:linear-gradient(45deg,red,#0f0,#00f,red) 0 0/200% 200%;animation:3s ease-in-out infinite rainbowParticle,9s ease-out forwards level10MainParticle}.level-10 .secondary-particle{background:linear-gradient(45deg,#ff0,#f0f,#0ff,#ff0) 0 0/200% 200%;animation:2.5s ease-in-out infinite rainbowParticle,10s ease-out forwards level10SecondaryParticle}.level-10 .special-particle{background:linear-gradient(45deg,#ff8000,#8000ff,#00ff80,#ff8000) 0 0/200% 200%;animation:2s ease-in-out infinite rainbowParticle,11s ease-out forwards level10SpecialParticle}@keyframes rainbowShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes rainbowGlow{0%,to{opacity:1;-ms-transform:scale(1);transform:scale(1)}50%{opacity:.8;-ms-transform:scale(1.2);transform:scale(1.2)}}@keyframes rainbowRing{0%{border-color:red;-ms-transform:rotate(0)scale(1);transform:rotate(0)scale(1)}25%{border-color:#0f0;-ms-transform:rotate(90deg)scale(1.1);transform:rotate(90deg)scale(1.1)}50%{border-color:#00f;-ms-transform:rotate(180deg)scale(1.2);transform:rotate(180deg)scale(1.2)}75%{border-color:#f0f;-ms-transform:rotate(270deg)scale(1.1);transform:rotate(270deg)scale(1.1)}to{border-color:red;-ms-transform:rotate(360deg)scale(1);transform:rotate(360deg)scale(1)}}@keyframes rainbowParticle{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes level10MainParticle{0%{opacity:1;-ms-transform:translate(0)scale(0)rotate(0);transform:translate(0)scale(0)rotate(0)}8%{-ms-transform:translate(var(--random-x,10px),var(--random-y,-10px))scale(5)rotate(90deg);transform:translate(var(--random-x,10px),var(--random-y,-10px))scale(5)rotate(90deg);opacity:1}to{-ms-transform:translate(var(--random-x,350px),var(--random-y,-350px))scale(0)rotate(2520deg);transform:translate(var(--random-x,350px),var(--random-y,-350px))scale(0)rotate(2520deg);opacity:0}}@keyframes level10SecondaryParticle{0%{opacity:1;-ms-transform:translate(0)scale(0);transform:translate(0)scale(0)}12%{-ms-transform:translate(var(--random-x,20px),var(--random-y,-20px))scale(2.5);transform:translate(var(--random-x,20px),var(--random-y,-20px))scale(2.5);opacity:1}to{-ms-transform:translate(var(--random-x,400px),var(--random-y,-400px))scale(0);transform:translate(var(--random-x,400px),var(--random-y,-400px))scale(0);opacity:0}}@keyframes level10SpecialParticle{0%{opacity:1;-ms-transform:translate(0)scale(0)rotate(0);transform:translate(0)scale(0)rotate(0)}5%{-ms-transform:translate(var(--random-x,5px),var(--random-y,-5px))scale(6)rotate(45deg);transform:translate(var(--random-x,5px),var(--random-y,-5px))scale(6)rotate(45deg);opacity:1}to{-ms-transform:translate(var(--random-x,450px),var(--random-y,-450px))scale(0)rotate(2880deg);transform:translate(var(--random-x,450px),var(--random-y,-450px))scale(0)rotate(2880deg);opacity:0}}@media (max-width:768px){.premium-level-up-container{width:300px;height:300px}.premium-level-badge{width:150px;height:150px}.level-number{font-size:3rem}.level-text{font-size:.7rem}}@media (max-width:480px){.premium-level-up-container{width:250px;height:250px}.premium-level-badge{width:120px;height:120px}.level-number{font-size:2.5rem}.level-text{font-size:.6rem}}.premium-level-up-overlay,.premium-level-up-container,.premium-level-badge,.main-particle,.secondary-particle,.special-particle{will-change:transform,opacity,filter;backface-visibility:hidden;-ms-transform:translateZ(0);transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.premium-level-up-overlay,.premium-level-badge,.main-particle,.secondary-particle,.special-particle{transition:opacity .3s!important;animation:none!important}.badge-glow,.badge-ring,.badge-ring-2{animation:none!important}}