/* Hallmark · Go Fish · reed-bank pond and complete, visible rank groups.
 * Load last. Original renderer owns suits/counts/books/pressed/disabled states. */
@import url('./assets/depth-tokens.css');

body[data-pip-frame] #gf-table.gf-depth-table { padding:var(--gf-art-space-5);border:2px solid var(--gf-art-deep);border-radius:20px;background:var(--gf-art-water) url('./assets/depth-table.svg') center / 100% 100%;color:var(--gf-art-white);box-shadow:0 var(--gf-art-space-2) 0 var(--gf-art-line); }
body[data-pip-frame] .gf-depth-table .gf-seats { gap:var(--gf-art-space-3);padding-top:0;grid-template-columns:repeat(var(--n,2),minmax(0,1fr)); }
body[data-pip-frame] .gf-depth-table .gf-seat { min-width:var(--gf-art-touch);min-height:150px;gap:var(--gf-art-space-1);padding:var(--gf-art-space-4) var(--gf-art-space-2);border:2px solid var(--gf-art-ripple);background:var(--gf-art-deep);color:var(--gf-art-white);transition:none;transform:none; }
body[data-pip-frame] .gf-depth-table .gf-seat:disabled { border-style:dashed; }
body[data-pip-frame] .gf-depth-table .gf-seat.turn { border:2px solid var(--gf-art-gold);background:var(--gf-art-deep);box-shadow:0 0 0 1px var(--gf-art-gold); }
body[data-pip-frame] .gf-depth-table .gf-seat.target { border:2px dashed var(--gf-art-white);animation:none;transform:none; }
body[data-pip-frame] .gf-depth-table .gf-seat.target::after { position:relative;left:auto;bottom:auto;transform:none;content:'Tap to ask';margin-top:var(--gf-art-space-1);font-size:.67rem;padding:var(--gf-art-space-1) var(--gf-art-space-2);color:var(--gf-art-deep);background:var(--gf-art-white); }
body[data-pip-frame] .gf-depth-table .gf-who { flex-wrap:wrap;gap:var(--gf-art-space-2); }
body[data-pip-frame] .gf-depth-table .gf-face { font-size:1.5rem; }
body[data-pip-frame] .gf-depth-table .gf-name { white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:.82rem;line-height:1.4; }
body[data-pip-frame] .gf-depth-table .gf-cards { opacity:1;font-size:.74rem;line-height:1.5; }
body[data-pip-frame] .gf-depth-table .gf-fan { height:27px;margin:var(--gf-art-space-2) 0; }
body[data-pip-frame] .gf-depth-table .gf-fan .back { width:18px;height:27px;border-color:var(--gf-art-ivory);background:var(--gf-art-deep) url('./assets/depth-card-back.svg') center / 100% 100%; }
body[data-pip-frame] .gf-depth-table .gf-seat-books { max-width:100%;font-size:.74rem;line-height:1.5;gap:var(--gf-art-space-2); }
body[data-pip-frame] .gf-depth-table .gf-tag { min-height:1.2em;font-size:.7rem;line-height:1.4;color:var(--gf-art-gold); }
body[data-pip-frame] :is(.gf-depth-table,.gf-me) .gf-say { position:relative;left:auto!important;right:auto;top:auto;transform:none!important;display:none;white-space:normal;max-width:100%;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:.74rem;line-height:1.4;background:var(--gf-art-ivory);color:var(--gf-art-ink);transition:none;box-shadow:none; }
body[data-pip-frame] :is(.gf-depth-table,.gf-me) .gf-say.on { display:block; }
body[data-pip-frame] :is(.gf-depth-table,.gf-me) .gf-say::after { content:none; }
body[data-pip-frame] .gf-depth-table .gf-mid { flex-wrap:wrap;gap:var(--gf-art-space-3);margin:var(--gf-art-space-5) 0; }
body[data-pip-frame] .gf-depth-table .gf-pond { flex:1 1 160px;min-width:0;min-height:100px;justify-content:center;gap:var(--gf-art-space-5);padding:var(--gf-art-space-5);border:1px solid var(--gf-art-ripple);border-radius:var(--gf-art-radius);background:var(--gf-art-deep) url('./assets/depth-pond.svg') center / 100% 100%; }
body[data-pip-frame] .gf-depth-table .gf-pond-cards i { background:var(--gf-art-deep) url('./assets/depth-card-back.svg') center / 100% 100%;border-color:var(--gf-art-ivory); }
body[data-pip-frame] .gf-depth-table .gf-pond-label { padding:var(--gf-art-space-2);background:var(--gf-art-deep);font-size:.82rem;line-height:1.5;color:var(--gf-art-white);border-radius:var(--gf-art-space-2); }
body[data-pip-frame] .gf-depth-table .gf-pond-label b { font-size:1.25rem; }
body[data-pip-frame] .gf-depth-table .gf-turn { color:var(--gf-art-white);background:var(--gf-art-deep);border-color:var(--gf-art-ripple);font-size:.83rem;line-height:1.5;overflow-wrap:anywhere; }
body[data-pip-frame] .gf-depth-table .gf-turn.mine { color:var(--gf-art-ink);background:var(--gf-art-gold);border-color:var(--gf-art-gold); }
body[data-pip-frame] .gf-depth-table .gf-log { background:var(--gf-art-deep);font-size:.78rem;line-height:1.5;padding:var(--gf-art-space-3); }
body[data-pip-frame] .gf-depth-table .gf-log li { opacity:1;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;margin:var(--gf-art-space-2) 0; }
body[data-pip-frame] .gf-depth-table .gf-log li.hit::before { color:var(--gf-art-reed); }
body[data-pip-frame] .gf-depth-table .gf-toast { max-width:calc(100% - 24px);white-space:normal;overflow-wrap:anywhere;line-height:1.4;color:var(--gf-art-ink);background:var(--gf-art-gold);font-size:.82rem;text-align:center; }

body[data-pip-frame] #gf-me { padding:var(--gf-art-space-3);background:var(--gf-art-paper);border-color:var(--gf-art-line);color:var(--gf-art-ink);transition:none; }
body[data-pip-frame] #gf-me.turn { border-color:var(--gf-art-action);box-shadow:none; }
body[data-pip-frame] .gf-me-head { gap:var(--gf-art-space-3);line-height:1.5; }
body[data-pip-frame] .gf-me-books { color:var(--gf-art-muted);font-size:.8rem; }
body[data-pip-frame] :is(#gf-me,#gf-table) .gf-book { min-width:24px;height:24px;line-height:22px;padding:0 var(--gf-art-space-2);border:1px solid var(--gf-art-bank);background:var(--gf-art-ivory);color:var(--gf-art-ink);font-size:.8rem;box-shadow:var(--gf-art-space-1) var(--gf-art-space-1) 0 var(--gf-art-bank); }
body[data-pip-frame] .gf-shelf { gap:var(--gf-art-space-2); }
body[data-pip-frame] #gf-hand.gr-depth-hand { display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:var(--gf-art-space-4);height:auto;min-height:96px;margin:var(--gf-art-space-5) 0; }
body[data-pip-frame] #gf-hand.gr-depth-hand .gf-group { flex:0 0 auto;min-width:56px;min-height:96px;padding:var(--gf-art-space-2);border:2px solid var(--gf-art-line);background:var(--gf-art-white);border-radius:var(--gf-art-radius);transform:none;transition:none; }
body[data-pip-frame] #gf-hand.gr-depth-hand .gf-stack { position:relative;display:flex;gap:var(--gf-art-space-2);width:auto!important;height:var(--gf-art-card-height);filter:none;opacity:1;animation:none; }
body[data-pip-frame] #gf-hand.gr-depth-hand .gf-card { position:relative;top:auto;left:auto;width:var(--gf-art-card-width);height:var(--gf-art-card-height);flex:0 0 var(--gf-art-card-width);border:1px solid var(--gf-art-line);border-radius:var(--gf-art-card-radius);background:var(--gf-art-ivory) url('./assets/depth-card-face.svg') center / 100% 100%;color:var(--gf-art-black); }
body[data-pip-frame] #gf-hand.gr-depth-hand .gf-card b { top:var(--gf-art-space-2);left:var(--gf-art-space-2);font-size:.95rem;line-height:1; }
body[data-pip-frame] #gf-hand.gr-depth-hand .gf-card i { font-size:1.65rem;line-height:1;margin-top:var(--gf-art-space-4); }
body[data-pip-frame] #gf-hand.gr-depth-hand .gf-card.red { color:var(--gf-art-red); }
body[data-pip-frame] #gf-hand.gr-depth-hand .gf-group[aria-pressed="true"] { border-color:var(--gf-art-action);background:var(--gf-art-paper);transform:none; }
body[data-pip-frame] #gf-hand.gr-depth-hand .gf-count { font-size:.8rem;line-height:1.5;padding:var(--gf-art-space-1) var(--gf-art-space-3);margin-top:var(--gf-art-space-2);color:var(--gf-art-ink);background:var(--gf-art-paper); }
body[data-pip-frame] #gf-hand.gr-depth-hand .gf-group[aria-pressed="true"] .gf-count { background:var(--gf-art-action);color:var(--gf-art-white); }
body[data-pip-frame] #gf-hand.gr-depth-hand .gf-group.new .gf-count { outline:2px solid var(--gf-art-gold);outline-offset:0; }
body[data-pip-frame] #gf-hand.gr-depth-hand .gf-group:disabled { border-style:dashed;background:var(--gf-art-disabled); }
body[data-pip-frame] #gf-hand.gr-depth-hand .gf-group:disabled .gf-stack { filter:none;opacity:1; }
body[data-pip-frame] #gf-hand.gr-depth-hand .gf-group:active:not(:disabled) { transform:none; }
body[data-pip-frame] .gf-empty { color:var(--gf-art-muted);font-size:.84rem;line-height:1.5;overflow-wrap:anywhere; }
body[data-pip-frame] #gf-ask .gf-hint { font-size:.84rem;line-height:1.5;color:var(--gf-art-ink);overflow-wrap:anywhere; }
body[data-pip-frame] #gf-ask .gf-ask-row { gap:var(--gf-art-space-3); }
body[data-pip-frame] #gf-ask .gf-ask-btn { min-width:var(--gf-art-touch);min-height:var(--gf-art-touch);background:var(--gf-art-action);color:var(--gf-art-white);font-family:inherit;font-size:.85rem;padding:var(--gf-art-space-4) var(--gf-art-space-5); }
body[data-pip-frame] :is(.gf-depth-pond-guide,.gf-depth-hand-guide) { color:var(--gf-art-muted);font-size:.75rem;line-height:1.5;text-align:center;margin:var(--gf-art-space-3) 0;overflow-wrap:anywhere; }
body[data-pip-frame] .gf-bar { flex-wrap:wrap;justify-content:center;gap:var(--gf-art-space-3); }
body[data-pip-frame] :is(#gf-level,#gf-bots) { border:1px solid var(--gf-art-line);background:var(--gf-art-paper);padding:var(--gf-art-space-1);gap:var(--gf-art-space-1); }
body[data-pip-frame] :is(#gf-level,#gf-bots) button { min-width:var(--gf-art-touch);min-height:var(--gf-art-touch);font-family:inherit;color:var(--gf-art-muted); }
body[data-pip-frame] :is(#gf-level,#gf-bots) button[aria-pressed="true"] { color:var(--gf-art-action);background:var(--gf-art-white); }
body[data-pip-frame] #gf-new { min-height:var(--gf-art-touch);background:var(--gf-art-action);color:var(--gf-art-white); }
body[data-pip-frame] #status { font-size:.9rem;line-height:1.5;color:var(--gf-art-ink);overflow-wrap:anywhere; }
body[data-pip-frame] :is(.gf-note,.gf-stats) { font-size:.78rem;line-height:1.5;color:var(--gf-art-muted);overflow-wrap:anywhere; }
body[data-pip-frame] .gf-rules { color:var(--gf-art-ink);border-color:var(--gf-art-line);font-size:.85rem;line-height:1.5; }
body[data-pip-frame] .gf-rules summary { min-height:var(--gf-art-touch); }
body[data-pip-frame] :is(#gf-hand .gf-group,#gf-seats .gf-seat,#gf-ask .gf-ask-btn,#gf-level button,#gf-bots button,#gf-new,.gf-rules summary,#overlay .btn):focus-visible { outline:3px solid var(--gf-art-focus);outline-offset:var(--gf-art-space-1); }
body[data-pip-frame] #gf-seats .gf-seat:focus-visible { outline-color:var(--gf-art-gold); }
body[data-pip-frame] .gf-fly { background:var(--gf-art-deep) url('./assets/depth-card-back.svg') center / 100% 100%;border-color:var(--gf-art-ivory); }
body[data-pip-frame] .gf-fly.face { background:var(--gf-art-ivory) url('./assets/depth-card-face.svg') center / 100% 100%;color:var(--gf-art-black);border-color:var(--gf-art-line); }
body[data-pip-frame] .gf-fly.red { color:var(--gf-art-red); }
body[data-pip-frame] #overlay { padding:max(var(--gf-art-space-5),env(safe-area-inset-top)) max(var(--gf-art-space-5),env(safe-area-inset-right)) max(var(--gf-art-space-5),env(safe-area-inset-bottom)) max(var(--gf-art-space-5),env(safe-area-inset-left)); }
body[data-pip-frame] #overlay .panel { max-height:calc(100dvh - 32px);overflow-y:auto;padding:var(--gf-art-space-5);color:var(--gf-art-ink); }
body[data-pip-frame] #overlay p { color:var(--gf-art-muted);overflow-wrap:anywhere; }
body[data-pip-frame] #overlay .ov-score { color:var(--gf-art-ink); }
body[data-pip-frame] #overlay .btn { min-height:var(--gf-art-touch); }
body[data-pip-frame] .pip-actions { padding-bottom:max(var(--gf-art-space-4),env(safe-area-inset-bottom)); }
@media(prefers-reduced-motion:reduce) {
  body[data-pip-frame] :is(#gf-table .pop,#gf-me.pop,#gf-table .gf-toast,#overlay .gf-confetti) { animation:none!important; }
  body[data-pip-frame] :is(#gf-seats .gf-seat,#gf-hand .gf-group,#gf-me,.gf-say) { transition:none!important; }
}