.tkh-board{flex-direction:column;gap:6px;max-width:320px;margin:16px auto 20px;display:flex}.tkh-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.tkh-tile{aspect-ratio:1;border:2px solid var(--card-border);color:var(--fg);background:rgb(var(--ink) / .03);text-transform:uppercase;border-radius:8px;place-items:center;font-size:1.4rem;font-weight:800;transition:background .15s,border-color .15s;display:grid}.tkh-tile.filled{border-color:var(--fg-subtle)}.tkh-tile.revealed.correct{color:#06101f;background:#22c55ed9;border-color:#22c55ed9}.tkh-tile.revealed.present{color:#06101f;background:#eab308d9;border-color:#eab308d9}.tkh-tile.revealed.absent{background:rgb(var(--ink) / .09);border-color:rgb(var(--ink) / .09);color:var(--fg-muted)}.tkh-keyboard{flex-direction:column;gap:8px;margin:4px 0 14px;display:flex}.tkh-key-row{justify-content:center;gap:6px;display:flex}.tkh-key{background:rgb(var(--ink) / .09);max-width:40px;min-height:46px;color:var(--fg);cursor:pointer;text-transform:uppercase;border:none;border-radius:8px;flex:1;place-items:center;font-family:inherit;font-size:.85rem;font-weight:700;transition:background .12s,transform .1s;display:grid}.tkh-key:hover{background:rgb(var(--ink) / .16)}.tkh-key:active{transform:scale(.94)}.tkh-key.wide{flex:1.6;max-width:64px;font-size:.75rem}.tkh-key.correct{color:#06101f;background:#22c55ed9}.tkh-key.present{color:#06101f;background:#eab308d9}.tkh-key.absent{background:rgb(var(--ink) / .05);color:var(--fg-subtle)}@media (width<=400px){.tkh-tile{font-size:1.15rem}.tkh-key{min-height:42px;font-size:.78rem}.tkh-key.wide{font-size:.68rem}}