.badge-art{flex:none;max-width:none;display:block}.badge-chip{vertical-align:middle;color:var(--ink,#0b0e10);align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}.badge-chip-name{overflow-wrap:anywhere;min-width:0;line-height:1.2}.badge-chip[data-locked=true] .badge-chip-name{color:var(--muted,#45515a);font-weight:500}.badge-chip-row{vertical-align:middle;flex-wrap:nowrap;align-items:center;gap:4px;display:inline-flex}@media (width<=359px){.badge-chip-row{display:none}}.badge-medal{border:1px solid var(--edge,#c3cfd6);border-radius:var(--radius-md,8px);background:var(--surface,#f1f4f4);width:100%;max-width:200px;color:var(--ink,#0b0e10);text-align:center;flex-direction:column;align-items:center;gap:10px;margin:0;padding:16px 12px 14px;display:flex;position:relative}.badge-medal[data-state=locked]{background:var(--field,#e3ebf0)}.badge-medal-art{border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.badge-medal-caption{justify-items:center;gap:3px;width:100%;min-width:0;display:grid}.badge-medal-name{overflow-wrap:anywhere;font-size:16px;font-weight:700;line-height:1.25}.badge-medal-rarity{letter-spacing:.02em;color:var(--muted,#45515a);font-size:12px;font-weight:700}.badge-medal-text{color:var(--muted,#45515a);font-size:14px;line-height:1.4}.badge-medal-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:2px;display:flex}@media (prefers-reduced-motion:no-preference){@keyframes badge-shine{0%{opacity:0;transform:translate(-120%)}30%{opacity:1}to{opacity:0;transform:translate(120%)}}@keyframes badge-pop{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.badge-medal-art[data-shine=true]:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(105deg,#0000 38%,#ffffff8c 50%,#0000 62%);border-radius:50%;position:absolute;inset:0;transform:translate(-120%)}.badge-medal:hover .badge-medal-art[data-shine=true]:after,.badge-medal:focus-within .badge-medal-art[data-shine=true]:after{animation:badge-shine .72s var(--ease-out,cubic-bezier(.23, 1, .32, 1)) 1}.badge-medal[data-pop=true] .badge-medal-art{animation:badge-pop .54s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1)) backwards}}html[data-motion=reduced] .badge-medal-art,html[data-motion=reduced] .badge-medal-art:after{animation:none}html[data-motion=reduced] .badge-medal-art:after{display:none}