.piece-options.svelte-xjp14e button.svelte-xjp14e{width:calc(var(--grid-size) * 1);height:calc(var(--grid-size) * 1);padding:0;margin:0;border:none}.piece-options.svelte-xjp14e img.svelte-xjp14e{width:calc(var(--grid-size) * .8);height:calc(var(--grid-size) * .8)}.piece-options.svelte-xjp14e.svelte-xjp14e{display:flex}.settings.svelte-xjp14e.svelte-xjp14e{margin:10px;display:grid;grid-template-columns:100px 100px;color:var(--text-main);font-family:monospace}.settings.svelte-xjp14e button.svelte-xjp14e{padding:.1em}.wrapper.svelte-xjp14e.svelte-xjp14e{height:100vh;--grid-size:calc(min(90vw - 200px, 90vh) / var(--board-size));display:flex;justify-content:center;align-items:center}.overlay.svelte-xjp14e.svelte-xjp14e{position:absolute;background-color:var(--dark-2);top:calc(var(--y) * var(--grid-size) - var(--grid-size) * .5);left:calc(var(--x) * var(--grid-size) - var(--grid-size) * 2);filter:drop-shadow(0 0 10px var(--off-black));border-radius:1em}.board.svelte-xjp14e.svelte-xjp14e{display:grid;grid-template-columns:repeat(var(--board-size),var(--grid-size));grid-template-rows:repeat(var(--board-size),var(--grid-size));grid-auto-flow:row;filter:drop-shadow(0 0 10px var(--off-black));transition:opacity .5s;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}