.hangman{gap:16px;max-width:620px;margin:0 auto;display:grid}.hangman-progress{color:#536459;justify-content:space-between;font-size:14px;display:flex}.hangman-stage{grid-template-columns:minmax(96px,150px) 1fr;align-items:center;gap:16px;display:grid}.hangman-flower{width:100%;height:auto}.hangman-stem{fill:none;stroke:#3f7a4b;stroke-width:4px;stroke-linecap:round}.hangman-leaf{fill:#6aa56f}.hangman-petal{fill:#f1a7b6;stroke:#c76b82;stroke-width:1.5px;transition:opacity .35s,transform .35s}.hangman-petal.fallen{opacity:.12;fill:#d9d4cc;stroke:#bdb6ab}.hangman-centre{fill:#f2c94c;stroke:#c99a1e;stroke-width:1.5px}.hangman-clue{gap:10px;min-width:0;display:grid}.hangman-theme{color:#2f5a3c;font-size:14px;font-weight:600}.hangman-word{flex-wrap:wrap;gap:6px;margin:0;display:flex}.hangman-word span{color:#1f3527;border-bottom:3px solid #2f5a3c;place-items:center;width:clamp(24px,7vw,38px);height:clamp(32px,9vw,46px);font-size:clamp(20px,5.5vw,30px);font-weight:700;display:grid}.hangman-word span.missed{color:#b0524f}.hangman-wrong{color:#536459;margin:0;font-size:14px}.hangman-keys{gap:6px;display:grid}.hangman-keys>div{justify-content:center;gap:5px;display:flex}.hangman-keys button{color:#1f3527;touch-action:manipulation;background:#fffef8;border:1px solid #c9d4c3;border-radius:8px;flex:1 1 0;min-width:0;max-width:48px;min-height:46px;padding:0;font-size:17px;font-weight:600}.hangman-keys button.hit{background:#d8ecd5;border-color:#8dbf8a}.hangman-keys button.miss{color:#9a9187;background:#eee9e1}.hangman-done{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hangman-done p{color:#1f3527;margin:0;font-weight:600}.hangman-result h2{margin:0 0 6px}.hangman-result p{color:#536459;margin:0}.hangman-summary{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hangman-summary li{background:#f4f8f1;border-radius:10px;gap:2px;padding:10px 12px;display:grid}.hangman-summary li.missed{background:#f8f1ef}.hangman-summary span{color:#536459;font-size:13px}@media (max-width:420px){.hangman-stage{grid-template-columns:96px 1fr;gap:10px}.hangman-keys button{min-height:44px;font-size:16px}.hangman-keys>div{gap:4px}}.hangman-word{flex-wrap:nowrap;gap:4px}.hangman-word span{flex:0 38px;width:auto;min-width:0}
