Quiet Notes

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.

Recreate a single-screen interactive local-only privacy/chat puzzle called "Quiet Notes". Use a dark navy full-viewport background and center a tall responsive app shell, maximum about 520px wide and 760px high, with rounded 24px corners, thin blue-gray border, subtle shadow, and a dark navy gradient interior. On small screens the shell should fill the viewport with square-ish side edges. The visual style is polished, minimal, and calm: off-white text, muted slate-blue secondary text, mint-green accent, blue-gray borders, and rounded cards/buttons.

The shell header has a mint glowing circular status dot, the title "Quiet Notes", and the status line initially reading "offline • stored on this device". On the right, show a green outlined "+ Friend" button and a square dark icon button labeled with a small lock-like glyph "⌑". The main content initially shows a decoy notes/checklist screen rather than the chat: vertically centered, two full-width dark cards with rounded corners and borders. The first says bold "Daily checklist" followed by "Drink water", "Review notes", and "Plan tomorrow" on separate lines. The second says bold "Quick memo" and "Tap the title five times to open the private room." Beneath them, centered small muted text says "This is a local game demo, not a secure messenger. Messages never leave this browser."

The core goal/mechanic is to discover and unlock the hidden private room. Count clicks/taps on the "Quiet Notes" title; five taps within roughly 1.1 seconds opens a centered modal overlay. Reset the tap count if the time window expires. The modal is a dark translucent full-screen overlay with a compact rounded dialog titled "Private room", explanatory text "Enter the four-digit game code. Default code: 2468", a centered four-digit PIN field, an error line, and Cancel and mint Unlock buttons. The correct code is exactly 2468; a wrong code displays "Wrong code" and keeps the dialog open. Enter also submits and Escape cancels. On successful unlock, hide the decoy screen and show the private chat room.

The unlocked chat view fills the shell below the header. It has a scrollable message area and a bottom composer with a dark input placeholder "Write a private note…", maximum 300 characters, and a mint Send button. Start with one incoming-looking message bubble reading "Private room ready." with a small "now" timestamp. Incoming bubbles are slate-blue and aligned left with a slightly squared lower-left corner; sent bubbles are green-teal and aligned right with a slightly squared lower-right corner. Each message has a small Delete button beside it; clicking Delete removes that message. Submitting non-empty text appends a right-aligned outgoing message with timestamp "just now", clears the input, and scrolls to the newest message. Preserve line breaks and wrap long text.

The header lock button should toggle the room: while locked it opens the PIN modal, and while unlocked it locks the chat back to the decoy screen. The "+ Friend" button opens another modal styled like the PIN dialog, titled "Add a friend", with text "Give your local chat friend a nickname.", a text field placeholder "Friend nickname" (maximum 24 characters), an error line, Cancel and "Add friend" buttons, and footer text "Local-only friend list — no invites are sent online.". Reject an empty nickname with "Enter a nickname"; reject a case-insensitive duplicate with "That friend is already added"; otherwise add it locally, close the modal, and change the header status to "offline • 1 friend added" or "offline • N friends added". The friend list does not need to be displayed elsewhere. Both modals should support Enter to confirm and Escape to cancel. Keep all messages and friend data in local in-memory/browser state only; clearly communicate that this is not real encryption, messaging, or an online account. There is no timer, scoring, combat, avatar, or win/lose screen—success is discovering the hidden tap gesture and entering the code, then using the private note interface.