.grids-container.svelte-1ok56rs{--gap: 10px;display:flex;width:calc(var(--block-w) * 3 + var(--gap) * 2);height:calc(var(--block-h) * 4);gap:8px;margin:1rem auto;position:relative}.grids-container.svelte-1ok56rs button:where(.svelte-1ok56rs){--top: calc(var(--coordY) * (var(--block-h)));--left: calc(var(--coordX) * (var(--block-w) + var(--gap)));position:absolute;top:var(--top);left:var(--left);background:#3296bc;display:flex;width:var(--block-w);transition:var(--animate-time) ease left,var(--animate-time) ease top;cursor:pointer;background:0;border:0}.grids-container.svelte-1ok56rs button:where(.svelte-1ok56rs) p:where(.svelte-1ok56rs){position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:34px;font-weight:500}.soldiers.svelte-1ok56rs,.hearts.svelte-1ok56rs{display:flex;justify-content:center}.soldiers.svelte-1ok56rs{gap:76px}.hearts.svelte-1ok56rs{gap:71px}.btns.svelte-1ok56rs{display:flex;justify-content:center;gap:1rem}.btns.svelte-1ok56rs button:where(.svelte-1ok56rs){flex:1;display:flex;justify-content:center;background:0;border:0;margin-top:7px;cursor:pointer}.btns.svelte-1ok56rs button:where(.svelte-1ok56rs):disabled{filter:grayscale(100%)}.btns.svelte-1ok56rs.hidden{visibility:hidden;pointer-events:none}