.fh{--gap:8px;--card-ar:300 / 515;container-type:inline-size}.c-tool-host>.rpg-tool__body:has(>.fh){padding:var(--space-4) var(--space-3)}.fh-label{letter-spacing:.03em;color:var(--muted);text-transform:uppercase;margin:0 0 6px;font-size:.85rem;font-weight:700}.fh-muted{color:var(--muted);font-weight:400}.fh-q{max-width:30rem;margin:0 auto var(--space-4)}.fh-q .rpg-label{margin-bottom:4px;display:block}.fh-fate{text-align:center;margin-bottom:var(--space-3)}.fh-fate__row{justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.fh-mini{width:34px;aspect-ratio:var(--card-ar);background:linear-gradient(135deg, var(--feature), var(--feature-2));border-radius:4px;transition:transform .25s,opacity .25s;position:relative;overflow:hidden}.fh-mini svg,.fh-mini img{object-fit:cover;width:100%;height:100%;display:block}.fh-mini.is-now{box-shadow:0 0 0 2px var(--focus);transform:translateY(-6px)}.fh-mini.is-played{opacity:.45}.fh-arena{align-items:center;gap:6px var(--space-3);max-width:28rem;margin:0 auto var(--space-4);grid-template-columns:1fr auto 1fr;grid-template-areas:"fate vs you""round round round""out out out";display:grid}.fh-slot--fate{grid-area:fate;justify-self:end}.fh-slot--you{grid-area:you;justify-self:start}.fh-vs{color:var(--muted);grid-area:vs;font-weight:800}.fh-slot{flex-direction:column;align-items:center;gap:4px;width:min(150px,100%);display:flex}.fh-slot__label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.fh-slot__card{width:100%;aspect-ratio:var(--card-ar);border:2px dashed var(--line-strong);border-radius:8px;overflow:hidden}.fh-slot__card.has-card{border:0}.fh-slot__card img,.fh-slot__card svg{object-fit:cover;width:100%;height:100%;display:block}.fh-slot__card .is-in{animation:.35s ease-out fh-in}.fh-slot__card.is-dark img{opacity:.35}.fh-round{text-align:center;color:var(--muted);grid-area:round;margin:4px 0 0;font-size:.9rem}.fh-outcome{text-align:center;min-height:4.6em;color:var(--ink);grid-area:out;margin:0;font-size:.98rem;line-height:1.5}.fh-hand{margin-bottom:var(--space-4)}.fh-hand .fh-label{text-align:center}.fh-hand__row{gap:var(--gap);grid-template-columns:repeat(4,1fr);max-width:46rem;margin:0 auto;display:grid}@container (width>=560px){.fh-hand__row{grid-template-columns:repeat(7,1fr)}}.fh-hslot{flex-direction:column;gap:4px;display:flex}.fh-hslot:before{content:"";aspect-ratio:var(--card-ar);background:var(--surface-2);border-radius:6px;display:block}.fh-hslot:after{content:"";height:1.7em;display:block}.fh-hslot:has(.fh-card):before{display:none}.fh-hslot:has(.fh-card):after{display:none}.fh-card{width:100%;color:var(--ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:stretch;gap:4px;padding:0;transition:transform .15s;display:flex}.fh-card img{width:100%;aspect-ratio:var(--card-ar);object-fit:cover;border-radius:6px;display:block}.fh-card:hover:not([disabled]){transform:translateY(-4px)}.fh-card:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.fh-card[disabled]{cursor:default}.fh-card__tag{border-radius:var(--radius-sm);text-align:center;background:var(--surface-2);min-height:1.7em;color:var(--ink);padding:2px 4px;font-size:.74rem;font-weight:700;line-height:1.4;display:block}.fh-card__tag--friends{background:var(--success-soft);color:var(--success)}.fh-card__tag--enemies{background:var(--danger-soft);color:var(--danger)}.fh-card__tag--major{background:var(--gold-soft);color:var(--gold)}.fh-card__tag--same{background:var(--info-soft);color:var(--info)}.fh-card__tag--fool{background:var(--primary-soft);color:var(--primary)}.fh-board{gap:var(--space-3);max-width:46rem;margin:0 auto var(--space-4);display:grid}@container (width>=560px){.fh-board{grid-template-columns:1fr 1fr}}.fh-side__row{border-radius:var(--radius-md);background:var(--surface-2);flex-wrap:wrap;gap:6px;min-height:calc(75.5333px + 1.5em);margin:0;padding:6px;list-style:none;display:flex}.fh-tile{flex-direction:column;align-items:center;width:44px;display:flex}.fh-tile img{width:44px;aspect-ratio:var(--card-ar);object-fit:cover;border-radius:4px;display:block}.fh-tile.is-weak img{opacity:.6}.fh-tile__badge{color:var(--ink);white-space:nowrap;font-size:.72rem;font-weight:700;line-height:1.5em}.fh-result{max-width:40rem;margin:0 auto var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.fh-result[hidden]{display:none}.fh-result__title{margin:0 0 var(--space-2);outline:none;font-size:1.4rem}.fh-result__q{margin:0 0 var(--space-3);color:var(--muted);font-style:italic}.fh-result__q:empty{display:none}.fh-block{margin:0 0 var(--space-3)}.fh-block h3{color:var(--gold);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:1rem}.fh-block p{margin:0 0 6px;line-height:1.55}.fh-block a{color:var(--primary)}.fh-block--rounds{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--line)}.fh-block--rounds summary{min-height:40px;color:var(--gold);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;align-items:center;font-weight:700;display:flex}.fh-block--rounds summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.fh-block--rounds p{color:var(--ink);font-size:.92rem}.fh-result__note{color:var(--muted);margin:var(--space-3) 0 0;font-size:.85rem}.fh-result-space,.fh.has-result .fh-hand,.fh.is-result-link .fh-hand{display:none}.fh.is-result-link:not(.has-result) .fh-result-space{height:42rem;display:block}.fh-actions{margin-bottom:var(--space-4);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.fh-actions .rpg-btn{min-height:44px}.fh-backs{align-items:center;min-height:44px;display:flex}.fh-backs .card-backs{margin:0}.fh-guide{max-width:40rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-2);margin:0 auto;font-size:.92rem}.fh-guide__title{margin:0 0 var(--space-2);font-size:1rem}.fh-guide__pairs{margin:0 0 var(--space-2);padding-left:1.1rem}.fh-guide__pairs li{margin:0 0 4px;line-height:1.5}.fh-el{font-weight:700}.fh-el--fire{color:var(--danger)}.fh-el--water{color:var(--info)}.fh-el--air{color:var(--ink)}.fh-el--earth{color:var(--success)}.fh-check{cursor:pointer;align-items:center;gap:.5rem;min-height:40px;display:flex}.fh-check input{width:20px;height:20px;accent-color:var(--primary);margin:0}.gm-rules p{margin:0 0 .85rem}@keyframes fh-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.fh-mini,.fh-card{transition:none}.fh-slot__card .is-in{animation:none}}