/* Hallmark · Heads-Up Poker · original illustrated deck + brass felt inset.
 * Load after art.css. Scope covers solo and the public active friends variant.
 * Never replaces existing scene/card/back atlases or the simpler-face option. */
@import url('../assets/depth/holdem-tokens.css');

:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table.p-depth-holdem { min-width:0;padding:var(--hd-art-space-4);border:1px solid var(--hd-art-seam);border-radius:24px;background:var(--hd-art-felt) url('../assets/depth/holdem-felt-inlay.svg') center / 100% 100%;box-shadow:inset 0 var(--hd-art-space-1) var(--hd-art-space-4) var(--hd-art-shadow); }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-tablebar { gap:var(--hd-art-space-3);margin-bottom:var(--hd-art-space-4);padding:var(--hd-art-space-4);background:var(--hd-art-deep);color:var(--hd-art-light);font-size:.9rem;line-height:1.5;overflow-wrap:anywhere; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-board { gap:var(--hd-art-space-2);padding:var(--hd-art-space-2);margin:var(--hd-art-space-5) 0;border:1px solid var(--hd-art-seam);border-radius:var(--hd-art-radius);background:var(--hd-art-deep);flex-wrap:wrap; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-board .p-card { width:var(--hd-art-board-width);height:var(--hd-art-board-height);flex:0 0 auto; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-seats { gap:var(--hd-art-space-4);grid-template-columns:repeat(2,minmax(0,1fr)); }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-seat { padding:var(--hd-art-space-3);background:var(--hd-art-deep);border:1px solid var(--hd-art-seam);border-radius:var(--hd-art-radius);box-shadow:0 var(--hd-art-space-1) var(--hd-art-space-2) var(--hd-art-shadow); }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-you { border-color:var(--hd-art-brass); }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-turn { border-color:var(--hd-art-gold);box-shadow:inset 0 0 0 1px var(--hd-art-gold); }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-seatlabel { gap:var(--hd-art-space-2);font-size:.85rem;line-height:1.5; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-seatlabel strong { color:var(--hd-art-light);overflow-wrap:anywhere; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-seatlabel span { color:var(--hd-art-gold);font-size:.84rem;white-space:normal;overflow-wrap:anywhere; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-seat small { color:var(--hd-art-muted);font-size:.8rem;line-height:1.5;overflow-wrap:anywhere; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-cards { gap:var(--hd-art-space-2);flex-wrap:wrap; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-you .p-card { width:var(--hd-art-hole-width);height:var(--hd-art-hole-height);flex:0 0 auto; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-seat:not(.p-you) .p-card.p-back { width:28px;height:42px; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-seat:not(.p-you) .p-card:not(.p-back) { width:var(--hd-art-shown-width);height:var(--hd-art-shown-height);flex:0 0 auto; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-card .p-corner { font-size:.82rem;line-height:1.05;padding:var(--hd-art-space-1);min-width:12px; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-card .p-top { left:var(--hd-art-space-1);top:var(--hd-art-space-1); }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-card .p-bottom { left:auto;top:auto;right:var(--hd-art-space-1);bottom:var(--hd-art-space-1); }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-seat:not(.p-you) .p-card:not(.p-back) .p-bottom { display:flex; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-seat:not(.p-you) .p-card:not(.p-back) .p-pip { display:block; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-card .p-pip { font-size:.7rem; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-card { transition:none; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) :is(#poker-status,#poker-result) { color:var(--hd-art-light);font-size:.92rem;line-height:1.5;overflow-wrap:anywhere;padding:var(--hd-art-space-4); }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-result p { font-size:.87rem;line-height:1.5; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-coach { font-size:.9rem;line-height:1.5;overflow-wrap:anywhere; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-actions { gap:var(--hd-art-space-4); }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-actions > .p-button { flex:1 1 100px;min-width:var(--hd-art-touch);min-height:var(--hd-art-touch);white-space:normal;overflow-wrap:anywhere; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-actions .p-raise { grid-template-columns:minmax(0,1fr) auto;gap:var(--hd-art-space-3);min-width:0; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-actions .p-raise label { font-size:.9rem;line-height:1.5;overflow-wrap:anywhere; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-actions .p-raise :is(input,button) { min-height:var(--hd-art-touch); }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) .p-controls .p-button { min-width:var(--hd-art-touch);min-height:var(--hd-art-touch);white-space:normal;overflow-wrap:anywhere; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) .p-panel :is(summary,label) { overflow-wrap:anywhere; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) .p-panel summary { min-height:var(--hd-art-touch); }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) .p-art-picker select { min-height:var(--hd-art-touch);max-width:100%; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) .p-nav { flex-wrap:wrap;padding-top:max(var(--hd-art-space-4),env(safe-area-inset-top));padding-left:max(var(--hd-art-space-5),env(safe-area-inset-left));padding-right:max(var(--hd-art-space-5),env(safe-area-inset-right)); }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) .p-nav :is(a,nav) { max-width:100%; }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) .p-footer { padding-bottom:max(var(--hd-art-space-6),env(safe-area-inset-bottom)); }
:is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-actions :is(button,input):focus-visible { outline:3px solid var(--hd-art-focus);outline-offset:var(--hd-art-space-1); }
@media(max-width:700px) {
  :is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table.p-depth-holdem { padding:var(--hd-art-space-2); }
  :is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-seats { grid-template-columns:minmax(0,1fr); }
  :is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-seatlabel { align-items:start; }
  :is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) .p-nav nav { gap:var(--hd-art-space-4); }
}
@media(max-width:375px) {
  :is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) .p-form { grid-template-columns:minmax(0,1fr); }
  :is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-actions .p-raise { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) {
  :is(body[data-poker-variant="holdem"],body[data-poker-active-variant="holdem"]) #poker-table .p-card { transition:none!important; }
}