.wkp{display:grid;gap:6px;width:100%;max-width:520px;margin:0 auto;user-select:none;-webkit-user-select:none;touch-action:manipulation}.wkp-row{display:flex;justify-content:center;gap:4px}.wkp-key{appearance:none;border:0;flex:1 1 0;max-width:44px;min-width:0;height:46px;padding:0;border-radius:6px;background:var(--cell-alt);color:var(--text);font:inherit;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 1px 0 var(--cell-line)}.wkp-key:hover{background:var(--accent-soft)}.wkp-key:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.wkp-key:active{background:var(--accent-soft);transform:translateY(1px)}.wkp-key.wkp-used{opacity:.45}.wkp-wide{flex:1.5 1 0;max-width:62px;font-size:1.15rem}.wkp-off{opacity:.5;pointer-events:none}@media (max-width: 380px){.wkp-key{height:42px;font-size:.92rem}.wkp-row{gap:3px}}