/* Levels & XP – badges near names */
.nv-xp-badge{ display:inline-flex; align-items:center; gap:6px; margin-left:6px; padding:2px 8px; border-radius:999px; font-size:.72rem; font-weight:800; border:1px solid #e6e8ec; background:#f3f4f6; color:#0f172a }
.nv-xp-badge.rookie{ background:#eef2ff; border-color:#ced6ff }
.nv-xp-badge.starter{ background:#e0f2fe; border-color:#bae6fd }
.nv-xp-badge.pro{ background:#ede9fe; border-color:#ddd6fe }
.nv-xp-badge.veteran{ background:#dcfce7; border-color:#bbf7d0 }
.nv-xp-badge.legend{ background:#fff7ed; border-color:#ffedd5 }

/* Card + progress */
.nv-xp-card{ background:#fff; border:1px solid #e6e8ec; border-radius:14px; padding:14px; box-shadow:0 6px 18px rgba(16,24,40,.06); max-width:460px }
.nv-xp-row{ display:flex; justify-content:space-between; margin-bottom:8px; font-weight:700 }
.nv-xp-progress{ background:#eef2f7; border-radius:999px; height:10px; overflow:hidden }
.nv-xp-progress span{ display:block; height:100%; background:linear-gradient(90deg,#1f6feb,#3b82f6); border-radius:999px }
.nv-xp-next{ margin-top:6px; color:#6b7280; font-size:.9rem }

/* Leaderboard */
.nv-xp-leaderboard{ background:#fff; border:1px solid #e6e8ec; border-radius:12px; padding:12px; box-shadow:0 2px 10px rgba(16,24,40,.06) }
.nv-xp-leader-list{ list-style:none; margin:0; padding:0; display:grid; gap:6px }
.nv-xp-leader-list li{ display:grid; grid-template-columns: 32px 1fr auto auto; align-items:center; gap:10px; padding:8px 10px; border:1px solid #eef1f4; border-radius:10px; background:#fafbfc }
.nv-xp-pos{ font-weight:800 }
.nv-xp-name{ font-weight:600 }
.nv-xp-level-b{ font-size:.85rem; color:#6b7280 }
.nv-xp-pts{ font-size:.9rem }

/* Mini widget */
.nv-xp-mini{ display:flex; align-items:center; gap:8px }
.nv-xp-mini-l{ font-weight:700; font-size:.9rem }
.nv-xp-mini-p{ width:110px; height:8px; background:#eef2f7; border-radius:999px; overflow:hidden }
.nv-xp-mini-p span{ display:block; height:100%; background:linear-gradient(90deg,#1f6feb,#3b82f6) }

/* Dark/HNL friendly tweaks */
.hnl-theme .nv-xp-card,
.nv-fan-zone.hnl-theme .nv-xp-card,
.hnl-theme .nv-xp-leaderboard,
.nv-fan-zone.hnl-theme .nv-xp-leaderboard{
  background:#101a28; border-color:#1b2a3c; color:#e8eef7; box-shadow:0 6px 18px rgba(0,0,0,.3)
}
.hnl-theme .nv-xp-progress,
.nv-fan-zone.hnl-theme .nv-xp-progress,
.hnl-theme .nv-xp-mini-p,
.nv-fan-zone.hnl-theme .nv-xp-mini-p{ background:#0d1520 }
.hnl-theme .nv-xp-leader-list li,
.nv-fan-zone.hnl-theme .nv-xp-leader-list li{ background:#0d1520; border-color:#1b2a3c }