form.svelte-wr2cpa.svelte-wr2cpa{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;flex:1}.how-to-play.svelte-wr2cpa.svelte-wr2cpa{color:var(--color-text)}.how-to-play.svelte-wr2cpa.svelte-wr2cpa:before{content:"i";display:inline-block;font-size:.8em;font-weight:900;width:1em;height:1em;padding:.2em;line-height:1;border:1.5px solid var(--color-text);border-radius:50%;text-align:center;margin:0 .5em 0 0;position:relative;top:-.05em}.grid.svelte-wr2cpa.svelte-wr2cpa{--width:calc(var(--grid-size) * 3.5rem);--height: 21rem ;max-width:var(--width);max-height:var(--height);align-self:center;justify-self:center;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.grid.svelte-wr2cpa .row.svelte-wr2cpa{display:grid;grid-template-columns:repeat(var(--grid-size),1fr);grid-gap:.2rem;margin:0 0 .2rem}@media (prefers-reduced-motion: no-preference){.grid.bad-guess.svelte-wr2cpa .row.current.svelte-wr2cpa{animation:svelte-wr2cpa-wiggle .5s}}.grid.playing.svelte-wr2cpa .row.current.svelte-wr2cpa{filter:drop-shadow(3px 3px 10px rgba(var(--color-surface-800)))}.letter.svelte-wr2cpa.svelte-wr2cpa{aspect-ratio:1;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;text-transform:lowercase;border:none;font-size:2rem;border-radius:2px;background:rgba(var(--color-surface-200));margin:0;color:rgba(var(--on-surface))}.clue.svelte-wr2cpa.svelte-wr2cpa{--tw-text-opacity:1;color:rgb(var(--color-surface-600) / var(--tw-text-opacity))}.letter.missing.svelte-wr2cpa.svelte-wr2cpa{background:rgba(var(--color-surface-400));color:rgba(var(--on-surface));--tw-text-opacity:1;color:rgb(var(--color-surface-700) / var(--tw-text-opacity))}.letter.exact.svelte-wr2cpa.svelte-wr2cpa{background:rgba(var(--color-primary-500));color:rgba(var(--on-primary))}.letter.close.svelte-wr2cpa.svelte-wr2cpa{border:3px solid rgba(var(--color-primary-500))}.selected.svelte-wr2cpa.svelte-wr2cpa{outline:none;border:3px solid #f95454;animation-name:svelte-wr2cpa-blinking;animation-duration:1.5s;animation-iteration-count:100}.controls.svelte-wr2cpa.svelte-wr2cpa{text-align:center;justify-content:center;height:min(18vh,10rem)}.keyboard.svelte-wr2cpa.svelte-wr2cpa{--gap:.2rem;position:relative;display:flex;flex-direction:column;gap:var(--gap);height:100%}.keyboard.svelte-wr2cpa .row.svelte-wr2cpa{display:flex;justify-content:center;gap:.2rem;flex:1}.keyboard.svelte-wr2cpa button.svelte-wr2cpa,.keyboard.svelte-wr2cpa button.svelte-wr2cpa:disabled{--size:min(8vw, 4vh, 40px);background:rgba(var(--color-surface-300));color:rgba(var(--on-surface));width:var(--size);border:none;border-radius:2px;font-size:calc(var(--size) * .5);margin:0}.keyboard.svelte-wr2cpa button.exact.svelte-wr2cpa{background:rgba(var(--color-primary-500));color:rgba(var(--on-primary))}.keyboard.svelte-wr2cpa button.missing.svelte-wr2cpa{background:rgba(var(--color-surface-400));color:rgba(var(--color-surface-400))}.keyboard.svelte-wr2cpa button.close.svelte-wr2cpa{border:4px solid rgba(var(--color-primary-500))}.keyboard.svelte-wr2cpa button.svelte-wr2cpa:focus{background:rgba(var(--color-tertiary-500));color:rgba(var(--on-tertiary));outline:none}.keyboard.svelte-wr2cpa button[data-key=enter].svelte-wr2cpa,.keyboard.svelte-wr2cpa button[data-key=backspace].svelte-wr2cpa{position:absolute;bottom:0;width:calc(1.5 * var(--size));height:calc(1 / 3 * (100% - 2 * var(--gap)));text-transform:uppercase;font-size:calc(.3 * var(--size));padding-top:calc(.15 * var(--size))}.keyboard.svelte-wr2cpa button[data-key=enter].svelte-wr2cpa{right:calc(50% + 3.5 * var(--size) + .8rem)}.keyboard.svelte-wr2cpa button[data-key=backspace].svelte-wr2cpa{left:calc(50% + 3.5 * var(--size) + .8rem)}.keyboard.svelte-wr2cpa button[data-key=enter].svelte-wr2cpa:disabled{opacity:.5}@keyframes svelte-wr2cpa-blinking{50%{border-color:#e1ddd5}}@keyframes svelte-wr2cpa-wiggle{0%{transform:translate(0)}10%{transform:translate(-2px)}30%{transform:translate(4px)}50%{transform:translate(-6px)}70%{transform:translate(+4px)}90%{transform:translate(-2px)}to{transform:translate(0)}}.visually-hidden.svelte-wr2cpa.svelte-wr2cpa{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}