/* Keyboard layout is scoped to the pinned mobile player only. */
@media (max-width:899px) {
  .watch-chat-layout.is-pinned .chat-join input,
  .watch-chat-layout.is-pinned .chat-compose-form input { font-size:16px; }

  .watch-chat-layout.is-pinned.is-keyboard-open.has-active-chat {
    padding-bottom:0;
    gap:2px;
  }
  .watch-chat-layout.is-pinned.is-keyboard-open.has-active-chat .watch-stage { flex:0 0 auto; }
  .watch-chat-layout.is-pinned.is-keyboard-open.has-active-chat .video-stage {
    flex:0 0 var(--watch-player-height,32px);
    height:var(--watch-player-height,32px);
    min-height:0;
    max-height:none;
    width:100%;
    border:0;
    padding:0;
  }
  .watch-chat-layout.is-pinned.is-keyboard-open.has-active-chat .video-stage>iframe,
  .watch-chat-layout.is-pinned.is-keyboard-open.has-active-chat .video-stage>video {
    inset:0 auto auto 50%;
    transform:translateX(-50%);
    width:var(--watch-player-width,100%);
    height:100%;
    max-width:100%;
    object-fit:contain;
  }
  .watch-chat-layout.is-pinned.is-keyboard-open .player-section-heading { padding-block:2px;min-height:32px; }
  .watch-chat-layout.is-pinned.is-keyboard-open .player-pin { min-height:28px;padding-block:3px; }
  .watch-chat-layout.is-pinned.is-keyboard-open .player-banner { margin-top:2px; }
  .watch-chat-layout.is-pinned.is-keyboard-open .player-banner img { object-fit:contain; }
  .watch-chat-layout.is-pinned.is-keyboard-open .player-source-controls { margin-block:2px; }
  .watch-chat-layout.is-pinned.is-keyboard-open .player-backup-controls { padding-top:2px; }
  .watch-chat-layout.is-pinned.is-keyboard-open .live-chat { flex:1 1 0;min-height:0; }
  .watch-chat-layout.is-pinned.is-keyboard-open .live-chat .chat-list {
    height:0;
    min-height:0;
    flex:1 1 0;
    padding-block:4px;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .watch-chat-layout.is-pinned.is-keyboard-open .live-chat .chat-score-heading {
    display:flex;
    flex-wrap:nowrap;
    padding:4px 8px;
    gap:6px;
  }
  .watch-chat-layout.is-pinned.is-keyboard-open .chat-score-status { width:auto; }
  .watch-chat-layout.is-pinned.is-keyboard-open .chat-score-teams { width:auto;min-width:0;gap:5px; }
  .watch-chat-layout.is-pinned.is-keyboard-open .chat-score-teams>strong { white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px; }
  .watch-chat-layout.is-pinned.is-keyboard-open .chat-score-number { font-size:15px;min-width:40px; }
  .watch-chat-layout.is-pinned.is-keyboard-open .chat-controls { flex:0 0 auto;padding:4px 8px; }
  .watch-chat-layout.is-pinned.is-keyboard-open .chat-identity { margin-bottom:2px; }
  .watch-chat-layout.is-pinned.is-keyboard-open .chat-identity strong { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
  .watch-chat-layout.is-pinned.is-keyboard-open .chat-compose-form { padding:3px; }
  .watch-chat-layout.is-pinned.is-keyboard-open .chat-compose-form input { padding-block:4px;line-height:1.25; }
  .watch-chat-layout.is-pinned.is-keyboard-open .chat-emoji-toggle,
  .watch-chat-layout.is-pinned.is-keyboard-open .chat-send { width:32px;height:32px; }
  .watch-chat-layout.is-pinned.is-keyboard-open .chat-join>label { margin-bottom:2px; }
  .watch-chat-layout.is-pinned.is-keyboard-open .chat-join input { padding-block:5px; }
  .watch-chat-layout.is-pinned.is-keyboard-open .chat-emojis { max-height:80px; }
  .watch-chat-layout.is-pinned.is-keyboard-open.has-active-chat.is-keyboard-overflow { overflow-y:auto; }
  .watch-chat-layout.is-pinned.is-keyboard-open.is-keyboard-overflow .live-chat { flex:0 0 auto; }
  .watch-chat-layout.is-pinned.is-keyboard-open.is-keyboard-overflow .live-chat .chat-list { flex:0 0 24px;height:24px; }
}