.hg-play{align-items:center;gap:var(--space-8) var(--space-11);grid-template-columns:auto minmax(0,1fr);display:grid}.hg-gallows{mix-blend-mode:multiply}.hg-gallows img{height:clamp(var(--size-gallows-min), 52vh, var(--size-gallows-max));width:auto;display:block}.hg-board{min-width:0;container-type:inline-size}.hg-hint{color:var(--color-muted);margin-bottom:var(--space-4)}.hg-word{--n:8;font-size:min(var(--text-2xl), calc(100cqi / (var(--n) * 1.22)));color:var(--color-ink);justify-content:flex-start;gap:.2em;min-height:1.5em;font-weight:600;line-height:1.25;display:flex}.hg-slot{text-align:center;border-bottom:.07em solid var(--color-pencil);width:.92em}.hg-slot.hg-gap{border-bottom-color:#0000;width:.5em}.hg-slot.hg-filled{animation:hg-write-in var(--duration-write) ease-out}.hg-slot.hg-missed{color:var(--color-red-pen)}@keyframes hg-write-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.hg-lives{align-items:center;gap:var(--space-4);margin-top:var(--space-6);display:flex}.hg-tally{gap:var(--space-1);list-style:none;display:flex}.hg-tally li{width:var(--size-tally);height:var(--size-tally);border:var(--border-thin) solid var(--color-grid-strong);border-radius:var(--radius-sm);position:relative}.hg-tally li.hg-used:before,.hg-tally li.hg-used:after{content:"";inset:50% calc(-1 * var(--border-thick)) auto;height:var(--border-thick);background:var(--color-red-pen);border-radius:var(--radius-sm);position:absolute;rotate:45deg}.hg-tally li.hg-used:after{rotate:-45deg}.hg-result{align-items:center;gap:var(--space-3) var(--space-6);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hg-result[hidden]{display:none}.hg-verdict{font-family:var(--font-teacher);font-size:clamp(var(--text-xl), 5vw, var(--text-2xl));color:var(--color-red-pen);transform-origin:0;animation:hg-stamp var(--duration-stamp) var(--ease-stamp);flex-basis:100%;line-height:1;rotate:-2deg}.hg-result[data-status=won] .hg-verdict{color:var(--color-green-pen)}@keyframes hg-stamp{0%{opacity:0;scale:1.35}to{opacity:1;scale:1}}.hg-next-tip{font-size:var(--text-sm)}.hg-keyboard{--gap:var(--space-2);gap:var(--gap);max-width:var(--size-keyboard-max);margin-top:var(--space-8);display:grid}.hg-row{gap:var(--gap);display:flex}.hg-key{flex:0 0 calc((100% - 9 * var(--gap)) / 10);aspect-ratio:1/1.1;min-width:0;font:600 var(--text-lg) var(--font-hand);color:var(--color-ink);background:var(--color-surface);border:var(--border-thin) solid var(--color-grid-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast) ease, transform var(--duration-fast) ease;position:relative}.hg-key:hover:not(:disabled){border-color:var(--color-ink)}.hg-key:active:not(:disabled){transform:translateY(var(--hairline))}.hg-key:disabled{cursor:default}.hg-key[data-state=hit]{background:0 0;border-color:#0000}.hg-key[data-state=hit]:before{content:"";inset:var(--space-1);border:var(--border-thick) solid var(--color-ink);border-radius:var(--radius-round);position:absolute;rotate:-8deg}.hg-key[data-state=miss]{color:var(--color-muted);background:0 0;border-color:#0000}.hg-key[data-state=miss]:after{content:"";inset:50% var(--space-2) auto;height:var(--border-thick);background:var(--color-red-pen);border-radius:var(--radius-sm);position:absolute;rotate:-35deg}.hg-key:disabled:not([data-state]){opacity:.4}.hg-score{margin-top:var(--space-10);font-size:var(--text-sm)}.hg-shake{animation:hg-shake var(--duration-shake) ease-in-out}@keyframes hg-shake{25%{translate:calc(-1 * var(--space-2)) 0}50%{translate:calc(var(--space-1) + var(--hairline)) 0}75%{translate:calc(-1 * var(--space-1) + var(--hairline)) 0}}@media (width<=760px){.hg-play{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.hg-gallows{justify-self:center}.hg-gallows img{height:clamp(var(--size-gallows-small-min), 30vh, var(--size-gallows-small-max))}.hg-word{justify-content:center}.hg-hint,.hg-lives,.hg-result{text-align:center;justify-content:center}.hg-verdict{transform-origin:50%}.hg-keyboard{--gap:var(--space-1);margin-inline:auto;margin-top:var(--space-6)}.hg-row{justify-content:center}}