.badgeboard-count{color:var(--muted-foreground,#6b7280);white-space:nowrap;margin:0;font-size:.8125rem}.badgeboard-hint{color:var(--muted-foreground,#6b7280);margin:0 0 1rem;font-size:.875rem}.badgeboard-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.badgeitem{text-align:center;border:1px solid var(--border,#e5e7eb);background:var(--card,#fff);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:.5rem;width:100%;height:100%;padding:1rem .75rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.badgeitem:hover:not([data-locked=true]){transform:translateY(-2px)}.badgeitem[data-locked=true]{cursor:not-allowed;opacity:.55;filter:grayscale();background:var(--muted,#f3f4f6)}.badgeitem[data-full=true]{cursor:not-allowed;opacity:.7}.badgeitem:not([data-locked=true]){border-color:color-mix(in srgb, var(--badge-color,#6b7280) 45%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--badge-color,#6b7280) 10%, var(--card,#fff)), var(--card,#fff))}.badgeitem[data-featured=true]{border-color:var(--badge-color,#111827);box-shadow:0 0 0 2px color-mix(in srgb, var(--badge-color,#111827) 35%, transparent)}.badgeitem-icon{font-size:1.75rem;line-height:1}.badgeitem-rank{color:#fff;background:var(--badge-color,#111827);border-radius:999px;place-items:center;width:20px;height:20px;font-size:.6875rem;font-weight:700;display:grid;position:absolute;top:6px;right:6px}.badgeitem-info{flex-direction:column;gap:.25rem;display:flex}.badgeitem-name{font-size:.875rem;font-weight:600;line-height:1.2}.badgeitem-desc{color:var(--muted-foreground,#6b7280);font-size:.75rem;line-height:1.35}.badgeitem-locked{text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground,#6b7280);font-size:.6875rem;font-weight:600}@media (hover:hover) and (pointer:fine) and (min-width:720px){.badgeitem-desc{opacity:0;max-height:0;transition:max-height .2s,opacity .2s;overflow:hidden}.badgeitem:hover .badgeitem-desc,.badgeitem:focus-visible .badgeitem-desc{opacity:1;max-height:6rem}}.badgeboard-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.badgeboard-ok{color:#047857;margin:0;font-size:.875rem}.badgeboard-err{color:#b91c1c;margin:0;font-size:.875rem}.badgepill{white-space:nowrap;border:1px solid color-mix(in srgb, var(--badge-color,#6b7280) 45%, transparent);background:color-mix(in srgb, var(--badge-color,#6b7280) 14%, transparent);color:var(--badge-color,#374151);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.badgepill-icon{font-size:.875rem}.badgesurface[data-badge-colors="1"]{border-color:color-mix(in srgb, var(--badge-c1) 55%, transparent);background-image:linear-gradient(140deg, color-mix(in srgb, var(--badge-c1) 12%, transparent), transparent 65%)}.badgesurface[data-badge-colors="2"]{border-color:color-mix(in srgb, var(--badge-c1) 55%, transparent);background-image:linear-gradient(140deg, color-mix(in srgb, var(--badge-c1) 18%, transparent), color-mix(in srgb, var(--badge-c2) 18%, transparent));background-size:220% 220%;animation:9s ease-in-out infinite badgesurface-drift}@keyframes badgesurface-drift{0%,to{background-position:0%}50%{background-position:100%}}.badgesurface[data-badge-anim=pulse]{animation:3.2s ease-in-out infinite badgesurface-pulse}@keyframes badgesurface-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--badge-c1) 30%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--badge-c1) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.badgesurface[data-badge-colors="2"],.badgesurface[data-badge-anim=pulse],.badgeitem{transition:none!important;animation:none!important}}.mec-badges{flex-wrap:wrap;gap:.35rem;margin:0 0 .75rem;display:flex}