/* P0 batch 03 runtime skins. All semantic content stays in the DOM. */
:root {
  --holdem-ui-tbl-003-desktop: url("./table-ui/ui-tbl-003/desktop.svg");
  --holdem-ui-tbl-003-landscape-compact: url("./table-ui/ui-tbl-003/landscape-compact.svg");
  --holdem-ui-tbl-003-portrait-compact: url("./table-ui/ui-tbl-003/portrait-compact.svg");
  --holdem-ui-tbl-004-amount: url("./table-ui/ui-tbl-004/amount.svg");
  --holdem-ui-tbl-004-chip-assisted: url("./table-ui/ui-tbl-004/chip-assisted.svg");
  --holdem-ui-tbl-004-all-in: url("./table-ui/ui-tbl-004/all-in.svg");
  --holdem-ui-tbl-005-ring: url("./table-ui/ui-tbl-005/ring.svg");
  --holdem-ui-tbl-005-bar: url("./table-ui/ui-tbl-005/bar.svg");
  --holdem-ui-tbl-005-last-seconds: url("./table-ui/ui-tbl-005/last-seconds.svg");
  --holdem-ui-tbl-005-high-contrast: url("./table-ui/ui-tbl-005/high-contrast.svg");
  --holdem-ui-tbl-006-seat-outline: url("./table-ui/ui-tbl-006/seat-outline.svg");
  --holdem-ui-tbl-006-arrow: url("./table-ui/ui-tbl-006/arrow.svg");
  --holdem-ui-tbl-006-icon-label: url("./table-ui/ui-tbl-006/icon-label.svg");
  --holdem-ui-tbl-006-combined: url("./table-ui/ui-tbl-006/combined.svg");
  --holdem-ui-tbl-007-check: url("./table-ui/ui-tbl-007/check.svg");
  --holdem-ui-tbl-007-call: url("./table-ui/ui-tbl-007/call.svg");
  --holdem-ui-tbl-007-bet: url("./table-ui/ui-tbl-007/bet.svg");
  --holdem-ui-tbl-007-raise: url("./table-ui/ui-tbl-007/raise.svg");
  --holdem-ui-tbl-007-all-in: url("./table-ui/ui-tbl-007/all-in.svg");
  --holdem-ui-tbl-007-fold: url("./table-ui/ui-tbl-007/fold.svg");
  --holdem-ui-tbl-008-standard: url("./table-ui/ui-tbl-008/standard.svg");
  --holdem-ui-tbl-008-compact: url("./table-ui/ui-tbl-008/compact.svg");
  --holdem-ui-tbl-009-animated: url("./table-ui/ui-tbl-009/animated.svg");
  --holdem-ui-tbl-009-reduced-motion: url("./table-ui/ui-tbl-009/reduced-motion.svg");
  --holdem-ui-tbl-009-static-pending: url("./table-ui/ui-tbl-009/static-pending.svg");
  --holdem-ui-tbl-010-preflop: url("./table-ui/ui-tbl-010/preflop.svg");
  --holdem-ui-tbl-010-flop: url("./table-ui/ui-tbl-010/flop.svg");
  --holdem-ui-tbl-010-turn: url("./table-ui/ui-tbl-010/turn.svg");
  --holdem-ui-tbl-010-river: url("./table-ui/ui-tbl-010/river.svg");
  --holdem-ui-tbl-010-showdown: url("./table-ui/ui-tbl-010/showdown.svg");
  --holdem-ui-tbl-011-current-best: url("./table-ui/ui-tbl-011/current-best.svg");
  --holdem-ui-tbl-011-showdown: url("./table-ui/ui-tbl-011/showdown.svg");
  --holdem-ui-tbl-011-comparison: url("./table-ui/ui-tbl-011/comparison.svg");
  --holdem-ui-tbl-011-neutral: url("./table-ui/ui-tbl-011/neutral.svg");
  --holdem-ui-tbl-012-player-action: url("./table-ui/ui-tbl-012/player-action.svg");
  --holdem-ui-tbl-012-auto-check: url("./table-ui/ui-tbl-012/auto-check.svg");
  --holdem-ui-tbl-012-timeout-fold: url("./table-ui/ui-tbl-012/timeout-fold.svg");
  --holdem-ui-tbl-012-all-in: url("./table-ui/ui-tbl-012/all-in.svg");
  --holdem-ui-tbl-012-unmatched-return: url("./table-ui/ui-tbl-012/unmatched-return.svg");
  --holdem-ui-tbl-012-operation-rejected: url("./table-ui/ui-tbl-012/operation-rejected.svg");
}

.holdem-table-art-skin {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  image-rendering: pixelated;
}

.holdem-ui-tbl-003-skin { background-image: var(--holdem-ui-tbl-003-desktop); }
.holdem-ui-tbl-003-skin[data-art-state="landscape-compact"] { background-image: var(--holdem-ui-tbl-003-landscape-compact); }
.holdem-ui-tbl-003-skin[data-art-state="portrait-compact"] { background-image: var(--holdem-ui-tbl-003-portrait-compact); }

.holdem-ui-tbl-004-skin { background-image: var(--holdem-ui-tbl-004-amount); }
.holdem-ui-tbl-004-skin[data-art-state="chip-assisted"] { background-image: var(--holdem-ui-tbl-004-chip-assisted); }
.holdem-ui-tbl-004-skin[data-art-state="all-in"] { background-image: var(--holdem-ui-tbl-004-all-in); }

.holdem-ui-tbl-005-skin { background-image: var(--holdem-ui-tbl-005-ring); }
.holdem-ui-tbl-005-skin[data-art-state="bar"] { background-image: var(--holdem-ui-tbl-005-bar); }
.holdem-ui-tbl-005-skin[data-art-state="last-seconds"] { background-image: var(--holdem-ui-tbl-005-last-seconds); }
.holdem-ui-tbl-005-skin[data-art-state="high-contrast"] { background-image: var(--holdem-ui-tbl-005-high-contrast); }

.holdem-ui-tbl-006-skin { background-image: var(--holdem-ui-tbl-006-seat-outline); }
.holdem-ui-tbl-006-skin[data-art-state="arrow"] { background-image: var(--holdem-ui-tbl-006-arrow); }
.holdem-ui-tbl-006-skin[data-art-state="icon-label"] { background-image: var(--holdem-ui-tbl-006-icon-label); }
.holdem-ui-tbl-006-skin[data-art-state="combined"] { background-image: var(--holdem-ui-tbl-006-combined); }

.holdem-ui-tbl-007-skin { background-image: var(--holdem-ui-tbl-007-check); }
.holdem-ui-tbl-007-skin[data-art-state="call"] { background-image: var(--holdem-ui-tbl-007-call); }
.holdem-ui-tbl-007-skin[data-art-state="bet"] { background-image: var(--holdem-ui-tbl-007-bet); }
.holdem-ui-tbl-007-skin[data-art-state="raise"] { background-image: var(--holdem-ui-tbl-007-raise); }
.holdem-ui-tbl-007-skin[data-art-state="all-in"] { background-image: var(--holdem-ui-tbl-007-all-in); }
.holdem-ui-tbl-007-skin[data-art-state="fold"] { background-image: var(--holdem-ui-tbl-007-fold); }

.holdem-ui-tbl-008-skin { background-image: var(--holdem-ui-tbl-008-standard); }
.holdem-ui-tbl-008-skin[data-art-state="compact"] { background-image: var(--holdem-ui-tbl-008-compact); }

.holdem-ui-tbl-009-skin { background-image: var(--holdem-ui-tbl-009-animated); }
.holdem-ui-tbl-009-skin[data-art-state="reduced-motion"] { background-image: var(--holdem-ui-tbl-009-reduced-motion); }
.holdem-ui-tbl-009-skin[data-art-state="static-pending"] { background-image: var(--holdem-ui-tbl-009-static-pending); }

.holdem-ui-tbl-010-skin { background-image: var(--holdem-ui-tbl-010-preflop); }
.holdem-ui-tbl-010-skin[data-art-state="flop"] { background-image: var(--holdem-ui-tbl-010-flop); }
.holdem-ui-tbl-010-skin[data-art-state="turn"] { background-image: var(--holdem-ui-tbl-010-turn); }
.holdem-ui-tbl-010-skin[data-art-state="river"] { background-image: var(--holdem-ui-tbl-010-river); }
.holdem-ui-tbl-010-skin[data-art-state="showdown"] { background-image: var(--holdem-ui-tbl-010-showdown); }

.holdem-ui-tbl-011-skin { background-image: var(--holdem-ui-tbl-011-current-best); }
.holdem-ui-tbl-011-skin[data-art-state="showdown"] { background-image: var(--holdem-ui-tbl-011-showdown); }
.holdem-ui-tbl-011-skin[data-art-state="comparison"] { background-image: var(--holdem-ui-tbl-011-comparison); }
.holdem-ui-tbl-011-skin[data-art-state="neutral"] { background-image: var(--holdem-ui-tbl-011-neutral); }

.holdem-ui-tbl-012-skin { background-image: var(--holdem-ui-tbl-012-player-action); }
.holdem-ui-tbl-012-skin[data-art-state="auto-check"] { background-image: var(--holdem-ui-tbl-012-auto-check); }
.holdem-ui-tbl-012-skin[data-art-state="timeout-fold"] { background-image: var(--holdem-ui-tbl-012-timeout-fold); }
.holdem-ui-tbl-012-skin[data-art-state="all-in"] { background-image: var(--holdem-ui-tbl-012-all-in); }
.holdem-ui-tbl-012-skin[data-art-state="unmatched-return"] { background-image: var(--holdem-ui-tbl-012-unmatched-return); }
.holdem-ui-tbl-012-skin[data-art-state="operation-rejected"] { background-image: var(--holdem-ui-tbl-012-operation-rejected); }

@media (orientation: landscape) and (max-width: 1023px) {
  .holdem-ui-tbl-003-skin { background-image: var(--holdem-ui-tbl-003-landscape-compact); }
}
@media (orientation: portrait) and (max-width: 767px) {
  .holdem-ui-tbl-003-skin { background-image: var(--holdem-ui-tbl-003-portrait-compact); }
  .holdem-ui-tbl-008-skin { background-image: var(--holdem-ui-tbl-008-compact); }
}
@media (prefers-reduced-motion: reduce) {
  .holdem-ui-tbl-009-skin { background-image: var(--holdem-ui-tbl-009-reduced-motion); }
  .holdem-table-art-skin { animation: none !important; transition: none !important; }
}