.pill{
  display:inline-flex; align-items:center; gap:.4em;
  padding:.3em .75em; border-radius:var(--r-pill);
  background:rgba(255,255,255,.06); border:1px solid var(--line);
  font-family:var(--f-title); font-weight:700; font-size:var(--fs-xs);
  letter-spacing:.02em; white-space:nowrap;
}
.pill--good{ background:var(--good-soft); border-color:rgba(53,216,160,.35); color:var(--good); }
.pill--bad{  background:var(--bad-soft);  border-color:rgba(255,97,131,.35); color:var(--bad); }
.pill--gold{ background:var(--gold-soft); border-color:rgba(255,200,87,.38); color:var(--gold); }
.pill--money{background:var(--gold-soft); border-color:rgba(255,200,87,.38); color:var(--gold); }
.pill--trait{background:var(--violet-soft);border-color:rgba(155,107,255,.4); color:#C6A9FF; }
.pill--live{ background:var(--live-soft); border-color:rgba(255,59,92,.4);  color:#FF829B; }
.pill--tier{ background:var(--violet-soft);border-color:rgba(155,107,255,.35);color:#C6A9FF;
  font-size:.74rem; letter-spacing:.1em; text-transform:uppercase; padding:.22em .6em; }

/* point LIVE qui pulse */
.live-dot{
  width:.5em; height:.5em; border-radius:50%; background:var(--live);
  box-shadow:0 0 0 0 rgba(255,59,92,.7); animation:pulseLive 1.9s infinite;
}
@keyframes pulseLive{
  0%{ box-shadow:0 0 0 0 rgba(255,59,92,.6); }
  70%{ box-shadow:0 0 0 .6em rgba(255,59,92,0); }
  100%{ box-shadow:0 0 0 0 rgba(255,59,92,0); }
}
.chips{ display:flex; flex-wrap:wrap; gap:.45em; }