.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.badge-cell{cursor:pointer;text-align:center;color:#302823;min-width:0;min-height:44px;font:inherit;background:#fffdf8;border:1px solid #d8ded8;border-radius:16px;padding:8px;position:relative}.badge-cell strong{overflow-wrap:anywhere;font-size:12px;display:block}.badge-image{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block}.badge-cell.locked .badge-image,.badge-cell.revoked .badge-image{filter:grayscale();opacity:.35}.badge-image.large{width:min(100%,240px);margin:0 auto}.badge-new{color:#174c3c;background:#d8f0e4;border-radius:10px;padding:2px 8px;font-size:11px;display:inline-block}.badge-home-summary .badge-new{vertical-align:middle;line-height:1}.badge-recent{gap:8px;min-height:56px;display:flex}.badge-recent .badge-image{width:56px}.badge-counter{text-align:center;font-size:12px}.badge-get{animation:.35s ease-out badge-appear}.badge-secret{aspect-ratio:1;color:#76857c;place-items:center;font-size:3rem;display:grid}.badge-cell:focus-visible{outline-offset:3px;outline:3px solid #237d73}@keyframes badge-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.badge-get{animation:none}}@media (width>=800px){.badge-grid{gap:20px;max-width:800px}.badge-cell strong{font-size:16px}}