*{margin:0;padding:0;box-sizing:border-box}*{--btn-color: #444;--bg-color: black;--font-color: white;--piece-text-color: #000b;--secondary-font-color: #aaa;--outline-color: #aaa;--secondary-outline-color: #444;--highlight-color: yellow}body{background-color:var(--bg-color);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--font-color);line-height:1.5}h1,h2{font-weight:500}p{margin-block:1rem}button{font:inherit;color:inherit;background:none;border:none}button:not(:disabled){cursor:pointer}@media(hover:hover){button:focus-visible{outline:1px solid var(--outline-color)}}.btn{background-color:var(--btn-color);padding:.3rem .8rem;border-radius:.25rem}select{font:inherit;color:inherit;background:none;border:none;opacity:1}.select{padding:.2rem .4rem;border-radius:.2rem;outline:1px solid var(--secondary-outline-color)}@media(hover:hover){.select:focus-visible{outline:1px solid var(--outline-color)}}.board.svelte-nkg03k{aspect-ratio:1;display:grid;grid-template-rows:repeat(var(--size),1fr);grid-template-columns:repeat(var(--size),1fr);--gap: .25rem;gap:var(--gap)}.piece.svelte-nkg03k{background:hsl(var(--hue),100%,52%);border-radius:20%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;font-size:calc(.4 * min(94vw,600px) / var(--size));color:var(--piece-text-color);font-family:monospace;font-weight:700;-webkit-user-select:none;user-select:none;position:relative}.piece.svelte-nkg03k.solved:after{content:"";position:absolute;top:10%;right:10%;width:10%;aspect-ratio:1;border-radius:50%;background-color:var(--bg-color)}.board.animating.svelte-nkg03k .piece:where(.svelte-nkg03k){transition:transform var(--transition-duration, 0ms) ease-in-out;transform:translate(calc(var(--dx) * (100% + var(--gap))),calc(var(--dy) * (100% + var(--gap))))}header.svelte-oiwvqb{margin-block:1.25rem;text-align:center}h1.svelte-oiwvqb{font-size:1.75rem}.config.svelte-oiwvqb{color:var(--secondary-font-color);font-size:1.25rem}@media(min-width:600px){header.svelte-oiwvqb{margin-block:1rem}h1.svelte-oiwvqb{font-size:2.25rem}}menu.svelte-1qo109d{display:flex;justify-content:center;gap:1rem;margin-block:1rem}.progress.svelte-rgwvlh{margin-block:1rem .25rem;padding-inline:.2rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.bar.svelte-rgwvlh{width:calc(var(--percentage) * 1%);height:.5rem;background-color:hsl(calc(var(--percentage) / 100 * 120deg),100%,50%);border-radius:100vw;transition:width .2s ease-out}.percentage.svelte-rgwvlh{color:var(--secondary-font-color);font-family:monospace}section.svelte-1u3w06f{margin-top:2rem}.settings.svelte-1u3w06f{margin-block:1rem;display:flex;flex-wrap:wrap;gap:1rem 2rem}.setting.svelte-1u3w06f{display:flex;align-items:center;gap:.5rem}@media(hover:hover){.setting.svelte-1u3w06f:has(:where(.svelte-1u3w06f):focus-visible) label:where(.svelte-1u3w06f){color:var(--highlight-color)}}label.svelte-1u3w06f{font-size:.825rem;text-transform:uppercase}select.svelte-1u3w06f{width:5ch;text-align:right}.caution.svelte-1u3w06f{color:var(--secondary-font-color);font-size:.875rem}.container.svelte-1ig2a9j{position:fixed;z-index:10000;pointer-events:none;padding:1rem;display:flex;gap:1rem}.container.svelte-1ig2a9j.top{top:0;flex-direction:column}.container.svelte-1ig2a9j.bottom{bottom:0;flex-direction:column-reverse}.container.svelte-1ig2a9j.left{left:0;align-items:start}.container.svelte-1ig2a9j.right{right:0;align-items:end}.container.svelte-1ig2a9j.center{left:0;right:0;align-items:center}.toast.svelte-1ig2a9j{display:flex;width:fit-content;align-items:center;max-width:20rem;border-radius:.25rem;box-shadow:.1rem .1rem .4rem #0003;padding:.5rem 1rem;pointer-events:initial;font-size:1.125rem;font-weight:700;gap:.5rem}.toast.svelte-1ig2a9j.info{background-color:#fff;color:#000}.toast.svelte-1ig2a9j.success{background-color:#157c15;color:#fff}.toast.svelte-1ig2a9j.error{background-color:#b51d1d;color:#fff}.wrapper.svelte-1n46o8q{width:min(94vw,600px);margin-inline:auto}