/* Hallmark · Four Winds keeps its original illustrated scene and deck.
 * Bamboo/water inset and four-card reading racks use the existing poker/art base. */
@import url('../assets/depth/badugi-tokens.css');

:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table.p-depth-badugi { box-sizing:border-box;min-width:0;border:1px solid var(--bd-art-line);border-radius:14px;padding:var(--bd-art-edge);background:var(--bd-art-felt) url('../assets/depth/badugi-felt-inlay.svg') center / 100% 100%; }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-tablebar { padding:var(--bd-art-air);color:var(--bd-art-ink);background:var(--bd-art-seat);line-height:1.5;overflow-wrap:anywhere; }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-seats { gap:var(--bd-art-air); }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-seat { padding:var(--bd-art-seat-pad);background:var(--bd-art-seat);border:1px solid var(--bd-art-line);border-radius:var(--bd-art-round); }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-you { border-color:var(--bd-art-bamboo); }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-turn { border-color:var(--bd-art-ink);box-shadow:inset 0 0 0 1px var(--bd-art-ink); }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-seatlabel { line-height:1.5;font-size:.88rem; }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-seatlabel strong { color:var(--bd-art-ink); }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-seatlabel span { color:var(--bd-art-bamboo);font-size:.85rem;white-space:normal;overflow-wrap:anywhere; }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-seat small { color:var(--bd-art-note);line-height:1.5;font-size:.82rem;overflow-wrap:anywhere; }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-cards { gap:var(--bd-art-air);padding:var(--bd-art-card-pad); }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-you .p-cards:has(>.p-card:not(.p-back))::before { content:'Distinct ranks and suits · ace is low.';flex-basis:100%;font-size:.82rem;line-height:1.5;color:var(--bd-art-note); }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-you .p-cards:has(>.p-card:not(.p-back))::after { content:'Four-card hands beat three-card hands.';flex-basis:100%;font-size:.82rem;line-height:1.5;color:var(--bd-art-note); }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-you .p-cards:has(>button.p-card)::before { content:'Tap to mark replacements; confirm your draw below.'; }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-card { box-sizing:border-box;transition:none; }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-you .p-card { width:var(--bd-art-own-w);height:var(--bd-art-own-h); }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-you button.p-card { transform:none;touch-action:manipulation;min-width:var(--bd-art-touch);min-height:var(--bd-art-touch); }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-seat:not(.p-you) .p-card.p-back { width:28px;height:44px; }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-seat:not(.p-you) .p-card:not(.p-back) { width:var(--bd-art-shown-w);height:var(--bd-art-shown-h); }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-corner { padding:var(--bd-art-corner);min-width:12px;font-size:.88rem;line-height:1.05; }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-bottom { left:auto;top:auto;right:var(--bd-art-corner);bottom:var(--bd-art-corner); }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-seat:not(.p-you) :is(.p-bottom,.p-pip) { display:flex; }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-pip { font-size:.74rem; }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) :is(#poker-status,#poker-result) { color:var(--bd-art-ink);font-size:.92rem;line-height:1.5;overflow-wrap:anywhere; }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) :is(#poker-actions,.p-controls) .p-button { min-width:var(--bd-art-touch);white-space:normal;overflow-wrap:anywhere; }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-you button.p-card.p-discard { box-shadow:inset 0 0 0 3px var(--color-poker-gold); }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-you button.p-card:focus-visible { outline:3px dashed var(--bd-art-focus);outline-offset:3px; }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-actions :is(button,input):focus-visible { outline-color:var(--bd-art-focus); }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) .p-nav { padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-top:max(12px,env(safe-area-inset-top)); }
:is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) .p-footer { padding-bottom:max(16px,env(safe-area-inset-bottom)); }
@media(max-width:700px) {
  :is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-seats { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:375px) {
  :is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) :is(.p-form,#poker-actions .p-raise) { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) {
  :is(body[data-poker-variant="badugi"],body[data-poker-active-variant="badugi"]) #poker-table .p-card { transition:none!important; }
}