.badges-container{width:min(100% - 48px,1060px)}.badges-board{gap:40px;display:grid}.badges-board h2{letter-spacing:-.02em;margin:0 0 14px;font-size:21px}.badges-progress{border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--fg-dim);margin:0;padding:14px 18px;font-size:15px}.badges-progress strong{color:var(--fg)}.badges-progress a{color:var(--accent-hi);font-weight:600}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;display:grid}.badges-tier{margin-top:22px}.badges-tier h3{color:var(--fg);margin:0 0 10px;font-size:15px}.badges-tier h3 span{color:var(--fg-dimmer);margin-left:6px;font-size:13px;font-weight:500}.badge-card{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:16px 18px;display:grid;position:relative}.badge-card.is-owned{border-color:color-mix(in srgb, var(--badge) 50%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--badge) 9%, var(--surface)), var(--surface) 60%)}.badge-icon{border:1px solid color-mix(in srgb, var(--badge) 45%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--badge) 14%, transparent);width:40px;height:40px;color:var(--badge);place-items:center;display:grid}.badge-card h3{color:var(--fg);letter-spacing:-.01em;margin:2px 0 4px;font-size:15px}.badge-card p{color:var(--fg-dim);margin:0;font-size:13px;line-height:1.55}.badge-owned{color:#7fdc9b;background:#46c66d24;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:12px;right:12px}.badge-card.is-owned h3{padding-right:80px}@media (max-width:640px){.badges-container{width:min(100% - 36px,1060px)}}