/* P0 batch 02 runtime asset entry points. Dynamic content stays in DOM. */
:root {
  --holdem-art-ink: #15121f;
  --holdem-art-navy: #151a38;
  --holdem-art-felt: #153d3a;
  --holdem-art-cyan: #54e5d0;
  --holdem-art-magenta: #f05aa6;
  --holdem-art-gold: #ffd166;
  --holdem-art-coral: #f16d70;
  --holdem-art-paper: #f2e6cc;
  --holdem-ui-001-standard: url("./ui/ui-001/standard.svg");
  --holdem-ui-001-emphasis: url("./ui/ui-001/emphasis.svg");
  --holdem-ui-001-warning: url("./ui/ui-001/warning.svg");
  --holdem-ui-001-settlement: url("./ui/ui-001/settlement.svg");
  --holdem-ui-002-default: url("./ui/ui-002/default.svg");
  --holdem-ui-002-hover: url("./ui/ui-002/hover.svg");
  --holdem-ui-002-pressed: url("./ui/ui-002/pressed.svg");
  --holdem-ui-002-focus: url("./ui/ui-002/focus.svg");
  --holdem-ui-002-submitting: url("./ui/ui-002/submitting.svg");
  --holdem-ui-002-disabled: url("./ui/ui-002/disabled.svg");
  --holdem-ui-003-default: url("./ui/ui-003/default.svg");
  --holdem-ui-003-hover: url("./ui/ui-003/hover.svg");
  --holdem-ui-003-pressed: url("./ui/ui-003/pressed.svg");
  --holdem-ui-003-focus: url("./ui/ui-003/focus.svg");
  --holdem-ui-003-submitting: url("./ui/ui-003/submitting.svg");
  --holdem-ui-003-disabled: url("./ui/ui-003/disabled.svg");
  --holdem-ui-005-default: url("./ui/ui-005/default.svg");
  --holdem-ui-005-focus: url("./ui/ui-005/focus.svg");
  --holdem-ui-005-filled: url("./ui/ui-005/filled.svg");
  --holdem-ui-005-error: url("./ui/ui-005/error.svg");
  --holdem-ui-005-disabled: url("./ui/ui-005/disabled.svg");
  --holdem-ui-007-track: url("./ui/ui-007/track.svg");
  --holdem-ui-007-range: url("./ui/ui-007/range.svg");
  --holdem-ui-007-thumb: url("./ui/ui-007/thumb.svg");
  --holdem-ui-007-keyboard-focus: url("./ui/ui-007/keyboard-focus.svg");
  --holdem-ui-007-disabled: url("./ui/ui-007/disabled.svg");
  --holdem-ui-009-info: url("./ui/ui-009/info.svg");
  --holdem-ui-009-current: url("./ui/ui-009/current.svg");
  --holdem-ui-009-host: url("./ui/ui-009/host.svg");
  --holdem-ui-009-ready: url("./ui/ui-009/ready.svg");
  --holdem-ui-009-all-in: url("./ui/ui-009/all-in.svg");
  --holdem-ui-009-disconnected: url("./ui/ui-009/disconnected.svg");
  --holdem-ui-009-away: url("./ui/ui-009/away.svg");
  --holdem-tb-005-empty: url("./table/tb-005/empty.svg");
  --holdem-tb-005-joinable: url("./table/tb-005/joinable.svg");
  --holdem-tb-005-offline-reserved: url("./table/tb-005/offline-reserved.svg");
  --holdem-tb-005-away: url("./table/tb-005/away.svg");
  --holdem-tb-005-released: url("./table/tb-005/released.svg");
  --holdem-ui-tbl-001-self: url("./table/ui-tbl-001/self.svg");
  --holdem-ui-tbl-001-other: url("./table/ui-tbl-001/other.svg");
  --holdem-ui-tbl-001-current: url("./table/ui-tbl-001/current.svg");
  --holdem-ui-tbl-001-acted: url("./table/ui-tbl-001/acted.svg");
  --holdem-ui-tbl-001-folded: url("./table/ui-tbl-001/folded.svg");
  --holdem-ui-tbl-001-all-in: url("./table/ui-tbl-001/all-in.svg");
  --holdem-ui-tbl-001-disconnected: url("./table/ui-tbl-001/disconnected.svg");
  --holdem-ui-tbl-001-away: url("./table/ui-tbl-001/away.svg");
  --holdem-ui-tbl-001-winner: url("./table/ui-tbl-001/winner.svg");
  --holdem-ui-tbl-002-default: url("./table/ui-tbl-002/default.svg");
  --holdem-ui-tbl-002-host: url("./table/ui-tbl-002/host.svg");
  --holdem-ui-tbl-002-current: url("./table/ui-tbl-002/current.svg");
  --holdem-ui-tbl-002-disconnected: url("./table/ui-tbl-002/disconnected.svg");
}

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

.holdem-panel-skin {
  border: 24px solid transparent;
  border-image-source: var(--holdem-ui-001-standard);
  border-image-slice: 24 fill;
  border-image-width: 24px;
  border-image-repeat: stretch;
}
.holdem-panel-skin[data-art-state="emphasis"] { border-image-source: var(--holdem-ui-001-emphasis); }
.holdem-panel-skin[data-art-state="warning"] { border-image-source: var(--holdem-ui-001-warning); }
.holdem-panel-skin[data-art-state="settlement"] { border-image-source: var(--holdem-ui-001-settlement); }

.holdem-avatar-art {
  background-image: var(--holdem-avatar-url);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  image-rendering: pixelated;
}

.holdem-ui-002-skin { background-image: var(--holdem-ui-002-default); }
.holdem-ui-002-skin[data-art-state="hover"] { background-image: var(--holdem-ui-002-hover); }
.holdem-ui-002-skin[data-art-state="pressed"] { background-image: var(--holdem-ui-002-pressed); }
.holdem-ui-002-skin[data-art-state="focus"] { background-image: var(--holdem-ui-002-focus); }
.holdem-ui-002-skin[data-art-state="submitting"] { background-image: var(--holdem-ui-002-submitting); }
.holdem-ui-002-skin[data-art-state="disabled"] { background-image: var(--holdem-ui-002-disabled); }

.holdem-ui-003-skin { background-image: var(--holdem-ui-003-default); }
.holdem-ui-003-skin[data-art-state="hover"] { background-image: var(--holdem-ui-003-hover); }
.holdem-ui-003-skin[data-art-state="pressed"] { background-image: var(--holdem-ui-003-pressed); }
.holdem-ui-003-skin[data-art-state="focus"] { background-image: var(--holdem-ui-003-focus); }
.holdem-ui-003-skin[data-art-state="submitting"] { background-image: var(--holdem-ui-003-submitting); }
.holdem-ui-003-skin[data-art-state="disabled"] { background-image: var(--holdem-ui-003-disabled); }

.holdem-ui-005-skin { background-image: var(--holdem-ui-005-default); }
.holdem-ui-005-skin[data-art-state="focus"] { background-image: var(--holdem-ui-005-focus); }
.holdem-ui-005-skin[data-art-state="filled"] { background-image: var(--holdem-ui-005-filled); }
.holdem-ui-005-skin[data-art-state="error"] { background-image: var(--holdem-ui-005-error); }
.holdem-ui-005-skin[data-art-state="disabled"] { background-image: var(--holdem-ui-005-disabled); }

.holdem-ui-007-skin { background-image: var(--holdem-ui-007-track); }
.holdem-ui-007-skin[data-art-state="range"] { background-image: var(--holdem-ui-007-range); }
.holdem-ui-007-skin[data-art-state="thumb"] { background-image: var(--holdem-ui-007-thumb); }
.holdem-ui-007-skin[data-art-state="keyboard-focus"] { background-image: var(--holdem-ui-007-keyboard-focus); }
.holdem-ui-007-skin[data-art-state="disabled"] { background-image: var(--holdem-ui-007-disabled); }

.holdem-ui-009-skin { background-image: var(--holdem-ui-009-info); }
.holdem-ui-009-skin[data-art-state="current"] { background-image: var(--holdem-ui-009-current); }
.holdem-ui-009-skin[data-art-state="host"] { background-image: var(--holdem-ui-009-host); }
.holdem-ui-009-skin[data-art-state="ready"] { background-image: var(--holdem-ui-009-ready); }
.holdem-ui-009-skin[data-art-state="all-in"] { background-image: var(--holdem-ui-009-all-in); }
.holdem-ui-009-skin[data-art-state="disconnected"] { background-image: var(--holdem-ui-009-disconnected); }
.holdem-ui-009-skin[data-art-state="away"] { background-image: var(--holdem-ui-009-away); }

.holdem-tb-005-skin { background-image: var(--holdem-tb-005-empty); }
.holdem-tb-005-skin[data-art-state="joinable"] { background-image: var(--holdem-tb-005-joinable); }
.holdem-tb-005-skin[data-art-state="offline-reserved"] { background-image: var(--holdem-tb-005-offline-reserved); }
.holdem-tb-005-skin[data-art-state="away"] { background-image: var(--holdem-tb-005-away); }
.holdem-tb-005-skin[data-art-state="released"] { background-image: var(--holdem-tb-005-released); }

.holdem-ui-tbl-001-skin { background-image: var(--holdem-ui-tbl-001-self); }
.holdem-ui-tbl-001-skin[data-art-state="other"] { background-image: var(--holdem-ui-tbl-001-other); }
.holdem-ui-tbl-001-skin[data-art-state="current"] { background-image: var(--holdem-ui-tbl-001-current); }
.holdem-ui-tbl-001-skin[data-art-state="acted"] { background-image: var(--holdem-ui-tbl-001-acted); }
.holdem-ui-tbl-001-skin[data-art-state="folded"] { background-image: var(--holdem-ui-tbl-001-folded); }
.holdem-ui-tbl-001-skin[data-art-state="all-in"] { background-image: var(--holdem-ui-tbl-001-all-in); }
.holdem-ui-tbl-001-skin[data-art-state="disconnected"] { background-image: var(--holdem-ui-tbl-001-disconnected); }
.holdem-ui-tbl-001-skin[data-art-state="away"] { background-image: var(--holdem-ui-tbl-001-away); }
.holdem-ui-tbl-001-skin[data-art-state="winner"] { background-image: var(--holdem-ui-tbl-001-winner); }

.holdem-ui-tbl-002-skin { background-image: var(--holdem-ui-tbl-002-default); }
.holdem-ui-tbl-002-skin[data-art-state="host"] { background-image: var(--holdem-ui-tbl-002-host); }
.holdem-ui-tbl-002-skin[data-art-state="current"] { background-image: var(--holdem-ui-tbl-002-current); }
.holdem-ui-tbl-002-skin[data-art-state="disconnected"] { background-image: var(--holdem-ui-tbl-002-disconnected); }

@media (max-width: 767px) {
  .holdem-art-skin { image-rendering: pixelated; }
}

@media (prefers-reduced-motion: reduce) {
  .holdem-art-skin { animation: none !important; transition: none !important; }
}