/* Hallmark · Blackjack21 · quiet emerald/brass table, truthful native card faces.
 * No painter or game-state hooks: scope is the document-only installer class. */
@import url('./assets/depth-tokens.css');

body.bj-depth-art #card-grid { min-width:0;background:var(--bj-art-felt) url('./assets/depth-felt-inlay.svg') center / 100% 100%;border:1px solid var(--bj-art-rule);border-radius:var(--bj-art-radius);box-shadow:inset 0 0 0 3px var(--bj-art-deep); }
body.bj-depth-art #bj-table { padding:var(--bj-art-table-y) var(--bj-art-table-x);min-width:0; }
body.bj-depth-art #bj-table .pjp-shoe { position:static;display:block;margin-bottom:8px;color:var(--bj-art-note);font-size:.75rem;line-height:1.4;opacity:1; }
body.bj-depth-art #bj-table .pjp-label { color:var(--bj-art-note)!important;font-size:.8rem;line-height:1.5;letter-spacing:.035em;overflow-wrap:anywhere; }
body.bj-depth-art #bj-table .pjp-hands { gap:12px;align-items:start; }
body.bj-depth-art #bj-table .pjp-seat { flex:1 1 100%;width:100%;min-width:0;padding:var(--bj-art-seat-pad);border-radius:10px; }
body.bj-depth-art #bj-table .pjp-seat.active { border-color:var(--bj-art-brass);background:var(--bj-art-deep);box-shadow:inset 0 0 0 1px var(--bj-art-brass); }
body.bj-depth-art #bj-table .pjp-hand { gap:var(--bj-art-card-gap);align-items:center;min-width:0; }
body.bj-depth-art #bj-table .pjp-card { box-sizing:border-box;flex:0 0 auto;width:var(--bj-art-face-w);height:var(--bj-art-face-h);min-width:var(--bj-art-face-w);min-height:var(--bj-art-face-h);padding:7px 4px;background:var(--bj-art-stock) url('./assets/depth-cardstock.svg') center / 100% 100%;color:var(--bj-art-ink);font-size:1.25rem;line-height:1.15;border:1px solid var(--bj-art-brass);border-radius:8px;box-shadow:0 2px 0 var(--bj-art-deep); }
body.bj-depth-art #bj-table .pjp-card i { font-size:1.4rem;line-height:1.1; }
body.bj-depth-art #bj-table .pjp-card.red { color:var(--bj-art-red); }
body.bj-depth-art #bj-table .pjp-card.back { background:var(--bj-art-deep) url('./assets/depth-back.svg') center / 100% 100%;color:transparent;border:2px solid var(--bj-art-stock); }
body.bj-depth-art #bj-table .pjp-divider { width:90%;border-top-color:var(--bj-art-rule);margin:14px auto; }
body.bj-depth-art #bj-table .pjp-tag { padding:5px 10px;font-size:.8rem;line-height:1.4;letter-spacing:.025em; }
body.bj-depth-art #bj-table .pjp-tag.win { background:var(--bj-art-win-bed);color:var(--bj-art-win-ink); }
body.bj-depth-art #bj-table .pjp-tag.lose { background:var(--bj-art-lose-bed);color:var(--bj-art-lose-ink); }
body.bj-depth-art #bj-table .pjp-tag.push { background:var(--bj-art-push-bed);color:var(--bj-art-push-ink); }
body.bj-depth-art #bj-table .pjp-tag.bj { background:var(--bj-art-bj-bed);color:var(--bj-art-bj-ink); }
body.bj-depth-art .hud { gap:12px;align-items:start; }
body.bj-depth-art .pjp-bank { min-width:0;line-height:1.5;overflow-wrap:anywhere; }
body.bj-depth-art .pjp-bank small { font-size:.78rem;line-height:1.5; }
body.bj-depth-art .pjp-toggles { flex-wrap:wrap;gap:var(--bj-art-control-gap); }
body.bj-depth-art :is(.hud,#color-btns,.pjp-overlay-card) .btn { min-height:var(--bj-art-touch);min-width:var(--bj-art-touch);white-space:normal;overflow-wrap:anywhere; }
body.bj-depth-art #color-btns { margin:12px 0;min-height:0;gap:var(--bj-art-control-gap); }
body.bj-depth-art #color-btns .pjp-row { min-width:0;gap:var(--bj-art-control-gap);padding:5px; }
body.bj-depth-art #color-btns .pjp-chip { width:56px;height:56px;min-height:56px;min-width:56px!important;border-radius:50%; }
body.bj-depth-art #color-btns .pjp-chip[aria-pressed="true"] { transform:none;outline:3px solid var(--bj-art-focus);outline-offset:3px; }
body.bj-depth-art #color-btns .btn:active { transform:none; }
body.bj-depth-art :is(.hud,#color-btns,.pjp-overlay-card) .btn:focus-visible { outline:3px dashed var(--bj-art-focus);outline-offset:3px;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px; }
body.bj-depth-art #status { overflow-wrap:anywhere;line-height:1.5; }
body.bj-depth-art .pjp-overlay { padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-y:auto;align-items:safe center; }
body.bj-depth-art .pjp-overlay-card { min-width:0;max-height:none;overflow-wrap:anywhere; }
body.bj-depth-art .pjp-overlay-card .btn { white-space:normal; }
body.bj-depth-art footer { padding-bottom:max(24px,env(safe-area-inset-bottom)); }
@media(max-width:375px) {
  body.bj-depth-art .pjp-toggles { flex:1 1 100%; }
  body.bj-depth-art .pjp-toggles .btn { flex:1 1 44%; }
}
@media(prefers-reduced-motion:reduce) {
  body.bj-depth-art :is(.pjp-card,.pjp-seat,.pjp-float,#status,#card-grid) { animation:none!important;transition:none!important; }
}