@import url("../js/hd-cards/hd-about.css");
/* crazy-eights - 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 .c8-fan .back[data-hdc], html.hdc .c8-deck[data-hdc] { border-width: 0; }
html.hdc .c8-deck[data-hdc] { box-shadow: 3px 3px 0 rgb(0 0 0 / .28), 0 5px 12px rgb(0 0 0 / .5); }
html.hdc .c8-deck[data-hdc] span { color: #e2f5ea !important; text-shadow: 0 1px 2px #000 !important; }
html.hdc .c8-deck[data-hdc]:disabled { filter: saturate(.55) brightness(.8); }
/* state cues stay: you can play it (blue ring + lift), just drawn (amber ring), 8 = WILD badge */
html.hdc #hand .card.playable[data-hdc] { box-shadow: 0 0 0 3px #2563EB, 0 0 14px 2px rgb(96 165 250 / .75), var(--hdc-shadow); }
html.hdc #hand .card.new[data-hdc] { box-shadow: 0 0 0 3px #f59e0b, var(--hdc-shadow); }
html.hdc #hand .card.dim[data-hdc] { opacity: .5; filter: grayscale(.4); }
html.hdc .card.eight[data-hdc]::after { bottom: -7px; background: #b45309; color: #fff; padding: 1px 5px; border-radius: 5px; font-weight: 800; box-shadow: 0 1px 2px rgb(0 0 0 / .4); }
html.hdc .c8-pile .card[data-hdc] { box-shadow: 0 2px 2px rgb(0 0 0 / .35), 0 8px 16px -4px rgb(0 0 0 / .55); }
html.hdc #c8-table[data-hdc-felt] { border-radius: 14px; box-shadow: inset 0 0 40px rgb(0 0 0 / .4); }