/* Earned milestones and upcoming goals have distinct presentation. */
.swack-trophy-overview .swack-trophy-heading{border:0;padding-bottom:0}
.swack-trophy-count{font-size:1rem!important;color:var(--bp-muted);margin:2px 0 6px!important;font-variant-numeric:tabular-nums}
.swack-trophy-count strong{font-size:1.35rem;color:var(--bp-ink)}
.swack-trophy-overview .swack-best-flame{margin:18px 0 6px;min-height:90px}
.swack-trophy-category{margin:26px 0 36px}
.swack-trophy-category .swack-section-heading{margin:0 0 8px}
.swack-trophy-category h2 small{display:block;font-size:.8rem;line-height:1.5;color:var(--bp-muted);font-weight:400;margin-top:4px}
.swack-trophy-category h3{font-size:.8rem!important;font-weight:600;color:var(--bp-muted);margin:16px 0 10px}
.swack-trophy-see-all{border:0;background:transparent;color:var(--bp-purple);font:inherit;font-size:.9rem;min-height:44px;padding:6px 0 6px 14px}
.swack-trophy-category .swack-badge-grid{margin:0}
.swack-trophy-overview .swack-badge-card{border-radius:var(--sw-r-md,16px)!important;padding:12px!important}
.swack-trophy-overview .swack-badge-card .swack-badge-art{width:70px!important;height:78px!important;margin-bottom:5px!important}
.swack-trophy-overview .swack-badge-card.is-locked{background:transparent!important;border-color:transparent!important}
.swack-trophy-collection>h2{font-size:1.2rem!important;margin:28px 0 12px}
.swack-trophy-heading{padding:2px 0 20px;border-bottom:1px solid var(--bp-line)}
.swack-trophy-heading .swack-trophy-intro{font-size:20px!important;margin:0 0 8px!important;color:var(--bp-ink)}
.swack-trophy-intro strong{font-size:36px;letter-spacing:-.04em;margin-right:4px}
.swack-trophy-heading>p:not(.swack-trophy-intro),.swack-next-trophies>p,.swack-trophy-empty{font-size:14px!important;line-height:1.5;color:var(--bp-muted)}
.swack-earned-trophies>h2,.swack-next-trophies>h2{font-size:21px!important;margin:24px 0 14px!important;text-align:left}
.swack-badge-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.swack-badge-card{display:flex!important;flex-direction:column;align-items:center!important;min-width:0!important;padding:16px 12px!important;margin:0!important;border:1px solid var(--bp-line)!important;border-radius:20px!important;background:var(--bp-card)!important;box-shadow:none!important;text-align:center;overflow:hidden}
.swack-badge-card.is-earned{background:linear-gradient(145deg,var(--bp-card),color-mix(in srgb,var(--bp-purple) 5%,var(--bp-card)))!important}
.swack-badge-card .swack-badge-art{width:112px!important;height:124px!important;flex:none;margin:0 0 8px!important;filter:drop-shadow(0 4px 5px #17142a16)}
.swack-badge-art.is-locked{opacity:.7;filter:saturate(.55)!important}
.swack-badge-card>strong{font-size:14px!important;line-height:1.35!important;overflow-wrap:anywhere;color:var(--bp-ink);margin:0 0 7px}
.swack-badge-card .swack-earned-description{font-size:11px!important;line-height:1.45!important;color:var(--bp-muted);margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.swack-badge-card .swack-badge-earned-date{margin-top:auto;font-size:11px;color:var(--bp-purple);font-weight:600}
.swack-badge-card progress{display:block;width:100%;height:6px;margin:8px 0 7px;border:0;overflow:hidden;border-radius:5px;appearance:none}
.swack-badge-card>small:last-child{font-size:12px;color:var(--bp-muted)}
.swack-badge-detail{max-width:420px;margin:auto;text-align:center;padding:12px 0}.swack-badge-detail .swack-badge-art{width:190px;height:210px}.swack-badge-detail h2{font-size:25px!important;line-height:1.3!important}.swack-badge-detail>p{font-size:15px!important;line-height:1.55!important;color:var(--bp-muted)}.swack-badge-detail progress{display:block;width:80%;height:8px;margin:24px auto 8px;accent-color:var(--bp-purple)}
@media(min-width:600px){.swack-badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:350px){.swack-badge-grid{gap:8px!important}.swack-badge-card{padding:14px 8px!important}.swack-badge-card .swack-badge-art{width:96px!important;height:106px!important}.swack-badge-card>strong{font-size:13px!important}}