/* V126 — bounded team/player suggestions and keyboard-safe mobile layout. */
@media (max-width:760px) {
  #root .club-search { position:relative!important; contain:layout paint!important; }
  #root .search-menu {
    position:fixed!important;
    z-index:2147481000!important;
    top:calc(var(--wos-viewport-top,0px) + 66px)!important;
    left:8px!important;
    right:8px!important;
    bottom:auto!important;
    width:auto!important;
    max-height:min(330px,calc(var(--wos-visible-height,100dvh) - 82px))!important;
    overflow:auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:7px!important;
    border-radius:15px!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    box-shadow:0 18px 48px rgba(0,0,0,.28)!important;
    contain:layout paint style!important;
  }
  #root .search-menu__caption {
    grid-column:1 / -1!important;
    position:sticky!important;
    top:-7px!important;
    min-height:34px!important;
    padding:8px!important;
    font-size:10px!important;
    border-radius:10px!important;
  }
  #root .search-menu button {
    min-width:0!important;
    min-height:58px!important;
    padding:6px!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:6px!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  #root .search-menu button > span { min-width:0!important; }
  #root .search-menu button b,
  #root .search-menu button small {
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #root .search-menu button b { font-size:10px!important; }
  #root .search-menu button small { font-size:7.5px!important; }
  #root .search-menu button em { display:none!important; }

  #root .app-shell.is-match-started .player-suggestions {
    max-height:150px!important;
    overflow:auto!important;
    padding:6px!important;
    overscroll-behavior:contain!important;
    contain:layout paint style!important;
  }
  #root .app-shell.is-match-started .player-suggestions__grid {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
  }
  #root .app-shell.is-match-started .player-suggestions button {
    min-width:0!important;
    min-height:54px!important;
    padding:5px!important;
    display:block!important;
    text-align:center!important;
    overflow:hidden!important;
  }
  #root .app-shell.is-match-started .player-suggestion-flag {
    width:24px!important;
    height:24px!important;
    margin:0 auto 3px!important;
  }
  #root .app-shell.is-match-started .player-suggestion-info b {
    font-size:8.5px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #root .app-shell.is-match-started .player-suggestion-info small { display:none!important; }

  body.wos-keyboard-open #root .topbar,
  body.wos-keyboard-open #root .mode-switch--three { position:static!important; }
  body.wos-keyboard-open #root .players-grid { scroll-margin-top:4px!important; }
  body.wos-keyboard-open #root .search-menu {
    top:calc(var(--wos-viewport-top,0px) + 8px)!important;
    max-height:min(260px,calc(var(--wos-visible-height,520px) - 16px))!important;
  }
  body.wos-keyboard-open #root .app-shell.is-match-started .round-scoreboard,
  body.wos-keyboard-open #root .app-shell.is-match-started .round-heading-row,
  body.wos-keyboard-open #root .app-shell.is-match-started .opponent-strip,
  body.wos-keyboard-open #root .app-shell.is-match-started .round-match-meta { display:none!important; }
  body.wos-keyboard-open #root .app-shell.is-match-started .round-content { padding:5px!important; }
  body.wos-keyboard-open #root .app-shell.is-match-started .answer-area { padding:7px!important; }
}
@media (max-width:350px) {
  #root .app-shell.is-match-started .player-suggestions__grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}


/* V126 — team results open under the active field, names remain complete and touchable. */
@media (max-width:760px) {
  #root .players-grid,
  #root .player-card,
  #root .club-search { overflow:visible!important; }
  #root .club-search { contain:none!important; }
  #root .search-menu,
  body.wos-keyboard-open #root .search-menu {
    position:absolute!important;
    top:calc(100% + 7px)!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    width:auto!important;
    max-height:min(260px,48vh)!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding:7px!important;
    overflow:auto!important;
    z-index:2147481000!important;
    transform:translateZ(0)!important;
  }
  #root .search-menu button {
    min-height:62px!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    align-items:center!important;
  }
  #root .search-menu button b {
    font-size:10px!important;
    line-height:1.12!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }
  #root .search-menu button small {
    font-size:7.5px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  #root .club-summary { grid-template-columns:1.2fr .8fr 1fr!important; }
  #root .club-summary>div { min-width:0!important; }
  #root .club-summary b {
    display:block!important;
    font-size:8.5px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }
  body.wos-keyboard-open #root .players-grid { padding-bottom:280px!important; }
}
@media (max-width:360px) {
  #root .search-menu { grid-template-columns:1fr!important;max-height:240px!important; }
  #root .club-summary b { font-size:8px!important; }
}