.ach-medal{width:var(--s);height:var(--s);border-radius:9999px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.ach-medal[data-tier=bronze]{--hi:var(--medal-bronze-hi);--lo:var(--medal-bronze-lo)}.ach-medal[data-tier=silver]{--hi:var(--medal-silver-hi);--lo:var(--medal-silver-lo)}.ach-medal[data-tier=gold]{--hi:var(--medal-gold-hi);--lo:var(--medal-gold-lo)}.ach-medal[data-tier=platinum]{--hi:var(--medal-platinum-hi);--lo:var(--medal-platinum-lo)}.ach-dot{background:radial-gradient(circle at 32% 28%,var(--hi),var(--lo));border-radius:9999px;flex:none;justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex;box-shadow:0 1px 2px #00000040,inset 0 1px 1px #ffffff59}.ach-dot--done{width:18px;height:18px;color:var(--medal-ink);box-shadow:0 0 0 2px rgb(var(--brand-surface)),0 0 0 3.5px var(--hi),0 1px 3px #0000004d}.ach-dot[data-tier=bronze]{--hi:var(--medal-bronze-hi);--lo:var(--medal-bronze-lo)}.ach-dot[data-tier=silver]{--hi:var(--medal-silver-hi);--lo:var(--medal-silver-lo)}.ach-dot[data-tier=gold]{--hi:var(--medal-gold-hi);--lo:var(--medal-gold-lo)}.ach-dot[data-tier=platinum]{--hi:var(--medal-platinum-hi);--lo:var(--medal-platinum-lo)}.ach-medal--got{background:radial-gradient(circle at 32% 28%,var(--hi),var(--lo));color:var(--medal-ink);box-shadow:0 2px 6px #00000047,inset 0 1px 1px #ffffff59}.ach-medal--next{background:rgb(var(--brand-card));color:rgb(var(--brand-muted));box-shadow:inset 0 0 0 3px var(--hi)}.ach-medal--locked{color:rgb(var(--brand-dim));box-shadow:inset 0 0 0 2.5px rgb(var(--brand-dim)/.7);background:0 0}