/* Approved hidden rail: fixed 96px slide, with no handle or screen scaling. */
#eightTableToolRail, #eightToolSceneBridge, #eightToolGestureBand { display: none; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-tools-enabled #tableView {
  --eight-tools-progress: 0;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-tools-enabled #tableView :is(#pokerGameViewport,#actionPanel,#eightManualBtn,#eightToolSceneBridge,#eightToolGestureBand) {
  transform: translateY(calc(-96px * var(--eight-tools-progress))) !important;
  transition: transform 280ms cubic-bezier(.2,.75,.25,1), opacity 140ms ease-out !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-tools-enabled #tableView.eight-tools-dragging :is(#pokerGameViewport,#actionPanel,#eightManualBtn,#eightToolSceneBridge,#eightToolGestureBand) {
  transition: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableView :is(#title,#tournamentInfoTrigger,#heroEmoteButton,#chatToggleBtn),
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout #tableMenuHitTarget {
  display: none !important; visibility: hidden !important; pointer-events: none !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-tools-enabled #eightTableToolRail {
  display: grid; position: absolute; left: 0; bottom: 0; width: 430px; height: 96px;
  grid-template-columns: repeat(4,minmax(0,1fr)); padding: 9px 12px 8px;
  box-sizing: border-box; background: #2b1f16; z-index: 10;
  opacity: var(--eight-tools-progress); pointer-events: none; touch-action: none;
  user-select: none; -webkit-user-select: none;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-tools-enabled.holdem-tools-revealed #eightTableToolRail:not([inert]) { pointer-events: auto; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-tools-enabled #eightTableToolRail .eight-table-tool {
  position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;
  min-width: 0; min-height: 0; gap: 5px; margin: 0; padding: 0;
  background: transparent; border: 0; border-radius: 0; box-shadow: none; color: #d1b378;
  font-family: inherit; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-tools-enabled #eightTableToolRail .eight-table-tool:disabled { opacity: .42; cursor: default; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-tools-enabled #eightTableToolRail .eight-table-tool:focus-visible { outline: 2px solid #e7c98c; outline-offset: -3px; border-radius: 8px; }
#eightTableToolRail .eight-tool-icon { width: 27px; height: 27px; display: flex; align-items: center; justify-content: center; }
#eightTableToolRail .eight-tool-icon svg { width: 25px; height: 25px; }
#eightTableToolRail .eight-tool-icon img { width: 30px; height: 30px; object-fit: contain; border-radius: 50%; }
#eightTableToolRail .eight-tool-name { color: #d9c29c; font-size: 12px; line-height: 1.2; font-weight: 650; white-space: nowrap; }
#eightTableToolRail .eight-tool-suffix { color: #ab936c; font-size: 10px; line-height: 1; margin-top: -2px; }
#eightTableToolRail .eight-tool-unread { position: absolute; top: 7px; left: calc(50% + 8px); min-width: 15px; height: 15px; padding: 0 4px; box-sizing: border-box; border-radius: 9px; background: #c95644; color: #fff5de; font-size: 9px; font-weight: 750; line-height: 15px; text-align: center; }
#eightTableToolRail .eight-tool-unread[hidden] { display: none; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-tools-enabled #eightToolSceneBridge {
  display: block; position: absolute; left: 0; top: var(--eight-felt-height,844px); width: 430px; height: 16px;
  background: #1d130c; pointer-events: none; z-index: 25;
}
/* Start below the hero plaque's chip row. Keep the lower edge at felt+16
   and the same 96px scene motion; the transparent band owns only the seam. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-tools-enabled #eightToolGestureBand {
  display: block; position: absolute; left: 0; top: calc(var(--eight-felt-height,844px) - 2px); width: 430px; height: 18px;
  background: transparent; border: 0; z-index: 50; touch-action: none;
  user-select: none; -webkit-user-select: none; outline: none;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-tools-enabled #eightToolGestureBand:focus-visible { outline: 2px solid #d9b678; outline-offset: -4px; }
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-tools-enabled #tableView :is(#eightTableToolRail,#eightToolSceneBridge,#eightToolGestureBand)[hidden] { display: none !important; }
/* Paint through the status/home areas; only interactive content uses the insets. */
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-mobile-backdrop {
  background-color: var(--eight-mobile-backdrop-color,#1d130c) !important;
  background-image: var(--eight-mobile-backdrop-image,none) !important;
  background-size: 100vw var(--app-height,100dvh) !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-mobile-backdrop #tableView,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-mobile-backdrop #tableView #pokerStageCanvas,
html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-mobile-backdrop #tableView #felt {
  background: transparent !important;
}
#eightMobileSafeBottom { display: none; }
html body.holdem-eight-layout.holdem-eight-mobile-backdrop #eightMobileSafeBottom {
  display: block; position: fixed; left: 0; right: 0; bottom: 0;
  height: var(--eight-mobile-safe-bottom,0px); background: #0a0805;
  pointer-events: none; z-index: 1;
}
html body.holdem-eight-layout.holdem-eight-mobile-backdrop.holdem-tools-revealed #eightMobileSafeBottom { background: #2b1f16; }
@media (prefers-reduced-motion: reduce) {
  html body.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-tools-enabled #tableView :is(#pokerGameViewport,#actionPanel,#eightManualBtn,#eightToolSceneBridge,#eightToolGestureBand) { transition: none !important; }
}