/* Acquisition is explicit; use status is separate from ownership. */
.badge-status{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:24px;padding:3px 7px;border:1px solid;border-radius:7px;font-size:10px!important;font-weight:800;line-height:1.35;text-align:center;max-width:100%;flex-shrink:0}
.badge-status>.ui-art-icon{width:17px;height:17px;filter:none}.badge-status>span{overflow-wrap:anywhere}
.badge-status.is-earned{background:#b4f0d6;color:#123c32!important;border-color:#d5ffe9;box-shadow:0 2px 6px #010d1740}
.badge-status.is-pending{background:#18253b;color:#b2bfd1!important;border-color:#6f80954f}
.badge-tile>.badge-status{align-self:stretch;margin:0 0 4px;font-size:10px!important}
.badge-tile.is-unlocked{border:2px solid #80d9b399!important;background:linear-gradient(155deg,#28564b99,#162b35)!important;box-shadow:inset 0 1px #e8fff11c;color:#f2fff8}
.badge-tile.is-locked{border:1px dashed #8496b044;background:#101a2c;color:#b0bed0}
.badge-tile.is-locked>.badge-art.badge-enamel{filter:grayscale(1);opacity:.42}
.badge-tile.is-in-use{border-color:#d4bcff!important;box-shadow:inset 0 0 0 1px #e6d2ff33,0 0 12px #ad87ff13}
.badge-tile{min-height:175px;gap:6px;padding:9px 7px 12px}.badge-tile>.badge-art.badge-enamel{width:64px;height:64px}.badge-tile>strong{font-size:10px;min-height:31px}
.badge-tile>.badge-tile-progress{font-size:10px!important;color:#a9bad0;margin-top:auto;font-variant-numeric:tabular-nums}
.badge-usage{display:flex;flex-direction:column;gap:4px;align-items:stretch;max-width:100%}.badge-usage:empty{display:none}.badge-tile>.badge-usage{align-self:stretch;margin-top:auto}
.badge-usage>span{display:block;padding:3px 5px;border:1px solid #bd9ef957;border-radius:5px;background:#7b56b43d;color:#ecddff;font-size:9px;font-weight:800;line-height:1.4;text-align:center;overflow-wrap:anywhere}
.badge-usage>.badge-use-pinned{border-color:#88c9ef66;background:#26536b5e;color:#d5f0ff}
.badge-detail-status{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}.badge-detail-status>.badge-status{font-size:13px!important;padding:5px 11px;min-height:33px}.badge-detail-status>.badge-status>.ui-art-icon{width:24px;height:24px}.badge-detail-status>small{font-size:11px;color:#c1d3dd;line-height:1.6}
#badgeDetail .collection-badge>.badge-usage{flex-direction:row;flex-wrap:wrap;margin-top:13px}#badgeDetail .collection-badge>.badge-usage>span{font-size:11px;padding:5px 9px}
#badgeDetail .collection-badge>.badge-progress{height:6px}#badgeDetail .collection-badge>small{font-size:11px;margin-top:8px;color:#c0d4dc}
#badgeDetail .collection-badge.is-unlocked .badge-progress>i{background:#93dec1}
#badgeDetail .badge-actions>button[aria-pressed=true]{background:#b4f0d6;border-color:#d5ffe9;color:#133e32;font-weight:800}
#badgeDetail .badge-actions>button{font-size:12px}
@media(max-width:620px){.badge-tile{min-height:164px;padding:7px 5px 10px;gap:5px}.badge-tile>.badge-art.badge-enamel{width:54px;height:54px}.badge-tile>strong{font-size:9px;min-height:29px}.badge-tile>.badge-status{font-size:10px!important;min-height:23px;padding:3px 4px;gap:3px}.badge-tile>.badge-status>.ui-art-icon{width:15px;height:15px}.badge-tile>.badge-usage>span{font-size:8px;padding:3px 2px}}
@media(max-width:360px){.badge-tile>.badge-art.badge-enamel{width:46px;height:46px}.badge-tile>.badge-status{font-size:9px!important;gap:2px}.badge-tile>.badge-status>.ui-art-icon{width:13px;height:13px}}

#badgeDetail .collection-badge.is-locked .badge-art.badge-enamel{filter:grayscale(1);opacity:.5}