/* V183 — all six attempts remain visible above the native phone keyboard. */
@media (max-width:820px), (orientation:landscape) and (pointer:coarse) {
  body.wos-keyboard-open.ha-v111-playing .game-main,
  body.wos-mobile-keyboard-open.ha-v111-playing .game-main,
  body.wos-keyboard-open.ha-v111-playing .multi-game,
  body.wos-mobile-keyboard-open.ha-v111-playing .multi-game {
    --ha-v183-cell:clamp(24px,7vw,30px);
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:0!important;
    padding:4px 5px 57px!important;
    overflow:hidden!important;
  }

  body.wos-keyboard-open.ha-v111-playing .multi-game,
  body.wos-mobile-keyboard-open.ha-v111-playing .multi-game {
    --ha-v183-cell:clamp(22px,6.5vw,28px);
    padding-bottom:96px!important;
  }

  body.wos-keyboard-open.ha-v111-playing .hud,
  body.wos-mobile-keyboard-open.ha-v111-playing .hud {
    position:relative!important;
    top:auto!important;
    display:grid!important;
    flex:0 0 36px!important;
    min-height:36px!important;
    height:36px!important;
    margin:0 0 3px!important;
    padding:2px 4px!important;
  }

  body.wos-keyboard-open.ha-v111-playing .status,
  body.wos-mobile-keyboard-open.ha-v111-playing .status {
    display:block!important;
    flex:0 0 auto!important;
    min-height:27px!important;
    max-height:32px!important;
    margin:0 0 3px!important;
    padding:4px 7px!important;
    overflow:hidden!important;
    font-size:9px!important;
    line-height:1.18!important;
  }

  body.wos-keyboard-open.ha-v111-playing .board-wrap,
  body.wos-mobile-keyboard-open.ha-v111-playing .board-wrap {
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:2px 0!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
    touch-action:none!important;
  }

  body.wos-keyboard-open.ha-v111-playing #gameScreen .board-wrap,
  body.wos-mobile-keyboard-open.ha-v111-playing #gameScreen .board-wrap,
  body.wos-keyboard-open.ha-v111-playing #multiScreen .board-wrap,
  body.wos-mobile-keyboard-open.ha-v111-playing #multiScreen .board-wrap {
    padding:2px 0!important;
    margin:0!important;
  }

  body.wos-keyboard-open.ha-v111-playing .board,
  body.wos-mobile-keyboard-open.ha-v111-playing .board {
    --cell:var(--ha-v183-cell)!important;
    align-self:flex-start!important;
    margin:0 auto!important;
    gap:3px!important;
    transform:none!important;
  }

  body.wos-keyboard-open.ha-v111-playing #gameScreen .board,
  body.wos-mobile-keyboard-open.ha-v111-playing #gameScreen .board,
  body.wos-keyboard-open.ha-v111-playing #multiScreen .board,
  body.wos-mobile-keyboard-open.ha-v111-playing #multiScreen .board {
    transform:none!important;
  }

  body.wos-keyboard-open.ha-v111-playing .row,
  body.wos-mobile-keyboard-open.ha-v111-playing .row {
    gap:3px!important;
    margin:0!important;
  }

  body.wos-keyboard-open.ha-v111-playing .cell,
  body.wos-mobile-keyboard-open.ha-v111-playing .cell {
    width:var(--ha-v183-cell)!important;
    height:var(--ha-v183-cell)!important;
    min-width:var(--ha-v183-cell)!important;
    min-height:var(--ha-v183-cell)!important;
    border-radius:clamp(6px,2vw,8px)!important;
    font-size:clamp(14px,4.4vw,19px)!important;
  }
}

@media (orientation:landscape) and (pointer:coarse) {
  body.wos-keyboard-open.ha-v111-playing .game-main,
  body.wos-mobile-keyboard-open.ha-v111-playing .game-main,
  body.wos-keyboard-open.ha-v111-playing .multi-game,
  body.wos-mobile-keyboard-open.ha-v111-playing .multi-game {
    display:grid!important;
  }

  body.wos-keyboard-open.ha-v111-playing .board-wrap,
  body.wos-mobile-keyboard-open.ha-v111-playing .board-wrap {
    align-items:flex-start!important;
    touch-action:none!important;
  }
}