#xpContainer {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  pointer-events: none;
  z-index: 9999;
}
.xp-popup {
  background: rgba(0, 200, 0, 0.9);
  color: white;
  font-weight: bold;
  padding: 8px 12px;
  margin-top: 8px;
  border-radius: 6px;
  animation: floatUp 2s ease-out forwards;
}
@keyframes floatUp {
  0%   { opacity: 1; transform: translateY(0); }
  100% { opacity: 0; transform: translateY(-40px); }
}

.badge-popup {
  position: fixed;
  bottom: 5rem;
  right: 2rem;
  background: gold;
  color: black;
  font-weight: bold;
  padding: 10px 15px;
  border-radius: 8px;
  animation: floatUp 3s ease-out forwards;
  z-index: 10000;
}