.how-to-play-btn{margin:0;padding:.3rem .75rem;font-size:.9rem}.page.svelte-f1k24n{height:100dvh;align-items:stretch}.grid-outer.svelte-f1k24n{flex:1;min-height:0;max-width:70vw;margin:2rem auto;overflow:auto;border-radius:.75rem;background-color:var(--bg-1);display:flex;justify-content:flex-start;align-items:safe center}.grid-inner.svelte-f1k24n{margin:auto;display:grid;gap:.75rem;grid-template-rows:repeat(11,3rem);grid-template-columns:repeat(12,3rem);padding:.6rem;font-size:1.5rem;font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none}.cell.svelte-f1k24n{width:3rem;height:3rem;background-color:var(--bg-2);display:flex;justify-content:center;align-items:center;border-radius:.25rem}.filled.svelte-f1k24n{background-color:var(--bg-5);cursor:grab;touch-action:none}.touch.svelte-f1k24n{position:fixed;top:0;left:0;z-index:1}.legal.svelte-f1k24n{color:var(--accent-1)}.dialog-outer.svelte-f1k24n{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:10;background-color:#0006}.dialog.svelte-f1k24n{padding:2rem;background-color:var(--bg-3);border:2px solid var(--text-2);border-radius:1.5rem;max-width:min(36rem,90vw);align-items:center}.solve-time.svelte-f1k24n{margin:.75rem}ul.svelte-f1k24n{margin:1rem;align-self:flex-start}li.svelte-f1k24n{margin:.5rem 0}p.svelte-f1k24n{margin:.75rem 0;text-align:center}.dialog-actions.svelte-f1k24n{gap:.75rem;margin-top:.5rem}.dialog-actions.svelte-f1k24n button:where(.svelte-f1k24n){margin-top:0}.badges-outer.svelte-f1k24n{align-self:stretch;margin:.5rem 0}.badge-row.svelte-f1k24n{align-items:center;padding:.25rem 0}.badge-icon.svelte-f1k24n{font-size:2.5rem;margin:0 .75rem .25rem .25rem;flex-shrink:0}.badge-text.svelte-f1k24n{align-items:flex-start}.badge-name.svelte-f1k24n{margin:0 0 .15rem}.badge-description.svelte-f1k24n{margin:0;font-size:.9rem;color:var(--text-3)}@media only screen and (min-width:720px)and (max-width:1200px){.grid-outer.svelte-f1k24n{max-width:85vw;margin:1rem auto}}@media only screen and (max-width:720px){.grid-outer.svelte-f1k24n{max-width:95vw;margin:.5rem auto}.grid-inner.svelte-f1k24n{gap:.5rem;grid-template-rows:repeat(11,2.5rem);grid-template-columns:repeat(12,2.5rem);font-size:1.2rem}.cell.svelte-f1k24n{width:2.5rem;height:2.5rem}.dialog.svelte-f1k24n{padding:1.25rem .75rem}}