form.svelte-gbz4ty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;flex:1}.grid.svelte-gbz4ty{--width: min(100vw, 40vh, 380px);max-width:var(--width);width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start}.grid.svelte-gbz4ty .row:where(.svelte-gbz4ty){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-gbz4ty .row.current:where(.svelte-gbz4ty){animation:svelte-gbz4ty-wiggle .5s}}.grid.playing.svelte-gbz4ty .row.current:where(.svelte-gbz4ty) .letter:where(.svelte-gbz4ty){border:2px solid #4075a6}.grid.playing.svelte-gbz4ty .row.current:where(.svelte-gbz4ty){filter:drop-shadow(0px 0px 5px rgb(202,216,228))}.letter.svelte-gbz4ty{aspect-ratio:1;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;text-transform:lowercase;filter:drop-shadow(0px 0px 4px rgb(204,204,204));font-size:calc(.08 * var(--width));border-radius:2px;background:#fff;margin:0;color:#000000b3}.letter.missing.svelte-gbz4ty{background:#ffffff80;color:#00000080}.letter.exact.svelte-gbz4ty{background:#40a64e;color:#fff}.letter.close.svelte-gbz4ty{background:#cab40b;color:#fff}.selected.svelte-gbz4ty{outline:2px solid #4075a6}.controls.svelte-gbz4ty{text-align:center;justify-content:center;height:min(18vh,10rem)}.keyboard.svelte-gbz4ty{--gap: .2rem;position:relative;display:flex;flex-direction:column;gap:var(--gap);height:100%}.keyboard.svelte-gbz4ty .row:where(.svelte-gbz4ty){display:flex;justify-content:center;gap:.2rem;flex:1}.keyboard.svelte-gbz4ty button:where(.svelte-gbz4ty),.keyboard.svelte-gbz4ty button:where(.svelte-gbz4ty):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;filter:drop-shadow(0px 0px 1px rgb(204,204,204))}.keyboard.svelte-gbz4ty button.exact:where(.svelte-gbz4ty){background:#40a64e;color:#fff}.keyboard.svelte-gbz4ty button.missing:where(.svelte-gbz4ty){opacity:.5}.keyboard.svelte-gbz4ty button.close:where(.svelte-gbz4ty){background:#cab40b;color:#fff}.keyboard.svelte-gbz4ty button:where(.svelte-gbz4ty):focus{background:#989898;color:#000;outline:none}.keyboard.svelte-gbz4ty button[data-key=enter]:where(.svelte-gbz4ty),.keyboard.svelte-gbz4ty button[data-key=backspace]:where(.svelte-gbz4ty){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-gbz4ty button[data-key=enter]:where(.svelte-gbz4ty){right:calc(50% + 3.5 * var(--size) + .8rem)}.keyboard.svelte-gbz4ty button[data-key=backspace]:where(.svelte-gbz4ty){left:calc(50% + 3.5 * var(--size) + .8rem)}.keyboard.svelte-gbz4ty button[data-key=enter]:where(.svelte-gbz4ty):disabled{opacity:.5}.restart.svelte-gbz4ty{width:100%;padding:1rem;background:#ffffff80;border-radius:2px;border:none}.restart.svelte-gbz4ty:focus,.restart.svelte-gbz4ty:hover{background:#ff3e00;color:#fff;outline:none}@keyframes svelte-gbz4ty-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-gbz4ty{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}input.svelte-gbz4ty,button.svelte-gbz4ty{font-size:inherit;font-family:inherit}button.svelte-gbz4ty:focus:not(:focus-visible){outline:none}