.hrt{--hrt-ground-2:var(--night2);--hrt-line:var(--hair);--hrt-ink:var(--bone);--hrt-muted:var(--soft);--hrt-muted-2:var(--dim);--hrt-accent:var(--gold);--hrt-accent-bright:var(--gold);--hrt-accent-deep:#a67c04;--hrt-on-accent:var(--night);--hrt-win:var(--gold);--hrt-lose:var(--redHi);--hrt-card-face:var(--bone);--hrt-card-ink:var(--night);--hrt-card-red:var(--red);--hrt-serif:var(--fDisp);--hrt-sans:var(--fText);margin:8px 0 4px;color:var(--hrt-ink);font-family:var(--hrt-sans);max-width:100%}
.hrt *,.hrt *:before,.hrt *:after{box-sizing:border-box}
.hrt-score{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.hrt-stat{flex:1;min-width:120px;background:var(--hrt-ground-2);border:1px solid var(--hrt-line);border-radius:4px;padding:14px 16px}
.hrt-k{font:400 11px/1.4 var(--fMono);text-transform:uppercase;letter-spacing:.1em;color:var(--hrt-muted-2)}
.hrt-v{font-family:var(--hrt-serif);font-size:28px;margin-top:2px;font-variant-numeric:tabular-nums}
.hrt-v small{font-size:15px;color:var(--hrt-muted-2)}
.hrt-streak .hrt-v{color:var(--hrt-accent-bright)}
.hrt-prompt{text-align:center;font-family:var(--hrt-serif);font-size:24px;margin:6px 0 18px}
.hrt-table{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch;margin-bottom:20px}
.hrt-hand{background:var(--night3);border:1px solid var(--hrt-line);border-radius:4px;padding:20px 16px 16px;display:flex;flex-direction:column;align-items:center;gap:14px;transition:border-color .2s;cursor:pointer;font:inherit;color:inherit;margin:0;min-width:0}
.hrt-hand:hover:not([aria-disabled=true]){border-color:var(--gold)}
.hrt-hand[aria-disabled=true]{cursor:default}
.hrt-hand:focus-visible,.hrt-next:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.hrt-hand.hrt-win{border-color:var(--hrt-win);box-shadow:inset 0 0 0 1px var(--hrt-win)}
.hrt-hand.hrt-lose{opacity:.6}
.hrt-hand.hrt-chosen-wrong{border-color:var(--hrt-lose);box-shadow:inset 0 0 0 1px var(--hrt-lose)}
.hrt-label{font:700 11px/1.4 var(--fMono);text-transform:uppercase;letter-spacing:.12em;color:var(--hrt-muted-2)}
.hrt-cards{display:flex;gap:6px}
.hrt-card{width:46px;height:64px;border-radius:4px;background:var(--hrt-card-face);color:var(--hrt-card-ink);font:700 19px/1 var(--fMono);display:flex;align-items:center;justify-content:center;border:1px solid #00000033}
.hrt-card.hrt-red{color:var(--hrt-card-red)}
.hrt-cat{min-height:22px;font-family:var(--hrt-serif);font-size:17px;color:var(--hrt-accent-bright);opacity:0;transition:opacity .25s}
.hrt-revealed .hrt-cat{opacity:1}
.hrt-mid{display:flex;align-items:center;justify-content:center;font:400 12px/1 var(--fMono);text-transform:uppercase;letter-spacing:.12em;color:var(--hrt-muted-2)}
.hrt-verdict{text-align:center;min-height:30px;font-size:18px;margin-bottom:14px;font-family:var(--hrt-serif)}
.hrt-ok{color:var(--hrt-win)}
.hrt-no{color:var(--hrt-lose)}
.hrt-vsym{vertical-align:-2px;margin-left:3px}
.hrt-why{display:block;font-family:var(--hrt-sans);font-size:14px;color:var(--hrt-muted);margin:7px auto 0;max-width:56ch;line-height:1.5}
.hrt-why b{color:var(--hrt-ink);font-weight:600}
.hrt-actions{display:flex;justify-content:center;gap:12px}
.hrt-next{display:inline-flex;align-items:center;gap:9px;font:700 13px/1 var(--fMono);text-transform:uppercase;letter-spacing:.06em;padding:15px 24px;border-radius:999px;border:1px solid var(--gold);cursor:pointer;background:var(--gold);color:var(--night);transition:background .2s,color .2s}
.hrt-next:hover{background:transparent;color:var(--gold)}
.hrt-next[hidden]{display:none}
@media(max-width:620px){.hrt-table{grid-template-columns:1fr}.hrt-mid{padding:4px 0}.hrt-card{width:42px;height:58px;font-size:17px}}
@media(prefers-reduced-motion:reduce){.hrt *{transition:none!important;animation:none!important}}
