@import url("../js/hd-cards/hd-about.css");
/* hearts - HD tuning, only under html.hdc (off with ?hd=0 or after the perf guard). */
html.hdc .hz-card[data-hdc] { border-width: 0 !important; box-shadow: 0 2px 5px rgb(0 0 0 / .4) !important; }
html.hdc .hz-card[data-hdc] .hz-q { color: #fff !important; background: #1e293b !important; }
html.hdc .hz-btn[data-hdc] .hz-tick { color: #fff !important; }
html.hdc .hz-btn[data-hdc] .hz-new { color: #fff !important; }
html.hdc .hz-card.win[data-hdc]::after { color: #1e293b !important; }
html.hdc .hz-card.in { animation: none !important; }
/* state cues stay visible on top of the art */
html.hdc .hz-slot.lead .hz-card[data-hdc] { box-shadow: 0 0 0 2px #fde68a, 0 3px 8px rgb(0 0 0 / .5) !important; }
html.hdc .hz-card.win[data-hdc] { box-shadow: 0 0 0 3px #facc15, 0 5px 12px rgb(0 0 0 / .6) !important; }
html.hdc .hz-btn.legal[data-hdc] { box-shadow: 0 0 0 3px #BE123C, 0 0 12px 2px rgb(190 18 60 / .45), 0 5px 10px rgb(0 0 0 / .35) !important; }
html.hdc .hz-btn.sel[data-hdc] { box-shadow: 0 0 0 3px #f59e0b, 0 0 12px 2px rgb(245 158 11 / .55), 0 7px 12px rgb(0 0 0 / .35) !important; }
html.hdc .hz-btn.dim[data-hdc] { box-shadow: 0 1px 3px rgb(0 0 0 / .3) !important; }
html.hdc #hz-table[data-hdc-felt] { box-shadow: inset 0 0 40px rgb(0 0 0 / .4); }