.hm-duel-entry{margin:16px 0;color:var(--color-ink,#1e293b)}
.hm-duel-entry>p{font-size:.8rem;line-height:1.45;margin:6px 0}
.hm-duel-button,.hm-duel-key{min-height:44px;min-width:44px;padding:10px 12px;border:2px solid var(--color-ink,#1e293b);border-radius:9px;background:var(--pip-accent,#7c3aed);color:#fff;font-family:inherit;font-size:.85rem;font-weight:700;line-height:1.3;cursor:pointer;touch-action:manipulation}
.hm-duel-button{width:100%;font-family:inherit;font-size:.85rem;font-weight:700;line-height:1.35;white-space:normal}
.hm-duel-secondary{background:var(--color-paper-2,#fff);color:var(--color-ink,#1e293b)}
.hm-duel-dialog{box-sizing:border-box;width:min(380px,calc(100% - 24px));max-height:90vh;margin:auto;padding:14px;border:2px solid var(--color-ink,#1e293b);border-radius:14px;background:var(--color-paper-2,#fff);color:var(--color-ink,#1e293b);overflow:auto}
.hm-duel-dialog::backdrop{background:#0f172a99}
.hm-duel-dialog h2{font-size:1.2rem;margin:0 0 8px}
.hm-duel-dialog p{font-size:.82rem;line-height:1.45;margin:8px 0;overflow-wrap:anywhere}
.hm-duel-dialog label{display:grid;gap:5px;margin:10px 0;font-size:.85rem;font-weight:700}
.hm-duel-dialog input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:2px solid var(--color-ink,#1e293b);border-radius:8px;padding:8px;font:inherit;color:inherit;background:var(--color-paper,#f8fafc)}
.hm-duel-dialog [hidden]{display:none!important}
.hm-duel-clue{font-weight:700}
.hm-duel-dialog .hm-duel-pattern{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:800;font-size:1.15rem;letter-spacing:.02em;line-height:1.75;overflow-wrap:anywhere}
.hm-duel-guess-form{display:flex;align-items:end;gap:8px;margin:8px 0}
.hm-duel-guess-form label{flex:1;min-width:0;margin:0}
.hm-duel-guess-form button{flex:1;width:auto;max-width:55%}
.hm-duel-keys{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:4px;margin:12px 0}
.hm-duel-key{padding:4px;font-family:inherit;font-size:1rem;background:var(--color-paper-2,#fff);color:var(--color-ink,#1e293b)}
.hm-duel-key[data-result=hit]{background:#dcfce7;color:#166534}
.hm-duel-key[data-result=miss]{background:#fee2e2;color:#991b1b}
.hm-duel-dialog button:disabled{opacity:.6;cursor:default}
.hm-duel-dialog button+button{margin-top:8px}
.hm-duel-keys button+button{margin-top:0}
.hm-duel-feedback{min-height:2em;font-weight:700}
.hm-duel-dialog :focus-visible,.hm-duel-entry>button:focus-visible{outline:3px solid var(--color-focus,#2563eb);outline-offset:2px}