/* Hallmark · Gin Rummy · jade draw bays and a full-width meld rack.
 * Load last. The original renderer owns every identity, cue and legal action. */
@import url('./assets/depth-tokens.css');

body[data-pip-frame] #gr-table.gr-depth-table { border:2px solid var(--gr-art-deep);border-radius:20px;padding:var(--gr-art-space-5);background:var(--gr-art-jade) url('./assets/depth-table.svg') center / 100% 100%;color:var(--gr-art-white);box-shadow:0 var(--gr-art-space-2) 0 var(--gr-art-line); }
body[data-pip-frame] .gr-depth-table .gr-bot { min-height:64px;padding-bottom:var(--gr-art-space-3); }
body[data-pip-frame] .gr-depth-table .gr-bot-label { opacity:1;font-size:.82rem;line-height:1.5;overflow-wrap:anywhere; }
body[data-pip-frame] .gr-depth-table .gr-fan { height:38px;margin-top:var(--gr-art-space-2); }
body[data-pip-frame] .gr-depth-table .gr-fan .back { width:26px;height:38px;background:var(--gr-art-deep) url('./assets/depth-card-back.svg') center / 100% 100%;border-color:var(--gr-art-ivory);box-shadow:0 var(--gr-art-space-1) var(--gr-art-space-2) var(--gr-art-shadow); }
body[data-pip-frame] .gr-depth-table .gr-say { position:relative;right:auto;top:auto;display:none;width:max-content;max-width:100%;margin:var(--gr-art-space-2) auto 0;font-size:.8rem;line-height:1.4;background:var(--gr-art-ivory);color:var(--gr-art-ink);transform:none;transition:none; }
body[data-pip-frame] .gr-depth-table .gr-say.on { display:block; }
body[data-pip-frame] .gr-depth-table .gr-center { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:center;gap:var(--gr-art-space-6);margin:var(--gr-art-space-4) 0 0;padding:var(--gr-art-space-5) var(--gr-art-space-2);border:1px solid var(--gr-art-seam);border-radius:var(--gr-art-radius);background:var(--gr-art-deep); }
body[data-pip-frame] .gr-depth-table :is(.gr-stock,.gr-pile) { box-sizing:border-box;width:76px;height:108px;min-width:var(--gr-art-touch);min-height:var(--gr-art-touch);border-radius:var(--gr-art-card-radius);font-family:inherit;transition:none;box-shadow:0 var(--gr-art-space-2) var(--gr-art-space-4) var(--gr-art-shadow); }
body[data-pip-frame] .gr-depth-table .gr-stock { color:var(--gr-art-white);border:2px solid var(--gr-art-ivory);background:var(--gr-art-deep) url('./assets/depth-card-back.svg') center / 100% 100%; }
body[data-pip-frame] .gr-depth-table .gr-stock b { position:relative;background:var(--gr-art-deep);border:1px solid var(--gr-art-ochre);border-radius:var(--gr-art-space-2);padding:var(--gr-art-space-2);margin:var(--gr-art-space-5);font-size:1.12rem;text-shadow:none; }
body[data-pip-frame] .gr-depth-table .gr-stock .pl { top:var(--gr-art-space-3);font-size:.72rem;text-shadow:none;background:var(--gr-art-deep);padding:var(--gr-art-space-1); }
body[data-pip-frame] .gr-depth-table .gr-pile { color:var(--gr-art-black);border:2px solid var(--gr-art-line);background:var(--gr-art-ivory) url('./assets/depth-card-face.svg') center / 100% 100%; }
body[data-pip-frame] .gr-depth-table .gr-pile.red { color:var(--gr-art-red); }
body[data-pip-frame] .gr-depth-table .gr-pile .ck { left:var(--gr-art-space-3);top:var(--gr-art-space-3);font-size:1.15rem; }
body[data-pip-frame] .gr-depth-table .gr-pile .cs { font-size:2.5rem;margin-bottom:var(--gr-art-space-3); }
body[data-pip-frame] .gr-depth-table .gr-pile .pl { bottom:var(--gr-art-space-3);font-size:.67rem;color:var(--gr-art-ink);letter-spacing:.02em; }
body[data-pip-frame] .gr-depth-table :is(.gr-stock,.gr-pile):disabled { filter:none;border-style:dashed; }
body[data-pip-frame] .gr-depth-table :is(.gr-stock,.gr-pile).hint { animation:none;outline:3px solid var(--gr-art-ochre);outline-offset:var(--gr-art-space-1); }
body[data-pip-frame] .gr-depth-table :is(.gr-stock,.gr-pile):active:not(:disabled) { transform:none; }
body[data-pip-frame] .gr-depth-table .gr-act { grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--gr-art-space-3);min-width:0;width:100%; }
body[data-pip-frame] .gr-depth-table .gr-act .btn { flex:1 1 90px;min-width:var(--gr-art-touch);min-height:var(--gr-art-touch);padding:var(--gr-art-space-4);font-size:.9rem;border:1px solid var(--gr-art-line);background:var(--gr-art-green);color:var(--gr-art-white); }
body[data-pip-frame] .gr-depth-table .gr-act .btn.alt { background:var(--gr-art-paper);color:var(--gr-art-ink); }
body[data-pip-frame] .gr-depth-table .gr-act .gr-knock.gin { background:var(--gr-art-ochre);color:var(--gr-art-ink); }
body[data-pip-frame] .gr-depth-table .gr-act .btn:disabled { opacity:1;background:var(--gr-art-disabled);color:var(--gr-art-muted);border-style:dashed; }

body[data-pip-frame] #hand.gr-depth-hand { display:flex;flex-wrap:wrap;justify-content:center;align-content:start;gap:var(--gr-art-space-5) var(--gr-art-space-3);height:auto;min-height:var(--gr-art-card-height);padding:var(--gr-art-space-2) 0;margin:var(--gr-art-space-4) 0 var(--gr-art-space-5);overflow:visible; }
body[data-pip-frame] #hand.gr-depth-hand .card { box-sizing:border-box;flex:0 0 var(--gr-art-card-width);width:var(--gr-art-card-width);height:var(--gr-art-card-height);min-width:var(--gr-art-touch);min-height:var(--gr-art-touch);border:1.5px solid var(--gr-art-line);border-radius:var(--gr-art-card-radius);padding:0;background:var(--gr-art-ivory) url('./assets/depth-card-face.svg') center / 100% 100%;color:var(--gr-art-black);font-family:inherit;opacity:1;transform:none;transition:none;box-shadow:0 var(--gr-art-space-1) var(--gr-art-space-2) var(--gr-art-shadow); }
body[data-pip-frame] #hand.gr-depth-hand .card.red { color:var(--gr-art-red); }
body[data-pip-frame] #hand.gr-depth-hand .card .ck { left:var(--gr-art-space-2);top:var(--gr-art-space-3);font-size:1rem;line-height:1; }
body[data-pip-frame] #hand.gr-depth-hand .card .cs { font-size:2rem;line-height:1;margin-top:var(--gr-art-space-4); }
body[data-pip-frame] #hand.gr-depth-hand .card.gap { margin-left:9px; }
body[data-pip-frame] #hand.gr-depth-hand .card.m { border-bottom-width:5px; }
body[data-pip-frame] #hand.gr-depth-hand .card.g0 { border-bottom-color:var(--gr-art-green); }
body[data-pip-frame] #hand.gr-depth-hand .card.g1 { border-bottom-color:var(--gr-art-blue); }
body[data-pip-frame] #hand.gr-depth-hand .card.g2 { border-bottom-color:var(--gr-art-purple); }
body[data-pip-frame] #hand.gr-depth-hand .card.g3 { border-bottom-color:var(--gr-art-orange); }
body[data-pip-frame] #hand.gr-depth-hand .card .tag { top:var(--gr-art-space-3);left:auto;right:var(--gr-art-space-1);padding:var(--gr-art-space-1);background:var(--gr-art-deep);color:var(--gr-art-white);font-family:inherit;font-weight:800;font-size:.6rem;line-height:1.2;letter-spacing:0; }
body[data-pip-frame] #hand.gr-depth-hand .card .dot { right:var(--gr-art-space-2);top:var(--gr-art-space-3);font-size:1rem;color:var(--gr-art-green); }
body[data-pip-frame] #hand.gr-depth-hand .card.new { transform:none;box-shadow:0 0 0 3px var(--gr-art-gold),0 var(--gr-art-space-1) var(--gr-art-space-2) var(--gr-art-shadow); }
body[data-pip-frame] #hand.gr-depth-hand .card.locked { background-color:var(--gr-art-disabled);background-image:none; }
body[data-pip-frame] #hand.gr-depth-hand .card.locked::after { content:'kept';bottom:var(--gr-art-space-2);left:var(--gr-art-space-2);font-size:.59rem;line-height:1.2;color:var(--gr-art-muted); }
body[data-pip-frame] #hand.gr-depth-hand .card.ok { transform:none;box-shadow:0 0 0 3px var(--gr-art-green),0 var(--gr-art-space-1) var(--gr-art-space-2) var(--gr-art-shadow); }
body[data-pip-frame] #hand.gr-depth-hand .card.no { opacity:1;border-style:dashed;border-bottom-style:solid;background-color:var(--gr-art-disabled);background-image:none; }
body[data-pip-frame] #hand.gr-depth-hand .card .knk { right:var(--gr-art-space-2);top:auto;bottom:var(--gr-art-space-2);min-width:22px;height:20px;padding:0 var(--gr-art-space-2);border-radius:var(--gr-art-space-2);background:var(--gr-art-green);color:var(--gr-art-white);font-size:.72rem;line-height:20px; }
body[data-pip-frame] #hand.gr-depth-hand.active .card:active { transform:none; }

body[data-pip-frame] :is(.gr-depth-draw-guide,.gr-depth-hand-guide) { color:var(--gr-art-muted);font-size:.75rem;line-height:1.5;text-align:center;margin:var(--gr-art-space-3) 0;overflow-wrap:anywhere; }
body[data-pip-frame] .gr-bar { flex-wrap:wrap;justify-content:center;gap:var(--gr-art-space-3); }
body[data-pip-frame] :is(#diff,#sort) { max-width:100%;background:var(--gr-art-paper);border:1px solid var(--gr-art-line);gap:var(--gr-art-space-1);padding:var(--gr-art-space-1); }
body[data-pip-frame] :is(#diff,#sort) button { min-width:var(--gr-art-touch);min-height:var(--gr-art-touch);padding:var(--gr-art-space-3) var(--gr-art-space-4);font-family:inherit;color:var(--gr-art-muted); }
body[data-pip-frame] :is(#diff,#sort) button[aria-pressed="true"] { background:var(--gr-art-white);color:var(--gr-art-green); }
body[data-pip-frame] #new-btn { min-height:var(--gr-art-touch); }
body[data-pip-frame] .gr-score { display:grid;grid-template-columns:1fr auto 1fr;gap:var(--gr-art-space-2);font-size:.8rem;line-height:1.5;color:var(--gr-art-muted); }
body[data-pip-frame] .gr-score > :last-child { text-align:right; }
body[data-pip-frame] #sc-hand { font-size:.75rem;text-align:center; }
body[data-pip-frame] .gr-meter i { transition:none; }
body[data-pip-frame] #status { font-size:.95rem;line-height:1.5;color:var(--gr-art-ink);overflow-wrap:anywhere; }
body[data-pip-frame] .gr-handbar { flex-wrap:wrap;justify-content:center;gap:var(--gr-art-space-3); }
body[data-pip-frame] .gr-dw { flex:1 1 130px;line-height:1.5;color:var(--gr-art-muted); }
body[data-pip-frame] .gr-dw small { font-size:.76rem;line-height:1.5;color:var(--gr-art-muted); }
body[data-pip-frame] .gr-opts { gap:var(--gr-art-space-5);color:var(--gr-art-muted);font-size:.82rem; }
body[data-pip-frame] .gr-opts :is(label,select) { min-height:var(--gr-art-touch); }
body[data-pip-frame] .gr-opts select { color:var(--gr-art-ink);font-family:inherit;border-color:var(--gr-art-line); }
body[data-pip-frame] .gr-rules { color:var(--gr-art-ink);border-color:var(--gr-art-line);font-size:.85rem;line-height:1.5; }
body[data-pip-frame] .gr-rules summary { min-height:var(--gr-art-touch); }
body[data-pip-frame] .gr-stats { color:var(--gr-art-muted);font-size:.76rem;line-height:1.5;overflow-wrap:anywhere; }
body[data-pip-frame] :is(#hand .card,#stock-btn,#pile-btn,#knock-btn,#pass-btn,#new-btn,#diff button,#sort button,.gr-opts select,.gr-opts input,.gr-rules summary,#overlay .btn):focus-visible { outline:3px solid var(--gr-art-focus);outline-offset:var(--gr-art-space-1); }
body[data-pip-frame] :is(#stock-btn,#pile-btn,#knock-btn,#pass-btn):focus-visible { outline-color:var(--gr-art-ochre); }
body[data-pip-frame] #overlay { padding:max(var(--gr-art-space-5),env(safe-area-inset-top)) max(var(--gr-art-space-5),env(safe-area-inset-right)) max(var(--gr-art-space-5),env(safe-area-inset-bottom)) max(var(--gr-art-space-5),env(safe-area-inset-left)); }
body[data-pip-frame] #overlay .panel { max-width:380px;padding:var(--gr-art-space-5);color:var(--gr-art-ink); }
body[data-pip-frame] #overlay :is(.side,.calc,.dead,.grp b) { overflow-wrap:anywhere;line-height:1.5; }
body[data-pip-frame] #overlay .mini { min-width:30px;font-size:.82rem;color:var(--gr-art-black);background:var(--gr-art-ivory); }
body[data-pip-frame] #overlay .mini.red { color:var(--gr-art-red); }
body[data-pip-frame] #overlay .mini.laid { border-color:var(--gr-art-green); }
body[data-pip-frame] #overlay .btn { min-height:var(--gr-art-touch); }
body[data-pip-frame] .pip-actions { padding-bottom:max(var(--gr-art-space-4),env(safe-area-inset-bottom)); }
@media(max-width:360px) {
  body[data-pip-frame] .gr-bar #new-btn { width:100%; }
  body[data-pip-frame] .gr-handbar .gr-dw { flex-basis:100%;text-align:center; }
  body[data-pip-frame] .gr-score { grid-template-columns:1fr 1fr; }
  body[data-pip-frame] #sc-hand { grid-column:1/-1;grid-row:2; }
}
@media(prefers-reduced-motion:reduce) {
  body[data-pip-frame] :is(#gr-table .pop,#gr-table .shake,#hand .pop,#hand .shake) { animation:none!important; }
  body[data-pip-frame] :is(#hand .card,.gr-meter i,#gr-table .gr-say,#stock-btn,#pile-btn) { transition:none!important; }
}