/* DMG Voice V3.6.9 - Okey bottom action row */
/* Desktop: move the full action row below the table so discarded tiles stay visible. */
@media (min-width:981px){
  .gameRoomShell.okeyLiveMode>.gameBoardPane,
  .gameRoomShell.okeyLiveMode .gameBoard,
  .gameRoomShell.okeyLiveMode .okeyLounge,
  .gameRoomShell.okeyLiveMode .okeyProTable,
  .gameRoomShell.okeyLiveMode .opTableFrame,
  .gameRoomShell.okeyLiveMode .opFelt{overflow:visible!important}

  .gameRoomShell.okeyLiveMode .okeyLounge{padding-bottom:118px!important}

  .gameRoomShell.okeyLiveMode .opTableActionBar{
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:-74px!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:auto!important;
    max-width:calc(100% - 120px)!important;
    padding:10px 12px!important;
    border-radius:18px!important;
    z-index:46!important;
    background:linear-gradient(180deg,rgba(8,16,25,.98),rgba(12,20,30,.94))!important;
    box-shadow:0 16px 32px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06)!important;
  }

  .gameRoomShell.okeyLiveMode .opTableActionBar .opAction{
    width:auto!important;
    min-width:126px!important;
    height:46px!important;
    padding:0 16px!important;
    border-radius:13px!important;
    font-size:12px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }

  .gameRoomShell.okeyLiveMode .opBottomBar.historyOnly{
    bottom:-78px!important;
    left:18px!important;
    right:18px!important;
    z-index:44!important;
    grid-template-columns:1fr auto!important;
  }

  .gameRoomShell.okeyLiveMode .opHistoryBtn{
    justify-self:end!important;
    height:42px!important;
    padding:0 14px!important;
  }
}

/* Mid desktops: keep one row but trim button widths slightly. */
@media (min-width:981px) and (max-width:1320px){
  .gameRoomShell.okeyLiveMode .opTableActionBar{bottom:-72px!important;gap:8px!important;padding:9px 10px!important;max-width:calc(100% - 70px)!important}
  .gameRoomShell.okeyLiveMode .opTableActionBar .opAction{min-width:112px!important;height:42px!important;padding:0 12px!important;font-size:11px!important}
}

/* Tablet/narrow desktop: split to two lines if needed while still staying below the table. */
@media (min-width:981px) and (max-width:1140px){
  .gameRoomShell.okeyLiveMode .opTableActionBar{flex-wrap:wrap!important;row-gap:8px!important;max-width:560px!important}
}

/* Mobile keeps its existing working bottom layout. */
@media (max-width:980px){
  .gameRoomShell.okeyLiveMode .opTableActionBar{bottom:118px!important}
}