/* ══ XP Bar (leaderboard entry) ══ */
.xp-bar {
  margin-top: 6px;
  font: 400 13px/1 var(--font-mono);
  display: flex;
  align-items: center;
  gap: 8px;
}

.xp-track {
  display: inline-block;
  letter-spacing: 1px;
}

.xp-fill {
  color: var(--bar-fill);
}

.xp-empty {
  color: var(--bar-empty);
}

.xp-label {
  color: var(--bar-label);
  font-size: 11px;
}

/* ══ Profile Bars (HP/MP in overlay) ══ */
.p-bar-row {
  display: flex;
  align-items: center;
  gap: 10px;
  font: 400 13px/1.8 var(--font-mono);
  white-space: nowrap;
}

.p-bar-label {
  width: 28px;
  text-align: right;
  color: var(--bar-label);
  flex-shrink: 0;
}

.p-bar-track {
  letter-spacing: 1px;
  flex-shrink: 0;
}

.p-bar-fill {
  color: var(--focus);
}

.p-bar-empty {
  color: var(--bar-empty);
}

.p-bar-val {
  color: var(--bar-label);
  font-size: 12px;
  flex-shrink: 0;
}

/* HP bar — muted red */
.p-bar-row.bar-hp .p-bar-label { color: var(--hp-label); }
.p-bar-row.bar-hp .p-bar-fill { color: var(--hp-fill); }
.p-bar-row.bar-hp .p-bar-val { color: var(--hp-label); }

/* MP bar — muted blue */
.p-bar-row.bar-mp .p-bar-label { color: var(--mp-label); }
.p-bar-row.bar-mp .p-bar-fill { color: var(--mp-fill); }
.p-bar-row.bar-mp .p-bar-val { color: var(--mp-label); }

/* ══ RPG Stat Bars (companion + rpg stats in overlay) ══ */
.p-rpg-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font: 400 12px/1.9 var(--font-mono);
}

.p-rpg-label {
  width: 80px;
  text-align: right;
  color: var(--bar-label);
  flex-shrink: 0;
}

.p-rpg-bar {
  letter-spacing: 1px;
}

.p-rpg-fill {
  color: var(--rpg-bar-fill);
}

.p-rpg-empty {
  color: var(--bar-empty);
}

.p-rpg-val {
  color: var(--rpg-bar-val);
  font-size: 11px;
}