.friend-marquee-container{width:100%;background-color:#f5f5f5;background-image:radial-gradient(#d1d1d1 1px,transparent 1px);background-size:20px 20px;border-top:2px solid black;border-bottom:2px solid black;padding:24px 0;overflow:hidden;display:flex;align-items:center;position:relative}.friend-marquee-track{display:flex;gap:32px;width:max-content;animation:marquee-scroll 40s linear infinite;padding-left:32px}.friend-marquee-container:hover .friend-marquee-track{animation-play-state:paused}.friend-card{display:flex;align-items:center;padding:8px 16px;border:2px solid black;box-shadow:3px 3px #000;border-radius:4px;text-decoration:none;background-color:#fff;transition:transform .1s ease,box-shadow .1s ease;flex-shrink:0;min-width:140px;cursor:pointer;-webkit-user-select:none;user-select:none}.bg-color-1{background-color:#ffb5e8}.bg-color-2{background-color:#b5deff}.bg-color-3{background-color:#fff5b5}.bg-color-4{background-color:#b5ffce}.friend-card.bg-title{background:transparent;border:none;box-shadow:none;padding:8px 20px;min-width:auto}.friend-title-card:hover{transform:scale(1.1) rotate(-2deg)!important;box-shadow:none!important;background:transparent!important}.friend-card.bg-title .friend-name{color:#000;font-size:1.2rem;font-weight:800;text-shadow:none;font-style:normal;letter-spacing:.5px;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}.friend-title-icon{display:none}.friend-card:not(.friend-title-card):hover{box-shadow:0 0 #000;transform:translate(3px,3px)}.friend-avatar{width:32px;height:32px;border-radius:50%;border:1px solid black;margin-right:12px;object-fit:cover;background-color:#eee}.friend-name{font-weight:700;color:#000;font-size:.95rem;white-space:nowrap}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse-border{0%{border-color:#000}50%{border-color:#555}to{border-color:#000}}@media(max-width:768px){.friend-marquee-track{animation-duration:60s}.friend-card{min-width:120px;padding:6px 12px}.friend-avatar{width:28px;height:28px}.friend-name{font-size:.85rem}}