/* ═══════════ SEASON PASS — juiced redesign (preview) ═══════════ */
/* Reuses rkFloat / rkShimmer / rkRow keyframes from ranked-glow.css. */

#screen-battlepass { background: linear-gradient(160deg,#1b1836 0%,#14111f 55%,#0d0b16 100%); }

/* ── hero: tier badge + glowing XP bar ── */
#screen-battlepass .bp-top { padding: 16px 16px 10px; }
#screen-battlepass .bp-xp-row { gap: 12px; margin-bottom: 14px; }
#screen-battlepass .bp-tier-badge {
  width: 44px !important; height: 44px !important; border-radius: 50% !important; font-size: 15px !important;
  background: linear-gradient(135deg,#ffe14a,#e0a000) !important; color: #3a2600 !important;
  box-shadow: 0 0 16px rgba(245,208,32,.6), inset 0 2px 0 rgba(255,255,255,.45) !important;
  animation: rkFloat 3.2s ease-in-out infinite;
}
#screen-battlepass .bp-xp-bar {
  height: 16px !important; border-radius: 10px !important; background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.12);
}
#screen-battlepass .bp-xp-fill {
  border-radius: 10px !important; position: relative; overflow: hidden;
  box-shadow: 0 0 12px rgba(245,208,32,.7);
}
#screen-battlepass .bp-xp-fill::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(100deg, transparent 20%, rgba(255,255,255,.6) 50%, transparent 80%);
  animation: rkShimmer 1.9s ease-in-out infinite;
}
#screen-battlepass .bp-xp-text { font-size: 9px !important; color: #ffd84a !important; }

/* ── premium unlock CTA ── */
#screen-battlepass .bp-unlock-btn {
  border-radius: 14px !important; padding: 15px !important; font-size: 12px !important; color: #fff !important;
  background: linear-gradient(135deg,#b06bff,#e0a800) !important;
  box-shadow: 0 6px 0 #6a2fb0, 0 0 18px rgba(176,107,255,.4) !important;
  animation: bpPulse 2.2s ease-in-out infinite;
}
@keyframes bpPulse {
  0%,100% { box-shadow: 0 6px 0 #6a2fb0, 0 0 14px rgba(176,107,255,.35); }
  50%     { box-shadow: 0 6px 0 #6a2fb0, 0 0 28px rgba(176,107,255,.65); }
}
#screen-battlepass .bp-unlock-btn:active { transform: translateY(4px); box-shadow: 0 2px 0 #6a2fb0 !important; }
#screen-battlepass .bp-premium-on {
  border-radius: 14px !important; border-color: rgba(245,208,32,.5) !important;
  box-shadow: 0 0 16px rgba(245,208,32,.2) inset;
}

/* ── reward track ── */
#screen-battlepass .bp-tier-cell {
  border-radius: 12px !important; padding: 13px 6px !important; animation: rkRow .4s ease backwards;
}
#screen-battlepass .bp-prem-cell {
  border-color: rgba(245,208,32,.35) !important;
  background: linear-gradient(135deg, rgba(245,208,32,.12), rgba(255,255,255,.03)) !important;
}
#screen-battlepass .bp-tier-num.reached {
  box-shadow: 0 0 12px rgba(245,208,32,.3); border-color: rgba(245,208,32,.6) !important;
}
#screen-battlepass .bp-state-ready {
  animation: rkRow .4s ease backwards, bpReady 1.6s ease-in-out infinite;
}
@keyframes bpReady {
  0%,100% { box-shadow: 0 0 0 1px rgba(115,201,58,.4) inset, 0 0 10px rgba(115,201,58,.2); }
  50%     { box-shadow: 0 0 0 1px rgba(115,201,58,.65) inset, 0 0 20px rgba(115,201,58,.5); }
}
#screen-battlepass .bp-reward { font-size: 9px !important; }
#screen-battlepass .bp-reward img { width: 16px !important; height: 16px !important; }