.badge-grid.svelte-u2exdb{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;position:relative}.badge-grid.compact.svelte-u2exdb{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:.5rem}.badge-item.svelte-u2exdb{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem;border-radius:8px;background:var(--color-bg-card);border:1px solid var(--color-border);transition:transform .2s;cursor:pointer}.badge-item.svelte-u2exdb:not(.locked):hover{transform:scale(1.05)}.badge-item.locked.svelte-u2exdb{opacity:.5}.badge-icon.svelte-u2exdb .grayscale:where(.svelte-u2exdb){filter:grayscale(1)}.badge-name.svelte-u2exdb{font-weight:600;font-size:.85rem;margin-top:.5rem;color:var(--color-text)}.badge-date.svelte-u2exdb{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.badge-condition.svelte-u2exdb{font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem;font-style:italic}.compact.svelte-u2exdb .badge-item:where(.svelte-u2exdb){padding:.25rem;border:none;background:none}.tooltip-date.svelte-u2exdb{font-size:.65rem;opacity:.8}