.xp-burst{position:absolute;inset:0;z-index:5;display:grid;place-items:center;overflow:visible;pointer-events:none}.xp-burst__ring{position:absolute;width:60px;height:60px;border:3px solid #3ddc84;border-radius:50%;opacity:0;animation:xp-ring .7s ease-out forwards}.xp-burst__spark{position:absolute;width:10px;height:11px;background:linear-gradient(180deg,#8bffbd,#22c55e);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:0;animation:xp-spark .85s cubic-bezier(.2,.7,.3,1) forwards}.xp-burst__text{position:relative;padding:6px 14px;border-radius:999px;background:linear-gradient(180deg,#34d27a,#15964b);color:#fff;font-family:var(--d1-font-display);font-size:20px;font-weight:800;letter-spacing:.02em;box-shadow:0 0 0 3px rgba(61,220,132,.25),0 10px 30px rgba(34,197,94,.5);animation:xp-rise 1.4s cubic-bezier(.2,.8,.2,1) forwards}@keyframes xp-ring{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(2.6)}}@keyframes xp-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(-70px) scale(.4)}}@keyframes xp-rise{0%{opacity:0;transform:translateY(10px) scale(.6)}18%{opacity:1;transform:translateY(0) scale(1.12)}30%{transform:translateY(-2px) scale(1)}80%{opacity:1;transform:translateY(-26px)}to{opacity:0;transform:translateY(-40px)}}@media(prefers-reduced-motion:reduce){.xp-burst__ring,.xp-burst__spark{display:none}.xp-burst__text{animation:xp-fade 1.4s linear forwards}}@keyframes xp-fade{0%,80%{opacity:1}to{opacity:0}}