.tt-main:focus{outline: none}.tt-main:focus-visible{outline: 2px solid var(--brand);outline-offset: 2px}.tt-status{margin: 0}.tt-teclado{display: flex;flex-wrap: wrap;gap: 14px;align-items: flex-start;overflow-x: auto;padding-bottom: 4px}.tt-bloco{display: grid;grid-template-columns: repeat(var(--cols),minmax(0,1fr));grid-auto-rows: 42px;gap: 4px 0}.tt-principal{flex: 1 1 560px;min-width: 520px}.tt-nav{flex: 0 0 142px}.tt-numerico{flex: 0 0 188px}.tt-k,.tt-gap{grid-column: span var(--w);margin: 0 2px}.tt-k{display: grid;place-items: center;border: 1px solid var(--border-strong);border-radius: 7px;background: var(--surface);box-shadow: 0 2px 0 var(--border-strong);font: 600 0.72rem/1.05 system-ui,sans-serif;color: var(--text-2);text-align: center;white-space: pre-line;user-select: none;transition: background 0.08s,transform 0.05s;overflow: hidden}.tt-k.ok{background: #dcfce7;border-color: #22c55e;color: #14532d;box-shadow: 0 2px 0 #22c55e}.tt-k.down{background: var(--brand);border-color: var(--brand);color: #fff;transform: translateY(2px);box-shadow: none}[data-theme="dark"] .tt-k.ok{background: #14532d;color: #dcfce7}.tt-stats .v{font-size: 1.2rem}@container (max-width: 560px){.tt-principal{min-width: 480px}.tt-bloco{grid-auto-rows: 36px}.tt-k{font-size: 0.62rem}}