.ghost-cur { font-size: 34px; font-weight: 800; letter-spacing: 4px; text-align: center; min-height: 44px; margin: 10px 0; color: var(--ink); background: #fff; border-radius: 12px; padding: 6px 0; }
.keys { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; width: min(96vw, 380px); margin: 6px auto; }
.key { padding: 10px 0; font-size: 16px; font-weight: 700; border: none; border-radius: 8px; background: #fff; color: #333; cursor: pointer; }
.key:active { transform: scale(0.94); background: var(--mint, #3ddc97); }
.ctrl-row { display: flex; gap: 10px; justify-content: center; margin-top: 10px; }