.ach{align-items:center;gap:1rem;display:flex}.ach--compact{text-align:center;flex-direction:column}.ach__body{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.ach--compact .ach__body{align-items:center}.ach__title{align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;line-height:1.25;display:flex}.ach__text,.ach__meta{text-wrap:pretty;color:color-mix(in srgb, var(--ludex-ink) 55%, transparent);font-size:.75rem;font-weight:500}.ach__meta{font-weight:600}@media (max-width:639px){.ach{gap:.75rem}.ach__date{display:none}}.ach__progress{align-items:center;gap:.625rem;margin-top:.125rem;display:flex}.ach__meter{flex:1;height:.375rem;overflow:hidden}.ach__meter .collection-meter__fill{height:100%}.ach__count{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--ludex-ink) 45%, transparent);font-size:11px;font-weight:700}.ach__medal{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.medal-stars{background:var(--ludex-ink);border-radius:999px;gap:.05rem;margin-top:-.5rem;padding:.1rem .25rem;display:flex;position:relative}.medal-stars svg{fill:#ffffff40;width:.7rem;height:.7rem}.medal-stars svg[data-filled]{fill:var(--color-gold)}.medal-stars--xl{gap:.2rem;margin-top:-1rem;padding:.3rem .6rem}.medal-stars--xl svg{width:1.4rem;height:1.4rem}