/* Hallmark · Short Deck · original Jade Dragon scene/deck retained.
 * Full true six-through-ace cards and existing house-rule reminders.
 * Load last; every selector is solo/active-friends Short Deck only. */
@import url('../assets/depth/short-deck-poker-tokens.css');

:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table.p-depth-short-deck-poker { box-sizing:border-box;min-width:0;padding:var(--sd-art-space-4);border:1px solid var(--sd-art-seam);border-radius:18px;background:var(--sd-art-felt) url('../assets/depth/short-deck-poker-felt-inlay.svg') center / 100% 100%;box-shadow:inset 0 var(--sd-art-space-1) var(--sd-art-space-5) var(--sd-art-shadow); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-tablebar { gap:var(--sd-art-space-5);padding:var(--sd-art-space-5);margin-bottom:var(--sd-art-space-5);background:var(--sd-art-deep);color:var(--sd-art-ivory);font-size:.92rem;line-height:1.5;overflow-wrap:anywhere; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-board { gap:var(--sd-art-space-4);flex-wrap:wrap;padding:var(--sd-art-space-4);margin:var(--sd-art-space-5) 0;border:1px solid var(--sd-art-seam);border-radius:var(--sd-art-radius);background:var(--sd-art-deep); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-board:has(>.p-card)::before { content:'A–6–7–8–9 is the lowest straight.';flex-basis:100%;color:var(--sd-art-muted);text-align:center;font-size:.8rem;line-height:1.5; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-board .p-card { width:var(--sd-art-board-width);height:var(--sd-art-board-height); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-seats { gap:var(--sd-art-space-5);grid-template-columns:repeat(2,minmax(0,1fr)); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-seat { padding:var(--sd-art-space-5);background:var(--sd-art-deep);border:1px solid var(--sd-art-seam);border-radius:var(--sd-art-radius); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-you { border-color:var(--sd-art-gold); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-turn { border-color:var(--sd-art-ivory);box-shadow:inset 0 0 0 1px var(--sd-art-ivory); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-seatlabel { gap:var(--sd-art-space-4);font-size:.86rem;line-height:1.5; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-seatlabel strong { color:var(--sd-art-ivory);overflow-wrap:anywhere; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-seatlabel span { color:var(--sd-art-gold);font-size:.84rem;white-space:normal;overflow-wrap:anywhere; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-seat small { color:var(--sd-art-muted);font-size:.81rem;line-height:1.5;overflow-wrap:anywhere; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-cards { gap:var(--sd-art-space-4);flex-wrap:wrap;padding:var(--sd-art-space-2); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-you .p-cards:has(>.p-card:not(.p-back))::before { content:'Sixes through aces · 36-card deck';flex-basis:100%;color:var(--sd-art-muted);font-size:.8rem;line-height:1.5; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-you .p-cards:has(>.p-card:not(.p-back))::after { content:'Flush beats full house. Straight beats three of a kind.';flex-basis:100%;color:var(--sd-art-muted);font-size:.8rem;line-height:1.5; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-card { box-sizing:border-box;flex:0 0 auto;transition:none; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-you .p-card { width:var(--sd-art-own-width);height:var(--sd-art-own-height); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-seat:not(.p-you) .p-card.p-back { width:28px;height:44px; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-seat:not(.p-you) .p-card:not(.p-back) { width:var(--sd-art-shown-width);height:var(--sd-art-shown-height); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-card .p-corner { font-size:.84rem;line-height:1.05;padding:var(--sd-art-space-1);min-width:12px; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-card .p-top { left:var(--sd-art-space-1);top:var(--sd-art-space-1); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-card .p-bottom { left:auto;top:auto;right:var(--sd-art-space-1);bottom:var(--sd-art-space-1); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-seat:not(.p-you) .p-card:not(.p-back) .p-bottom { display:flex; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-seat:not(.p-you) .p-card:not(.p-back) .p-pip { display:block; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-card .p-pip { font-size:.72rem; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) :is(#poker-status,#poker-result) { color:var(--sd-art-ivory);font-size:.92rem;line-height:1.5;overflow-wrap:anywhere;padding:var(--sd-art-space-5); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-result p { font-size:.87rem;line-height:1.5; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-coach { font-size:.9rem;line-height:1.5;overflow-wrap:anywhere; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-actions { gap:var(--sd-art-space-5); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-actions > .p-button { flex:1 1 112px;min-width:var(--sd-art-touch);min-height:var(--sd-art-touch);white-space:normal;overflow-wrap:anywhere; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-actions .p-raise { grid-template-columns:minmax(0,1fr) auto;gap:var(--sd-art-space-5);min-width:0; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-actions .p-raise label { font-size:.9rem;line-height:1.5;overflow-wrap:anywhere; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-actions .p-raise :is(input,button) { min-height:var(--sd-art-touch); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) .p-controls .p-button { min-width:var(--sd-art-touch);min-height:var(--sd-art-touch);white-space:normal;overflow-wrap:anywhere; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) .p-panel :is(summary,label) { overflow-wrap:anywhere; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) .p-panel summary { min-height:var(--sd-art-touch); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) .p-art-picker select { min-height:var(--sd-art-touch);max-width:100%; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) .p-nav { flex-wrap:wrap;padding-top:max(var(--sd-art-space-5),env(safe-area-inset-top));padding-left:max(var(--sd-art-space-6),env(safe-area-inset-left));padding-right:max(var(--sd-art-space-6),env(safe-area-inset-right)); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) .p-nav :is(a,nav) { max-width:100%; }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) .p-footer { padding-bottom:max(var(--sd-art-space-6),env(safe-area-inset-bottom)); }
:is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-actions :is(button,input):focus-visible { outline:3px solid var(--sd-art-focus);outline-offset:var(--sd-art-space-1); }
@media(max-width:700px) {
  :is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table.p-depth-short-deck-poker { padding:var(--sd-art-space-3); }
  :is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-seats { grid-template-columns:minmax(0,1fr); }
  :is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-seat { padding:var(--sd-art-space-4); }
  :is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-seatlabel { align-items:start; }
  :is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) .p-nav nav { gap:var(--sd-art-space-5); }
}
@media(max-width:375px) {
  :is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) .p-form { grid-template-columns:minmax(0,1fr); }
  :is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-actions .p-raise { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) {
  :is(body[data-poker-variant="short-deck-poker"],body[data-poker-active-variant="short-deck-poker"]) #poker-table .p-card { transition:none!important; }
}
