.friends-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--friends-badge-bg, linear-gradient(135deg, rgba(212, 175, 55, .15), rgba(212, 175, 55, .08)));border:1px solid var(--friends-badge-border, rgba(212, 175, 55, .3));border-radius:2rem;font-size:.8rem;font-weight:600;color:var(--friends-badge-color, var(--trophy-gold, #d4af37));transition:all .2s ease;cursor:default;flex-shrink:0;max-width:fit-content}.friends-badge:hover{background:var(--friends-badge-bg-hover, linear-gradient(135deg, rgba(212, 175, 55, .25), rgba(212, 175, 55, .15)));transform:translateY(-1px)}.friends-badge__avatars{display:flex;flex-direction:row-reverse}.friends-badge__avatar{width:24px;height:24px;border-radius:50%;border:2px solid var(--friends-badge-avatar-border, var(--theme-bg-primary, #fff));object-fit:cover;margin-left:-8px;transition:transform .15s ease;background-color:var(--theme-surface-2)}.friends-badge__avatar:last-child{margin-left:0}.friends-badge:hover .friends-badge__avatar{transform:translateY(-2px)}.friends-badge__avatar--placeholder{background:var(--friends-badge-placeholder-bg, linear-gradient(135deg, var(--trophy-gold, #d4af37), #c49b2e));display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--friends-badge-placeholder-color, #1a1a1a);font-weight:700;text-transform:uppercase}.friends-badge__text{white-space:nowrap}.friends-badge__icon{font-size:.75rem;opacity:.8}.friends-badge__arrow{font-size:.75rem;margin-left:.25rem;opacity:.7;transition:transform .2s ease,opacity .2s ease}.friends-badge--clickable{cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.friends-badge--clickable:hover{text-decoration:none}.friends-badge--clickable:hover .friends-badge__arrow{opacity:1;transform:translate(2px)}.friends-badge--clickable:active{transform:translateY(0)}[data-bs-theme=dark] .friends-badge:not([style*=--friends-badge]){background:linear-gradient(135deg,#d4af3733,#d4af371a);border-color:#d4af3766}[data-bs-theme=dark] .friends-badge{color:var(--theme-text-primary, #e0e0e0)!important}[data-bs-theme=dark] .friends-badge__avatar{border-color:var(--friends-badge-avatar-border, var(--theme-surface-1, #1e1e1e))}.friends-badge--compact{padding:.25rem .5rem;font-size:.75rem;gap:.375rem}.friends-badge--compact .friends-badge__avatar{width:20px;height:20px;margin-left:-6px}.friends-badge--compact .friends-badge__avatar:last-child{margin-left:0}.friends-badge--inline{padding:.25rem .625rem;margin-left:.5rem}@media (max-width: 575.98px){.friends-badge__avatars{display:none}.friends-badge{padding:.25rem .625rem}}@media (prefers-reduced-motion: reduce){.friends-badge,.friends-badge__avatar{transition:none}.friends-badge:hover,.friends-badge:hover .friends-badge__avatar{transform:none}}