#battle-reward-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.82);
  z-index: 9998;
  background: #13141f;
  border-radius: 20px;
  padding: 1.6rem 2.2rem;
  min-width: 320px;
  max-width: 90vw;
  text-align: center;
  box-shadow: 0 30px 80px rgba(0,0,0,.65), 0 0 0 1px rgba(255,255,255,.07);
  opacity: 0;
  transition: opacity .28s ease, transform .28s cubic-bezier(.34,1.56,.64,1);
  pointer-events: none;
  font-family: var(--font-display, 'Bebas Neue', sans-serif);
}
#battle-reward-popup.rp-visible {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  pointer-events: auto;
}
#battle-reward-popup .rp-main {
  font-size: 2.1rem;
  color: #f2c24e;
  letter-spacing: 1px;
  line-height: 1;
}
#battle-reward-popup .rp-main-loading {
  font-size: 1.2rem;
  color: rgba(255,255,255,.5);
}
#battle-reward-popup .rp-stats {
  font-family: var(--font-mono, 'Space Mono', monospace);
  font-size: .62rem;
  color: rgba(255,255,255,.54);
  margin: .45rem 0 .7rem;
  letter-spacing: .5px;
}
#battle-reward-popup .rp-rank {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-size: 1rem;
  color: rgba(255,255,255,.9);
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 999px;
  padding: .35rem .9rem;
  margin-bottom: .55rem;
}
#battle-reward-popup .rp-xpgain {
  font-size: .95rem;
  color: #a78bfa;
  letter-spacing: .5px;
}
#battle-reward-popup .rp-xpbar-wrap {
  margin: .55rem 0 0;
  font-family: var(--font-mono, 'Space Mono', monospace);
  font-size: .6rem;
  color: rgba(255,255,255,.45);
}
#battle-reward-popup .rp-xpbar-track {
  height: 6px;
  background: rgba(255,255,255,.08);
  border-radius: 999px;
  overflow: hidden;
  margin-top: .3rem;
}
#battle-reward-popup .rp-xpbar-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg,#a78bfa,#7c3aed);
  border-radius: 999px;
  transition: width .6s ease;
}
#battle-reward-popup .rp-close-hint {
  font-family: var(--font-mono, 'Space Mono', monospace);
  font-size: .55rem;
  color: rgba(255,255,255,.28);
  margin-top: .8rem;
  letter-spacing: .5px;
}
#battle-reward-popup .rp-close-hint-pending {
  font-family: var(--font-mono, 'Space Mono', monospace);
  font-size: .55rem;
  color: rgba(255,255,255,.18);
  margin-top: .8rem;
  letter-spacing: .5px;
}
#battle-reward-popup .rp-levelup {
  background: linear-gradient(135deg,rgba(167,139,250,.15),rgba(124,58,237,.15));
  border: 1px solid rgba(167,139,250,.3);
  border-radius: 12px;
  padding: .4rem .9rem;
  font-size: .95rem;
  color: #c4b5fd;
  margin-bottom: .55rem;
}