/* v29 friends online + invites */
.bb-friends-panel{margin:16px 0 8px;padding:14px;border-radius:14px;background:#0e1628;border:1px solid #2a3a58;text-align:left}
.bb-friends-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.bb-friends-head .kicker{margin:0;font-size:10px;letter-spacing:1.6px;color:#8fd6c8}
.bb-friends-head span{font-size:12px;color:#a5ff5b;font-weight:700}
.bb-friend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto}
.bb-friend-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:11px;background:#16203a}
.bb-friend-list li>i{width:14px;height:14px;border-radius:50%;flex:none;box-shadow:0 0 8px currentColor}
.bb-friend-list li>span:first-of-type{flex:1;min-width:0}
.bb-friend-list b{display:block;font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bb-friend-list small{display:block;font-size:11px;color:#9fb0cc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bb-friend-actions{display:flex;gap:6px;flex:none}
.bb-friend-actions .btn{padding:7px 10px;font-size:12px;min-height:36px}
#friends-chip b{font-weight:800}
.bb-friends-dlg{max-width:min(520px,calc(100vw - 24px))}
.bb-friends-dlg .bb-friends-body{margin:10px 0 14px}
#bb-invites{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:1000;display:flex;flex-direction:column;gap:10px;width:min(340px,calc(100vw - 24px));pointer-events:none}
.bb-invite{pointer-events:auto;display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;background:linear-gradient(130deg,#1b2440,#121a2e);border:1px solid color-mix(in srgb,var(--c,#55e7ed) 60%,transparent);box-shadow:0 14px 40px #0009,0 0 22px color-mix(in srgb,var(--c,#55e7ed) 25%,transparent);animation:bbInvite .45s cubic-bezier(.2,1.5,.4,1)}
.bb-invite>i{width:34px;height:34px;border-radius:50%;background:var(--c,#55e7ed);flex:none;box-shadow:0 0 14px var(--c,#55e7ed)}
.bb-invite b{display:block;color:#fff;font-size:15px}
.bb-invite small{display:block;color:#b8c6e0;font-size:12px;margin:2px 0 8px}
.bb-invite span{display:flex;gap:8px;flex-wrap:wrap}
.bb-invite.is-accepted{display:block;border-color:#a5ff5b}
@keyframes bbInvite{from{transform:translateY(20px) scale(.9);opacity:0}to{transform:none;opacity:1}}
@media(max-width:520px){.bb-friend-list li{flex-wrap:wrap}.bb-friend-actions{width:100%;justify-content:flex-end}#bb-invites{left:12px;right:12px;width:auto}}