Garden Mahjong

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Create a responsive mobile-friendly browser puzzle game titled “Garden Mahjong.” Use a calm garden-inspired dark teal interface with a radial gradient background, cream/gold text, mint accents, and warm orange-gold primary buttons. The top header has a rounded square seal containing the Chinese character 麻, the title “Garden Mahjong,” and subtitle “A calm mobile matching puzzle.” On the right show three compact stat cards: PAIRS initially “0/18,” TIME initially “0:00,” and MOVES initially “0.”

The main play area is a large centered rounded rectangular mahjong board, sized responsively (roughly 94vw wide up to about 760px and around two-thirds of the viewport height), with a dark green gradient felt-like background, inset border, outer glow/shadow, and a subtle inner rounded outline. Populate it with 36 raised ivory mahjong-style rectangular tiles, arranged in a 9-column by 8-row stepped silhouette: the four outer corner positions are omitted, creating a garden/mahjong shape, and add a small raised center layer of tiles offset slightly upward/right to create a classic stepped 3D arrangement. Each tile is a rounded cream tile with a beige bottom/side shadow, dark symbol, and a tiny dot or star marker near its bottom edge. Use exactly 18 pairs, randomly shuffled each new game, from the visible symbol set: 🍃, 🌸, 🍵, 🎋, 🪷, 🀄, 🐉, 🌙, ☀️, 🦋, 🍂, 🥢, 🏮, 💎, 🐼, 🎐, 🌿, 🧧.

Core interaction: the player taps/clicks tiles to match identical symbols. A tile is playable only when it is not already matched, has no remaining tile above it in the raised layer/overlapping position, and at least one horizontal side is open; if both left and right neighbors on its layer block it, it cannot be selected. Blocked tiles should be visibly dimmed/desaturated, while free tiles are slightly brighter. Selecting a free tile gives it a gold outline, lifts it upward, and slightly scales it. Selecting the same tile again deselects it. Selecting a second free tile increments MOVES: if the symbols match, both disappear/fade out and the PAIRS counter increments (for example 1/18); then recompute which tiles are free. If they do not match, deselect the first tile and briefly pulse/highlight the second tile in mint/green for feedback. Continue until all 18 pairs are cleared, then stop the timer and show an in-board centered message titled “Garden cleared!” with text such as “You matched all 18 pairs in 0:XX with N moves.”

Before play begins, show a full-screen translucent dark teal overlay with a centered rounded dark-teal card. The card title is “Garden Mahjong,” followed by: “Clear the garden by matching open tiles. A tile is playable when nothing is sitting on top of it and one side is open.” Include a three-column legend with emoji and labels: 🍃 “match pairs,” ☀️ “use hints,” and 🌿 “beat your time,” plus a full-width orange-gold “Start playing” button. Starting hides the overlay, enables tile interaction, resets/starts the one-second timer, and leaves the board visible.

At the bottom, show the instructional tip “Tap a tile with an open side to match two identical symbols.” and two rounded controls: “Hint” and a prominent orange-gold “New game.” Hint should find the first currently playable pair with identical symbols and temporarily pulse both tiles; if no open pair exists, show a brief in-board message titled “No open pair” with body “Clear a tile on the edge first.” New game resets pairs, moves, and time, creates a fresh shuffled 36-tile board, and starts play immediately. The timer displays m:ss. Make the layout touch-friendly, with no scrolling, adaptive tile sizing, and on small screens hide the tip while keeping the controls accessible. Use soft shadows, subtle transitions, and the shown polished calm mobile-game aesthetic; do not add lives, score, sound, power-ups, or mechanics not described here.