/* Shared by waiting rooms and every mobile game; the game control layout is untouched. */
html.mobile-layout body.mobile-room-active.mobile-game-chat-open #room>#room-mobile-sidebar {
  --chat-top-gap:calc(58px + env(safe-area-inset-top));
  position:fixed!important;
  top:calc(var(--chat-viewport-top, 0px) + var(--chat-top-gap))!important;
  bottom:auto!important;
  height:max(0px, calc(var(--chat-viewport-height, 100dvh) - var(--chat-top-gap) - 7px - env(safe-area-inset-bottom)))!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  box-sizing:border-box;
  transition:opacity .18s,visibility .18s;
}
html.mobile-layout body.mobile-room-active.mobile-game-chat-open #room-mobile-sidebar>.room-chat-panel {
  display:flex!important;flex-direction:column;height:100%!important;min-height:0!important;overflow:hidden;box-sizing:border-box;
}
html.mobile-layout body.mobile-room-active.mobile-game-chat-open #room-chat {
  flex:1 1 0!important;min-height:0!important;height:auto!important;overflow:auto;overscroll-behavior:contain;
}
html.mobile-layout body.mobile-room-active.mobile-game-chat-open #room-mobile-sidebar .send {
  flex:0 0 auto;min-width:0;position:relative;
}
html.mobile-layout body.mobile-room-active #room-chat-input {
  min-width:0;font-size:16px!important; /* Prevent focus zoom without disabling user pinch zoom. */
}
html.mobile-layout body.mobile-room-active.mobile-game-chat-open #mobile-game-chat-toggle {
  top:calc(var(--chat-viewport-top, 0px) + 7px + env(safe-area-inset-top))!important;
}
html.mobile-layout.chat-compact-viewport body.mobile-room-active.mobile-game-chat-open #room>#room-mobile-sidebar {
  --chat-top-gap:calc(7px + env(safe-area-inset-top));
}
html.mobile-layout.chat-compact-viewport body.mobile-room-active.mobile-game-chat-open #room-mobile-sidebar>.room-chat-panel {
  padding:8px!important;padding-right:60px!important;
}
html.mobile-layout.chat-compact-viewport body.mobile-room-active.mobile-game-chat-open #room-mobile-sidebar h3,
html.mobile-layout.chat-compact-viewport body.mobile-room-active.mobile-game-chat-open #mobile-game-menu-actions,
html.mobile-layout.chat-compact-viewport body.mobile-room-active.mobile-game-chat-open #territory-mobile-menu-actions {display:none!important}

/* A panel-owned close control remains reachable in the waiting room and above the keyboard. */
#room-chat-close { display:none; }
html.mobile-layout body.mobile-room-active.mobile-game-chat-open #room-chat-close {
  display:flex;
  position:absolute;
  z-index:2;
  top:6px;
  right:6px;
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  border:1px solid #49d6df80;
  border-radius:11px;
  color:#e9feff;
  background:#1d1f26;
  font-size:27px;
  line-height:1;
  touch-action:manipulation;
}
html.mobile-layout body.mobile-room-active.mobile-game-chat-open #room-mobile-sidebar .room-chat-panel h3 {
  min-height:38px;
  padding-right:48px;
}
html.mobile-layout body.mobile-room-active.mobile-game-chat-open #mobile-game-chat-toggle {
  visibility:hidden!important;
  pointer-events:none;
}

/* A short landscape screen gives messages their own column beside the game menu. */
@media(orientation:landscape){
 html.mobile-layout body.mobile-room-active.game-active.mobile-game-chat-open #room>#room-mobile-sidebar{--chat-top-gap:calc(7px + env(safe-area-inset-top));}
 html.mobile-layout body.mobile-room-active.game-active.mobile-game-chat-open #room-mobile-sidebar>.room-chat-panel{
   display:grid!important;position:relative;grid-template-columns:136px minmax(0,1fr);grid-template-rows:28px minmax(0,1fr) auto 42px;gap:6px 10px;padding:10px!important;
 }
 html.mobile-layout body.mobile-room-active.game-active.mobile-game-chat-open #mobile-game-menu-actions{
   display:flex;grid-column:1;grid-row:1/5;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px;min-height:0;max-height:100%;margin:0;padding:0 8px 0 0;border-right:1px solid #66889933;overflow:auto;overscroll-behavior:contain;
 }
 html.mobile-layout body.mobile-room-active.game-active.mobile-game-chat-open #mobile-game-menu-actions button{flex:0 0 auto;min-height:38px;padding:7px 8px;font-size:11px;line-height:1.35;white-space:normal;border-radius:9px}
 html.mobile-layout body.mobile-room-active.game-active.mobile-game-chat-open #room-mobile-sidebar .room-chat-panel h3{grid-column:2;grid-row:1;margin:0;min-height:0;padding:3px 40px 0 2px;font-size:14px;line-height:1.3}
 html.mobile-layout body.mobile-room-active.game-active.mobile-game-chat-open #room-chat{grid-column:2;grid-row:2;min-height:0!important;max-height:none!important;width:auto!important;margin:0!important;padding:8px!important;font-size:12px;line-height:1.5;border-radius:9px}
 html.mobile-layout body.mobile-room-active.game-active.mobile-game-chat-open #room-mobile-sidebar .send{grid-column:2;grid-row:4;display:flex;gap:6px;margin:0;min-height:0}
 html.mobile-layout body.mobile-room-active.game-active.mobile-game-chat-open #room-mobile-sidebar .send input{height:42px;min-height:0;padding:7px 10px;border-radius:9px;box-sizing:border-box}
 html.mobile-layout body.mobile-room-active.game-active.mobile-game-chat-open #room-mobile-sidebar .send button{min-height:0;height:42px;padding:7px 12px;font-size:12px;border-radius:9px}
 html.mobile-layout body.mobile-room-active.game-active.mobile-game-chat-open #room-reply-preview{grid-column:2;grid-row:3;margin:0;padding:4px 8px;min-height:26px;font-size:10px}
 html.mobile-layout body.mobile-room-active.game-active.mobile-game-chat-open .room-friend-button{display:none!important}
 html.mobile-layout body.mobile-room-active.game-active.mobile-game-chat-open #room-chat-close{width:34px;height:34px;min-width:34px;min-height:34px;top:7px;right:7px;font-size:23px;border-radius:9px}
}
/* Keyboard space is reserved for the conversation and composer, with a reachable X. */
html.mobile-layout.chat-compact-viewport body.mobile-room-active.game-active.mobile-game-chat-open #room-mobile-sidebar>.room-chat-panel{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto 40px;gap:5px;padding:7px 47px 7px 7px!important}
html.mobile-layout.chat-compact-viewport body.mobile-room-active.game-active.mobile-game-chat-open #room-chat{grid-column:1;grid-row:1;margin:0!important;padding:6px!important;min-height:0!important}
html.mobile-layout.chat-compact-viewport body.mobile-room-active.game-active.mobile-game-chat-open #room-reply-preview{grid-column:1;grid-row:2}
html.mobile-layout.chat-compact-viewport body.mobile-room-active.game-active.mobile-game-chat-open #room-mobile-sidebar .send{grid-column:1;grid-row:3;height:40px}
html.mobile-layout.chat-compact-viewport body.mobile-room-active.game-active.mobile-game-chat-open #room-mobile-sidebar .send input,
html.mobile-layout.chat-compact-viewport body.mobile-room-active.game-active.mobile-game-chat-open #room-mobile-sidebar .send button{height:40px;min-height:0;padding:6px 9px}