/* Shared table finish. Each game keeps its own seating and card layout. */
body[data-ar-surface="buraco"].ar-studio-active #buraco-table,
body[data-ar-surface="caixeta"] .felt-arena,
body[data-ar-surface="fodinha"] .ar-pro-table {
  --ar-felt-radius: clamp(28px, 6vw, 78px);
  background: radial-gradient(ellipse at 50% 42%, #852e42 0%, #672033 62%, #42101e 100%);
  border-color: #17181c;
  border-radius: var(--ar-felt-radius);
  box-shadow: inset 0 0 0 2px #be996b66, inset 0 0 60px #23051470, 0 3px 0 2px #252125;
}

body[data-ar-surface="buraco"].ar-studio-active #buraco-table::before,
body[data-ar-surface="caixeta"] .felt-arena::before,
body[data-ar-surface="fodinha"] .ar-pro-table::before {
  inset: 7px;
  border-color: #f4c6b635;
  border-radius: calc(var(--ar-felt-radius) - 10px);
}

body[data-ar-surface="buraco"].ar-studio-active #buraco-table::after,
body[data-ar-surface="caixeta"] .felt-arena::after,
body[data-ar-surface="fodinha"] .ar-pro-table::after {
  inset: 0;
  width: auto;
  height: auto;
  transform: none;
  background: url('/assets/ar-mark-felt.svg') center / min(44%, 340px) auto no-repeat;
  opacity: .075;
}

@media (max-width: 850px) {
  body[data-ar-surface="buraco"].ar-studio-active #buraco-table,
  body[data-ar-surface="caixeta"] .felt-arena,
  body[data-ar-surface="fodinha"] .ar-pro-table {
    --ar-felt-radius: 28px;
  }
}


body[data-ar-surface="buraco"].ar-studio-active #buraco-table::after,
body[data-ar-surface="fodinha"] #game > .ar-pro-table::after {
  aspect-ratio: auto;
}



body[data-ar-surface="buraco"]:not(.tv-mode).ar-studio-active #opponents.around-seats .table-seat {
  top: max(var(--seat-y), 54px);
}

@media (min-width: 851px) {
  body[data-ar-surface="buraco"]:not(.tv-mode).ar-studio-active #opponents.around-seats:not(:has(.table-seat:nth-child(5))) {
    height: 288px;
  }
}

/* Keep the shared piles below the upper player's name and card backs. */
body[data-ar-surface="buraco"]:not(.tv-mode).ar-studio-active #buraco-table .center-piles {
  top: 120px;
}

@media (max-width: 850px) {
  body[data-ar-surface="buraco"]:not(.tv-mode).ar-studio-active #opponents.around-seats {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    height: auto;
    min-height: 0;
    padding-top: 8px;
  }

  body[data-ar-surface="buraco"]:not(.tv-mode).ar-studio-active #opponents.around-seats .table-seat {
    position: static;
    transform: none;
  }

  body[data-ar-surface="buraco"]:not(.tv-mode).ar-studio-active #buraco-table .center-piles {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    grid-area: piles;
    width: auto;
    max-width: 100%;
    margin: 8px auto;
  }

  body[data-ar-surface="buraco"]:not(.tv-mode).ar-studio-active #buraco-table .table-center {
    grid-template-areas: 'piles piles' 'left right';
  }
}

@media (max-width: 700px) {
  body[data-ar-surface="buraco"]:not(.tv-mode).ar-studio-active #buraco-table .table-center {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: 'piles' 'left' 'right';
  }
}

@media (min-width: 851px) and (max-width: 1150px) {
  body[data-ar-surface="buraco"]:not(.tv-mode).ar-studio-active #opponents.around-seats:has(.table-seat:nth-child(5)) {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    height: auto;
    min-height: 0;
    padding-top: 8px;
  }

  body[data-ar-surface="buraco"]:not(.tv-mode).ar-studio-active #opponents.around-seats:has(.table-seat:nth-child(5)) .table-seat {
    position: static;
    transform: none;
  }

  body[data-ar-surface="buraco"]:not(.tv-mode).ar-studio-active #buraco-table:has(.table-seat:nth-child(5)) .center-piles {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    grid-area: piles;
    margin: 12px auto;
  }

  body[data-ar-surface="buraco"]:not(.tv-mode).ar-studio-active #buraco-table:has(.table-seat:nth-child(5)) .table-center {
    grid-template-areas: 'piles piles' 'left right';
  }
}