Your goal is to fill the grid with tiles in such a way that all the clues are satisfied and every tile is different (no shape-color combination appears more than once). The clues show you select portions of the solution. You have to use logic to deduce where exactly in the grid each clues goes.
A clue may tell you the shape of a square, the color of a square, or both. Empty squares in a clue must be part of the grid, but they could be anything.
You select the tile you want to place by using the buttons below the grid. Instead of having a different button for every single possible tile, you select the color and shape that you want separately. You place tiles by clicking on the grid. Depending on the "Autoselect Mode" that you have set (under Settings) the game may select a new color or shape automatically after you place a tile. You can delete a tile from the grid by right-clicking on it, and there is also a delete button in case you are playing on a touchscreen and can't right-click. Although each shape-color combination is only going to be used once in solving the puzzle, the game does not check this for you and you can (incorrectly) place multiple of the same tile.
Difficulty: This is how you tweak the difficulty of the generated puzzles. Changing this setting does not affect the current puzzle and will apply starting with the next puzzle generated.
Puzzle Size: You can change the size of the puzzle independently of the difficulty level. Both the width and height have a maximum value of 5 and a minimum value of 2, so you can generate any size puzzle between 2x2 and 5x5. If you enter an invalid number into one of these fields it will get rounded to the nearest allowed size when the next puzzle is generated. Like with the last option a change here will not affect the current puzzle.
Dark Background: When this is checked you get a dark background. If your browser is set to prefer dark pages this will default to being checked.
Autoselect Mode: With this you can change what happens after a tile is placed. "Color" (or "Shape") will cause the next color (or shape) in line to become selected automatically whenever a tile is placed. "Neither" disables this behavior.
Autosave Puzzle: When this is checked your puzzle will automatically save when the site is closed, and reload the next time you open the site. This feature uses cookies, and the cookies that save your puzzle are set to expire after 180 days. Unchecking this box will clear the saved puzzle data.
Save Settings: This saves all the above settings using cookies so your settings will stay when you close and reopen the page. If the Autosave Settings option is checked the settings will save automatically when the site is closed. If it isn't checked, then you must press the button to have your settings be saved.
It's a clone of the bento puzzle minigame from Nancy Drew: Shadow at the Water's Edge. I haven't seen this type of puzzle anywhere else so I made a browser version that generates its own puzzles. Have fun!
Please enable JavaScript or be patient while the puzzle generates.