@import url("../js/hd-cards/hd-about.css");
/* gin-rummy - HD tuning. Everything lives under html.hdc (set by hd.js once the atlas has
   decoded); with ?hd=0 or after the perf guard nothing here applies. */
html.hdc .card[data-hdc], html.hdc .gr-pile[data-hdc], html.hdc .gr-stock[data-hdc], html.hdc .gr-fan .back[data-hdc] { border-width: 0; }
/* the little labels on the cards stay readable */
html.hdc .card[data-hdc] .tag { color: #fff !important; }
html.hdc .card[data-hdc] .dot { color: #34d399 !important; text-shadow: 0 1px 1px rgb(0 0 0 / .6) !important; }
html.hdc .card[data-hdc] .knk { color: #fff !important; }
html.hdc .gr-stock[data-hdc] b, html.hdc .gr-stock[data-hdc] .pl { color: #fff !important; text-shadow: 0 1px 3px #000 !important; }
html.hdc .gr-pile[data-hdc] .pl { color: #e2f5ea !important; text-shadow: 0 1px 2px #000 !important; }
html.hdc .gr-stock[data-hdc] { box-shadow: 3px 3px 0 rgb(0 0 0 / .28), 0 5px 12px rgb(0 0 0 / .5); }
html.hdc .gr-pile[data-hdc] { box-shadow: 0 2px 2px rgb(0 0 0 / .35), 0 8px 16px -4px rgb(0 0 0 / .55); }
/* meld cues keep their colour: a bar under the card (the border no longer shows over the art) */
html.hdc .card.m[data-hdc] { border-bottom-width: 0; }
html.hdc .card.g0[data-hdc] { box-shadow: 0 5px 0 0 #047857, var(--hdc-shadow); }
html.hdc .card.g1[data-hdc] { box-shadow: 0 5px 0 0 #2563eb, var(--hdc-shadow); }
html.hdc .card.g2[data-hdc] { box-shadow: 0 5px 0 0 #9333ea, var(--hdc-shadow); }
html.hdc .card.g3[data-hdc] { box-shadow: 0 5px 0 0 #c2410c, var(--hdc-shadow); }
html.hdc #hand .card.new[data-hdc] { box-shadow: 0 0 0 3px #f59e0b, var(--hdc-shadow); }
html.hdc #hand .card.ok[data-hdc] { box-shadow: 0 0 0 3px #047857, 0 0 12px 2px rgb(52 211 153 / .6), var(--hdc-shadow); }
html.hdc .card.no[data-hdc] { opacity: .45; filter: grayscale(.5); }
html.hdc .card.locked[data-hdc] { filter: brightness(.88); }
html.hdc #gr-table[data-hdc-felt] { border-radius: 14px; box-shadow: inset 0 0 40px rgb(0 0 0 / .4); }

/* fs-fix-2: Full screen keeps only the play surface (table, status, hand); coaching, review, rehearsal,
   options, rules and stats are not play rows and made the stage scroll. */
html.pip-immersive .game-wrap #gr-depth-gameplay,
html.pip-immersive .game-wrap #gr-depth-review,
html.pip-immersive .game-wrap #gr-rehearsal,
html.pip-immersive .game-wrap .gr-opts,
html.pip-immersive .game-wrap .gr-rules,
html.pip-immersive .game-wrap #stats-line,
html.pip-immersive .game-wrap .gr-depth-draw-guide,
html.pip-immersive .game-wrap .gr-depth-hand-guide { display: none !important; }