/* StakeQuiz 1.1.63
   Compact player cards in lobby preview and keep live-table player blocks away from the question card. */

/* ------------------------------------------------------------------
   LOBBY PREVIEW
   ------------------------------------------------------------------ */
.lobby-page .preview-poker-table .preview-seat.occupied{
  gap:2px!important;
  white-space:nowrap!important;
}
.lobby-page .preview-poker-table .preview-seat>img:not(.sq-country-flag-161){
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  border-width:1px!important;
}
.lobby-page .preview-poker-table .preview-seat-info{
  min-width:0!important;
  width:auto!important;
  max-width:46px!important;
  padding:1px 3px!important;
  border-radius:4px!important;
  line-height:.95!important;
  box-sizing:border-box!important;
}
.lobby-page .preview-poker-table .preview-seat-info strong{
  display:block!important;
  max-width:40px!important;
  font-size:6px!important;
  line-height:1.05!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.lobby-page .preview-poker-table .mini-stars{
  display:block!important;
  max-width:40px!important;
  font-size:4.7px!important;
  line-height:1!important;
  letter-spacing:-.45px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}

/* Push side player cards outward instead of toward the center felt. */
.lobby-page .preview-poker-table .preview-seat:nth-child(2),
.lobby-page .preview-poker-table .preview-seat:nth-child(3),
.lobby-page .preview-poker-table .preview-seat:nth-child(4),
.lobby-page .preview-poker-table .preview-seat:nth-child(5){
  transform:translate(-28%,-50%)!important;
}
.lobby-page .preview-poker-table .preview-seat:nth-child(6),
.lobby-page .preview-poker-table .preview-seat:nth-child(7),
.lobby-page .preview-poker-table .preview-seat:nth-child(8),
.lobby-page .preview-poker-table .preview-seat:nth-child(9){
  flex-direction:row-reverse!important;
  transform:translate(-72%,-50%)!important;
}

/* Country flag stays a tiny overlay and never changes seat width. */
.lobby-page .preview-poker-table .preview-seat>.sq-country-flag-161,
.lobby-page .preview-poker-table .preview-seat>.sq-country-code-fallback-161{
  width:14px!important;
  min-width:14px!important;
  height:10px!important;
  left:17px!important;
  top:17px!important;
  right:auto!important;
  bottom:auto!important;
  border-width:1px!important;
  font-size:5px!important;
  line-height:8px!important;
}
.lobby-page .preview-poker-table .preview-seat>img.sq-country-flag-161{
  width:14px!important;
  height:10px!important;
}

/* ------------------------------------------------------------------
   LIVE GAME TABLE
   ------------------------------------------------------------------ */
.game-page .seat{
  gap:3px!important;
  white-space:nowrap!important;
}
.game-page .seat-avatar{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-width:1px!important;
}
.game-page .seat-info{
  min-width:54px!important;
  width:auto!important;
  max-width:66px!important;
  padding:3px 5px!important;
  border-radius:7px!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
.game-page .seat-info strong{
  display:block!important;
  max-width:56px!important;
  font-size:8px!important;
  line-height:1.05!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.game-page .seat-info span{
  font-size:6.5px!important;
  line-height:1.05!important;
}
.game-page .seat-sqp-stars{
  max-width:56px!important;
  font-size:5.5px!important;
  letter-spacing:-.35px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.game-page .seat-status{
  font-size:5.5px!important;
  line-height:1!important;
}
.game-page .seat-avatar>.sq-country-flag-161,
.game-page .seat-avatar>.sq-country-code-fallback-161{
  width:17px!important;
  min-width:17px!important;
  height:12px!important;
  right:-3px!important;
  bottom:-2px!important;
  border-width:1px!important;
  font-size:6px!important;
}

/* Player info always grows toward the outside edge of the poker table. */
.game-page .seat-2,
.game-page .seat-3,
.game-page .seat-4,
.game-page .seat-5{
  transform:translate(-28%,-50%)!important;
}
.game-page .seat-6,
.game-page .seat-7,
.game-page .seat-8,
.game-page .seat-9{
  flex-direction:row-reverse!important;
  transform:translate(-72%,-50%)!important;
}

/* Create a wider clear corridor around the central question card. */
.game-page .seat-2{left:80%!important;top:11%!important}
.game-page .seat-3{left:94.5%!important;top:35%!important}
.game-page .seat-4{left:91%!important;top:72%!important}
.game-page .seat-5{left:70%!important;top:94%!important}
.game-page .seat-6{left:30%!important;top:94%!important}
.game-page .seat-7{left:9%!important;top:72%!important}
.game-page .seat-8{left:5.5%!important;top:35%!important}
.game-page .seat-9{left:20%!important;top:11%!important}

/* Tablet / narrow desktop: shrink cards more rather than covering the question. */
@media(max-width:1150px){
  .game-page .seat-avatar{width:32px!important;height:32px!important;min-width:32px!important}
  .game-page .seat-info{min-width:46px!important;max-width:56px!important;padding:2px 4px!important}
  .game-page .seat-info strong{max-width:48px!important;font-size:7px!important}
  .game-page .seat-info span{font-size:5.8px!important}
  .game-page .seat-sqp-stars{max-width:48px!important;font-size:5px!important}
  .game-page .seat-2{left:82%!important}
  .game-page .seat-9{left:18%!important}
}

/* Landscape mobile: keep the center question readable at all times. */
@media(max-width:760px), (max-height:620px) and (orientation:landscape){
  .game-page .seat{gap:1px!important}
  .game-page .seat-avatar{width:23px!important;height:23px!important;min-width:23px!important}
  .game-page .seat-info{min-width:36px!important;max-width:44px!important;padding:1px 2px!important;border-radius:4px!important}
  .game-page .seat-info strong{max-width:39px!important;font-size:5.8px!important}
  .game-page .seat-info span{font-size:4.8px!important}
  .game-page .seat-sqp-stars{max-width:39px!important;font-size:4.1px!important;letter-spacing:-.45px!important}
  .game-page .seat-status{font-size:4px!important}
  .game-page .seat-avatar>.sq-country-flag-161,
  .game-page .seat-avatar>.sq-country-code-fallback-161{width:12px!important;min-width:12px!important;height:9px!important;font-size:4.5px!important}
  .game-page .seat-2{left:84%!important;top:12%!important}
  .game-page .seat-3{left:96%!important;top:35%!important}
  .game-page .seat-4{left:93%!important;top:72%!important}
  .game-page .seat-5{left:72%!important;top:93%!important}
  .game-page .seat-6{left:28%!important;top:93%!important}
  .game-page .seat-7{left:7%!important;top:72%!important}
  .game-page .seat-8{left:4%!important;top:35%!important}
  .game-page .seat-9{left:16%!important;top:12%!important}
}