/* Eight-seat card action feedback. The transient result is independent of
   the persistent fold/all-in state and of the twenty-second plaque timer. */
#cardActionFeedbackLayer {
  display:none;
}
html body.holdem-eight-layout.holdem-mascot-table > #cardActionFeedbackLayer {
  position:fixed;
  inset:0;
  display:block;
  overflow:visible;
  pointer-events:none;
  z-index:12000;
}
html body.holdem-eight-layout.holdem-mascot-table > #cardActionFeedbackLayer > .card-action-feedback {
  position:fixed;
  top:var(--card-action-top,0px);
  left:var(--card-action-left,0px);
  right:auto;
  bottom:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:80px;
  min-width:80px;
  max-width:80px;
  height:22px;
  min-height:22px;
  margin:0;
  padding:0 4px;
  border:1px solid #ffebba !important;
  border-radius:5px;
  background:linear-gradient(#f2dca2,#d5b573) !important;
  color:#3a2813 !important;
  font-family:'Pretendard Variable',Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:900;
  line-height:1;
  letter-spacing:.25px;
  text-align:center;
  white-space:nowrap;
  text-shadow:0 1px 0 #ffedc180;
  box-shadow:inset 0 1px 0 #ffffff6b,inset 0 -2px 0 #0003,0 2px 3px #0008 !important;
  pointer-events:none;
  transform:translate(-50%,-100%) scale(var(--card-action-scale,1));
  transform-origin:center bottom;
  animation:card-action-feedback-pop 2000ms both;
  /* This is the lifetime of visible information, including reduced motion. */
  animation-duration:2000ms !important;
  animation-delay:var(--card-action-age,0ms) !important;
  animation-iteration-count:1 !important;
}
html body.holdem-eight-layout.holdem-mascot-table > #cardActionFeedbackLayer > .card-action-feedback.hero-action-result-badge {
  width:110px;
  min-width:110px;
  max-width:110px;
  height:24px;
  min-height:24px;
  font-size:14px;
}
html body.holdem-eight-layout.holdem-mascot-table > #cardActionFeedbackLayer > .card-action-feedback[hidden] {
  display:none !important;
}
html body.holdem-eight-layout.holdem-mascot-table > #cardActionFeedbackLayer > .card-action-feedback .arb-inner {
  display:block;
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  color:inherit;
  font:inherit;
  line-height:1;
  text-shadow:inherit;
  transform:none;
  animation:none !important;
}
html body.holdem-eight-layout.holdem-mascot-table > #cardActionFeedbackLayer > .card-action-feedback[data-card-action-type="check"] {
  color:#dffcf0 !important;
  background:linear-gradient(#2d7966,#205b4d) !important;
  border-color:#80b69f !important;
  text-shadow:0 1px 1px #0b2c22;
}
html body.holdem-eight-layout.holdem-mascot-table > #cardActionFeedbackLayer > .card-action-feedback:is([data-card-action-type="fold"],[data-card-action-type="checkfold"]) {
  color:#f6f1e9 !important;
  background:linear-gradient(#807568,#5d554c) !important;
  border-color:#a99c8b !important;
  text-shadow:0 1px 1px #28211c;
}
html body.holdem-eight-layout.holdem-mascot-table > #cardActionFeedbackLayer > .card-action-feedback[data-card-action-type="checkfold"]:not(.hero-action-result-badge) {
  font-size:10px;
  letter-spacing:0;
}
html body.holdem-eight-layout.holdem-mascot-table > #cardActionFeedbackLayer > .card-action-feedback[data-card-action-type="allin"] {
  color:#fff2e8 !important;
  background:linear-gradient(#b63d3e,#7d2328) !important;
  border-color:#e99882 !important;
  text-shadow:0 1px 1px #430f15;
}
/* BET and RAISE use the same quiet gold treatment as CALL. */
@keyframes card-action-feedback-pop {
  0% { opacity:0; transform:translate(-50%,-100%) scale(calc(var(--card-action-scale,1) * .88)); }
  4% { opacity:1; transform:translate(-50%,-100%) scale(calc(var(--card-action-scale,1) * 1.08)); }
  6%,90% { opacity:1; transform:translate(-50%,-100%) scale(var(--card-action-scale,1)); }
  100% { opacity:0; transform:translate(-50%,-100%) scale(var(--card-action-scale,1)); }
}
@keyframes card-action-feedback-quiet {
  0%,90% { opacity:1; }
  100% { opacity:0; }
}
@media (prefers-reduced-motion:reduce) {
  html body.holdem-eight-layout.holdem-mascot-table > #cardActionFeedbackLayer > .card-action-feedback {
    animation-name:card-action-feedback-quiet;
  }
}
html body.holdem-eight-layout.holdem-mascot-table[data-reduce-motion="1"] > #cardActionFeedbackLayer > .card-action-feedback {
  animation-name:card-action-feedback-quiet;
}

/* Frame the built-in characters from the chest up. The fixed avatar button
   clips their lower bodies behind the plaque without moving cards or chips. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .profile-header {
  overflow:visible !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .avatar-wrap {
  clip-path:inset(-40px -40px 0 -40px) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-portrait[data-mascot-render="cutout"] > .mascot-source {
  width:120px !important;
  height:120px !important;
  max-width:none !important;
  max-height:none !important;
  left:-28px !important;
  top:-14px !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .holes {
  clip-path:inset(-20px -20px 1.8px -20px) !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.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]) {
  clip-path:none !important;
}
/* The runtime owns the short-lived portal; equity percentages keep their
   existing in-seat slot throughout an all-in runout. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .action-result-badge:not(.sweat-pct-tag) {
  display:none !important;
}
@media (max-height:700px) {
  html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) .seat-clock-12 .mascot-portrait[data-mascot-render="cutout"] > .mascot-source {
    top:-6px !important;
  }
}
/* Short landscape tables keep the same bust framing in a narrower footprint
   so long bet amounts have room beside the side-seat characters. */
@media (max-height:700px) and (orientation:landscape) {
  html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts,#hero) .mascot-portrait[data-mascot-render="cutout"] > .mascot-source {
    width:94px !important;
    height:94px !important;
    left:-15px !important;
    top:0 !important;
  }
}

/* Match the opponents' plaque exactly without moving the hero card/header
   anchors. A narrow plaque stays centered below the large card pair. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-nameplate {
  align-self:center !important;
  width:110px !important;
  min-width:110px !important;
  max-width:110px !important;
  height:50px !important;
  min-height:50px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:18px 26px !important;
  padding:2px 3px !important;
  row-gap:0 !important;
  box-sizing:border-box !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-nameplate .name {
  display:block !important;
  grid-row:1 !important;
  align-self:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:calc(13px / var(--ui-scale)) !important;
  font-weight:750 !important;
  line-height:1.05 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-nameplate .chips {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  grid-row:2 !important;
  width:100% !important;
  height:26px !important;
  min-height:26px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  font-size:calc(17px / var(--ui-scale)) !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  line-height:1.05 !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView #hero .hero-nameplate .bounty-life-trigger {
  /* The plaque narrows symmetrically by 51px per side; retain the life
     button's previous screen anchor beside the right-hand card. */
  right:-50px !important;
}