/* DARK OKEY test | compact Batak lobby previews on narrow screens | 2026-10-24
   Only preview cards, never the actual game view, seat data or bot settings. */
@media (max-width:900px){
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .tableGrid.funTableGrid>article.tableCard.funTableCard[data-game-type="batak"]{
 display:flex!important;
 flex-direction:column!important;
 grid-template-columns:none!important;grid-template-rows:none!important;
 gap:4px!important;
 width:100%!important;max-width:100%!important;
 min-width:0!important;min-height:0!important;
 height:auto!important;max-height:none!important;
 padding:7px!important;
 margin:0 0 8px!important;
 box-sizing:border-box!important;
 overflow:hidden!important;
 align-items:stretch!important;justify-content:flex-start!important;
 border-radius:12px!important;
}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .tableGrid.funTableGrid>article.tableCard.funTableCard[data-game-type="batak"]>h3{
 display:block!important;flex:0 0 auto!important;
 position:static!important;
 font:750 13px/17px system-ui,sans-serif!important;
 width:100%!important;max-width:100%!important;
 min-height:17px!important;height:auto!important;
 padding:0 2px!important;margin:0!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .tableGrid.funTableGrid>article.tableCard.funTableCard[data-game-type="batak"]>.tableSeatVisual{
 position:relative!important;display:block!important;
 box-sizing:border-box!important;flex:0 0 128px!important;
 align-self:stretch!important;
 width:100%!important;max-width:100%!important;
 height:128px!important;min-height:128px!important;max-height:128px!important;
 margin:0!important;padding:0!important;
 border-radius:9px!important;
 background-size:100% 100%!important;
 overflow:hidden!important;
}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .tableGrid.funTableGrid>article.tableCard.funTableCard[data-game-type="batak"]>.tableSeatVisual>.seatBubble{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 position:absolute!important;float:none!important;z-index:2!important;
 box-sizing:border-box!important;
 width:34%!important;max-width:34%!important;min-width:0!important;
 height:26px!important;min-height:26px!important;max-height:26px!important;
 margin:0!important;padding:2px 4px!important;
 transform:none!important;
 line-height:22px!important;
 overflow:hidden!important;
 border-radius:8px!important;
}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .tableGrid.funTableGrid>article.tableCard.funTableCard[data-game-type="batak"]>.tableSeatVisual>.seatBubble:nth-child(3){
 top:23px!important;left:33%!important;right:auto!important;bottom:auto!important;
}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .tableGrid.funTableGrid>article.tableCard.funTableCard[data-game-type="batak"]>.tableSeatVisual>.seatBubble:nth-child(4){
 top:54px!important;left:1.5%!important;right:auto!important;bottom:auto!important;
}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .tableGrid.funTableGrid>article.tableCard.funTableCard[data-game-type="batak"]>.tableSeatVisual>.seatBubble:nth-child(5){
 top:auto!important;bottom:4px!important;left:33%!important;right:auto!important;
}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .tableGrid.funTableGrid>article.tableCard.funTableCard[data-game-type="batak"]>.tableSeatVisual>.seatBubble:nth-child(6){
 top:54px!important;right:1.5%!important;left:auto!important;bottom:auto!important;
}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .tableGrid.funTableGrid>article.tableCard.funTableCard[data-game-type="batak"]>.tableSeatVisual>.seatBubble>span{
 flex:0 0 19px!important;
 width:19px!important;height:19px!important;min-width:19px!important;
 font:800 9px/19px system-ui!important;
 border-radius:50%!important;
}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .tableGrid.funTableGrid>article.tableCard.funTableCard[data-game-type="batak"]>.tableSeatVisual>.seatBubble small{
 flex:1 1 auto!important;min-width:0!important;
 max-width:100%!important;
 display:block!important;overflow:hidden!important;
 white-space:nowrap!important;text-overflow:ellipsis!important;
 font:750 10px/20px system-ui!important;
}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .tableGrid.funTableGrid>article.tableCard.funTableCard[data-game-type="batak"]>.tableSeatVisual>.seatBubble small .styledName{
 font-size:10px!important;line-height:20px!important;
}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .tableGrid.funTableGrid>article.tableCard.funTableCard[data-game-type="batak"]>.tableSeatVisual>.tableBadge{
 top:4px!important;left:5px!important;font-size:9px!important;
 padding:3px 5px!important;z-index:3!important;
}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .tableGrid.funTableGrid>article.tableCard.funTableCard[data-game-type="batak"]>.tableSeatVisual>.tableWatchInline{
 top:4px!important;right:5px!important;
 min-height:24px!important;height:24px!important;
 padding:3px 7px!important;font-size:10px!important;z-index:3!important;
}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .tableGrid.funTableGrid>article.tableCard.funTableCard[data-game-type="batak"]>.tableMeta.compactMeta{
 display:none!important;
}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .tableGrid.funTableGrid>article.tableCard.funTableCard[data-game-type="batak"]>.joinFun{
 display:block!important;position:static!important;
 flex:0 0 31px!important;
 box-sizing:border-box!important;
 width:100%!important;max-width:100%!important;min-height:31px!important;
 height:31px!important;max-height:31px!important;
 margin:1px 0 0!important;padding:4px 7px!important;
 line-height:22px!important;font-size:11px!important;font-weight:750!important;
 white-space:nowrap!important;
 overflow:hidden!important;text-overflow:ellipsis!important;
 border-radius:7px!important;
}
}