/* TEST ONLY: compact desktop table list; scrolling remains accessible if many tables exist. */
@media (min-width:901px){
html body #root main.entertainmentLobby .tablesArea .tableGrid{gap:7px!important;padding:6px 7px!important;scrollbar-width:none!important;}
html body #root main.entertainmentLobby .tablesArea .tableGrid::-webkit-scrollbar,html body #root main.entertainmentLobby .tablesArea::-webkit-scrollbar{display:none!important;width:0!important;}
html body #root main.entertainmentLobby .tablesArea{scrollbar-width:none!important;}
html body #root main.entertainmentLobby .tablesArea .funTableCard{padding:6px!important;margin:0!important;gap:4px!important;}
html body #root main.entertainmentLobby .tablesArea .funTableCard h3{font-size:13px!important;line-height:1.15!important;margin:0 0 2px!important;}
html body #root main.entertainmentLobby .tablesArea .funTableCard .tableSeatVisual{max-height:160px!important;min-height:118px!important;}
html body #root main.entertainmentLobby .tablesArea .funTableCard .tableMeta{font-size:11px!important;gap:3px!important;}
html body #root main.entertainmentLobby .tablesArea .funTableCard .joinFun{min-height:27px!important;padding:3px 7px!important;}
}

/* Mobile: filters start immediately below the main toolbar. */
@media(max-width:900px){
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTablesHead>div:first-child:not(.mobileTableHeadActions){display:none!important;margin:0!important;padding:0!important;height:0!important;min-height:0!important;flex:0 0 0!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTablesHead{margin:0!important;padding:4px 8px!important;min-height:0!important;height:auto!important;row-gap:0!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTableHeadActions{margin-top:0!important;width:100%!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTablesPanel{padding-top:0!important}
}

@media(max-width:900px){
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTablesCollapseArrow{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 24px!important;width:100%!important;min-height:24px!important;height:24px!important;padding:0!important;margin:0!important;border:0!important;border-top:1px solid #8872aa!important;border-bottom:1px solid #8872aa!important;border-radius:0!important;background:#29203f!important;color:#fff!important;font:700 24px/1 system-ui!important;cursor:pointer!important;touch-action:manipulation!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying).tablesCollapsedByArrow .mobileTablesPanel{display:none!important;flex:0 0 0!important;height:0!important;min-height:0!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTableCard{min-height:156px!important;padding:7px 9px!important;row-gap:4px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTableCard h3{margin:4px 0!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTableCard .mobileTableSeats{margin-block:4px!important;gap:4px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTableCard>button{min-height:30px!important;padding-block:4px!important}
}
.mobileTablesCollapseArrow{display:none}

@media(max-width:900px){
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTableCard{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:26px 18px 60px 16px 28px!important;gap:3px!important;height:176px!important;min-height:176px!important;max-height:176px!important;padding:6px 9px!important;aspect-ratio:auto!important;overflow:hidden!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTableType{height:26px!important;min-height:0!important;margin:0!important;align-items:center!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTableWatch{height:26px!important;min-height:26px!important;padding:2px 8px!important;font-size:12px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTableType>span{padding:3px 6px!important;font-size:10px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTableType>em{font-size:10px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTableName{font-size:13px!important;line-height:18px!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#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTablePlayers{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:28px 28px!important;gap:4px!important;margin:0!important;min-height:0!important;height:60px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTablePlayers>span{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;min-height:0!important;height:28px!important;padding:3px 6px!important;font-size:12px!important;overflow:hidden!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTablePlayerName{font-size:12px!important;line-height:18px!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#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTablePlayers em{font-size:9px!important;padding:1px 3px!important;margin:0!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTableCard>small{font-size:10px!important;line-height:16px!important;margin:0!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTableCard>button{height:28px!important;min-height:28px!important;padding:3px 8px!important;font-size:12px!important;margin:0!important}
}

@media(max-width:900px){
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying):not(.tablesCollapsedByArrow)>.mobileTablesPanel{flex:0 0 44dvh!important;height:44dvh!important;max-height:44dvh!important;min-height:0!important;overflow:hidden!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying)>.mobileLobbyChat{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important}
}

@media(min-width:901px){
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUserRow{display:grid!important;grid-template-columns:34px minmax(0,1fr) 42px!important;gap:7px!important;padding:8px 6px!important;min-height:66px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUserIdentity{min-width:0!important;width:100%!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUserIdentity>b{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:3px!important;min-width:0!important;overflow:visible!important;white-space:normal!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUserIdentity .styledName{order:-1!important;flex:0 0 100%!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:13px!important;line-height:22px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUserIdentity .styledName b{font-size:13px!important;max-width:100%!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUserIdentity .authorityBadge,.onlineUserIdentity .lobbyBotBadge,.onlineUserIdentity .connectionDeviceBadge{flex:0 0 auto!important;font-size:10px!important;max-width:100%!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUserIdentity>small{font-size:10px!important;margin-top:3px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUserPoints{min-width:0!important;width:42px!important;font-size:10px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUserPoints>b{font-size:11px!important}
html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUserPoints>small{font-size:9px!important}
}