form.svelte-1as1cvu.svelte-1as1cvu{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;flex:1}.how-to-play.svelte-1as1cvu.svelte-1as1cvu{color:var(--color-text)}.how-to-play.svelte-1as1cvu.svelte-1as1cvu: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-1as1cvu.svelte-1as1cvu{--width:min(100vw, 40vh, 380px);max-width:var(--width);align-self:center;justify-self:center;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.grid.svelte-1as1cvu .row.svelte-1as1cvu{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.2rem;margin:0 0 .2rem}@media (prefers-reduced-motion: no-preference){.grid.bad-guess.svelte-1as1cvu .row.current.svelte-1as1cvu{animation:svelte-1as1cvu-wiggle .5s}}.grid.playing.svelte-1as1cvu .row.current.svelte-1as1cvu{filter:drop-shadow(3px 3px 10px var(--color-bg))}.selected.svelte-1as1cvu.svelte-1as1cvu{outline:2px solid var(--color-highlight)}.controls.svelte-1as1cvu.svelte-1as1cvu{text-align:center;justify-content:center;height:min(18vh,10rem)}.keyboard.svelte-1as1cvu.svelte-1as1cvu{--gap:.2rem;position:relative;display:flex;flex-direction:column;gap:var(--gap);height:100%}.keyboard.svelte-1as1cvu .row.svelte-1as1cvu{display:flex;justify-content:center;gap:.2rem;flex:1}.keyboard.svelte-1as1cvu button.svelte-1as1cvu,.keyboard.svelte-1as1cvu button.svelte-1as1cvu:disabled{--size:min(8vw, 4vh, 40px);background-color:#fff;color:#000;width:var(--size);border:none;border-radius:2px;font-size:calc(var(--size) * .5);margin:0}.keyboard.svelte-1as1cvu button.exact.svelte-1as1cvu{background:var(--color-theme-2);color:#fff}.keyboard.svelte-1as1cvu button.missing.svelte-1as1cvu{opacity:.5}.keyboard.svelte-1as1cvu button.close.svelte-1as1cvu{border:2px solid var(--color-theme-2)}.keyboard.svelte-1as1cvu button.svelte-1as1cvu:focus{background:var(--color-highlight);color:#fff;outline:none}.keyboard.svelte-1as1cvu button[data-key=enter].svelte-1as1cvu,.keyboard.svelte-1as1cvu button[data-key=backspace].svelte-1as1cvu{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-1as1cvu button[data-key=enter].svelte-1as1cvu{right:calc(50% + 3.5 * var(--size) + .8rem)}.keyboard.svelte-1as1cvu button[data-key=backspace].svelte-1as1cvu{left:calc(50% + 3.5 * var(--size) + .8rem)}.keyboard.svelte-1as1cvu button[data-key=enter].svelte-1as1cvu:disabled{opacity:.5}.restart.svelte-1as1cvu.svelte-1as1cvu{width:100%;padding:1rem;background:rgba(255,255,255,.5);border-radius:2px;border:none}.restart.svelte-1as1cvu.svelte-1as1cvu:focus,.restart.svelte-1as1cvu.svelte-1as1cvu:hover{background:var(--color-highlight);color:#fff;outline:none}@keyframes svelte-1as1cvu-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)}}