/* Mobile live-first fixes, includes visibility-safe composer. */
@media (max-width:900px) {
 body.watching .watch-layout>.chat{
  height:calc(100dvh - min(56.25vw, 60dvh) - 100px);
  min-height:280px;
  max-height:none;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  position:relative;
 }
 body.watching .watch-layout .chat-title{flex:0 0 auto}
 body.watching .watch-layout #chat-log{flex:1 1 auto;min-height:0;overflow-y:auto}
 body.watching .watch-layout .chat-compose{
  flex:0 0 auto;display:grid;grid-template-columns:auto minmax(0,1fr);
  gap:8px;align-items:center;padding:9px 11px max(9px,env(safe-area-inset-bottom,0px));
  position:relative;z-index:8;min-height:62px;width:100%;
  border-top:1px solid #36513f;background:#121b22;
 }
 body.watching .watch-layout .st-chat-mobile-actions{display:flex;min-height:0;margin:0;gap:0}
 body.watching .watch-layout .st-chat-fun-note{display:none}
 body.watching .watch-layout #st-chat-picker-toggle{
  display:inline-flex;align-items:center;gap:5px;
  min-height:43px;padding:8px 11px;font-size:18px
 }
 body.watching .watch-layout #st-chat-picker-toggle span{display:none}
 body.watching .watch-layout .chat-compose form{min-width:0;width:100%;display:flex;align-items:center;gap:6px}
 body.watching .watch-layout .chat-compose form input{
  display:block;min-width:0;flex:1 1 0;width:0;min-height:43px;
  padding:9px;font-size:16px;
 }
 body.watching .watch-layout .chat-compose form button.btn{display:inline-flex;flex:0 0 auto;min-width:63px;min-height:43px;padding:8px 9px}
 body.watching .watch-layout .chat-compose .chat-signin{grid-column:2;min-width:0;font-size:13px;white-space:normal}
 body.watching .watch-layout .emoji-bar.st-palette-open{
  display:flex;position:absolute;bottom:calc(100% + 4px);left:8px;right:8px;
  background:#182521;border:1px solid #407350;padding:10px;border-radius:9px;
  z-index:20;box-shadow:0 -9px 30px #000b;
 }
 body.watching .watch-layout .chat-compose .st-chat-palette{
  bottom:calc(100% + 48px);left:8px;right:8px;z-index:25;
 }
 body.watching .watch-layout .chat-msg{
  display:flex;align-items:flex-start;gap:8px;padding:4px 3px;margin:0 0 4px;
 }
 body.watching .watch-layout .chat-msg>.avatar{
  display:grid!important;flex:0 0 27px;width:27px;height:27px;
  min-width:27px;margin:0 1px 0 0;border-radius:50%;overflow:hidden;
 }
 body.watching .watch-layout .chat-msg>.avatar img,
 body.watching .watch-layout .chat-msg>.avatar .avatar-photo{
  width:100%;height:100%;object-fit:cover;
 }
 body.watching .watch-layout .chat-msg .mod-badge{font-size:12px;margin-right:5px;padding:0 3px}
 body.watching .watch-layout .st-chat-name{vertical-align:baseline;font-size:14px}
 body.watching .watch-layout .st-chat-user-card{
  position:absolute;left:8px;right:8px;width:auto;bottom:73px;
  max-height:calc(100% - 85px);z-index:32;overflow-y:auto;
 }
}
@media(max-width:380px){
 body.watching .watch-layout .chat-compose{gap:5px;padding:7px}
 body.watching .watch-layout #st-chat-picker-toggle{padding:7px;font-size:17px}
 body.watching .watch-layout .chat-compose form button.btn{min-width:54px;padding:7px;font-size:12px}
}