/* StakeQuiz 1.1.62 - restore lobby preview seat geometry after country flags */

/* preview-seat is coordinate positioned around the poker table. Never make it relative. */
.preview-poker-table .preview-seat{
  position:absolute!important;
  transform:translate(-50%,-50%)!important;
  z-index:3;
  margin:0!important;
}
.preview-poker-table .preview-seat.occupied{
  display:flex;
  align-items:center;
  gap:4px;
}

/* The flag is an overlay only. It must not take part in flex layout or seat sizing. */
.preview-poker-table .preview-seat>.sq-country-flag-161,
.preview-poker-table .preview-seat>.sq-country-code-fallback-161{
  position:absolute!important;
  left:22px!important;
  top:22px!important;
  right:auto!important;
  bottom:auto!important;
  width:18px!important;
  min-width:18px!important;
  height:13px!important;
  padding:0!important;
  margin:0!important;
  border-radius:2px!important;
  border:1px solid rgba(5,12,22,.95)!important;
  box-sizing:border-box!important;
  transform:none!important;
  pointer-events:none!important;
  z-index:12!important;
  line-height:11px!important;
  font-size:7px!important;
}
.preview-poker-table .preview-seat>img.sq-country-flag-161{
  object-fit:cover!important;
  background:#fff!important;
  box-shadow:0 1px 4px rgba(0,0,0,.65)!important;
}

/* Existing avatar rules may target every img inside preview-seat. Reassert flag geometry. */
.preview-poker-table .preview-seat img.sq-country-flag-161{
  width:18px!important;
  height:13px!important;
  border-radius:2px!important;
}

@media(max-width:1250px){
  .preview-poker-table .preview-seat>.sq-country-flag-161,
  .preview-poker-table .preview-seat>.sq-country-code-fallback-161{
    left:19px!important;
    top:19px!important;
    width:16px!important;
    min-width:16px!important;
    height:11px!important;
  }
  .preview-poker-table .preview-seat img.sq-country-flag-161{width:16px!important;height:11px!important}
}

@media(max-width:760px){
  .lobby-page .preview-poker-table .preview-seat>.sq-country-flag-161,
  .lobby-page .preview-poker-table .preview-seat>.sq-country-code-fallback-161{
    left:15px!important;
    top:15px!important;
    width:14px!important;
    min-width:14px!important;
    height:10px!important;
    font-size:6px!important;
  }
  .lobby-page .preview-poker-table .preview-seat img.sq-country-flag-161{width:14px!important;height:10px!important}
}