.hm-stage{flex-direction:column;align-items:center;gap:10px;display:flex}.hm-art{width:min(160px,40vw);height:auto;color:var(--ink);max-height:28svh}.hm-word{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hm-slot{border-bottom:4px solid var(--ink);width:clamp(26px,8vw,40px);height:clamp(36px,10vw,50px);font-family:var(--f-display);text-transform:uppercase;justify-content:center;align-items:center;font-size:clamp(22px,6.5vw,32px);display:inline-flex}.hm-slot.missed{color:var(--bad)}.hm-wrong{text-align:center;color:var(--muted);font-family:var(--f-mono);min-height:1.4em;margin:0;font-size:13px}.hm-keys{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:6px;width:min(100%,520px);margin:0 auto;display:grid}.hm-key{border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);min-height:46px;color:var(--ink);font-family:var(--f-display);cursor:pointer;padding:0;font-size:18px}.hm-key:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hm-key.right{background:var(--good-tint);border-color:var(--good)}.hm-key.wrong{background:var(--bad-tint);border-color:var(--bad);color:var(--muted)}.hm-key:disabled{cursor:default}.hm-actions{justify-content:center}.hm-ask{flex-direction:column;gap:10px;display:flex}.hm-err{color:var(--bad);font-weight:700}.hm-win{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.hm-win p{margin:0}