:root{--raised:inset 0 1.5px 0 #ffffff8c, inset 1px 0 0 #ffffff2e, inset -1px 0 0 #00000014, inset 0 -4px 0 #0000002e, 0 1px 1px #0000002e, 0 4px 8px -2px #00000047;--raised-strong:inset 0 2px 0 #fff9, inset 1px 0 0 #fff3, inset -1px 0 0 #0000001a, inset 0 -5px 0 #00000038, 0 2px 2px #0003, 0 8px 14px -4px #00000059;--pressed:inset 0 3px 5px #0003, inset 0 1px 1px #0000001f, inset 0 -1px 0 #ffffff4d;--tray:inset 0 4px 10px #00000042, inset 0 -1px 0 #ffffff4d, 0 0 0 1px #ffffff59, 0 1px 0 #fff6, 0 14px 30px -10px #00000059;--sheen:radial-gradient(ellipse 70% 50% at 30% 18%, #ffffff47, #fff0 70%), linear-gradient(180deg, #ffffff29, #fff0 55%);--ambient:radial-gradient(ellipse 70% 45% at 50% 28%, #fff8e673, transparent 70%), radial-gradient(ellipse 120% 60% at 50% 110%, #00000014, transparent 70%);--shade:radial-gradient(ellipse 120% 95% at 50% 40%, transparent 52%, #0000002e)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ambient:radial-gradient(ellipse 80% 60% at 50% 32%, #ffffff0f, transparent 70%);--shade:radial-gradient(ellipse 130% 100% at 50% 40%, transparent 55%, #00000059);--sheen:linear-gradient(180deg, #ffffff1a, #fff0 55%)}}:root[data-theme=dark]{--ambient:radial-gradient(ellipse 80% 60% at 50% 32%, #ffffff0f, transparent 70%);--shade:radial-gradient(ellipse 130% 100% at 50% 40%, transparent 55%, #00000059);--sheen:linear-gradient(180deg, #ffffff1a, #fff0 55%)}@keyframes art-pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes art-pulse{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes art-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes art-press{0%{transform:scale(1)}40%{transform:scale(.9)}to{transform:scale(1)}}.art-pop{animation:.22s ease-out art-pop}.art-pulse{animation:.22s ease-out art-pulse}.art-shake{animation:.32s ease-in-out art-shake}.art-press{animation:.18s ease-out art-press}@media (prefers-reduced-motion:reduce){.art-pop,.art-pulse,.art-shake,.art-press{animation:none}}.sound-toggle{background:var(--btn,#00000040);width:36px;min-width:36px;height:36px;color:var(--ink,#fff);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.sound-toggle svg{width:20px;height:20px}.sound-toggle[aria-pressed=true]{opacity:.7}.sound-toggle:focus-visible{outline:3px solid var(--focus,#ffd54a);outline-offset:2px}:root{--bg:#233a31;--ink:#f3efe4;--btn:#ffffff1a;--btn-on:#ffd36b;--btn-on-ink:#2a1d00;--focus:#ffd36b;--dialog:#fffdf7;--dialog-ink:#1f2a25;--line:#e9e2cf;--man:#ffd36b;--key:#ffffff24;--key-ink:#f3efe4;--hit:#4caf62;--miss:#ffffff0d;--miss-ink:#f3efe459;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--dialog:#1d2924;--dialog-ink:#f3efe4}}:root[data-theme=dark]{--dialog:#1d2924;--dialog-ink:#f3efe4}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ambient), var(--shade), var(--grain,none), radial-gradient(ellipse 80% 60% at 50% 30%, #2c4a3e, var(--bg));color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font:14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app.hm{grid-template-rows:auto auto minmax(0,1fr) auto;justify-items:center;gap:6px;height:100dvh;padding:8px 10px 10px;display:grid;position:relative}.hm-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.hm-title{letter-spacing:1px;text-transform:uppercase;margin:0 6px 0 0;font:800 18px/1 Trebuchet MS,Segoe UI,sans-serif}.group{gap:3px;display:flex}.btn{font:inherit;color:var(--ink);background:var(--btn);cursor:pointer;border:0;border-radius:9px;min-height:34px;padding:7px 11px;box-shadow:inset 0 1px #ffffff1f,0 2px 6px #00000040}.btn[hidden]{display:none}.btn:disabled{opacity:.45;cursor:default}.btn[aria-pressed=true]{background:var(--btn-on);color:var(--btn-on-ink);font-weight:700}.btn.primary{background:var(--btn-on);color:var(--btn-on-ink);font-weight:800}.btn:focus-visible,.hm-key:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sound-toggle{width:34px;height:34px}.hm-status{text-align:center;opacity:.9;min-height:1.3em;margin:0;padding:0 6px;font-weight:600}.hm-stage{grid-row:3;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:8px;width:100%;min-height:0;display:grid;container-type:size}.hm-gallows{aspect-ratio:160/200;height:min(100%,62cqh);max-height:320px}.hm-gallows svg{width:100%;height:100%}.hm-word{--slot:min(44px, calc((100cqw - 8 * 6px) / 9));flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hm-slot{width:var(--slot);height:calc(var(--slot) * 1.15);border-bottom:3px solid var(--line);font:800 calc(var(--slot) * .62) / 1 "Trebuchet MS", "Segoe UI", sans-serif;text-transform:uppercase;color:var(--ink);place-items:center;display:grid}.hm-slot.open{animation:.25s ease-out hm-pop}.hm-slot.miss{color:#ff8a8a}@keyframes hm-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hm-keys{flex-direction:column;grid-row:4;gap:6px;width:min(100%,560px);display:flex}.hm-krow{justify-content:center;gap:5px;display:flex}.hm-key{background:var(--key);min-width:0;max-width:46px;height:48px;color:var(--key-ink);text-transform:uppercase;cursor:pointer;border:0;border-radius:6px;flex:1 1 0;padding:0;font:700 15px/1 system-ui,sans-serif;box-shadow:0 2px #00000040}.hm-key[data-state=hit]{background:var(--hit);color:#fff}.hm-key[data-state=miss]{background:var(--miss);color:var(--miss-ink);box-shadow:none}.hm-key:disabled{cursor:default}.hm-key:disabled:not([data-state]),.hm-key[data-state=""]:disabled{opacity:.5}@media (prefers-reduced-motion:reduce){.hm-slot.open{animation:none}}.overlay{z-index:30;background:#050f0a8c;place-items:center;padding:12px;display:grid;position:absolute;inset:0;overflow:auto}.overlay[hidden]{display:none}.overlay.later{animation:1.2s step-end both hm-later}@keyframes hm-later{0%{opacity:0}to{opacity:1}}.dialog{background:var(--dialog);color:var(--dialog-ink);text-align:center;border-radius:16px;flex-direction:column;gap:10px;width:min(100%,380px);padding:18px 20px;display:flex;box-shadow:0 12px 40px #0006}.dialog h2{margin:0;font:800 20px/1.2 Trebuchet MS,Segoe UI,sans-serif}.dialog p{opacity:.85;margin:0}.hm-answer{letter-spacing:1px;font-weight:700;opacity:1!important}.hm-nums{justify-content:center;gap:16px;display:flex}.hm-num{flex-direction:column;align-items:center;display:flex}.hm-num b{font-size:24px;line-height:1}.hm-num span{opacity:.75;font-size:11px}.hm-dialog-actions{flex-direction:column;align-items:center;gap:8px;display:flex}.hm-next{font-size:13px}@media (max-width:420px){.hm-title{font-size:15px}.btn{min-height:30px;padding:6px 8px;font-size:13px}.hm-key{height:44px;font-size:14px}}@media (max-height:560px) and (min-aspect-ratio:1){#app.hm{grid-template:"bar bar""stage keys"minmax(0,1fr)/38% minmax(0,1fr);gap:3px;padding:6px 8px}.hm-bar{grid-area:bar}.hm-status{display:none}.hm-stage{grid-area:stage;grid-template-rows:minmax(0,1fr);width:100%}.hm-gallows{height:min(100cqh,125cqw);max-height:none}.hm-word{display:none}.hm-keys{grid-area:keys;place-self:center;gap:4px;width:min(100%,420px)}.hm-keys:before{content:attr(data-word);text-align:center;letter-spacing:6px;white-space:pre;margin-bottom:4px;font:800 22px/1.2 Trebuchet MS,Segoe UI,sans-serif;display:block}.hm-key{max-width:36px;height:32px;font-size:12px}.btn{min-height:28px;padding:4px 8px;font-size:12px}.sound-toggle{width:28px;height:28px}.hm-title{font-size:14px}}@media (max-height:300px){.hm-key{height:22px;font-size:10px}.hm-keys{gap:2px}.hm-krow{gap:3px}.hm-keys:before{letter-spacing:4px;font-size:16px}.dialog{gap:6px;padding:8px 10px}.dialog h2{font-size:15px}.hm-nums{gap:10px}.hm-num b{font-size:16px}}