.um-dropdown-enter{animation:.2s ease-out dropdownIn}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.um-skeleton-shimmer{background:var(--bg-glass);animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.um-progress-fill{background:var(--accent-gradient);transition:width .25s cubic-bezier(.4,0,.2,1)}.um-xp-bar-track{background:var(--bg-glass);border-radius:999px;width:100%;height:8px;position:relative;overflow:hidden}.um-xp-bar-fill{background:#3b82f6;border-radius:999px;height:100%;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.um-xp-bar-glow{display:none}.um-level-title{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-primary);background:#3b82f614;border:1px solid #3b82f633;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.lvl-confetti-particle{animation:3s ease-in forwards lvlConfettiFall}@keyframes lvlConfettiFall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}50%{opacity:1}to{opacity:0;transform:translateY(100vh)rotate(720deg)scale(.3)}}.lvl-popup-header{background:#3b82f6}.lvl-glow-ring{pointer-events:none;border:2px solid #ffffff26;border-radius:50%;position:absolute}.lvl-glow-ring-1{width:160px;height:160px;animation:2s ease-in-out infinite lvlRingPulse;top:50%;left:50%;transform:translate(-50%,-50%)}.lvl-glow-ring-2{width:220px;height:220px;animation:2s ease-in-out .5s infinite lvlRingPulse;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes lvlRingPulse{0%,to{opacity:.2;transform:translate(-50%,-50%)scale(.9)}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.1)}}.lvl-number-badge{animation:.6s cubic-bezier(.34,1.56,.64,1) .3s both lvlBadgePop}@keyframes lvlBadgePop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.lvl-emoji-bounce{animation:.8s cubic-bezier(.34,1.56,.64,1) .5s both lvlEmojiBounce}@keyframes lvlEmojiBounce{0%{opacity:0;transform:scale(0)rotate(-15deg)}60%{transform:scale(1.3)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.lvl-cta-btn{background:#ef4444;box-shadow:0 4px 14px #ef444447}
