चौखाना

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 Hindi-language 15-puzzle sliding game titled “चौखाना”. Use a centered mobile-first single-screen layout on a deep navy background with a subtle radial glow (blue-purple toward the upper left fading to near-black). The app should fit the viewport without page scrolling and have a maximum width around 620px.

At the top, show a header with the turquoise eyebrow text “मस्त पजल गेम”, the large bold title “चौखाना”, and the subtitle “नंबरों को क्रम में लगाओ — 1 से 15, फिर खाली खाना।” On the right, show a purple translucent rounded badge reading “4×4” with “चैलेंज” below it. Below that, show three equal statistic cards: “चालें” with the current move count, “समय” with a digital MM:SS timer, and “बेस्ट” with the best completion time or “—” if none exists.

The main game is a 4-by-4 sliding puzzle inside a dark translucent rounded container with a thin light border and soft shadow. It contains fifteen numbered tiles, 1 through 15, and one empty square. The solved arrangement is numbers 1–4 in row one, 5–8 in row two, 9–12 in row three, 13–15 followed by the empty square in row four. Number tiles are large bold dark-purple numerals centered on warm golden-yellow/orange rounded squares, with a subtle lighter diagonal gradient, inset highlight, and a darker orange bottom shadow that gives them a raised button appearance. The empty square is dark and translucent with a faint inset outline.

On a new game, begin from the solved arrangement and scramble it by making about 220 random legal adjacent slides, avoiding immediately undoing the previous shuffle step; ensure it is not accidentally solved. Display the shuffled board. A player can tap/click any numbered tile directly adjacent horizontally or vertically to the empty square; if it is not adjacent, ignore the input. When a valid tile is moved into the empty square, increment “चालें”. The timer starts on the first valid move, counts upward once per second, and remains at 00:00 before the first move. Do not allow moves after the puzzle is solved.

The player wins when the array exactly matches 1 through 15 followed by the empty square. Stop the timer, save the completion time as the best time in browser local storage under a game-specific key, and update the best time only if it is the first recorded result or faster than the previous best. Then show a delayed victory modal overlay with a dark translucent blurred backdrop. The modal is a rounded dark blue gradient panel with a celebratory “🎉”, the heading “कमाल कर दिया!”, text in the form “N चालों में हल किया — समय MM:SS।” and a turquoise button labeled “फिर खेलो”. Pressing it starts a fresh shuffled puzzle.

Below the board, place two wide rounded controls side by side: a purple primary button labeled “फिर से मिलाओ” to stop/reset the timer and generate a new legal scramble, and a dark blue secondary button labeled “रीसेट” to return to the solved arrangement with zero moves and 00:00, hiding any victory modal. Under the controls, show the centered muted hint: “किसी भी पास वाले नंबर पर टैप करो · कीबोर्ड के arrow keys भी चलेंगे”. Support keyboard ArrowUp, ArrowDown, ArrowLeft, and ArrowRight controls for moving the appropriate adjacent tile into the empty space, preventing the browser’s default arrow behavior when a move is made. Make all tiles and controls accessible buttons with Hindi/number labels, and support touch interaction.

Use a polished modern game UI: system sans-serif typography, bold headings, white/off-white text, muted lavender-gray secondary text, turquoise accent for the eyebrow and win button, purple accent for primary actions, warm gold puzzle tiles, rounded corners throughout, responsive sizing via viewport-aware/clamped type, and subtle active press feedback on tile buttons. Preserve the exact visible labels and core rules above; there are no lives, score, power-ups, animations beyond small button press feedback, or additional game modes.