/* room bar round icons (emote / chat / mic) — art in public/art/icon/rb_*.webp
   the art carries its own gold ring, so the button itself has no border/background */
#roombar .rb-emo, html #roombar .rb-emo {
  width: 40px; height: 40px; min-width: 40px; flex: 0 0 40px;
  padding: 0; border: 0; border-radius: 50%; background: none;
  font-size: 0; line-height: 0; position: relative; overflow: visible;
  box-shadow: 0 2px 6px #0009; cursor: pointer;
  transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;
  -webkit-tap-highlight-color: transparent;
}
#roombar .rb-emo .rb-ic {
  display: block; width: 100%; height: 100%; border-radius: 50%;
  object-fit: cover; pointer-events: none; user-select: none; -webkit-user-drag: none;
}
#roombar .rb-emo.rb-mic .rb-ic { filter: saturate(.85); }
#roombar .rb-emo:hover { transform: scale(1.08); filter: brightness(1.12); box-shadow: 0 0 0 2px #ffd36a55, 0 3px 10px #000a; }
#roombar .rb-emo:active { transform: scale(.92); filter: brightness(.92); box-shadow: 0 1px 3px #0009; }
#roombar .rb-emo:focus-visible { outline: 2px solid #ffd36a; outline-offset: 2px; }
#roombar .rb-emo .rb-n { z-index: 1; font-size: 11px; line-height: 18px; color: #fff; pointer-events: none; box-shadow: 0 1px 3px #000a; }