/* PC lobby: tables + chat + online users visible together. Mobile untouched. */
@media (min-width:1000px){
 #root main.entertainmentLobby{
  --lobby-gap:14px;
  --lobby-people:260px;
  min-height:100dvh!important;
  height:100dvh!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% -20%,#173c30 0,#0a1914 48%,#060c0a 100%)!important;
 }
 #root main.entertainmentLobby>.topbar.lobbyTopbar{
  box-sizing:border-box!important;
  height:64px!important;
  min-height:64px!important;
  padding:0 20px!important;
  position:relative!important;
  z-index:50!important;
 }
 #root main.entertainmentLobby .lobbyTopbar .brand.small{
  font-size:25px!important;
  flex:0 0 auto!important;
 }
 #root main.entertainmentLobby .lobbyTopCenter{
  font-size:13px!important;
  gap:12px!important;
 }
 #root main.entertainmentLobby .topbarRight{
  gap:8px!important;
 }
 #root main.entertainmentLobby>.lobbySocialLayout{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1920px!important;
  height:calc(100dvh - 64px)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:14px 16px 16px!important;
  display:grid!important;
  grid-template-columns:minmax(470px,1.15fr) minmax(430px,.95fr) var(--lobby-people)!important;
  grid-template-rows:minmax(0,1fr)!important;
  gap:var(--lobby-gap)!important;
  align-items:stretch!important;
  overflow:hidden!important;
 }
 #root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby{
  grid-template-columns:minmax(430px,1fr) var(--lobby-people)!important;
 }
 #root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby>.tablesArea{
  display:none!important;
 }
 #root main.entertainmentLobby .tablesArea.lobbyCenterStage{
  grid-area:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  padding:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  border-radius:16px!important;
 }
 #root main.entertainmentLobby .lobbyTablesBar{
  min-height:64px!important;
  padding:10px 13px!important;
  gap:10px!important;
  position:sticky!important;
  top:0!important;
 }
 #root main.entertainmentLobby .lobbyTablesTitle h2{
  font-size:20px!important;
 }
 #root main.entertainmentLobby .lobbyTablesTitle small{
  font-size:11px!important;
 }
 #root main.entertainmentLobby .lobbyTablesTitle .liveDot{
  font-size:10px!important;
 }
 #root main.entertainmentLobby .lobbyTablesActions{
  gap:6px!important;
 }
 #root main.entertainmentLobby .lobbyTablesActions button{
  min-height:36px!important;
  padding:0 11px!important;
  font-size:11px!important;
  border-radius:9px!important;
 }
 #root main.entertainmentLobby .funTableGrid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  padding:12px!important;
 }
 #root main.entertainmentLobby article.tableCard.funTableCard{
  min-height:0!important;
  padding:13px!important;
  border-radius:14px!important;
 }
 #root main.entertainmentLobby .funTableCard h3{
  margin:8px 0 3px!important;
  font-size:17px!important;
  line-height:1.15!important;
 }
 #root main.entertainmentLobby .funTableCard>p{
  margin:0 0 7px!important;
  font-size:11px!important;
 }
 #root main.entertainmentLobby .tablePlaying,
 #root main.entertainmentLobby .tableWaiting{
  font-size:9px!important;
  padding:5px 8px!important;
 }
 #root main.entertainmentLobby .tableBadge{
  font-size:10px!important;
 }
 #root main.entertainmentLobby .tableSeatVisual{
  gap:5px!important;
  margin:8px 0!important;
 }
 #root main.entertainmentLobby .seatBubble>span{
  width:36px!important;height:36px!important;
  font-size:11px!important;
 }
 #root main.entertainmentLobby .seatBubble small{
  font-size:9px!important;
 }
 #root main.entertainmentLobby .compactMeta{
  gap:4px!important;
  margin:7px 0!important;
 }
 #root main.entertainmentLobby .compactMeta span{
  min-height:24px!important;
  padding:3px 6px!important;
  font-size:9px!important;
 }
 #root main.entertainmentLobby .joinFun,
 #root main.entertainmentLobby .funTableCard>button{
  min-height:36px!important;
  font-size:11px!important;
  border-radius:9px!important;
 }
 #root main.entertainmentLobby .lobbyChatFloor{
  grid-area:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:16px!important;
 }
 #root main.entertainmentLobby .lobbyChatMain{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  overflow:hidden!important;
 }
 #root main.entertainmentLobby .lobbyChatFloorHead{
  min-height:68px!important;
  padding:10px 12px!important;
 }
 #root main.entertainmentLobby .darkCommunityLive{
  font-size:9px!important;
 }
 #root main.entertainmentLobby .lobbyChatFloorHead b{
  font-size:18px!important;
 }
 #root main.entertainmentLobby .lobbyChatFloorHead small{
  font-size:10px!important;
 }
 #root main.entertainmentLobby .lobbyChatQuickActions{
  gap:5px!important;
 }
 #root main.entertainmentLobby .lobbyChatQuickActions button{
  min-height:36px!important;
  padding:4px 8px!important;
  font-size:10px!important;
 }
 #root main.entertainmentLobby .lobbySystemNotice{
  font-size:10px!important;
  padding:7px 10px!important;
 }
 #root main.entertainmentLobby .lobbyChatMain>.chatPanel{
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
 }
 #root main.entertainmentLobby .lobbyChatMain .chatMessages{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow:auto!important;
  padding:12px!important;
  font-size:13px!important;
  line-height:1.42!important;
 }
 #root main.entertainmentLobby .lobbyChatMain .chatComposer,
 #root main.entertainmentLobby .lobbyChatMain .chatSend{
  flex:0 0 auto!important;
 }
 #root main.entertainmentLobby .lobbyChatMain .chatSend{
  padding:10px!important;
  gap:7px!important;
  border-top:1px solid #26354e!important;
  background:#101827!important;
 }
 #root main.entertainmentLobby .lobbyChatMain .chatSend input{
  height:42px!important;
  min-height:42px!important;
  font-size:13px!important;
  padding:0 12px!important;
 }
 #root main.entertainmentLobby .lobbyChatMain .emojiButton,
 #root main.entertainmentLobby .lobbyChatMain .chatSend>button:last-child{
  height:42px!important;
  min-height:42px!important;
  font-size:12px!important;
 }
 #root main.entertainmentLobby .lobbyPeopleRail{
  grid-area:auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  border:1px solid #9b7a36!important;
  border-radius:16px!important;
  overflow:hidden!important;
 }
 #root main.entertainmentLobby .onlineUsersHead{
  min-height:64px!important;
  padding:10px 12px!important;
 }
 #root main.entertainmentLobby .onlineUsersHead .eyebrow{font-size:8px!important}
 #root main.entertainmentLobby .onlineUsersHead h3{font-size:14px!important}
 #root main.entertainmentLobby .onlineCountBadge{font-size:11px!important}
 #root main.entertainmentLobby .onlineUserStats span{
  font-size:9px!important;
  padding:6px 4px!important;
 }
 #root main.entertainmentLobby .onlineUsersPanel input{
  min-height:36px!important;
  font-size:11px!important;
 }
 #root main.entertainmentLobby .onlineUsersList{
  min-height:0!important;
  overflow:auto!important;
 }
 #root main.entertainmentLobby .onlineUserRow{
  min-height:42px!important;
  padding:7px 9px!important;
  font-size:11px!important;
 }
}
@media (min-width:1000px) and (max-width:1279px){
 #root main.entertainmentLobby{
  --lobby-people:220px;
  --lobby-gap:10px;
 }
 #root main.entertainmentLobby>.lobbySocialLayout{
  padding:10px!important;
  grid-template-columns:minmax(390px,1.05fr) minmax(370px,.95fr) var(--lobby-people)!important;
 }
 #root main.entertainmentLobby .funTableGrid{
  grid-template-columns:1fr!important;
 }
}

/* PC lobby polish v2: remove table overflow and give chat more room. */
@media (min-width:1000px){
 #root main.entertainmentLobby{
  --lobby-people:270px;
 }
 #root main.entertainmentLobby>.lobbySocialLayout{
  grid-template-columns:minmax(520px,.95fr) minmax(560px,1.1fr) var(--lobby-people)!important;
 }
 #root main.entertainmentLobby .tablesArea.lobbyCenterStage{
  overflow-x:hidden!important;
  overflow-y:auto!important;
 }
 #root main.entertainmentLobby .lobbyTablesBar{
  min-width:0!important;
  flex-wrap:nowrap!important;
 }
 #root main.entertainmentLobby .lobbyTablesTitle{
  flex:0 1 auto!important;
  min-width:105px!important;
 }
 #root main.entertainmentLobby .lobbyTablesActions{
  flex:1 1 auto!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
  justify-content:flex-end!important;
 }
 #root main.entertainmentLobby .lobbyTablesActions button{
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  white-space:nowrap!important;
 }
 #root main.entertainmentLobby .lobbyTablesActions .primary{
  width:auto!important;
  min-width:92px!important;
 }
 #root main.entertainmentLobby .lobbyTablesActions .collapseTables{
  width:auto!important;
  min-width:105px!important;
 }
 #root main.entertainmentLobby .funTableGrid{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  align-content:start!important;
  align-items:start!important;
  grid-auto-rows:max-content!important;
  overflow:hidden!important;
 }
 #root main.entertainmentLobby article.tableCard.funTableCard{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:start!important;
  overflow:hidden!important;
 }
 #root main.entertainmentLobby article.tableCard.funTableCard>*{
  min-width:0!important;
  max-width:100%!important;
 }
 #root main.entertainmentLobby .tableSeatVisual{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
 }
 #root main.entertainmentLobby .seatBubble{
  min-width:0!important;
 }
 #root main.entertainmentLobby .compactMeta{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
 }
 #root main.entertainmentLobby .compactMeta span{
  min-width:0!important;
  max-width:100%!important;
 }
 #root main.entertainmentLobby .funTableCard>button{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
 }
 #root main.entertainmentLobby .funTableCard>button+button{
  margin-top:6px!important;
 }
 #root main.entertainmentLobby .lobbyChatFloor{
  min-width:0!important;
 }
 #root main.entertainmentLobby .lobbyChatMain .chatPanel,
 #root main.entertainmentLobby .lobbyChatMain .richChat{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
 }
 #root main.entertainmentLobby .chatMessage{
  font-size:12px!important;
 }
 #root main.entertainmentLobby .chatMessage small,
 #root main.entertainmentLobby .chatMessage time{
  font-size:9px!important;
 }
 #root main.entertainmentLobby .lobbyPeopleRail{
  min-width:250px!important;
 }
}
@media (min-width:1000px) and (max-width:1279px){
 #root main.entertainmentLobby{
  --lobby-people:230px;
 }
 #root main.entertainmentLobby>.lobbySocialLayout{
  grid-template-columns:minmax(380px,.9fr) minmax(430px,1.1fr) var(--lobby-people)!important;
 }
 #root main.entertainmentLobby .funTableGrid{
  grid-template-columns:1fr!important;
 }
 #root main.entertainmentLobby .lobbyTablesActions .collapseTables{
  display:none!important;
 }
}

/* PC room-card v3: classic compact table preview. */
@media (min-width:1000px){
 #root main.entertainmentLobby .funTableGrid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:10px!important;
 }
 #root main.entertainmentLobby article.tableCard.funTableCard{
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(150px,.75fr)!important;
  grid-template-rows:auto auto minmax(92px,auto) auto!important;
  column-gap:10px!important;
  row-gap:5px!important;
  min-height:190px!important;
  padding:10px!important;
  background:linear-gradient(145deg,#08713d,#075a31)!important;
  border:3px solid #0b3b27!important;
  border-radius:16px!important;
  box-shadow:inset 0 0 0 1px #ffffff14,0 8px 20px #0006!important;
 }
 #root main.entertainmentLobby article.tableCard.funTableCard:before{
  display:none!important;
 }
 #root main.entertainmentLobby .funTableCard .tableCardTop{
  grid-column:1/-1!important;
  grid-row:1!important;
  min-width:0!important;
 }
 #root main.entertainmentLobby .funTableCard h3{
  grid-column:1!important;
  grid-row:2!important;
  margin:0!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
 }
 #root main.entertainmentLobby .funTableCard>p{
  grid-column:2!important;
  grid-row:2!important;
  margin:0!important;
  text-align:right!important;
  color:#d8f1e5!important;
  font-size:10px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
 }
 #root main.entertainmentLobby .funTableCard .tableSeatVisual{
  grid-column:1!important;
  grid-row:3!important;
  align-self:stretch!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(42px,1fr))!important;
  gap:6px!important;
  margin:0!important;
  padding:8px!important;
  background:#07512f!important;
  border:1px solid #9c7a39!important;
  border-radius:12px!important;
 }
 #root main.entertainmentLobby .funTableCard .seatBubble{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:4px 6px!important;
  background:#0b6139!important;
  border:1px solid #16784a!important;
  border-radius:9px!important;
 }
 #root main.entertainmentLobby .funTableCard .seatBubble>span{
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  margin:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  font-size:10px!important;
  background:#4f35c8!important;
  border:1px solid #806af0!important;
 }
 #root main.entertainmentLobby .funTableCard .seatBubble small{
  display:block!important;
  min-width:0!important;
  max-width:78px!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
 }
 #root main.entertainmentLobby .funTableCard .compactMeta{
  grid-column:2!important;
  grid-row:3!important;
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
  margin:0!important;
  padding:8px 9px!important;
  background:#064a2b!important;
  border:1px solid #9c7a39!important;
  border-radius:12px!important;
  overflow:hidden!important;
 }
 #root main.entertainmentLobby .funTableCard .compactMeta span{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  border-radius:0!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
 }
 #root main.entertainmentLobby .funTableCard .joinFun{
  grid-column:1!important;
  grid-row:4!important;
  width:100%!important;
  min-height:34px!important;
  margin:0!important;
  color:#201600!important;
  background:linear-gradient(180deg,#f4d76d,#c89520)!important;
  border:1px solid #f8e59a!important;
  border-radius:8px!important;
  font-size:11px!important;
  font-weight:950!important;
 }
 #root main.entertainmentLobby .funTableCard>button:last-child{
  grid-column:2!important;
  grid-row:4!important;
  width:100%!important;
  min-height:34px!important;
  margin:0!important;
  border-radius:8px!important;
  font-size:10px!important;
 }
 #root main.entertainmentLobby .funTableCard .tableBadge{
  font-size:9px!important;
 }
 #root main.entertainmentLobby .funTableCard .tablePlaying,
 #root main.entertainmentLobby .funTableCard .tableWaiting{
  font-size:8px!important;
 }
}
@media (min-width:1000px) and (max-width:1279px){
 #root main.entertainmentLobby .funTableGrid{
  grid-template-columns:1fr!important;
 }
 #root main.entertainmentLobby article.tableCard.funTableCard{
  grid-template-columns:minmax(0,1.35fr) minmax(170px,.65fr)!important;
 }
}

/* PC active-table lobby v4: feel like the normal lobby, not a separate limbo screen. */
@media (min-width:1000px){
 #root main.gameLobbyBrowse{
  min-height:100dvh!important;
  height:100dvh!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% -20%,#173c30 0,#0a1914 48%,#060c0a 100%)!important;
 }
 #root main.gameLobbyBrowse>.gameLobbyTopbar{
  height:64px!important;
  min-height:64px!important;
  position:relative!important;
  top:auto!important;
  z-index:50!important;
  padding:0 20px!important;
 }
 #root main.gameLobbyBrowse .gameAwayStatus{
  min-width:190px!important;
  padding:5px 10px!important;
  border-color:#3b4658!important;
  background:#111923!important;
 }
 #root main.gameLobbyBrowse .returnTableButton{
  min-height:38px!important;
  padding:8px 14px!important;
  font-size:11px!important;
 }
 #root main.gameLobbyBrowse>.gameLobbyLayout{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1920px!important;
  height:calc(100dvh - 64px)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:14px 16px 16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:14px!important;
  overflow:hidden!important;
 }
 #root main.gameLobbyBrowse .browseTablesArea{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
 }
 #root main.gameLobbyBrowse .browseHero{
  min-height:54px!important;
  margin:0 0 10px!important;
  padding:8px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-radius:12px!important;
  background:#111923!important;
  border:1px solid #2d3949!important;
  box-shadow:none!important;
 }
 #root main.gameLobbyBrowse .browseHero>div:first-child{
  display:none!important;
 }
 #root main.gameLobbyBrowse .browseGameCard{
  width:100%!important;
  min-width:0!important;
  padding:8px 11px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
 }
 #root main.gameLobbyBrowse .browseGameCard small{
  font-size:8px!important;
  white-space:nowrap!important;
 }
 #root main.gameLobbyBrowse .browseGameCard b{
  min-width:0!important;
  font-size:13px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
 }
 #root main.gameLobbyBrowse .browseGameCard span{
  font-size:10px!important;
  white-space:nowrap!important;
 }
 #root main.gameLobbyBrowse .sectionHead{
  min-height:48px!important;
  margin:0!important;
  padding:6px 2px!important;
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
 }
 #root main.gameLobbyBrowse .sectionHead .eyebrow{
  margin:0 0 2px!important;
  font-size:8px!important;
 }
 #root main.gameLobbyBrowse .sectionHead h2{
  margin:0!important;
  font-size:20px!important;
 }
 #root main.gameLobbyBrowse .filterBar{
  margin:0 0 10px!important;
  gap:6px!important;
 }
 #root main.gameLobbyBrowse .filterBar button{
  min-height:34px!important;
  padding:0 12px!important;
  font-size:10px!important;
 }
 #root main.gameLobbyBrowse .browseChatArea{
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  position:static!important;
  top:auto!important;
  display:grid!important;
  grid-template-rows:205px minmax(0,1fr)!important;
  gap:10px!important;
  overflow:hidden!important;
 }
 #root main.gameLobbyBrowse .browseChatArea>.onlineUsersPanel{
  min-height:0!important;
  max-height:none!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:14px!important;
 }
 #root main.gameLobbyBrowse .browseChatArea>.chatPanel{
  min-height:0!important;
  height:100%!important;
  max-height:none!important;
  position:static!important;
  top:auto!important;
  overflow:hidden!important;
  border-radius:14px!important;
 }
 #root main.gameLobbyBrowse .browseChatArea .chatMessages{
  min-height:0!important;
  height:auto!important;
  flex:1 1 auto!important;
 }
 #root main.gameLobbyBrowse .browseExitActions{
  display:none!important;
 }
 #root main.gameLobbyBrowse .turnReturnBanner{
  display:none!important;
 }
}
/* PC active-table lobby v4 */
@media (min-width:1000px){
 #root main.gameLobbyBrowse{min-height:100dvh!important;height:100dvh!important;overflow:hidden!important;background:radial-gradient(circle at 50% -20%,#173c30 0,#0a1914 48%,#060c0a 100%)!important}
 #root main.gameLobbyBrowse>.gameLobbyTopbar{height:64px!important;min-height:64px!important;position:relative!important;top:auto!important;z-index:50!important;padding:0 20px!important}
 #root main.gameLobbyBrowse .gameAwayStatus{min-width:190px!important;padding:5px 10px!important;border-color:#3b4658!important;background:#111923!important}
 #root main.gameLobbyBrowse .returnTableButton{min-height:38px!important;padding:8px 14px!important;font-size:11px!important}
 #root main.gameLobbyBrowse>.gameLobbyLayout{box-sizing:border-box!important;width:100%!important;max-width:1920px!important;height:calc(100dvh - 64px)!important;min-height:0!important;margin:0 auto!important;padding:14px 16px 16px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:14px!important;overflow:hidden!important}
 #root main.gameLobbyBrowse .browseTablesArea{min-width:0!important;min-height:0!important;height:100%!important;overflow:auto!important;overscroll-behavior:contain!important}
}@media (min-width:1000px){
 #root main.gameLobbyBrowse .browseHero{min-height:54px!important;margin:0 0 10px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-radius:12px!important;background:#111923!important;border:1px solid #2d3949!important;box-shadow:none!important}
 #root main.gameLobbyBrowse .browseHero>div:first-child{display:none!important}
 #root main.gameLobbyBrowse .browseGameCard{width:100%!important;min-width:0!important;padding:8px 11px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;border:0!important;background:transparent!important;border-radius:0!important}
 #root main.gameLobbyBrowse .browseGameCard small{font-size:8px!important;white-space:nowrap!important}
 #root main.gameLobbyBrowse .browseGameCard b{min-width:0!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 #root main.gameLobbyBrowse .browseGameCard span{font-size:10px!important;white-space:nowrap!important}
 #root main.gameLobbyBrowse .sectionHead{min-height:48px!important;margin:0!important;padding:6px 2px!important;display:flex!important;align-items:end!important;justify-content:space-between!important}
 #root main.gameLobbyBrowse .sectionHead .eyebrow{margin:0 0 2px!important;font-size:8px!important}
 #root main.gameLobbyBrowse .sectionHead h2{margin:0!important;font-size:20px!important}
 #root main.gameLobbyBrowse .filterBar{margin:0 0 10px!important;gap:6px!important}
 #root main.gameLobbyBrowse .filterBar button{min-height:34px!important;padding:0 12px!important;font-size:10px!important}
}@media (min-width:1000px){
 #root main.gameLobbyBrowse .browseChatArea{min-width:0!important;min-height:0!important;height:100%!important;position:static!important;top:auto!important;display:grid!important;grid-template-rows:205px minmax(0,1fr)!important;gap:10px!important;overflow:hidden!important}
 #root main.gameLobbyBrowse .browseChatArea>.onlineUsersPanel{min-height:0!important;max-height:none!important;height:100%!important;overflow:hidden!important;border-radius:14px!important}
 #root main.gameLobbyBrowse .browseChatArea>.chatPanel{min-height:0!important;height:100%!important;max-height:none!important;position:static!important;top:auto!important;overflow:hidden!important;border-radius:14px!important}
 #root main.gameLobbyBrowse .browseChatArea .chatMessages{min-height:0!important;height:auto!important;flex:1 1 auto!important}
 #root main.gameLobbyBrowse .browseExitActions{display:none!important}
 #root main.gameLobbyBrowse .turnReturnBanner{display:none!important}
}/* PC room-card v5: one full-width room per row in the lobby rail. */
@media (min-width:1000px){
 #root main.entertainmentLobby .funTableGrid{
  grid-template-columns:1fr!important;
  gap:10px!important;
 }
 #root main.entertainmentLobby article.tableCard.funTableCard{
  grid-template-columns:minmax(0,1.15fr) minmax(190px,.85fr)!important;
  grid-template-rows:auto auto minmax(96px,auto) auto!important;
  min-height:200px!important;
 }
 #root main.entertainmentLobby .funTableCard h3{
  font-size:18px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
 }
 #root main.entertainmentLobby .funTableCard>p{
  font-size:11px!important;
 }
}@media (min-width:1000px){
 #root main.entertainmentLobby .funTableCard .tableSeatVisual{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,44px)!important;
  gap:7px!important;
  padding:9px!important;
 }
 #root main.entertainmentLobby .funTableCard .seatBubble small{
  max-width:none!important;
  font-size:11px!important;
 }
 #root main.entertainmentLobby .funTableCard .compactMeta{
  gap:5px!important;
  padding:9px 11px!important;
 }
 #root main.entertainmentLobby .funTableCard .compactMeta span{
  font-size:11px!important;
  line-height:1.35!important;
 }
}@media (min-width:1000px){
 #root main.entertainmentLobby .funTableCard .joinFun,
 #root main.entertainmentLobby .funTableCard>button:last-child{
  min-height:38px!important;
  height:38px!important;
  font-size:11px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
 }
 #root main.entertainmentLobby .funTableCard .joinFun{
  padding:0 10px!important;
 }
 #root main.entertainmentLobby .funTableCard>button:last-child{
  padding:0 10px!important;
 }
}/* PC room-card v6: compact height, no dead space. */
@media (min-width:1000px){
 #root main.entertainmentLobby .funTableGrid{
  align-content:start!important;
  align-items:start!important;
  grid-auto-rows:max-content!important;
 }
 #root main.entertainmentLobby article.tableCard.funTableCard{
  height:max-content!important;
  min-height:0!important;
  max-height:none!important;
  align-self:start!important;
  align-content:start!important;
  grid-template-rows:auto auto auto auto!important;
  padding:10px!important;
  row-gap:7px!important;
 }
 #root main.entertainmentLobby .funTableCard .tableCardTop{
  align-self:start!important;
 }
 #root main.entertainmentLobby .funTableCard h3,
 #root main.entertainmentLobby .funTableCard>p{
  align-self:center!important;
 }
}@media (min-width:1000px){
 #root main.entertainmentLobby .funTableCard .tableSeatVisual{
  min-height:96px!important;
  height:96px!important;
  max-height:96px!important;
  align-self:start!important;
 }
 #root main.entertainmentLobby .funTableCard .compactMeta{
  min-height:96px!important;
  height:96px!important;
  max-height:96px!important;
  align-self:start!important;
  justify-content:center!important;
 }
 #root main.entertainmentLobby .funTableCard .joinFun,
 #root main.entertainmentLobby .funTableCard>button:last-child{
  align-self:start!important;
 }
}/* PC room-card v7: clear seat positions around the table, no overlaps. */
@media (min-width:1000px){
 #root main.entertainmentLobby article.tableCard.funTableCard{
  grid-template-columns:minmax(0,1.2fr) minmax(170px,.8fr)!important;
  grid-template-rows:auto auto auto auto!important;
  row-gap:6px!important;
 }
 #root main.entertainmentLobby .funTableCard .tableSeatVisual{
  position:relative!important;
  display:grid!important;
  grid-template-columns:92px minmax(70px,1fr) 92px!important;
  grid-template-rows:44px 52px 44px!important;
  min-height:154px!important;
  height:154px!important;
  max-height:154px!important;
  gap:4px 8px!important;
  padding:7px!important;
  border-radius:14px!important;
  background:radial-gradient(circle at center,#0d8350 0,#08633b 58%,#064e31 100%)!important;
  border:2px solid #a48039!important;
 }
 #root main.entertainmentLobby .funTableCard .tableSeatVisual:after{
  content:"OKEY";
  grid-column:2!important;
  grid-row:2!important;
  align-self:center!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
  width:62px!important;
  height:42px!important;
  border-radius:10px!important;
  background:#0b3762!important;
  border:1px solid #3976a7!important;
  color:#d9ecff!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:0 4px 12px #0005!important;
 }
}
@media (min-width:1000px){
 #root main.entertainmentLobby .funTableCard .seatBubble{
  position:static!important;
  min-width:0!important;
  width:100%!important;
  height:40px!important;
  padding:3px 5px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:9px!important;
  overflow:hidden!important;
 }
 #root main.entertainmentLobby .funTableCard .seatBubble:nth-child(1){grid-column:2!important;grid-row:1!important}
 #root main.entertainmentLobby .funTableCard .seatBubble:nth-child(2){grid-column:1!important;grid-row:2!important}
 #root main.entertainmentLobby .funTableCard .seatBubble:nth-child(3){grid-column:2!important;grid-row:3!important}
 #root main.entertainmentLobby .funTableCard .seatBubble:nth-child(4){grid-column:3!important;grid-row:2!important}
 #root main.entertainmentLobby .funTableCard .seatBubble>span{
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  font-size:9px!important;
 }
 #root main.entertainmentLobby .funTableCard .seatBubble small{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  font-size:9px!important;
  line-height:1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
 }
}@media (min-width:1000px){
 #root main.entertainmentLobby .funTableCard .compactMeta{
  min-height:154px!important;
  height:154px!important;
  max-height:154px!important;
  justify-content:center!important;
  gap:8px!important;
  padding:12px!important;
 }
 #root main.entertainmentLobby .funTableCard .compactMeta span{
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:850!important;
 }
 #root main.entertainmentLobby .inlineMatchOption{
  gap:6px!important;
  align-content:start!important;
 }
 #root main.entertainmentLobby .inlineMatchOption .tableTimeSelect{
  margin-top:5px!important;
 }
}