form.svelte-pegct2.svelte-pegct2{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;flex:1}.how-to-play.svelte-pegct2.svelte-pegct2{color:var(--color-text)}.how-to-play.svelte-pegct2.svelte-pegct2: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-width.svelte-pegct2.svelte-pegct2{--width:min(100vw, 40vh, 380px);max-width:var(--width);width:100%}.grid.svelte-pegct2.svelte-pegct2{--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-pegct2 .row.svelte-pegct2{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-pegct2 .row.current.svelte-pegct2{animation:svelte-pegct2-wiggle .5s}}.grid.playing.svelte-pegct2 .row.current.svelte-pegct2{filter:drop-shadow(3px 3px 10px var(--color-bg-0))}.letter.svelte-pegct2.svelte-pegct2{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:white;margin:0;color:#000000b3}.example.svelte-pegct2.svelte-pegct2{display:flex;justify-content:flex-start;margin:1rem 0;gap:.2rem}#howto.svelte-pegct2 span.svelte-pegct2{font-size:1.5rem;display:inline-flex;justify-content:center;align-items:center;font-size:1em;width:2.2em;height:2.2em;box-sizing:border-box;border-radius:2px;border-width:2px}.missing.svelte-pegct2.svelte-pegct2{background:rgba(255,255,255,.5);color:#00000080}.exact.svelte-pegct2.svelte-pegct2{background:green;color:#fff}.close.svelte-pegct2.svelte-pegct2{background:rgb(201,185,50);color:#fff}.neighbor.svelte-pegct2.svelte-pegct2{background:rgb(142,7,90);color:#fff}.both.svelte-pegct2.svelte-pegct2{background:linear-gradient(45deg,rgb(142,7,90) 0%,rgb(142,7,90) 50%,rgb(201,185,50) 50%,rgb(201,185,50) 100%);color:#fff}.selected.svelte-pegct2.svelte-pegct2{outline:2px solid var(--color-theme-1)}.controls.svelte-pegct2.svelte-pegct2{text-align:center;justify-content:center;height:min(18vh,10rem)}.keyboard.svelte-pegct2.svelte-pegct2{--gap:.2rem;position:relative;display:flex;flex-direction:column;gap:var(--gap);height:100%}.keyboard.svelte-pegct2 .row.svelte-pegct2{display:flex;justify-content:center;gap:.2rem;flex:1}.keyboard.svelte-pegct2 button.svelte-pegct2,.keyboard.svelte-pegct2 button.svelte-pegct2: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-pegct2 button.missing.svelte-pegct2{opacity:.5}.keyboard.svelte-pegct2 button.both.svelte-pegct2,.keyboard.svelte-pegct2 button.neighbor.svelte-pegct2{background:rgb(226,132,228);color:#00000080}.keyboard.svelte-pegct2 button.notneighbor.svelte-pegct2{background:rgb(226,132,228);opacity:.3}.keyboard.svelte-pegct2 button.exact.svelte-pegct2{background:var(--color-theme-2);color:#fff}.keyboard.svelte-pegct2 button.close.svelte-pegct2{outline:2px solid rgb(6,5,0)}.keyboard.svelte-pegct2 button.svelte-pegct2:focus{background:var(--color-theme-1);color:#fff;outline:none}.keyboard.svelte-pegct2 button[data-key=enter].svelte-pegct2,.keyboard.svelte-pegct2 button[data-key=backspace].svelte-pegct2{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-pegct2 button[data-key=enter].svelte-pegct2{right:calc(50% + 3.5 * var(--size) + 1.3rem)}.keyboard.svelte-pegct2 button[data-key=backspace].svelte-pegct2{left:calc(50% + 3.5 * var(--size) + .3rem)}.keyboard.svelte-pegct2 button[data-key=enter].svelte-pegct2:disabled{opacity:.5}.restart.svelte-pegct2.svelte-pegct2{width:100%;padding:1rem;background:rgba(255,255,255,.5);border-radius:2px;border:none}.restart.svelte-pegct2.svelte-pegct2:focus,.restart.svelte-pegct2.svelte-pegct2:hover{background:var(--color-theme-1);color:#fff;outline:none}@keyframes svelte-pegct2-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)}}