.wb-gam-badge-showcase{--wb-gam-badge-earned-bg:var( --wb-gam-color-white );--wb-gam-badge-locked-bg:var( --wb-gam-color-surface-muted );--wb-gam-badge-border:var( --wb-gam-color-border );--wb-gam-badge-text:var( --wb-gam-color-text );--wb-gam-badge-text-muted:var( --wb-gam-color-text-muted );--wb-gam-badge-accent:var( --wb-gam-color-warning );--wb-gam-badge-success:var( --wb-gam-color-success );--wb-gam-badge-success-soft:var( --wb-gam-color-success-soft );--wb-gam-badge-locked-soft:var( --wb-gam-color-locked-soft )}.wb-gam-badge-showcase__header{align-items:center;display:flex;flex-wrap:wrap;gap:12px 16px;margin:0 0 16px;padding:0}.wb-gam-badge-showcase__counter{align-items:baseline;display:inline-flex;flex-shrink:0;gap:6px}.wb-gam-badge-showcase__count-num{color:var( --wb-gam-badge-text );font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:700}.wb-gam-badge-showcase__count-label{color:var( --wb-gam-badge-text-muted );font-size:.875rem;font-weight:500}.wb-gam-badge-showcase__progress{background:var( --wb-gam-badge-border );border-radius:999px;flex:1 1 120px;height:6px;min-width:80px;order:3;overflow:hidden;width:100%}.wb-gam-badge-showcase__progress-fill{background:linear-gradient(90deg,var( --wb-gam-badge-accent ),var( --wb-gam-badge-success ));border-radius:999px;height:100%;min-width:4px;transition:width .36s ease}.wb-gam-badge-showcase__filters{background:var( --wb-gam-badge-locked-bg );border-radius:999px;display:inline-flex;flex-shrink:0;gap:4px;margin-left:auto;padding:4px}.wb-gam-badge-showcase__filter{align-items:center;background:transparent;border:0;border-radius:999px;color:var( --wb-gam-badge-text-muted );cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:6px;padding:6px 14px;transition:background .16s ease,color .16s ease}.wb-gam-badge-showcase__filter:hover{color:var( --wb-gam-badge-text )}.wb-gam-badge-showcase__filter.is-active{background:var( --wb-gam-badge-earned-bg );box-shadow:0 1px 2px rgba(0,0,0,.06);color:var( --wb-gam-badge-text )}.wb-gam-badge-showcase__filter-count{align-items:center;background:var( --wb-gam-badge-border );border-radius:999px;color:var( --wb-gam-badge-text );display:inline-flex;font-size:.6875rem;font-weight:700;height:18px;justify-content:center;min-width:20px;padding:0 6px}.wb-gam-badge-showcase__filter.is-active .wb-gam-badge-showcase__filter-count{background:var( --wb-gam-badge-accent );color:var( --wb-gam-color-white )}.wb-gam-badge-showcase__filter:focus-visible{outline:2px solid var( --wb-gam-badge-accent );outline-offset:2px}.wb-gam-badge-showcase{container-type:inline-size}.wb-gam-badge-showcase__list{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));list-style:none;margin:0;padding:0}@container (max-width: 520px){.wb-gam-badge-showcase__list{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}}@container (max-width: 360px){.wb-gam-badge-showcase__list{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}}.wb-gam-badge-showcase__badge{align-items:center;background:var( --wb-gam-badge-earned-bg );border:1px solid var( --wb-gam-badge-border );border-radius:14px;display:flex;flex-direction:column;gap:8px;min-height:156px;padding:16px 10px 14px;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.wb-gam-badge-showcase__badge:hover{box-shadow:0 6px 20px rgba(15,23,42,.08);transform:translateY(-2px)}.wb-gam-badge-showcase__badge--earned{border-color:rgba(22,163,74,.3)}.wb-gam-badge-showcase__badge--earned .wb-gam-badge-showcase__icon-wrap{background:var( --wb-gam-badge-success-soft )}.wb-gam-badge-showcase__badge--locked{background:var( --wb-gam-badge-locked-bg );border-color:var( --wb-gam-badge-border )}.wb-gam-badge-showcase__badge--locked .wb-gam-badge-showcase__icon-wrap{background:var( --wb-gam-badge-locked-soft )}.wb-gam-badge-showcase__badge--locked .wb-gam-badge-showcase__image,.wb-gam-badge-showcase__badge--locked .wb-gam-badge-showcase__placeholder{filter:grayscale(1);opacity:.5}.wb-gam-badge-showcase__badge--locked .wb-gam-badge-showcase__name{color:var( --wb-gam-badge-text-muted )}.wb-gam-badge-showcase__icon-wrap{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:78px;justify-content:center;position:relative;width:78px}.wb-gam-badge-showcase__image{height:56px;-o-object-fit:contain;object-fit:contain;width:56px}.wb-gam-badge-showcase__placeholder{align-items:center;display:flex;font-size:2.25rem;justify-content:center;line-height:1}.wb-gam-badge-showcase__pip{align-items:center;background:var( --wb-gam-color-white );border:2px solid var( --wb-gam-badge-earned-bg );border-radius:50%;display:inline-flex;height:24px;justify-content:center;position:absolute;right:-4px;top:-4px;width:24px}.wb-gam-badge-showcase__pip--earned{border-color:var( --wb-gam-badge-earned-bg );box-shadow:0 2px 6px rgba(22,163,74,.25);color:var( --wb-gam-badge-success )}.wb-gam-badge-showcase__pip--locked{background:var( --wb-gam-badge-locked-bg );border-color:var( --wb-gam-badge-locked-bg );color:var( --wb-gam-badge-text-muted )}.wb-gam-badge-showcase__name{color:var( --wb-gam-badge-text );font-size:.9375rem;font-weight:600;line-height:1.25;min-height:2.3em;overflow-wrap:anywhere;word-break:break-word}.wb-gam-badge-showcase__earned-at{background:var( --wb-gam-badge-success-soft );border-radius:999px;color:var( --wb-gam-badge-success );display:inline-block;font-size:.75rem;font-weight:600;margin-top:auto;padding:3px 10px}.wb-gam-badge-showcase__hint{color:var( --wb-gam-badge-text-muted );font-size:.75rem;line-height:1.4;margin-top:auto;overflow-wrap:anywhere;word-break:break-word}.wb-gam-badge-showcase__empty{align-items:center;background:var( --wb-gam-badge-locked-bg );border-radius:12px;color:var( --wb-gam-badge-text-muted );display:flex;font-size:.9375rem;gap:12px;margin:0;padding:24px}.wb-gam-badge-showcase__empty-icon{color:var( --wb-gam-badge-accent );flex-shrink:0;opacity:.6}.wb-gam-badge-showcase[data-filter=earned] .wb-gam-badge-showcase__badge[data-state=locked],.wb-gam-badge-showcase[data-filter=locked] .wb-gam-badge-showcase__badge[data-state=earned]{display:none}.wb-gam-badge-showcase__badge--credential .wb-gam-badge-showcase__image{border-radius:8px;box-shadow:0 0 0 2px var(--wb-gam-primary)}@media (max-width:640px){.wb-gam-badge-showcase__list{gap:8px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.wb-gam-badge-showcase__badge{min-height:138px;padding:12px 8px 10px}.wb-gam-badge-showcase__icon-wrap{height:64px;width:64px}.wb-gam-badge-showcase__image,.wb-gam-badge-showcase__placeholder{height:44px;width:44px}.wb-gam-badge-showcase__count-num{font-size:1.25rem}.wb-gam-badge-showcase__filters{margin-left:0;order:4;width:100%}.wb-gam-badge-showcase__filter{flex:1;justify-content:center;padding:6px 8px}}@media (prefers-reduced-motion:reduce){.wb-gam-badge-showcase__badge,.wb-gam-badge-showcase__progress-fill{transition:none}.wb-gam-badge-showcase__badge:hover{transform:none}}