.hf-table{gap:var(--space-5);margin:var(--space-5) 0}.hf-card,.hf-table{display:flex;flex-direction:column}.hf-card{--hf-card-width:58px;position:relative;align-items:center;justify-content:space-between;width:var(--hf-card-width);aspect-ratio:32/54;padding:3px 0 0;border:1.5px solid #2f2a22;border-radius:5px;background:linear-gradient(160deg,#fbf6e8,#f2ead6);box-shadow:0 1px 3px rgba(0,0,0,.22);font-family:var(--font-japanese,inherit);color:#2f2a22;cursor:default;flex:none}.hf-card-small{--hf-card-width:40px;border-radius:4px}button.hf-card{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}button.hf-card:not(:disabled):focus-visible,button.hf-card:not(:disabled):hover{transform:translateY(-6px);box-shadow:0 6px 14px rgba(0,0,0,.28)}button.hf-card:disabled{cursor:default}.hf-card-month{font-size:10px;line-height:1;color:#7a6f5c}.hf-card-small .hf-card-month{font-size:8px}.hf-card-plant{font-size:21px;font-weight:700;line-height:1.05;writing-mode:vertical-rl;max-height:46px;overflow:hidden}.hf-card-small .hf-card-plant{font-size:15px;max-height:32px}.hf-card-motif{width:100%;padding:2px 1px;border-radius:0 0 3px 3px;background:var(--hf-band,#8b8272);color:#fff;font-size:9px;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden}.hf-card-small .hf-card-motif{font-size:7px}.hf-card-hikari{--hf-band:#b8860b;border-color:#8a6508;background:linear-gradient(160deg,#fff8e1,#f6e7bd)}.hf-card-tane{--hf-band:#a4552e}.hf-card-tanzaku{--hf-band:#9c5a5a}.hf-card-ribbon-aka{--hf-band:#b03a3a}.hf-card-ribbon-ao{--hf-band:#3a5fb0}.hf-card-kasu{--hf-band:#8b8272}.hf-card-painted{padding:0;border:none;background:none;overflow:hidden}.hf-card-art{width:100%;height:100%;object-fit:fill;border-radius:5px;display:block}.hf-card-painted .hf-card-motif{position:absolute;left:0;bottom:0;background:rgba(30,26,20,.78);letter-spacing:.04em}.hf-card-small.hf-card-painted .hf-card-motif{padding:1px 0}.hf-card-back{background:repeating-linear-gradient(45deg,#7b1f2b,#7b1f2b 4px,#6d1a25 0,#6d1a25 8px);border-color:#4c1119}.hf-card-match{outline:3px solid var(--color-accent);outline-offset:2px}.hf-card-choose{outline:3px solid #b03a3a;outline-offset:2px;animation:hf-pulse 1.1s ease-in-out infinite}@keyframes hf-pulse{50%{outline-color:#e08a8a}}.hf-card-taken{outline:3px solid #b8860b;outline-offset:2px}.hf-card-dim{opacity:.45}@media (prefers-reduced-motion:reduce){.hf-card-choose{animation:none}button.hf-card:not(:disabled):hover{transform:none}}.hf-side{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-1)}.hf-side-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3) var(--space-4);font-size:var(--text-sm)}.hf-side-name{font-weight:700;color:var(--color-ink)}.hf-side-turn{padding:1px 8px;border-radius:999px;background:var(--color-accent);color:#fff;font-size:var(--text-xs)}.hf-row{gap:4px;min-height:24px}.hf-field,.hf-row{display:flex;flex-wrap:wrap}.hf-field{justify-content:center;gap:6px;padding:var(--space-5) var(--space-4);border-radius:var(--radius-md);background:linear-gradient(160deg,#1f5f45,#174935 60%,#133c2c);box-shadow:inset 0 2px 12px rgba(0,0,0,.35)}.hf-field-empty{color:rgba(255,255,255,.7);font-size:var(--text-sm)}.hf-deck{color:rgba(255,255,255,.85)}.hf-deck,.hf-draw{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.hf-draw{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:rgba(184,134,11,.12);color:var(--color-body)}.hf-hand{justify-content:center;gap:5px;padding-top:var(--space-2)}.hf-hand,.hf-yaku{display:flex;flex-wrap:wrap}.hf-yaku{gap:var(--space-2) var(--space-3);font-size:var(--text-xs)}.hf-yaku-chip{padding:2px 8px;border-radius:999px;background:rgba(184,134,11,.16);color:#7a5a08;font-weight:700}.hf-score{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-body)}.hf-prompt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--color-surface-alt,#f4efe4);font-size:var(--text-sm)}.hf-prompt strong{color:var(--color-ink)}.hf-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hf-log{font-size:var(--text-sm);color:var(--color-muted)}.hf-log ol{margin:var(--space-3) 0 0;padding-left:1.3rem;line-height:1.8}.hf-round-banner{padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-2);text-align:center}.hf-round-title{margin:0 0 var(--space-3);font-size:var(--text-lg);font-weight:700;color:var(--color-ink)}.hf-round-points{font-size:var(--text-2xl);font-weight:700;color:var(--color-accent)}.hf-multipliers{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--color-body)}@media (max-width:560px){.hf-card{--hf-card-width:44px}.hf-card-small{--hf-card-width:32px}.hf-card-plant{font-size:17px;max-height:36px}.hf-card-small .hf-card-plant{font-size:12px;max-height:26px}}