/* Crowdpit keyboard layout picker (public/keys.js): a row in the "you" card of every game page, and the key names in hints that follow it. */
.keys-row { display: flex; align-items: center; gap: 10px; margin-top: 10px; font-size: 12px; color: var(--muted, #7f8ca3); }
.keys-row .keys-label { flex: none; font: 700 11px/1 "Rajdhani", system-ui, sans-serif; text-transform: uppercase; letter-spacing: 0.14em; }
.keys-row select { flex: 1; min-width: 0; padding: 6px 8px; border: 1px solid var(--line, #243044); border-radius: 6px; background: var(--bg, #0b0e14); color: var(--text, #e6ecf5); color-scheme: dark; font: inherit; font-size: 13px; cursor: pointer; }
.keys-row select:focus { outline: none; border-color: var(--accent, #35e0ff); }
kbd.keys { font: inherit; font-weight: 600; letter-spacing: 0.02em; }
@media (pointer: coarse) and (hover: none) { .keys-row { display: none; } } /* phones play with the touch layer */