/* Hallmark · classic Hold'em table · oak/felt · inherited typography.
 * Load after game-frame/call-price/depth gameplay/replay CSS. No frame geometry.
 * Art is static; renderer rank/suit, legal wager labels, [hidden] remain authoritative. */
@import url('./assets/depth-tokens.css');

body[data-pip-frame] .th-depth-table {
  background:var(--th-art-felt) url('./assets/depth-felt.svg') center / 100% 100%;
  padding:var(--th-art-space-6) var(--th-art-space-4) var(--th-art-space-5);
  margin:var(--th-art-space-5) var(--th-art-space-3) var(--th-art-space-6);
  border-radius:24px;
  color:var(--th-art-light);
  box-shadow:inset 0 0 0 var(--th-art-space-1) var(--th-art-felt-dark),0 0 0 var(--th-art-space-2) var(--th-art-oak),0 0 0 var(--th-art-space-3) var(--th-art-oak-dark);
}
body[data-pip-frame] .th-top { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--th-art-space-3); }
body[data-pip-frame] .th-top[data-count="1"] { grid-template-columns:minmax(0,1fr);width:50%;margin-inline:auto; }
body[data-pip-frame] .th-top[data-count="3"] { grid-template-columns:repeat(3,minmax(0,1fr)); }
body[data-pip-frame] .th-mid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--th-art-space-3);margin-block:var(--th-art-space-3) var(--th-art-space-5); }
body[data-pip-frame] .th-center { grid-column:1/-1;grid-row:1;min-width:0;padding-block:var(--th-art-space-4); }
body[data-pip-frame] .th-side { width:auto;min-width:0;grid-row:2; }
body[data-pip-frame] .th-seat { width:auto;min-width:0;padding:var(--th-art-space-3) var(--th-art-space-2);border-color:var(--th-art-stitch);border-radius:var(--th-art-radius);background:var(--th-art-seat);line-height:1.3; }
body[data-pip-frame] .th-nm { font-size:.76rem;gap:var(--th-art-space-2); }
body[data-pip-frame] .th-row2 { display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--th-art-space-2);margin-block:var(--th-art-space-3); }
body[data-pip-frame] .th-cards { gap:var(--th-art-space-1); }
body[data-pip-frame] .th-stk { font-size:.8rem;color:var(--th-art-gold);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%; }
body[data-pip-frame] .th-act { color:var(--th-art-light);font-size:.72rem;line-height:1.3;min-height:2.6em;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;text-align:center; }
body[data-pip-frame] .th-seat.acting,body[data-pip-frame] .th-me.acting { border-color:var(--th-art-gold);box-shadow:0 0 0 var(--th-art-space-1) var(--th-art-gold); }
body[data-pip-frame] .th-seat.winner,body[data-pip-frame] .th-me.winner { border-color:var(--th-art-gold);box-shadow:0 0 0 var(--th-art-space-1) var(--th-art-gold); }
body[data-pip-frame] .th-seat:is(.acting,.winner) .th-act { color:var(--th-art-gold); }
body[data-pip-frame] .th-av,body[data-pip-frame] .th-d { background:var(--th-art-ivory);color:var(--th-art-ink); }
body[data-pip-frame] .th-pot { max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:1.12rem;color:var(--th-art-white);background:var(--th-art-felt-dark);padding:var(--th-art-space-3) var(--th-art-space-5);border:1px solid var(--th-art-stitch);border-radius:var(--th-art-radius);font-variant-numeric:tabular-nums; }
body[data-pip-frame] .th-blinds { opacity:1;font-size:.74rem;color:var(--th-art-light);line-height:1.5; }
body[data-pip-frame] .th-depth-board-label { font-size:.7rem;font-weight:700;line-height:1.4;text-align:center;color:var(--th-art-light);margin:0 0 var(--th-art-space-3); }
body[data-pip-frame] .th-board { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--th-art-space-2);margin:0;max-width:100%; }
body[data-pip-frame] .th-board .pc { width:100%;height:auto;aspect-ratio:5/7;min-width:0; }
body[data-pip-frame] .pc {
  background:var(--th-art-ivory) url('./assets/depth-card-face.svg') center / 100% 100%;
  color:var(--th-art-black);border:1px solid var(--th-art-line);border-radius:var(--th-art-card-radius);
  box-shadow:0 var(--th-art-space-1) var(--th-art-space-2) var(--th-art-shadow);
  font-family:inherit;font-variant-numeric:tabular-nums;
}
body[data-pip-frame] .pc.red { color:var(--th-art-red); }
body[data-pip-frame] .pc b { position:absolute;top:var(--th-art-space-2);left:var(--th-art-space-2);font-size:1.2rem;line-height:1;font-weight:800; }
body[data-pip-frame] .pc i { position:absolute;bottom:14%;left:0;width:100%;text-align:center;font-size:1.8rem;line-height:1;margin:0;font-style:normal; }
body[data-pip-frame] .pc.back { background:var(--th-art-felt) url('./assets/depth-card-back.svg') center / 100% 100%;border:1px solid var(--th-art-ivory); }
body[data-pip-frame] .pc.slot { background:var(--th-art-felt-dark);border:1px dashed var(--th-art-stitch);box-shadow:none; }
body[data-pip-frame] .pc.mini { width:32px;height:44px;border-radius:var(--th-art-space-2); }
body[data-pip-frame] .pc.mini b { top:var(--th-art-space-1);left:var(--th-art-space-1);font-size:.8rem; }
body[data-pip-frame] .pc.mini i { font-size:1.12rem;bottom:9%; }
body[data-pip-frame] .pc.big { width:62px;height:88px; }
body[data-pip-frame] .pc.big b { top:var(--th-art-space-3);left:var(--th-art-space-3);font-size:1.5rem; }
body[data-pip-frame] .pc.big i { font-size:2.15rem; }
body[data-pip-frame] .pc.win { box-shadow:0 0 0 var(--th-art-space-1) var(--th-art-gold),0 var(--th-art-space-2) var(--th-art-space-3) var(--th-art-shadow); }
body[data-pip-frame] .pc.dim { opacity:.72; }
body[data-pip-frame] .th-me { gap:var(--th-art-space-5);padding:var(--th-art-space-4);border-color:var(--th-art-line);background:var(--th-art-ivory);border-radius:var(--th-art-radius); }
body[data-pip-frame] .th-me.folded { opacity:1; }
body[data-pip-frame] .th-hole { min-width:129px;gap:5px; }
body[data-pip-frame] .th-mestack { color:var(--th-art-ink);font-size:1.15rem;overflow-wrap:anywhere; }
body[data-pip-frame] .th-mebet { color:var(--th-art-action);line-height:1.45; }
body[data-pip-frame] .th-strength { color:var(--th-art-ink);font-size:.8rem;line-height:1.4;overflow-wrap:anywhere; }
body[data-pip-frame] #th-status:not(.sr) { font-size:.88rem;line-height:1.4;color:var(--th-art-ink);padding:var(--th-art-space-4) var(--th-art-space-2);min-height:3em; }
body[data-pip-frame] .th-controls { padding:var(--th-art-space-5) var(--th-art-space-4);padding-bottom:max(var(--th-art-space-5),env(safe-area-inset-bottom));background:var(--th-art-paper);border:1px solid var(--th-art-line);border-radius:var(--th-art-radius);min-width:0; }
body[data-pip-frame] .th-acts { grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--th-art-space-4); }
body[data-pip-frame] .th-acts .th-raise { grid-column:1/-1; }
body[data-pip-frame] .game-wrap .th-acts .btn,body[data-pip-frame] .game-wrap .th-banner .btn {
  min-width:0;min-height:56px;padding:var(--th-art-space-5) var(--th-art-space-4);border:2px solid var(--th-art-ink);
  border-radius:var(--th-art-radius);font-size:.95rem;line-height:1.3;white-space:normal;overflow-wrap:anywhere;
  color:var(--th-art-white);background:var(--th-art-action);box-shadow:0 3px 0 var(--th-art-felt-dark);
}
body[data-pip-frame] .game-wrap .th-acts .btn.th-fold { color:var(--th-art-ink);background:var(--th-art-ivory);box-shadow:0 3px 0 var(--th-art-line); }
body[data-pip-frame] .game-wrap .th-acts .btn.th-raise { color:var(--th-art-ink);background:var(--th-art-raise);box-shadow:0 3px 0 var(--th-art-oak); }
body[data-pip-frame] .game-wrap .th-acts .btn:disabled { background:var(--th-art-disabled);color:var(--th-art-muted);box-shadow:none;opacity:.65; }
body[data-pip-frame] .th-sizer { display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-block:var(--th-art-space-5) var(--th-art-space-4); }
body[data-pip-frame] #th-slider { width:100%;min-width:0;min-height:var(--th-art-touch);accent-color:var(--th-art-action); }
body[data-pip-frame] #th-amt { min-width:0;font-size:.82rem;line-height:1.4;color:var(--th-art-ink);text-align:center;overflow-wrap:anywhere; }
body[data-pip-frame] .th-presets { gap:var(--th-art-space-2); }
body[data-pip-frame] .th-presets button { min-width:var(--th-art-touch);min-height:var(--th-art-touch);padding:var(--th-art-space-2);font-size:.8rem;background:var(--th-art-ivory);color:var(--th-art-ink);border-color:var(--th-art-line);border-radius:var(--th-art-space-4); }
body[data-pip-frame] .th-wait { font-size:.8rem;color:var(--th-art-muted);line-height:1.4; }
body[data-pip-frame] .th-keys { font-size:.7rem;line-height:1.5;color:var(--th-art-muted); }
body[data-pip-frame] .th-setup,body[data-pip-frame] .th-call-price,body[data-pip-frame] .th-rules { background:var(--th-art-ivory);border-color:var(--th-art-line);border-radius:var(--th-art-radius); }
body[data-pip-frame] .th-setup summary { flex-wrap:wrap;min-height:var(--th-art-touch);gap:var(--th-art-space-2) var(--th-art-space-4); }
body[data-pip-frame] .th-setup summary span { min-width:0;overflow-wrap:anywhere; }
body[data-pip-frame] .th-setup summary::after { color:var(--th-art-action); }
body[data-pip-frame] .th-seg button { min-width:var(--th-art-touch);min-height:var(--th-art-touch); }
body[data-pip-frame] .th-seg button[aria-pressed="true"] { color:var(--th-art-action);background:var(--th-art-ivory); }
body[data-pip-frame] .th-log { font-size:.76rem;line-height:1.5;color:var(--th-art-muted); }
body[data-pip-frame] .th-log li { padding-block:var(--th-art-space-2);overflow-wrap:anywhere; }
body[data-pip-frame] .th-stats { font-size:.74rem;line-height:1.5;color:var(--th-art-muted);overflow-wrap:anywhere; }
body[data-pip-frame] #overlay { padding:max(var(--th-art-space-6),env(safe-area-inset-top)) max(var(--th-art-space-6),env(safe-area-inset-right)) max(var(--th-art-space-6),env(safe-area-inset-bottom)) max(var(--th-art-space-6),env(safe-area-inset-left)); }
body[data-pip-frame] #overlay .panel { max-height:100%;overflow-y:auto;background:var(--th-art-ivory); }
body[data-pip-frame] #overlay .btn { min-height:56px;white-space:normal;overflow-wrap:anywhere; }
body[data-pip-frame] :is(.th-controls,.th-setup,.th-call-price,.th-rules) :is(button,input,summary):focus-visible { outline:3px solid var(--th-art-focus);outline-offset:3px; }
@media (hover:hover) {
  body[data-pip-frame] .game-wrap .th-acts .btn:not(:disabled):hover { filter:brightness(1.06); }
}
@media (max-width:360px) {
  body[data-pip-frame] .pc.mini { width:28px;height:40px; }
  body[data-pip-frame] .pc.mini i { font-size:1rem; }
  body[data-pip-frame] .th-nm { font-size:.7rem;gap:var(--th-art-space-1); }
  body[data-pip-frame] .th-av { width:16px;height:16px;font-size:.6rem; }
  body[data-pip-frame] .th-stk { font-size:.73rem; }
  body[data-pip-frame] .th-acts { grid-template-columns:minmax(0,1fr); }
  body[data-pip-frame] .th-acts .th-raise { grid-column:auto; }
  body[data-pip-frame] .th-depth-board-label { font-size:.66rem; }
  body[data-pip-frame] .th-me { gap:var(--th-art-space-4); }
}
@media (prefers-reduced-motion:reduce) {
  body[data-pip-frame] :is(.pc,.th-seat,.th-me),body[data-pip-frame] .game-wrap .th-acts .btn { transition:none!important;animation:none!important; }
  body[data-pip-frame] .pc.win,body[data-pip-frame] .game-wrap .th-acts .btn:is(:hover,:active) { transform:none; }
}