/* ================================================================
   Progress bars (legacy filename: stats.css)

   This file used to hold the whole Statistics tab stylesheet. That tab
   was removed 2026-07-31; what survives is the small `.stats-bar-*`
   vocabulary, which the rest of the app still renders:

     - index.html            → EWMA-accuracy + target-difficulty bars
                               on the Practice page
     - practice/arena-unlock.js
     - targeted-practice/targeted-practice.js

   The `stats-` class prefix (and this filename) are kept only because
   renaming them would touch every consumer for no behavioural gain.
   ================================================================ */

.stats-bar {
  display: flex;
  align-items: center;
  gap: 10px;
}

.stats-bar-track {
  width: 120px;
  height: 8px;
  border-radius: 999px;
  background: rgb(var(--tint-rgb) / calc(0.08 * var(--tint-k)));
  overflow: hidden;
}

.stats-bar-fill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, rgb(var(--info-rgb) / 0.9), rgb(var(--info-rgb) / 0.45));
}

.stats-bar-value {
  font-size: 12px;
  color: var(--white);
  min-width: 52px;
  text-align: right;
}