/* Approved opponent profile and card states. Hero and table anchors stay fixed. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .profile-header {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .profile-header::before {
  content: none !important;
  display: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .holes {
  position: absolute !important;
  inset: auto !important;
  top: 22px !important;
  left: 37px !important;
  grid-area: auto !important;
  transform: none !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 30px !important;
  gap: 2px !important;
  z-index: 3 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .holes .card {
  width: 20px !important;
  min-width: 20px !important;
  flex: 0 0 20px !important;
  height: 30px !important;
  min-height: 30px !important;
  border-radius: 3px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .holes .card .rank {
  font-size: 11px !important;
  line-height: 1.05 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .holes .card .suit {
  font-size: 11px !important;
  line-height: 1 !important;
  margin-top: 1px !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .avatar-wrap {
  position: absolute !important;
  inset: auto !important;
  top: 0 !important;
  left: 32px !important;
  grid-area: auto !important;
  transform: none !important;
  z-index: 2 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .mascot-portrait[data-mascot-render="cutout"] > .mascot-source {
  transform: translateY(20px) scale(1.3846153846) !important;
  transform-origin: center bottom !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat-right .mascot-portrait[data-mascot-render="cutout"] > .mascot-source {
  transform-origin: center bottom !important;
}
/* Card illustrations move inside the original fixed profile clipping area. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .holes {
  translate: 0 0;
  transition: translate 260ms cubic-bezier(.22,.75,.25,1);
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .holes .card {
  position: absolute !important;
  top: -2px !important;
  left: 3px !important;
  margin: 0 !important;
  padding: 1px 0 !important;
  rotate: -10deg !important;
  transform-origin: 50% 100% !important;
  z-index: 1 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .holes .card + .card {
  left: 19px !important;
  rotate: 10deg !important;
  z-index: 2 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat.folded .holes {
  translate: 0 20px;
  filter: grayscale(1) brightness(.55) !important;
  opacity: .55 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat.folded .holes .card {
  filter: none !important;
  opacity: 1 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat.folded .avatar-wrap {
  filter: none !important;
  opacity: 1 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat.folded .name-pill {
  opacity: 1 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat:not(.folded) .holes:has(.card[data-card]) {
  translate: 0 -12px;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat:not(.folded) .holes:has(.card[data-card]) .card {
  top: 0 !important;
  left: -.5px !important;
  width: 24px !important;
  min-width: 24px !important;
  flex-basis: 24px !important;
  height: 36px !important;
  min-height: 36px !important;
  rotate: -8deg !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat:not(.folded) .holes:has(.card[data-card]) .card + .card {
  left: 18.5px !important;
  rotate: 8deg !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat:not(.folded) .holes:has(.card[data-card]) .card .rank {
  font-size: 13px !important;
  line-height: 1 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat:not(.folded) .holes:has(.card[data-card]) .card .suit {
  font-size: 14px !important;
  line-height: 1 !important;
  margin-top: 0 !important;
}
@media (prefers-reduced-motion: reduce) {
  html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .holes {
    transition: none !important;
    animation: none !important;
  }
}