@media(max-width:1280px){.chat-box{width:270px}}@media(max-width:900px){.chat-box{width:240px;height:360px}}
/* Mobile has its own dedicated chat UI (/chat, /dm/:id — see isMobileChat()
   in chat-dock.js, which already redirects there instead of opening a
   floating box/bubble). The floating chat-dock UI itself must stay fully
   hidden here rather than just resized, so nothing from it can ever appear
   over mobile pages (including the lightbox, which docks chats into bubbles
   without checking viewport width). */
@media(max-width:768px){.chat-dock,#chat-bubbles{display:none!important}}