.grid-wrapper.svelte-1fzaz3k{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;padding:1rem;min-height:90vh}@media (max-width: 768px){.grid-wrapper.svelte-1fzaz3k{padding:.5rem}}@media (max-width: 580px){.grid-wrapper.svelte-1fzaz3k{padding:.25rem}}.loading.svelte-1fzaz3k{display:flex;align-items:center;height:300px;justify-content:center;flex-direction:column;color:var(--default-color)}.info.svelte-1fzaz3k{width:calc(var(--cell-width) * var(--columns))}.info.svelte-1fzaz3k .info-title:where(.svelte-1fzaz3k){display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;width:100%}.info.svelte-1fzaz3k .title-text:where(.svelte-1fzaz3k){font-size:1.25rem;font-weight:600;color:var(--heading-color);padding-bottom:4px}.info.svelte-1fzaz3k .title-actions:where(.svelte-1fzaz3k){display:flex;align-items:center;gap:.5rem}.info.svelte-1fzaz3k .archive-btn:where(.svelte-1fzaz3k),.info.svelte-1fzaz3k .settings-btn:where(.svelte-1fzaz3k),.info.svelte-1fzaz3k .how-to-play-btn:where(.svelte-1fzaz3k){background:transparent;border:0;color:var(--muted-color);width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;text-decoration:none}.info.svelte-1fzaz3k .archive-btn:where(.svelte-1fzaz3k) img:where(.svelte-1fzaz3k),.info.svelte-1fzaz3k .settings-btn:where(.svelte-1fzaz3k) img:where(.svelte-1fzaz3k),.info.svelte-1fzaz3k .how-to-play-btn:where(.svelte-1fzaz3k) img:where(.svelte-1fzaz3k){filter:invert(100%);width:20px;height:20px}@media (max-width: 480px){.info.svelte-1fzaz3k .title-text:where(.svelte-1fzaz3k){font-size:1rem}}.settings-btn.svelte-1fzaz3k{background:transparent;border:0;color:var(--muted-color);font-size:1.2rem;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.settings-btn.svelte-1fzaz3k:hover{background:#0000000a;color:var(--heading-color)}.grid-container.svelte-1fzaz3k{border:2px solid black;max-width:fit-content;margin:0 auto;touch-action:none;user-select:none;-webkit-user-select:none}.grid.svelte-1fzaz3k{aspect-ratio:1 / 1;margin:0 auto;display:grid;grid-template-rows:repeat(var(--columns),1fr);text-align:center;position:relative;grid-auto-flow:column;touch-action:none}.grid.svelte-1fzaz3k .cell:where(.svelte-1fzaz3k){display:flex;position:relative;box-sizing:border-box;width:var(--cell-width);height:var(--cell-width);justify-content:center;align-items:center;overflow:hidden;border:none;background-color:#fff;cursor:pointer;color:#000;font-size:var(--font-size);touch-action:none}.grid.svelte-1fzaz3k canvas:where(.svelte-1fzaz3k){display:block;position:absolute;touch-action:none;user-select:none;-webkit-user-select:none}.buttons.svelte-1fzaz3k{display:flex;justify-content:flex-end;align-items:center;width:calc(var(--cell-width) * 9);max-width:650px;margin-top:1rem;gap:.5rem}.buttons.svelte-1fzaz3k .timer:where(.svelte-1fzaz3k){display:flex;justify-content:flex-end;color:var(--heading-color)}.modal-overlay.svelte-1fzaz3k{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000}.settings-panel.svelte-1fzaz3k,.result-panel.svelte-1fzaz3k{background:var(--surface-color);color:var(--heading-color);width:min(420px,90%);max-height:80vh;border-radius:8px;padding:1rem;box-shadow:0 8px 24px #00000040;display:flex;flex-direction:column}.settings-panel.svelte-1fzaz3k header:where(.svelte-1fzaz3k),.result-panel.svelte-1fzaz3k header:where(.svelte-1fzaz3k){display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.settings-panel.svelte-1fzaz3k header:where(.svelte-1fzaz3k) h3:where(.svelte-1fzaz3k),.result-panel.svelte-1fzaz3k header:where(.svelte-1fzaz3k) h3:where(.svelte-1fzaz3k){margin:0;font-size:1.05rem}.settings-panel.svelte-1fzaz3k .close:where(.svelte-1fzaz3k),.result-panel.svelte-1fzaz3k .close:where(.svelte-1fzaz3k){background:transparent;border:0;font-size:2rem;cursor:pointer;color:var(--muted-color)}.settings-panel.svelte-1fzaz3k .close:where(.svelte-1fzaz3k):hover,.result-panel.svelte-1fzaz3k .close:where(.svelte-1fzaz3k):hover{color:var(--heading-color)}.settings-panel.svelte-1fzaz3k .settings-body:where(.svelte-1fzaz3k),.result-panel.svelte-1fzaz3k .settings-body:where(.svelte-1fzaz3k){flex:1;overflow-y:auto;padding:.25rem 0}.settings-panel.svelte-1fzaz3k .words:where(.svelte-1fzaz3k) ul:where(.svelte-1fzaz3k),.result-panel.svelte-1fzaz3k .words:where(.svelte-1fzaz3k) ul:where(.svelte-1fzaz3k){padding:0;font-size:1rem;list-style:none;columns:2;column-gap:2rem;color:var(--heading-color)}@media (max-width: 480px){.settings-panel.svelte-1fzaz3k .words:where(.svelte-1fzaz3k) ul:where(.svelte-1fzaz3k),.result-panel.svelte-1fzaz3k .words:where(.svelte-1fzaz3k) ul:where(.svelte-1fzaz3k){columns:1;font-size:.95rem}}.settings-panel.svelte-1fzaz3k .words:where(.svelte-1fzaz3k) ul:where(.svelte-1fzaz3k) li:where(.svelte-1fzaz3k),.result-panel.svelte-1fzaz3k .words:where(.svelte-1fzaz3k) ul:where(.svelte-1fzaz3k) li:where(.svelte-1fzaz3k){padding:.5rem 0;break-inside:avoid}.settings-panel.svelte-1fzaz3k .words:where(.svelte-1fzaz3k) ul:where(.svelte-1fzaz3k) li:where(.svelte-1fzaz3k).scratched,.result-panel.svelte-1fzaz3k .words:where(.svelte-1fzaz3k) ul:where(.svelte-1fzaz3k) li:where(.svelte-1fzaz3k).scratched{text-decoration:line-through;text-decoration-color:var(--success-color);text-decoration-thickness:2px;color:var(--muted-color)}.settings-panel.svelte-1fzaz3k footer:where(.svelte-1fzaz3k),.result-panel.svelte-1fzaz3k footer:where(.svelte-1fzaz3k){text-align:right;margin-top:1rem;display:flex;gap:.5rem;justify-content:flex-end}.settings-panel.svelte-1fzaz3k .btn:where(.svelte-1fzaz3k),.result-panel.svelte-1fzaz3k .btn:where(.svelte-1fzaz3k){padding:.4rem .9rem;border-radius:4px;border:0;background:var(--accent-color);color:var(--surface-color);cursor:pointer}.settings-panel.svelte-1fzaz3k .btn:where(.svelte-1fzaz3k):hover,.result-panel.svelte-1fzaz3k .btn:where(.svelte-1fzaz3k):hover{filter:brightness(1.1)}@media (max-width: 480px){.settings-panel.svelte-1fzaz3k,.result-panel.svelte-1fzaz3k{width:94%;padding:.8rem}}.result-panel.svelte-1fzaz3k footer:where(.svelte-1fzaz3k){display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.btn.svelte-1fzaz3k{padding:.45rem .9rem;border-radius:6px;border:0;background:var(--accent-color);color:var(--surface-color);cursor:pointer;text-decoration:none}