/* word: tiles shrink to fit long words on one line */
.clue{background:var(--sun-soft);border-radius:1rem;padding:clamp(0.375rem,2cqh,0.625rem) 1rem;font-weight:800;font-size:clamp(1rem,min(4.6cqw,5.5cqh),1.35rem);text-align:center;max-width:38.75rem;text-wrap:balance}
.slots,.letters{display:flex;gap:0.375rem;justify-content:center;--size:min(4rem,calc((100cqw - 2rem - (var(--n) - 1) * 0.375rem) / var(--n)),15cqh)}
.slot,.letter{width:var(--size);height:calc(var(--size) * 1.12);padding:0;border-radius:calc(var(--size) * .22);font-family:var(--f-display);font-weight:800;font-size:calc(var(--size) * .58);display:grid;place-items:center}
.slot{border:3px dashed var(--sky-deep);color:var(--ink)}
.slot.filled{border:3px solid var(--sea);background:var(--sea-soft)}
.letter{background:var(--sun);box-shadow:0 0.312rem 0 #D9A21C}
.letter.used{visibility:hidden}
.slots.ok .slot{border-color:var(--leaf);background:#DDF5E8}
.slots.no{animation:shake .35s}
@container (orientation:portrait){.letters{flex-wrap:wrap;max-width:calc(var(--half) * (var(--bank) + 0.375rem));--bank:min(4rem,calc((100cqw - 2rem - (var(--half) - 1) * 0.375rem) / var(--half)),15cqh)}.letters .letter{width:var(--bank);height:calc(var(--bank) * 1.12);font-size:calc(var(--bank) * .58);border-radius:calc(var(--bank) * .22)}}