html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:root{--header-color:purple;--tile-text-color:#ffffff;--tile-border-color:#3a3a3c;--tile-border-color-filled:#565758;--key-color:gray;--absent-color:#3a3a3c;--correct-color:#538d4e;--present-color:#b59f3b;--background-color:#121213;--modal-bg-color:#202020;--text-color:#ffffff}header.svelte-17ts78c{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem}main.svelte-17ts78c{height:100%;color:white;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.board.svelte-17ts78c{display:grid;grid-template-rows:repeat(6, 1fr);grid-gap:5px;width:350px;height:417px;padding:10px}.row.svelte-193nnv7{display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:5px}.keyboard.svelte-13gvw8c{width:100%;max-width:40rem;touch-action:manipulation;margin-bottom:1rem}.row.svelte-13gvw8c{display:flex;justify-content:center;margin-bottom:0.3rem}.spacer.svelte-13gvw8c{flex:0.5}button.svelte-f3kkks{all:unset;cursor:default;height:100%;width:2rem;touch-action:manipulation}button.svelte-f3kkks:active{background-color:transparent;cursor:default}.notifications.svelte-1i23jvh{position:fixed;top:10%;left:0;right:0;margin:0 auto;padding:0;z-index:9999;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;pointer-events:none}.toast.svelte-1i23jvh{flex:0 0 auto;margin-bottom:10px;border-radius:0.3rem}.content.svelte-1i23jvh{padding:10px;display:block;color:black;font-weight:500}.tile.svelte-rvqrn6{font-size:2rem;line-height:2rem;display:flex;justify-content:center;align-items:center;font-weight:bold;color:var(--tile-text-color);text-transform:uppercase;user-select:none;border:2px solid var(--tile-border-color)}.filled.svelte-rvqrn6,.correct.svelte-rvqrn6,.present.svelte-rvqrn6,.absent.svelte-rvqrn6{border:2px solid var(--tile-border-color-filled)}.correct.svelte-rvqrn6,.present.svelte-rvqrn6,.absent.svelte-rvqrn6{animation-duration:500ms;animation-timing-function:ease-in, step-end;animation-fill-mode:forwards}.correct.svelte-rvqrn6{animation-name:svelte-rvqrn6-FlipTile, svelte-rvqrn6-CorrectColor}.present.svelte-rvqrn6{animation-name:svelte-rvqrn6-FlipTile, svelte-rvqrn6-PresentColor}.absent.svelte-rvqrn6{animation-name:svelte-rvqrn6-FlipTile, svelte-rvqrn6-AbsentColor}@keyframes svelte-rvqrn6-CorrectColor{from{background-color:transparent}50%{background-color:var(--correct-color)}to{background-color:var(--correct-color)}}@keyframes svelte-rvqrn6-PresentColor{from{background-color:transparent}50%{background-color:var(--present-color)}to{background-color:var(--present-color)}}@keyframes svelte-rvqrn6-AbsentColor{from{background-color:transparent}50%{background-color:var(--absent-color)}to{background-color:var(--absent-color)}}@keyframes svelte-rvqrn6-FlipTile{from{transform:rotateX(0);border:2px solid var(--tile-border-color-filled)}50%{transform:rotateX(-90deg);border:2px solid var(--tile-border-color-filled)}51%{border:none}to{transform:rotateX(0);border:none}}.filled[data-letter].svelte-rvqrn6{animation-name:svelte-rvqrn6-PopIn;animation-duration:100ms}@keyframes svelte-rvqrn6-PopIn{from{transform:scale(0.8);opacity:0}40%{transform:scale(1.1);opacity:1}}button.svelte-15opk6u{margin:0 0.2rem;font-weight:bold;text-transform:uppercase;border-radius:0.3rem;background-color:gray;color:white;height:58px;padding:0;border:none}.correct.svelte-15opk6u{background-color:var(--correct-color)}.present.svelte-15opk6u{background-color:var(--present-color)}.absent.svelte-15opk6u{background-color:var(--absent-color)}.content.svelte-k1iuta.svelte-k1iuta{display:flex;flex-direction:column;align-items:center}.content.svelte-k1iuta p.svelte-k1iuta{margin-top:0}.footer-button.svelte-k1iuta.svelte-k1iuta{color:white;border:none;flex-grow:1}.reset-button.svelte-k1iuta.svelte-k1iuta{background-color:#484848}.share-button.svelte-k1iuta.svelte-k1iuta{background-color:var(--correct-color)}.reset-button.svelte-9nnlbq{flex-grow:1;background-color:#484848;color:white;border:none}.modal-background.svelte-qwpdtu{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7)}.modal.svelte-qwpdtu{position:absolute;left:50%;top:50%;width:calc(100vw - 4em);max-width:32em;max-height:calc(100vh - 4em);overflow:auto;transform:translate(-50%, -50%);padding:1em;border-radius:0.4em;background:var(--modal-bg-color);color:var(--text-color)}.content.svelte-qwpdtu{padding-bottom:1em}.modal-footer.svelte-qwpdtu{display:flex}.modal-footer > * + *{margin-left:0.5rem}.close-button.svelte-qwpdtu{position:absolute;top:1rem;right:1rem;color:var(--text-color);background-color:transparent;border:none}.close-button.svelte-qwpdtu:active{background-color:transparent}.preview.svelte-myl59z{display:grid;grid-template-columns:repeat(5, 3rem);grid-gap:0.2rem}.tile.svelte-myl59z{border:2px solid #e7e7e7;height:3rem}.correct.svelte-myl59z{background-color:var(--correct-color)}.present.svelte-myl59z{background-color:var(--present-color)}.absent.svelte-myl59z{background-color:var(--absent-color)}