.roomListIcon { width:20px; height:23px; object-fit:contain; flex-shrink:0; vertical-align:middle; }
.friendFace { display:inline-flex; width:auto; min-width:27px; height:auto; min-height:27px; flex-shrink:0; align-items:center; justify-content:center; vertical-align:middle; }
.friendFace img { width:auto; height:auto; max-width:none; max-height:none; flex-shrink:0; object-fit:contain; }
.launchFriend.is-offline .friendName, .friendRow.is-offline .friendName { color:#111; font-size:12px; text-shadow:none; }
.launchFriend.is-online .friendName, .friendRow.is-online .friendName { color:#6866c6; font-size:20px; line-height:1.25; text-shadow:0 0 2px #fff, 0 0 4px #fff, 0 0 8px #fff; }
.friendRow { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.friendRow .friendName { flex:1; min-width:0; overflow-wrap:anywhere; }
.retro2006 .roomTabs button .roomListIcon { width:14px; height:16px; margin-right:4px; }
.retro2006 .popularList .roomListIcon { width:10px; height:12px; }
#roomerList .room > strong { display:flex; align-items:center; gap:7px; min-width:0; }
#roomerList .room > strong .roomName { min-width:0; overflow:hidden; text-overflow:ellipsis; }
#roomerList .room.is-full .roomListIcon { filter:grayscale(1); opacity:.65; }

.friendHeadingIcon { width:25px; height:27px; vertical-align:middle; margin-right:5px; }
