form.svelte-1pg2j5l{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;flex:1}.how-to-play.svelte-1pg2j5l{color:var(--color-text)}.how-to-play.svelte-1pg2j5l: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-1pg2j5l{--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-1pg2j5l .row:where(.svelte-1pg2j5l){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-1pg2j5l .row.current:where(.svelte-1pg2j5l){animation:svelte-1pg2j5l-wiggle .5s}}.grid.playing.svelte-1pg2j5l .row.current:where(.svelte-1pg2j5l){filter:drop-shadow(3px 3px 10px var(--color-bg-0))}.letter.svelte-1pg2j5l{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:calc(.08 * var(--width));border-radius:2px;background:#fff;margin:0;color:#000000b3}.letter.missing.svelte-1pg2j5l{background:#ffffff80;color:#00000080}.letter.exact.svelte-1pg2j5l{background:var(--color-theme-2);color:#fff}.letter.close.svelte-1pg2j5l{border:2px solid var(--color-theme-2)}.selected.svelte-1pg2j5l{outline:2px solid var(--color-theme-1)}.controls.svelte-1pg2j5l{text-align:center;justify-content:center;height:min(18vh,10rem)}.keyboard.svelte-1pg2j5l{--gap: .2rem;position:relative;display:flex;flex-direction:column;gap:var(--gap);height:100%}.keyboard.svelte-1pg2j5l .row:where(.svelte-1pg2j5l){display:flex;justify-content:center;gap:.2rem;flex:1}.keyboard.svelte-1pg2j5l button:where(.svelte-1pg2j5l),.keyboard.svelte-1pg2j5l button:where(.svelte-1pg2j5l):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-1pg2j5l button.exact:where(.svelte-1pg2j5l){background:var(--color-theme-2);color:#fff}.keyboard.svelte-1pg2j5l button.missing:where(.svelte-1pg2j5l){opacity:.5}.keyboard.svelte-1pg2j5l button.close:where(.svelte-1pg2j5l){border:2px solid var(--color-theme-2)}.keyboard.svelte-1pg2j5l button:where(.svelte-1pg2j5l):focus{background:var(--color-theme-1);color:#fff;outline:none}.keyboard.svelte-1pg2j5l button[data-key=enter]:where(.svelte-1pg2j5l),.keyboard.svelte-1pg2j5l button[data-key=backspace]:where(.svelte-1pg2j5l){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-1pg2j5l button[data-key=enter]:where(.svelte-1pg2j5l){right:calc(50% + 3.5 * var(--size) + .8rem)}.keyboard.svelte-1pg2j5l button[data-key=backspace]:where(.svelte-1pg2j5l){left:calc(50% + 3.5 * var(--size) + .8rem)}.keyboard.svelte-1pg2j5l button[data-key=enter]:where(.svelte-1pg2j5l):disabled{opacity:.5}.restart.svelte-1pg2j5l{width:100%;padding:1rem;background:#ffffff80;border-radius:2px;border:none}.restart.svelte-1pg2j5l:focus,.restart.svelte-1pg2j5l:hover{background:var(--color-theme-1);color:#fff;outline:none}@keyframes svelte-1pg2j5l-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)}}