.player-link { display: inline-flex; align-items: center; gap: 10px; min-width: 0; max-width: 100%; border-radius: 8px; color: inherit; text-align: left; vertical-align: middle; }
.player-link-copy { display: flex; flex-direction: column; min-width: 0; }
.player-link-copy strong { overflow-wrap: anywhere; font-weight: 600; }
.player-link-copy small { color: var(--muted); font-size: 11px; }
.player-link:hover strong, .player-info a:hover strong, .post-header a:hover strong { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.player-link:focus-visible, .player-avatar-link:focus-visible, .friend-identity:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.public-player-avatar { position: relative; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; isolation: isolate; flex-shrink: 0; }
.public-player-avatar > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.public-player-avatar > img[hidden] { display: none; }
.player-avatar-link { display: inline-flex; border-radius: 50%; flex-shrink: 0; }
.room-info { min-width: 0; }
.room-info h3, .room-game { overflow-wrap: anywhere; }
.room-host { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; margin: 8px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.room-host > span { flex-shrink: 0; }
.room-host .player-link { gap: 6px; margin: 0; flex: 0 1 auto; }
.room-host .public-player-avatar { flex: 0 0 auto; }
.room-info .player-link strong { font-size: inherit; }