.tool[data-tool=hangman-game] .hg-board{gap:var(--space-4);margin-block:var(--space-4);grid-template-columns:minmax(8rem,12rem) 1fr;align-items:center;display:grid}.tool[data-tool=hangman-game] .hg-gallows{block-size:auto;inline-size:100%}.tool[data-tool=hangman-game] .hg-frame,.tool[data-tool=hangman-game] .hg-man{fill:none;stroke:var(--c-text);stroke-width:4px;stroke-linecap:round}.tool[data-tool=hangman-game] .hg-man{stroke:var(--c-accent,#c0392b)}.tool[data-tool=hangman-game] .hg-word{gap:var(--space-1);flex-wrap:wrap;margin:0;display:flex}.tool[data-tool=hangman-game] .hg-ch{border-block-end:3px solid var(--c-text);text-align:center;min-block-size:2.2rem;inline-size:1.7rem;font-size:var(--fs-xl);font-weight:700}.tool[data-tool=hangman-game] .hg-ch.gap{border-color:#0000;inline-size:.8rem}.tool[data-tool=hangman-game] .hg-status{font-weight:700}.tool[data-tool=hangman-game] .hg-keys{gap:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(2.6rem,1fr));display:grid}.tool[data-tool=hangman-game] .hg-key{min-block-size:2.75rem;padding-inline:0}.tool[data-tool=hangman-game] .hg-key.hit{color:#134d1f;background:#cfe9d4}.tool[data-tool=hangman-game] .hg-key.miss{color:#6b1b1b;background:#f1d3d3}