.hand-area.has-undo {
  padding-bottom: 132px;
}

#undo-turn,
#undo-opening {
  min-height: 44px;
}

.action-dock #undo-turn,
.action-dock #undo-opening {
  grid-column: auto;
}

@media (orientation: portrait) and (max-width: 759px) {
  html[data-ui="classic"][data-phase="playing"] .hand-area,
  html[data-ui="classic"][data-phase="playing"] .hand-area.has-undo {
    padding-bottom: 15px;
  }

  html[data-ui="classic"][data-phase="playing"] .action-dock {
    position: static;
    inset: auto;
    width: 100%;
    max-width: none;
    margin: 10px 0 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    backdrop-filter: none;
  }
}

@media (min-width: 760px) and (min-height: 501px) {
  .hand-area.has-undo {
    padding-bottom: 14px;
  }

  html[data-ui="classic"][data-phase="playing"] .hand-area.has-undo .action-dock {
    position: static;
    bottom: auto;
    margin-top: 10px;
  }
}