.xp-popup-overlay{pointer-events:none;z-index:10000;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}.xp-popup-item.xp{align-items:baseline;gap:.5rem;animation:2s forwards xpPopIn;display:flex}.xp-popup-plus{color:gold;text-shadow:0 0 20px #ffd70099,0 0 40px #ffd7004d,0 2px 4px #000c;font-family:Cinzel,serif;font-size:3rem;font-weight:900}.xp-popup-label{color:#ffd700b3;text-shadow:0 2px 4px #000c;text-transform:uppercase;letter-spacing:.1em;font-family:Cinzel,serif;font-size:1.4rem;font-weight:700}@keyframes xpPopIn{0%{opacity:0;transform:scale(.5)translateY(20px)}15%{opacity:1;transform:scale(1.15)translateY(0)}30%{transform:scale(1)translateY(0)}70%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.9)translateY(-30px)}}.xp-popup-item.levelup{flex-direction:column;align-items:center;gap:.5rem;animation:3.8s forwards levelUpPopIn;display:flex}.xp-popup-levelup-icon{font-size:4rem;animation:1s levelUpSpin}@keyframes levelUpSpin{0%{transform:rotateY(0)scale(.3)}50%{transform:rotateY(180deg)scale(1.2)}to{transform:rotateY(360deg)scale(1)}}.xp-popup-levelup-text{color:gold;text-shadow:0 0 30px #ffd700cc,0 0 60px #ffd70066,0 2px 4px #000c;text-transform:uppercase;letter-spacing:.15em;font-family:Cinzel,serif;font-size:2.5rem;font-weight:900}.xp-popup-levelup-level{color:#ffd700b3;text-shadow:0 2px 4px #000c;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700}@keyframes levelUpPopIn{0%{opacity:0;transform:scale(.3)}10%{opacity:1;transform:scale(1.1)}20%{transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)translateY(-20px)}}@media (max-width:480px){.xp-popup-plus{font-size:2.2rem}.xp-popup-label{font-size:1rem}.xp-popup-levelup-text{font-size:1.8rem}}