.keyboard.svelte-f0i484.svelte-f0i484{display:flex;flex-wrap:wrap;justify-content:center;margin-top:0;width:400px;max-width:400px}button.svelte-f0i484.svelte-f0i484{margin:5px;padding:10px;font-size:1.2rem;text-transform:uppercase}p.svelte-f0i484.svelte-f0i484{display:block;text-align:center;margin-left:20px;width:90%px;margin-top:10px;margin-bottom:10px;font-size:1.5rem}p.svelte-f0i484 span.svelte-f0i484{text-transform:uppercase;white-space:nowrap;display:inline-block}button.letter.svelte-f0i484.svelte-f0i484{width:45px}button.remove.svelte-f0i484.svelte-f0i484{width:100px}button.submit.svelte-f0i484.svelte-f0i484{width:150px;margin-top:20px;margin-bottom:20px;background-color:#0b5d0b;color:#fff;padding:12px 24px;font-size:1.2rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;box-shadow:0 6px 10px #0003;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}button.svelte-f0i484.svelte-f0i484:hover{transform:translateY(-2px);box-shadow:0 8px 15px #0000004d}button.svelte-f0i484.svelte-f0i484:active{transform:translateY(2px);box-shadow:0 4px 6px #0003;background-color:#f0b300}button.svelte-f0i484.svelte-f0i484:disabled{background-color:#ccc;color:#666}@media (max-width: 800px){.keyboard.svelte-f0i484.svelte-f0i484{width:90%}}@media (max-width: 400px){.keyboard.svelte-f0i484.svelte-f0i484{width:100%}button.svelte-f0i484.svelte-f0i484{margin:3px;padding:6px;font-size:1rem}button.letter.svelte-f0i484.svelte-f0i484{width:35px}button.remove.svelte-f0i484.svelte-f0i484{width:80px}button.submit.svelte-f0i484.svelte-f0i484{width:120px;padding:8px 16px;font-size:1rem}p.svelte-f0i484.svelte-f0i484{font-size:1.2rem;margin-left:10px}}