.badge-pieces{display:inline-block;position:relative;width:110px;aspect-ratio:1;flex-shrink:0;vertical-align:middle;background:none!important;clip-path:none!important;filter:none!important;opacity:1!important}.badge-pieces>.badge-base,.badge-pieces>.badge-owned{position:absolute;inset:0;background-image:url('/record-design/assets/collection-seals-v1.png');background-size:300% 200%;background-position:var(--badge-x) var(--badge-y);clip-path:circle(39% at 50% 49%)}.badge-pieces>.badge-base{filter:grayscale(1);opacity:.22}.badge-pieces>.badge-owned{-webkit-mask-image:var(--piece-mask);mask-image:var(--piece-mask)}.badge-pieces>.badge-outline{position:absolute;inset:0;background:var(--piece-ring);-webkit-mask:radial-gradient(circle,transparent 58%,#000 59% 60%,transparent 61%);mask:radial-gradient(circle,transparent 58%,#000 59% 60%,transparent 61%);pointer-events:none}.tl-achievement .badge-pieces{width:132px;height:132px}.ac-badge-detail>.badge-pieces,#tl-dialog-body>.badge-pieces{width:200px;height:200px;margin:0 auto;display:block}.ac-pin .badge-pieces{width:42px;height:42px}.tl-piece-count{display:inline-block;font:12px var(--font-body);border:1px solid #b5a07977;border-radius:4px;padding:4px 9px;background:#e6dfc9;color:#6f714d;margin:4px 0}.tl-private{border:1px dashed #aaa383}.tl-private-label{font-size:10px;padding:4px 7px;border-radius:3px;background:#e5dfcf;color:#7a775c}.tl-own-meta{font-size:12px;line-height:1.9;color:#7e846c;background:#e9e4d488;padding:12px;border-left:2px solid #a6b293}.tl-own-meta p{margin:4px 0}.tl-steps li.is-pending{opacity:.5}.tl-steps li.is-complete b:before{content:'✓ ';color:#6f885a}
@media(max-width:750px){.tl-achievement .badge-pieces{width:118px;height:118px;margin:0 auto;display:block}}
/* A continuous metal bezel encloses every piece. Engraved seams replace gaps. */
.badge-pieces>.badge-base{filter:grayscale(1) sepia(.35);opacity:.4}
.badge-pieces>.badge-engraving{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 1px 1px #45371b33)}