.friends-board{min-height:520px}@media (min-width:1024px){.friends-board{height:max(560px,min(100dvh - 300px,780px))}}.friends-dot{border:2.5px solid var(--sf);border-radius:9999px;width:13px;height:13px;position:absolute;bottom:-3px;right:-3px}.friends-dot--game{background:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.28)}.friends-dot--online{background:#38bdf8}.friends-dot--offline{background:color-mix(in srgb,var(--tm)60%,transparent)}.friends-row{border:1px solid transparent}.friends-row:hover{background:color-mix(in srgb,var(--so)70%,transparent)}.friends-row[data-active=true]{background:var(--al);border-color:color-mix(in srgb,var(--ac)35%,transparent)}.friends-bubble--mine{border-radius:16px 16px 5px}.friends-bubble--theirs{border-radius:16px 16px 16px 5px}.friends-message{animation:.18s ease-out friends-message-in}@keyframes friends-message-in{0%{opacity:0;transform:translateY(8px)}}.friends-pulse{animation:1.8s ease-in-out infinite friends-pulse}@keyframes friends-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.friends-message,.friends-pulse{animation:none}}.friends-hero{background:radial-gradient(120% 120% at 50% 0%,color-mix(in srgb,var(--ac)14%,transparent),transparent 65%),var(--sf)}