.b4-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 6px;border-radius:var(--r-pill);border:1px solid transparent;font-family:var(--f-mono);font-size:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap;position:relative;cursor:help}.b4-badge__dots{display:inline-flex;gap:2px}.b4-badge__dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.25}.b4-badge__dot.is-filled{opacity:1}.b4-badge__pct{font-size:11px}.b4-badge[data-tier="1"]{background:var(--c-danger-bg);border-color:var(--c-danger);color:var(--c-danger)}.b4-badge[data-tier="2"]{background:var(--c-warning-bg);border-color:var(--c-warning);color:var(--c-warning)}.b4-badge[data-tier="3"]{background:var(--c-info-bg);border-color:var(--c-info);color:var(--c-info)}.b4-badge[data-tier="4"]{background:var(--c-success-bg);border-color:var(--c-success);color:var(--c-success)}.b4-badge[data-tier="5"]{background:linear-gradient(135deg,var(--c-success) 0,var(--c-success-bg) 100%);color:#fff;border-color:var(--c-success);box-shadow:0 0 0 2px var(--c-success-bg)}.b4-badge[data-tier="5"] .b4-badge__dot{color:#fff}.b4-badge.is-tier-up:after{content:"";position:absolute;inset:-4px;border-radius:var(--r-pill);box-shadow:0 0 0 2px var(--c-warning),0 0 12px var(--c-warning);animation:b4-sparkle 1s ease-out;pointer-events:none}@keyframes b4-sparkle{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.b4-badge.is-tier-up:after{animation:none}}.b4-tooltip{position:absolute;top:calc(100% + 8px);left:0;z-index:10;width:240px;padding:10px 12px;background:var(--c-fg);color:var(--c-fg-inverse,#fff);border-radius:var(--r-md);font-family:var(--f-body);font-size:var(--t-xs);font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;white-space:normal;box-shadow:var(--sh-lg);pointer-events:none;opacity:0;transition:opacity var(--d-fast,.15s)}.b4-badge:focus-visible .b4-tooltip,.b4-badge:hover .b4-tooltip{opacity:1}.b4-tooltip__title{display:block;font-weight:700;font-family:var(--f-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;color:var(--c-fg-inverse,#fff);opacity:.7}@media (max-width:720px){.b4-tooltip{width:200px}.b4-badge{align-self:stretch;justify-content:center;margin-top:6px}.b4-tooltip{left:50%;transform:translateX(-50%);top:auto;bottom:calc(100% + 8px)}}