/* Portrait phones follow Soul Hunter's control composition. */
@media (max-width: 720px) and (orientation: portrait) {
  .courtside-layout .cabinet { position: relative; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .courtside-layout .slotHeader {
    position: absolute !important; left: 8% !important; right: auto !important;
    top: -8px !important; bottom: auto !important;
    width: 46px; margin: 0 !important; transform: translate(-50%, -100%) !important;
  }
  .courtside-layout .slotHeader .headerActions {
    left: calc(100% + 8px); top: 50%; bottom: auto;
    flex-direction: row; transform: translateY(-50%);
  }
  .courtside-layout .spinActions .turboButton { grid-area: 5 / 1; }
  .courtside-layout .spinActions .spinBtn { grid-area: 5 / 2; }
  .courtside-layout .spinActions .autoButton { grid-area: 5 / 3; }
}