/* Shared arcade chat + emotes block (js/ui/social.js) — the /game grammar
   mounted on the six arcade match views and the N-seat tables. Loaded after
   game.css and chat.css: the children reuse their rules verbatim
   (.g-react-scroll/.g-react-btn/.g-react-door, .chat-*, .g-emote), this file
   only owns what differs from /game. */

/* /game shows the strip on phones only (a popover card serves the desktop);
   the arcade views have no popover, so their strip is on at every width.
   Beats game.css's `.g-react-row { display: none }` default by specificity
   and by source order. */
.g-react-row.soc-react { display: flex; }

/* The floating-emote layer: the host view drops it into its positioned board
   wrapper; bubbles ride .g-emote (game.css) inside it. Narrower side margins
   than /game's .board-emotes — the arcade boards own their full width. */
.board-emotes.soc-emotes { inset: -4% -2%; }

/* The chat card in an arcade side column: keep the feed from towering over
   the move log the column also carries. */
.soc-chat .chat-feed { max-height: 180px; }