.pill--accent{background:var(--accent-dim);border-color:var(--accent-dim-border);color:var(--accent-soft)}.pill--accent:before{background:var(--accent)}.ach-list{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:10px;display:grid}.ach-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;transition:border-color .18s;display:flex;overflow:hidden}.ach-card:hover,.ach-card--open{border-color:var(--border-strong)}.ach-card--locked{opacity:.85}.ach-card__head{all:unset;cursor:pointer;box-sizing:border-box;flex-direction:column;flex:1 0 auto;gap:12px;width:100%;padding:16px 18px;display:flex}.ach-card__head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ach-card__text{flex-direction:column;gap:4px;display:flex}.ach-card__text strong{color:var(--text-strong);font-size:16px;font-weight:800}.ach-card__text>span{color:var(--text-muted);font-size:13px;font-weight:500;line-height:1.5}.ach-card__meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;display:flex}.ach-card__meta svg{margin-left:auto}.ach-card__holders{color:var(--text-dim);font-size:12px;font-weight:700}.ach-card__date{color:var(--success-soft);font-size:12px;font-weight:700}.ach-card__body{border-top:1px solid var(--border);gap:10px;margin:0;padding:14px 18px 18px;display:grid}.ach-card__body div{gap:3px;font-size:13px;line-height:1.5;display:grid}.ach-card__body dt{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:0;font-size:11px;font-weight:700}.ach-card__body dd{color:var(--text);margin:0;font-weight:500}.xp-bar{background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;height:10px;position:relative;overflow:hidden}.xp-bar>span{width:var(--w,0%);background:var(--accent-gradient);border-radius:999px;transition:width .5s;position:absolute;inset:0}.xp-bar--small{height:6px}.xp-bar--done>span{background:var(--success)}