I am literally at a loss… What does the rules mean??? :)
Ah, apologies if they weren't very clear, I'll definitely add some quality of life details to make that more intuitive in the future. For now I'll try to provide the best explanation I can.
First, a general thing: Rule Symbols that are placed into sockets (brownish background instead of black and have little 'teeth' instead of a solid border) can be clicked and dragged. If dragged over a movable Rule Symbol of the same type they'll swap places. Movement related rules are coded to blue and attack
So the rule on the top bar "Units [Move symbol (A blue boot)] then [Attack symbol (A red cross-hair)]" translates to: Units will Move and then Attack. These symbols can be flipped around so that the order of moving or attacking is flipped.
Over on the right-hand side there's a category for each Unit, labeled by a name and a picture of their sprite. Within each category you should see two different Rules. The first one is their Movement Rule and should look like, [Move Symbol] *is* [Movement Grid].
The second is their Attack Rule and should look like [Attack Symbol] *is* [Attack Grid].
I'm guessing the Movement Grids are probably the most confusing part of it but if it was something else about the design that was unclear please let me know so I can improve it in the future. Essentially the grids just state what Square(s) the Unit will target when trying to move/attack relative to their current spot and facing.
The center square represents where the Unit currently is.
The Arrow in that center square is supposed to represent the arrow surrounding the Unit's on the grid that show their current Facing.
For Movement Grids the colored in blue square shows where it will move (for example the blue square might be directly in front of the arrow, meaning that the Unit will move one square forward in the direction of their Facing).
For Attack Grids, the same logic applies but there are multiple filled in squares. Each Red Square will be affected when that Unit attacks.