/* Hallmark · Triple Draw · original Velvet Vault scene/deck retained.
 * Existing poker/art CSS owns shared controls, faces and layout. This authored
 * rack layer preserves native selected indices and keeps complete tap boxes stable. */
@import url('../assets/depth/triple-draw-tokens.css');

:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table.p-depth-triple-draw { box-sizing:border-box;min-width:0;padding:var(--td-art-inset);border:1px solid var(--td-art-seam);border-radius:16px;background:var(--td-art-felt) url('../assets/depth/triple-draw-felt-inlay.svg') center / 100% 100%; }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-tablebar { padding:var(--td-art-gap);background:var(--td-art-bed);color:var(--td-art-paper);line-height:1.5;overflow-wrap:anywhere; }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-seats { gap:var(--td-art-gap); }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-seat { padding:var(--td-art-pad);border:1px solid var(--td-art-seam);border-radius:var(--td-art-radius);background:var(--td-art-bed); }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-you { border-color:var(--td-art-bronze); }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-turn { border-color:var(--td-art-paper);box-shadow:inset 0 0 0 1px var(--td-art-paper); }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-seatlabel { font-size:.88rem;line-height:1.5; }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-seatlabel strong { color:var(--td-art-paper); }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-seatlabel span { color:var(--td-art-bronze);font-size:.85rem;white-space:normal;overflow-wrap:anywhere; }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-seat small { color:var(--td-art-muted);font-size:.82rem;line-height:1.5;overflow-wrap:anywhere; }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-cards { gap:var(--td-art-gap);padding:var(--td-art-row-pad); }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-you .p-cards:has(>.p-card:not(.p-back))::before { content:'2–7 low: ace is high; flushes and straights count.';flex-basis:100%;color:var(--td-art-muted);font-size:.82rem;line-height:1.5; }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-you .p-cards:has(>.p-card:not(.p-back))::after { content:'A–2–3–4–5 is ace-high here, not a straight.';flex-basis:100%;color:var(--td-art-muted);font-size:.82rem;line-height:1.5; }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-you .p-cards:has(>button.p-card)::before { content:'Tap replacements. Gold edge means replace; confirm below.'; }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-card { box-sizing:border-box;transition:none; }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-you .p-card { width:var(--td-art-own-width);height:var(--td-art-own-height); }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-you button.p-card { transform:none;touch-action:manipulation;min-width:var(--td-art-touch);min-height:var(--td-art-touch); }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-seat:not(.p-you) .p-card.p-back { width:28px;height:44px; }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-seat:not(.p-you) .p-card:not(.p-back) { width:var(--td-art-shown-width);height:var(--td-art-shown-height); }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-card .p-corner { font-size:.84rem;line-height:1.05;min-width:12px;padding:var(--td-art-corner); }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-card .p-bottom { left:auto;top:auto;right:var(--td-art-corner);bottom:var(--td-art-corner); }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-seat:not(.p-you) .p-card:not(.p-back) .p-bottom { display:flex; }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-seat:not(.p-you) .p-card:not(.p-back) .p-pip { display:block; }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-card .p-pip { font-size:.72rem; }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) :is(#poker-status,#poker-result) { color:var(--td-art-paper);font-size:.92rem;line-height:1.5;overflow-wrap:anywhere; }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) :is(#poker-actions,.p-controls) .p-button { min-width:var(--td-art-touch);white-space:normal;overflow-wrap:anywhere; }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-actions :is(button,input):focus-visible { outline-color:var(--td-art-focus); }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #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="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-you button.p-card:focus-visible { outline:3px dashed var(--td-art-focus);outline-offset:3px; }
:is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) .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="triple-draw"],body[data-poker-active-variant="triple-draw"]) .p-footer { padding-bottom:max(16px,env(safe-area-inset-bottom)); }
@media(max-width:700px) {
  :is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-seats { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:375px) {
  :is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) :is(.p-form,#poker-actions .p-raise) { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) {
  :is(body[data-poker-variant="triple-draw"],body[data-poker-active-variant="triple-draw"]) #poker-table .p-card { transition:none!important; }
}