/* ChatBase — 🎟️ Season Pass (seasonpass.js). Reuses .sc-modal/.sc-box + .clan-btn. */
.sp-track { height: 12px; border-radius: 999px; background: rgba(255,255,255,.1); overflow: hidden; margin: 10px 0 16px; }
.sp-fill { height: 100%; background: linear-gradient(90deg, #8ab4ff, #b69cff, #ff5fa2); border-radius: 999px; transition: width .5s ease; }
.sp-tiers { display: flex; flex-direction: column; gap: 8px; }
.sp-tier { display: flex; align-items: center; gap: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); border-radius: 12px; padding: 10px 14px; opacity: .6; }
.sp-tier.sp-reached { opacity: 1; border-color: rgba(138,180,255,.3); }
.sp-tier-xp { font-weight: 700; font-size: 13px; min-width: 80px; }
.sp-tier-reward { flex: 1; font-size: 14px; }
.sp-tier-reward small { display: block; font-size: 11px; color: var(--neo-dim, rgba(235,235,245,.6)); }
.sp-claimed { font-size: 12px; font-weight: 700; color: #5ef0c0; }
.sp-locked { font-size: 16px; opacity: .5; }