/* Pulse Progression V1 - additive to V21 */
.pulse-level-nav{display:flex!important;align-items:center;gap:.7rem;width:100%;padding:.72rem .85rem;border-radius:.9rem;color:inherit;background:transparent;border:0;cursor:pointer;font:inherit;text-align:left}
.pulse-level-nav:hover{background:rgba(255,255,255,.06)}
#pulse-levels-modal{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(4,2,10,.78);backdrop-filter:blur(10px)}
#pulse-levels-modal.open{display:flex}
.pxp-card{width:min(760px,96vw);max-height:90vh;overflow:auto;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:#100b18;color:#fff;box-shadow:0 28px 90px #000;padding:22px}
.pxp-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pxp-head h2{font-size:28px;font-weight:900;margin:0}.pxp-head p{opacity:.68;margin:.2rem 0 0}.pxp-close{border:0;background:rgba(255,255,255,.08);color:#fff;width:38px;height:38px;border-radius:50%;font-size:20px;cursor:pointer}
.pxp-hero{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;margin:22px 0;padding:18px;border-radius:20px;background:linear-gradient(135deg,rgba(236,72,153,.18),rgba(59,130,246,.12))}.pxp-level{font-size:38px;font-weight:950;line-height:1}.pxp-rank{font-weight:900;font-size:20px}.pxp-xp{opacity:.72;font-size:13px}.pxp-progress{height:8px;background:rgba(255,255,255,.09);border-radius:999px;overflow:hidden;margin-top:9px}.pxp-progress>i{display:block;height:100%;background:linear-gradient(90deg,#ec4899,#8b5cf6,#3b82f6);border-radius:999px}
.pxp-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pxp-track{padding:14px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.pxp-track b{display:block}.pxp-track small{opacity:.65}.pxp-track strong{float:right}
.pxp-section{margin-top:20px}.pxp-section h3{margin:0 0 10px;font-size:15px;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.pxp-surrounds{display:flex;flex-wrap:wrap;gap:8px}.pxp-surround-btn{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;border-radius:12px;padding:9px 12px;cursor:pointer}.pxp-surround-btn.selected{border-color:#ec4899;background:rgba(236,72,153,.15)}.pxp-surround-btn:disabled{opacity:.35;cursor:not-allowed}.pxp-badges{display:flex;gap:8px;flex-wrap:wrap}.pxp-badge{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.07);font-size:12px}.pxp-badge.locked{opacity:.35}.pxp-toast{position:fixed;right:18px;bottom:18px;z-index:2147483001;background:#171020;color:#fff;border:1px solid rgba(255,255,255,.12);padding:12px 16px;border-radius:14px;box-shadow:0 12px 40px #0008;font-weight:700}
.pxp-avatar-wrap{position:relative!important;isolation:isolate}.pxp-avatar-wrap:after{content:"";position:absolute;inset:-4px;border-radius:999px;pointer-events:none;z-index:2}.pxp-ring-starter:after{border:2px solid #7d8490}.pxp-ring-connector:after{border:2px solid #3b82f6;box-shadow:0 0 10px #3b82f6aa;animation:pxpPulse 2.6s ease-in-out infinite}.pxp-ring-social:after{border:2px solid #a855f7;box-shadow:0 0 13px #a855f7bb}.pxp-ring-influencer:after{border:2px solid #f4c542;box-shadow:0 0 11px #f4c542aa;animation:pxpSpinGlow 2.3s linear infinite}.pxp-ring-elite:after{border:2px solid #d9e4ef;box-shadow:0 0 8px #fff,0 0 17px #a5b4fc88;animation:pxpPulse 1.8s ease-in-out infinite}.pxp-ring-legend:after{border:2px solid #fb572d;box-shadow:0 0 10px #ff3d00,0 0 18px #7c3aed;animation:pxpFire 1.1s ease-in-out infinite alternate}.pxp-ring-icon:after{border:3px solid transparent;background:linear-gradient(#100b18,#100b18) padding-box,conic-gradient(#ec4899,#8b5cf6,#22d3ee,#ec4899) border-box;animation:pxpRotateHue 2s linear infinite}
@keyframes pxpPulse{50%{filter:brightness(1.5);transform:scale(1.04)}}@keyframes pxpSpinGlow{50%{box-shadow:0 0 20px #f4c542}}@keyframes pxpFire{to{filter:hue-rotate(35deg);transform:scale(1.05)}}@keyframes pxpRotateHue{to{filter:hue-rotate(360deg)}}
.pxp-profile-summary{margin:12px 0;padding:12px 14px;border-radius:16px;background:rgba(139,92,246,.09);border:1px solid rgba(139,92,246,.22);font-size:13px}.pxp-profile-summary b{font-size:14px}.pxp-profile-summary span{opacity:.72;margin-left:8px}
@media(max-width:640px){.pxp-tracks{grid-template-columns:1fr}.pxp-card{padding:16px}.pxp-hero{grid-template-columns:1fr}.pxp-level{font-size:30px}}
