.friends-list{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}.friend-card{position:relative}.friend-card-pending{animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{filter:drop-shadow(0 0 6px rgba(255,204,0,.4))}50%{filter:drop-shadow(0 0 12px rgba(255,204,0,.7))}}.friend-menu{position:absolute;top:8px;right:8px}.friend-menu-button{opacity:0;pointer-events:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,140,0,.5);background:rgba(20,12,12,.9);color:#fc9;cursor:pointer;transition:all .2s ease}.friend-card:hover .friend-menu-button,.friend-menu-button:focus-visible,.friend-menu.open .friend-menu-button{opacity:1;pointer-events:auto}.friend-menu-button:hover{border-color:#fc0;color:#fc0}.friend-menu-dropdown{position:absolute;right:0;top:26px;display:grid;gap:6px;padding:8px;min-width:150px;background:rgba(14,10,10,.96);border:1px solid rgba(255,140,0,.5);border-radius:10px;box-shadow:0 0 18px rgba(0,0,0,.45);z-index:3}.friend-request-actions{position:absolute;bottom:4px;left:4px;right:4px;display:flex;justify-content:space-between;gap:4px;z-index:2}.friend-request-button{width:32px;height:32px;border-radius:8px;border:2px solid;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.4)}.friend-request-reject{background:rgba(220,38,38,.9);border-color:#dc2626;color:#fff}.friend-request-reject:hover{background:#dc2626;border-color:#ef4444;box-shadow:0 0 12px rgba(220,38,38,.6);transform:scale(1.05)}.friend-request-accept{background:rgba(34,197,94,.9);border-color:#22c55e;color:#fff}.friend-request-accept:hover{background:#22c55e;border-color:#4ade80;box-shadow:0 0 12px rgba(34,197,94,.6);transform:scale(1.05)}.friends-list .user-badge{width:120px}@media (max-width:720px){.friends-list{gap:14px}.friends-list .user-badge{width:110px}}