/* DMG Voice V3.6.3 - vertical action bar + Turkish tea tray + bot social chat */
@media(min-width:981px){
  .gameRoomShell.okeyLiveMode>.gameBoardPane,.gameRoomShell.okeyLiveMode .gameBoard,.gameRoomShell.okeyLiveMode .okeyLounge,.gameRoomShell.okeyLiveMode .okeyProTable,.gameRoomShell.okeyLiveMode .opTableFrame{overflow:visible!important}
  .gameRoomShell.okeyLiveMode .gameChatPane{padding-left:54px!important}
  .opTableActionBar{left:auto!important;right:14px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;width:170px!important;padding:10px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(8,16,25,.97),rgba(12,20,30,.92))!important;box-shadow:0 18px 36px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07)!important}
  .opTableActionBar .opAction{width:100%!important;min-width:0!important;height:46px!important;padding:0 14px!important;border-radius:13px!important;font-size:12px!important;font-weight:900!important}
}
@media(max-width:980px){
  .opTableActionBar{left:50%!important;right:auto!important;top:auto!important;bottom:118px!important;transform:translateX(-50%)!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:min(96%,560px)!important}
}

/* Turkish tea cartoon */
.teaCartoon{min-width:280px!important}
.teaCartoon .teaTray{display:flex;justify-content:center;gap:14px;align-items:flex-end;font-size:0!important;filter:drop-shadow(0 10px 10px rgba(139,75,40,.22));animation:teaWobble .55s ease-in-out infinite alternate}
.teaSet{position:relative;display:inline-block;width:48px;height:54px}
.teaSet:before,.teaSet:after{content:'';position:absolute;left:50%;top:0;width:8px;height:16px;border-radius:10px;border:2px solid rgba(255,255,255,.55);border-color:rgba(255,255,255,.55) transparent transparent transparent;transform:translateX(-10px) rotate(-12deg);opacity:.7}
.teaSet:after{transform:translateX(2px) rotate(12deg);opacity:.55}
.teaSaucer{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);width:40px;height:11px;border-radius:50%;background:linear-gradient(180deg,#fff4df,#dfc09a);box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 3px 8px rgba(125,66,28,.28)}
.teaSaucer:after{content:'';position:absolute;left:50%;top:2px;transform:translateX(-50%);width:20px;height:5px;border-radius:50%;background:rgba(170,96,54,.18)}
.teaGlass{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:20px;height:28px;background:linear-gradient(180deg,#af2716 0%,#c53a1b 28%,#71170e 100%);border:3px solid rgba(255,246,231,.95);border-bottom-width:2px;border-top-width:2px;border-radius:7px 7px 11px 11px;clip-path:polygon(20% 0%,80% 0%,92% 18%,78% 100%,22% 100%,8% 18%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.12), 0 4px 10px rgba(104,33,17,.28)}
.teaGlass:before{content:'';position:absolute;left:2px;top:3px;width:4px;height:18px;border-radius:999px;background:rgba(255,255,255,.22)}
.teaGlass:after{content:'';position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);width:8px;height:4px;border-radius:50%;background:#c9af8b}

/* more readable social chat area beside board */
.gameRoomShell.okeyLiveMode .gameChatPane{border-left:1px solid rgba(255,255,255,.06)!important}