.badges{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:12px;display:grid}.badge{text-align:center;color:var(--ink);justify-items:center;gap:6px;font-size:12px;line-height:1.25;display:grid}.badge .medal{width:58px;height:58px;font-family:var(--display);background:var(--sun);color:var(--on-sun);border-radius:50%;place-items:center;font-size:15px;display:grid;box-shadow:inset 0 -4px #0000001f}.badge.challenge .medal{background:var(--accent);color:var(--on-accent);font-size:12px}.badge.locked{color:var(--muted)}.badge.locked .medal{background:var(--surface-2);color:var(--muted);box-shadow:inset 0 0 0 2px var(--line)}.review-card{background:var(--accent-soft);border-radius:20px;gap:10px;padding:16px;display:grid}.review-card h3{color:var(--accent-text)}.bar{background:var(--surface-2);border-radius:99px;height:10px;overflow:hidden}.bar>i{border-radius:inherit;background:var(--accent);height:100%;transition:width .3s;display:block}.bar.done>i{background:var(--ok)}.ch-img{aspect-ratio:2;object-fit:cover;background:var(--surface-2);border-radius:20px 20px 0 0;width:calc(100% + 32px);margin:-16px -16px 4px;display:block}.leaders{gap:2px;margin:0;padding:0;list-style:none;display:grid}.leaders li{border-radius:12px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px;font-size:14px;display:grid}.leaders li.me{background:var(--accent-soft);font-weight:600}.leaders .rk{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.leaders .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaders .gap{text-align:center;color:var(--muted);padding:0}
