/* Mini Crossword only: clue bar and letter keyboard. Everything else comes from ../shared/game.css. */
.keys{display:grid;gap:5px}
.key-row{display:flex;gap:5px;justify-content:center}
.key{font-family:inherit;font-size:13px;color:var(--ink);background:var(--panel);border:2px solid var(--line);border-radius:8px;
  flex:1;max-width:46px;padding:11px 0;cursor:pointer;touch-action:manipulation}
.key:active{transform:scale(.95)}
.key:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.key.right{border-color:var(--jax);color:var(--jax);opacity:.55}
.key.wrong{border-color:var(--flint);color:var(--flint);opacity:.35;text-decoration:line-through}
.key:disabled{cursor:default}
@media (max-width:420px){.key{font-size:11px;padding:10px 0}.keys,.key-row{gap:3px}}
.clue-bar{display:flex;gap:6px;align-items:stretch}
.clue{flex:1;font:15px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--panel);
  border:2px solid var(--line);border-radius:10px;padding:8px 12px;min-height:3em;display:flex;align-items:center;gap:8px;-webkit-user-select:text;user-select:text}
.clue b{font:10px "Press Start 2P",ui-monospace,monospace;color:var(--cyan);flex:none}
.clue .len{color:var(--muted)}
canvas#world{cursor:pointer}
canvas#world:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}