.g-hearts{--cw:48px;--ch:67px;--tw:40px;--th:56px;--seatw:66px;--card-face:#fbfaf6;--card-ink:#1d2320;--card-red:#c0392b;padding:6px;border-radius:8px;background:var(--accent-soft);outline-offset:2px;touch-action:manipulation}.g-hearts .ht-table{max-width:620px;margin:0 auto;display:grid;grid-template-columns:var(--seatw)minmax(0,1fr)var(--seatw);grid-template-areas:". n ." "w c e";gap:4px;align-items:center}.g-hearts .ht-n{grid-area:n;justify-self:center}.g-hearts .ht-w{grid-area:w;justify-self:start}.g-hearts .ht-e{grid-area:e;justify-self:end}.g-hearts .ht-center{grid-area:c;display:flex;justify-content:center}.g-hearts .ht-seat{display:grid;justify-items:center;gap:2px;padding:4px 6px;border-radius:8px;border:2px solid transparent;min-width:calc(var(--seatw) - 6px);font-size:13px;line-height:1.2;color:var(--ink)}.g-hearts .ht-seat.is-turn,.g-hearts .ht-you.is-turn{border-color:var(--gold);background:rgba(242,193,78,.22)}.g-hearts .ht-name{font-size:14px}.g-hearts .ht-sc{font-weight:600}.g-hearts .ht-hp{font-size:11px;color:var(--danger);min-height:1em}.g-hearts .ht-back{width:30px;height:42px;border-radius:4px;border:2px solid #f3f1ea;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;background:repeating-linear-gradient(45deg,#2c6b8c 0 3px,#245a76 3px 6px);box-shadow:2px 2px 0 -1px #245a76,0 1px 2px rgba(0,0,0,.3)}.g-hearts .ht-back span{background:rgba(0,0,0,.55);border-radius:999px;padding:0 5px}.g-hearts .ht-trick{position:relative;width:calc(var(--tw) * 3);height:calc(var(--th) * 2.1)}.g-hearts .ht-trick .ht-card{position:absolute;width:var(--tw);height:var(--th);font-size:calc(var(--tw) * .3)}.g-hearts .ht-at-n{left:50%;top:0;margin-left:calc(var(--tw)/-2)}.g-hearts .ht-at-s{left:50%;bottom:0;margin-left:calc(var(--tw)/-2);z-index:2}.g-hearts .ht-at-w{left:0;top:50%;margin-top:calc(var(--th)/-2);z-index:1}.g-hearts .ht-at-e{right:0;top:50%;margin-top:calc(var(--th)/-2);z-index:1}.g-hearts .ht-passinfo{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-size:13px;color:var(--ink-2);padding:0 4px}.g-hearts .ht-card{box-sizing:border-box;border-radius:calc(var(--cw) * .1);border:1px solid #8e9791;font-weight:700;line-height:1;color:var(--card-ink);background:var(--card-face);box-shadow:0 1px 2px rgba(0,0,0,.3);overflow:hidden;user-select:none;-webkit-user-select:none}.g-hearts .ht-card.red{color:var(--card-red)}.g-hearts .ht-ix{position:absolute;left:.2em;top:.16em;white-space:nowrap;letter-spacing:-.04em;font-size:1.2em}.g-hearts .ht-ix i{font-style:normal;margin-left:.04em}.g-hearts .ht-mid{position:absolute;left:0;right:0;bottom:8%;text-align:center;font-size:2.1em;line-height:1}.g-hearts .ht-you{display:flex;justify-content:center;align-items:baseline;gap:10px;margin:6px auto 4px;padding:2px 10px;width:fit-content;border:2px solid transparent;border-radius:8px;font-size:14px;color:var(--ink)}.g-hearts .ht-yourturn{font-weight:700}.g-hearts .ht-hand{display:grid;justify-content:center;gap:6px;padding-top:14px}.g-hearts .ht-row{position:relative;margin:0 auto}.g-hearts .ht-hand .ht-card{position:absolute;top:0;width:var(--cw);height:var(--ch);font-size:calc(var(--cw) * .27);cursor:pointer;transition:transform .08s;touch-action:manipulation}.g-hearts .ht-hand .ht-card:hover{transform:translateY(-4px)}.g-hearts .ht-hand .ht-card.is-dim{filter:brightness(.62)saturate(.7);cursor:default}.g-hearts .ht-hand .ht-card.is-dim:hover{transform:none}.g-hearts .ht-hand .ht-card.is-sel{transform:translateY(-14px);box-shadow:0 0 0 3px var(--focus),0 3px 6px rgba(0,0,0,.35);z-index:3}.g-hearts .ht-hand .ht-card.is-new{box-shadow:0 0 0 2px var(--gold),0 1px 2px rgba(0,0,0,.3)}.g-hearts .ht-hand .ht-card.is-hint{box-shadow:0 0 0 3px var(--gold),0 3px 6px rgba(0,0,0,.35);transform:translateY(-8px);z-index:4}.g-hearts .ht-hand .ht-card.is-cursor{outline:3px solid var(--focus);outline-offset:-1px;z-index:5}.g-hearts .is-shake{animation:ht-shake .35s}@keyframes ht-shake{20%{margin-left:-4px}40%{margin-left:4px}60%{margin-left:-3px}80%{margin-left:3px}}.g-hearts .ht-actions{display:flex;justify-content:center;margin:8px 0 2px;min-height:40px}.g-hearts .ht-actions .btn[disabled]{opacity:.5;cursor:default}.g-hearts .ht-scores{margin-top:6px}.g-hearts .ht-scroll{max-height:9.5em;overflow:auto;border-radius:6px;background:var(--surface);border:1px solid var(--line)}.g-hearts table{width:100%;border-collapse:collapse;font-size:13px;text-align:center;color:var(--ink);font-variant-numeric:tabular-nums}.g-hearts th,.g-hearts td{padding:2px 4px}.g-hearts thead th{position:sticky;top:0;background:var(--surface-2)}.g-hearts tfoot th{position:sticky;bottom:0;background:var(--surface-2);border-top:1px solid var(--line)}.g-hearts td.is-moon{color:var(--danger);font-weight:700}.g-hearts .ht-goal{margin:4px 0 0;text-align:center;font-size:12px;color:var(--ink-2)}@media(max-width:420px){.g-hearts{padding:4px}.g-hearts .ht-seat{padding:2px;font-size:12px}.g-hearts .ht-name{font-size:13px}.g-hearts .ht-hp{font-size:10px}.g-hearts table{font-size:12px}}@media(prefers-reduced-motion:reduce){.g-hearts .ht-hand .ht-card,.g-hearts .is-shake{transition:none;animation:none}}