.ordkort-keyboard{display:grid;gap:6px;margin:20px auto 0;max-width:560px;touch-action:manipulation;user-select:none}
.keyboard-row{display:flex;justify-content:center;gap:5px}
.ordkort-keyboard button{display:grid;place-items:center;flex:1;min-width:0;max-width:48px;min-height:44px;padding:6px 0;border:1px solid var(--line,#ddd);border-radius:7px;background:var(--surface,#fff);color:var(--text,#292e2b);font:500 20px/1.2 Quicksand,system-ui,sans-serif;cursor:pointer}
.ordkort-keyboard button:hover{background:var(--soft,#f3f3f3);transform:none}
.ordkort-keyboard button:active,.ordkort-keyboard button[aria-pressed=true]{background:var(--line,#ddd)}
.ordkort-keyboard button:focus-visible{outline:2px solid var(--text,#292e2b);outline-offset:2px}
.keyboard-actions button{max-width:none;font-size:17px}
.keyboard-actions [data-key=space]{flex:3;font-size:14px}
@media(max-width:400px){.ordkort-keyboard{gap:5px}.keyboard-row{gap:3px}.ordkort-keyboard button{font-size:18px;min-height:42px}}

.polish-letter-menu{position:fixed;z-index:1000;display:flex;gap:4px;padding:6px;border:1px solid var(--line,#ddd);border-radius:10px;background:var(--surface,#fff);box-shadow:0 6px 24px #0002}
.polish-letter-menu button{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:44px;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:var(--text,#292e2b);font:500 24px/1.2 Quicksand,system-ui,sans-serif;cursor:pointer}
.polish-letter-menu button[aria-pressed=true],.polish-letter-menu button:hover{background:var(--soft,#eee)}
.polish-letter-menu small{font:12px/1.2 system-ui,sans-serif;color:var(--muted,#666)}
.polish-letter-menu button:focus-visible{outline:2px solid var(--text,#292e2b);outline-offset:2px}