.board.svelte-1miar3f{display:grid;position:relative;aspect-ratio:1}.board.svelte-1miar3f .square:where(.svelte-1miar3f){border:none}.board.svelte-1miar3f .square.light:where(.svelte-1miar3f){background-color:#f0d9b5}.board.svelte-1miar3f .square.light.covered:where(.svelte-1miar3f){background-color:#99e65f}.board.svelte-1miar3f .square.light.error:where(.svelte-1miar3f){background-color:#f5555d}.board.svelte-1miar3f .square.dark:where(.svelte-1miar3f){background-color:#c49c78}.board.svelte-1miar3f .square.dark.covered:where(.svelte-1miar3f){background-color:#5ac54f}.board.svelte-1miar3f .square.dark.error:where(.svelte-1miar3f){background-color:#ea323c}.board.svelte-1miar3f .square.void:where(.svelte-1miar3f){background-color:#3d3d3d}.board.svelte-1miar3f button.square:where(.svelte-1miar3f):hover{filter:brightness(.9)}.board.svelte-1miar3f img:where(.svelte-1miar3f){position:absolute;pointer-events:none;width:100%;z-index:2}.piece-bar.svelte-1miar3f{display:flex;justify-content:center;background-color:gray;width:100%;gap:.5rem}.piece-bar.svelte-1miar3f div:where(.svelte-1miar3f){position:relative;display:inline-block;width:60px;height:60px}.piece-bar.svelte-1miar3f div:where(.svelte-1miar3f) input[type=image]:where(.svelte-1miar3f){width:100%;height:100%;display:block}.piece-bar.svelte-1miar3f div:where(.svelte-1miar3f) input[type=image]:where(.svelte-1miar3f):disabled{filter:brightness(.8);cursor:default}.piece-bar.svelte-1miar3f div:where(.svelte-1miar3f) input[type=image]:where(.svelte-1miar3f):hover:enabled{transform:scale(1.1)}.piece-bar.svelte-1miar3f div:where(.svelte-1miar3f) img:where(.svelte-1miar3f){position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.piece-bar.svelte-1miar3f div:where(.svelte-1miar3f) img.used:where(.svelte-1miar3f){filter:brightness(.8);cursor:default}