.board-row{justify-content:center;gap:0;display:flex}.tile{aspect-ratio:1;border:var(--terminal-rule);color:var(--ink);font-family:var(--tui-font);font-variant-numeric:tabular-nums;background:0 0;border-inline-end:0;border-radius:0;place-items:center;font-weight:650;display:grid;position:relative}.tile:last-child{border-inline-end:var(--terminal-rule)}.tile-letter{line-height:1}.tile-evidence{font-size:.5em;line-height:1;position:absolute;bottom:.08rem;right:.18rem}.tile.is-correct{border-color:color-mix(in oklch, var(--correct) 72%, var(--border));background:color-mix(in oklch, var(--correct) 34%, transparent)}.tile.is-present{border-color:color-mix(in oklch, var(--present) 72%, var(--border));background:color-mix(in oklch, var(--present) 31%, transparent)}.tile.is-absent{border-color:var(--key-absent-border);background:var(--key-absent-background);color:var(--key-absent-ink)}.tile.is-answer{border-color:var(--danger);background:color-mix(in oklch, var(--danger) 22%, transparent);color:var(--danger-text)}.board-row.is-draft .tile{border-color:var(--accent);background:color-mix(in oklch, var(--accent-soft) 42%, transparent)}.board-row.is-draft .tile:empty:first-child:after{background:var(--accent);content:"";width:.58rem;height:1.15rem;animation:1.05s step-end infinite terminal-cursor}.board-row.is-draft .tile.is-revealed{outline:1px dashed var(--accent);outline-offset:-4px}@keyframes terminal-cursor{0%,48%{opacity:1}49%,to{opacity:.2}}.keyboard{touch-action:manipulation;flex-direction:column;gap:.25rem;min-width:0;max-width:100%;display:flex}.keyboard-row{justify-content:center;gap:.2rem;min-width:0;max-width:100%;display:flex}:is(button,span).key{border:1px solid var(--key-unknown-border);background:var(--key-unknown-background);min-width:0;min-height:2.75rem;color:var(--key-unknown-ink);font-family:var(--tui-font);text-transform:uppercase;border-radius:0;flex:1 1 0;padding:.4rem .12rem;font-size:clamp(.68rem,2.7vw,.86rem);position:relative}span.key{letter-spacing:0;transition:background-color var(--duration-feedback) var(--ease-standard), border-color var(--duration-feedback) var(--ease-standard), box-shadow var(--duration-feedback) var(--ease-standard), color var(--duration-feedback) var(--ease-standard);justify-content:center;align-items:center;font-weight:650;display:inline-flex}button.key:hover:not(:disabled),button.key:focus-visible:not(:disabled){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);outline:2px solid #0000}:is(button,span).key.is-wide{flex-basis:3.5rem;font-size:clamp(.54rem,1.8vw,.66rem)}:is(button,span).key.is-correct{border-color:var(--correct);background:color-mix(in oklch, var(--correct) 34%, transparent)}:is(button,span).key.is-present{border-color:var(--present);background:color-mix(in oklch, var(--present) 31%, transparent)}:is(button,span).key.is-absent{border-color:var(--key-absent-border);background:var(--key-absent-background);color:var(--key-absent-ink)}:is(button,span).key.is-removed{background:color-mix(in oklch, var(--removed) 27%, transparent);text-decoration:line-through;text-decoration-thickness:2px}.key-evidence{font-size:.58rem;font-weight:700;line-height:1;position:absolute;bottom:.08rem;right:.2rem}@media (prefers-reduced-motion:reduce){.board-row.is-draft .tile:empty:first-child:after{animation:none}}@media (forced-colors:active){.tile,:is(button,span).key{background:canvas;border-color:canvastext}.tile.is-correct,.tile.is-present,.tile.is-absent,.tile.is-answer,:is(button,span).key.is-correct,:is(button,span).key.is-present,:is(button,span).key.is-absent,.board-row.is-draft .tile{border-color:highlight}.board-row.is-draft .tile:empty:first-child:after{background:highlight}}