.rank { font-family: var(--font-mono); font-size: var(--fs-sm); color: var(--ink-3); width: 28px; text-align: right; flex: none; }
.bar { height: 6px; border-radius: var(--r-pill); background: var(--surface-2); overflow: hidden; width: 120px; }
.bar span { display: block; height: 100%; background: var(--ink); border-radius: inherit; }
.nivel { width: 110px; }
@media (max-width: 700px) { .hide-sm { display: none; } }