.hf{--gap:6px;--cw:min(calc((100vw - 96px) / 6), 66px);--ch:calc(var(--cw) * 1.4);align-items:start;gap:18px;margin:12px 0 8px;display:grid}@media (width>=900px){.hf{--cw:62px;grid-template-columns:minmax(0,600px) minmax(260px,1fr)}}.hf-table{border:9px solid var(--wood-2);box-shadow:0 5px 0 var(--wood-3), 0 14px 30px #28180a38;color:#f4fff6;border-radius:22px;padding:10px 12px 14px;position:relative}.hf-score{flex-wrap:wrap;justify-content:space-between;gap:4px 10px;margin-bottom:8px;font-size:.98rem;font-weight:800;display:flex}.hf-totals{color:#2a2017;background:#fffaf1;border-radius:999px;padding:1px 12px}.hf-others{gap:6px;display:grid}.hf-other{background:#0000002e;border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:6px 10px;font-size:.98rem;font-weight:700;display:flex}.hf-other.turn{box-shadow:inset 0 0 0 3px #ffd166}.hf-other .hf-oname{font-family:var(--font-display);font-size:1.05rem;font-weight:800}.hf-other .hf-ocards{align-items:center;gap:6px;display:inline-flex}.hf-other .pc{--cw:18px;--ch:25px;box-shadow:none;border-width:2px;border-radius:4px}.hf-badge{color:#2a2017;white-space:nowrap;background:#e9e1cf;border-radius:6px;padding:1px 7px;font-size:.8rem;font-weight:800}.hf-badge.on{background:#ffd166}.hf-badge.team{background:#cfe3f5}.hf-other .hf-oturn{color:#ffd166;margin-left:auto;font-size:.9rem}.hf-melds{margin-top:10px}.hf-cap{color:#e3f3e8;flex-wrap:wrap;justify-content:space-between;gap:8px;max-width:none;margin:0 0 4px;font-size:.95rem;font-weight:800;display:flex}.hf-books{color:#fff8dd;font-weight:700}.hf-meldrow{background:#0000001f;border-radius:12px;flex-wrap:wrap;gap:6px;min-height:58px;padding:4px;display:flex}.hf-meldrow:empty:after{content:attr(data-empty);color:#d7ecdd;padding:14px 6px;font-size:.92rem}.hf-meld{color:#1f1b16;text-align:center;width:54px;min-height:64px;font:inherit;background:#fffdf7;border:1px solid #d8cdb9;border-radius:9px;flex-direction:column;justify-content:flex-start;align-items:center;padding:3px 2px 4px;display:flex;position:relative;box-shadow:0 2px #0000002e}button.hf-meld{cursor:pointer}.hf-meld .hf-mr{font-family:var(--font-display);font-size:1.35rem;font-weight:900;line-height:1.1}.hf-meld .hf-mc{font-size:.86rem;font-weight:800;line-height:1.15}.hf-meld .hf-mw{color:#6b5a45;font-size:.72rem;font-weight:800;line-height:1.15}.hf-meld.book{width:58px}.hf-meld.book .hf-mk{letter-spacing:.03em;color:#fff;border-radius:5px;width:100%;margin-top:auto;padding:1px 0;font-size:.7rem;font-weight:900}.hf-meld.clean .hf-mk{background:#b3261e}.hf-meld.dirty .hf-mk{background:#1f1b16}.hf-meld.wildbook .hf-mk{background:#5b4a8a}.hf-meld.target{outline-offset:1px;outline:4px solid #ffd166}.hf-meld.hinted{outline-offset:2px;outline:4px dashed #fff}.hf-meld.fresh{animation:.35s ease-out pcin}.hf-meld.staged{border:3px dashed #2e5e8c}.hf-staged{margin-top:6px}.hf-mid{grid-template-columns:auto auto 1fr;align-items:center;gap:12px;margin-top:12px;display:grid}.hf-pile{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex;position:relative}.hf-pile[disabled]{cursor:default}.hf-pile.live{box-shadow:0 0 0 4px #ffd166}.hf-pile.hinted{box-shadow:0 0 0 4px #fff}.hf-pilecards{width:var(--cw);height:var(--ch);display:block;position:relative}.hf-pilecards .pc{position:absolute;inset:0}.hf-pilecards .pc+.pc{transform:translate(3px,-3px)}.hf-pilecap{color:#e3f3e8;font-size:.85rem;font-weight:700}.hf-pilecap strong{color:#fff;font-size:1rem}.hf-info p{color:#e3f3e8;max-width:none;margin:0 0 4px;font-size:.92rem;font-weight:700}.hf-note{color:#fff8dd;background:#00000038;border-radius:10px;max-width:none;margin:10px 0 0;padding:8px 10px;font-size:.98rem;font-weight:650}.hf-note:empty{display:none}@media (width>=900px){.hf-note{display:none}}.hf-mistake{margin-top:8px}.hf-you{margin-top:10px}.hf-who{font-family:var(--font-display);flex-wrap:wrap;align-items:center;gap:8px;max-width:none;margin:0 0 6px;font-size:1.05rem;font-weight:800;display:flex}.hf-who .hf-turn{color:#ffd166;margin-left:auto;font-size:.95rem}.hf-hand{grid-template-columns:repeat(auto-fill, var(--cw));gap:14px var(--gap);min-height:var(--ch);justify-content:start;padding:8px 0 4px;display:grid}.hf-grp{font:inherit;color:inherit;cursor:pointer;width:var(--cw);height:var(--ch);background:0 0;border:0;border-radius:10px;padding:0;position:relative}.hf-grp[disabled]{cursor:default}.hf-grp .pc{position:absolute;inset:0}.hf-grp.many .pc{box-shadow:3px -3px #e8dfcd,4px -4px #b9ab92,0 4px 10px #0000002e}.hf-grp .hf-n{color:#fff;text-align:center;z-index:1;background:#2a2017;border-radius:999px;min-width:26px;height:26px;padding:0 5px;font-size:.95rem;font-weight:900;line-height:26px;position:absolute;top:-8px;right:-6px}.hf-grp .hf-pk{color:#2a2017;text-align:center;z-index:1;background:#ffd166;border-radius:6px;font-size:.78rem;font-weight:900;line-height:1.4;position:absolute;bottom:3px;left:3px;right:3px}.hf-grp.selected .pc{outline-offset:2px;outline:4px solid #ffd166}.hf-grp.hinted .pc{outline-offset:3px;outline:4px dashed #fff}.hf-grp.selected.hinted .pc{outline:4px solid #ffd166}.hf-grp.fresh .pc{animation:.35s ease-out pcin}.hf-act{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.hf-act .btn{flex:auto}.hf-act .btn[data-act=next],.hf-act .btn[data-act=draw]{flex-basis:100%}.hf-scores{background:#0000003d;border-radius:14px;margin-top:10px;padding:10px 12px}.hf-scores h3{color:#fff;margin:0 0 6px;font-size:1.1rem}.hf-scores table{color:#1f1b16;background:#fffdf7;font-size:.95rem}.hf-scores th,.hf-scores td{padding:6px 8px}.hf-scores td:not(:first-child),.hf-scores th:not(:first-child){text-align:right;white-space:nowrap}.hf-scores tr.tot td{border-top:2px solid #2a2017;font-weight:900}.hf-scores p{color:#fff8dd;max-width:none;margin:8px 0 0;font-weight:650}.hf-side{min-width:0}.hf-status{background:var(--surface);border:1px solid var(--line);max-width:60ch;min-height:4.8em;box-shadow:var(--shadow);border-radius:16px;margin:0 0 12px;padding:12px 16px;font-size:1.05rem;font-weight:600}@media (width<=899px){.hf-status{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;margin:0;padding:0;position:absolute;overflow:hidden}}.hf-presence{max-width:60ch;margin:0 0 12px;font-weight:650}.hf-actions{flex-wrap:wrap;gap:10px;display:flex}.hf-actions .btn{white-space:nowrap;flex:auto}.hf-friend-btn{width:100%;margin-top:10px}.hf-invite{border:2px solid var(--accent);background:var(--surface);max-width:560px;box-shadow:var(--shadow);border-radius:16px;margin-top:14px;padding:14px 16px}.hf-invite-title{margin:0 0 8px;font-size:1.05rem;font-weight:800}.hf-link{flex-wrap:wrap;gap:8px;display:flex}.hf-link input{min-width:0;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;flex:220px;padding:10px 12px;font-size:1rem}.hf-invite .muted{margin:10px 0 0;font-size:.95rem}.hf-settings{border:1px solid var(--line);background:var(--surface);border-radius:14px;max-width:560px;margin-top:14px;padding:10px 14px}.hf-settings summary{cursor:pointer;font-weight:700}.hf-settings-note{margin:6px 0 0;font-size:.92rem}.hf-settings fieldset{border:0;margin:10px 0 4px;padding:0}.hf-settings legend{margin-bottom:2px;padding:0;font-weight:700}.hf-settings label{align-items:center;gap:10px;padding:6px 0;font-size:.98rem;display:flex}.hf-settings input{flex:none;width:22px;height:22px}.hf-record{margin:6px 0 2px;font-size:.92rem}.hf.friend .hf-cpu-only{display:none}.hf-end,.hf-ask{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:18px;width:calc(100vw - 32px);max-width:460px;padding:24px 26px}.hf-end::backdrop,.hf-ask::backdrop{background:#00000080}.hf-end h2,.hf-ask h2{margin:0 0 8px}.hf-end-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.hf-noscript{color:#fff;padding:12px}@media (width<=420px){.hf-table{border-width:6px;border-radius:16px;padding:8px 8px 12px}.hf{--gap:5px;--cw:calc((100vw - 32px - 28px - 30px) / 6)}.hf-meld{width:48px}.hf-meld.book{width:50px}}