/* Страничные стили rarity. Извлечено из макета v2/06-rarity.html. */
/* Карточка шкалы: сама шкала и подпись под ней. */
.gauge-card{ display:flex; flex-direction:column; align-items:flex-start; gap:22px; }
/* padding, а не gap: сверху нужен запас под метку, вылезающую за трек. */
.gauge{ display:flex; flex-direction:column; gap:14px; padding-top:8px; align-self:stretch; }
.gauge-track{ position:relative; height:14px; border-radius:var(--r-pill); overflow:hidden;
  background:linear-gradient(90deg,var(--clay) 0%,#E0B39A 28%,var(--surface-2) 55%,#9FC0B4 78%,var(--accent) 100%); }
.gauge-mark{ position:absolute; top:-9px; width:3px; height:32px; background:var(--ink); border-radius:2px; }
.gauge-scale{ display:flex; justify-content:space-between; font-size:13.5px; color:var(--ink-faint); }
.gauge-note{ display:inline-flex; align-items:center; gap:8px; padding:8px 14px;
  border-radius:var(--r-pill); background:var(--clay-soft); color:var(--clay); font-weight:600; font-size:15px; }