Prompt:
Build a standalone HTML page for "028 pixel-garden: pixel-art grid garden that grows on click, with a day and night cycle." Call the fictional toy Plotlet. Page background is deep plum (#1c1426) with a faint 16px checker texture; all type is a monospace system stack (ui-monospace, SF Mono, Menlo, Consolas, Courier New), bold and uppercase for UI. The title "Plotlet" is marigold (#ffc94a) with stepped hard shadows in rose and near-black, like an 8-bit logo. A HUD of three pixel-bordered chips (borders made from four hard box-shadows, no radius) shows the in-game clock, the phase name (Deep night, Dawn, Morning, Noon, Afternoon, Dusk, Night) and the bloom count. The garden is a 96 by 64 virtual-pixel canvas rendered into an ImageData buffer each frame, then scaled up by the largest integer factor that fits the container times devicePixelRatio with smoothing off, inside a chunky pixel frame. Scene layers: a sky gradient interpolated between nine time-of-day keyframes (midnight indigo, dawn coral, noon blue, dusk violet-orange) and quantized into seven bands with 2 by 2 Bayer dithering; twinkling stars that fade in by night; a sun with a soft halo and a crescent moon travelling opposite arcs; two layers of sine-wave hills; a grass line with tufts; and speckled soil with pebbles from a precomputed noise table. Scene pixels are shaded by a light level so night turns everything blue-dim. Clicking drops a seed pixel that falls to the soil, puffs dust, and becomes a plant. Four seed packets: tulip (red cup, opens to show a gold core), daisy (white star with a yellow heart), sunflower (tall, 3 by 3 brown core with a petal ring, turns its head toward the sun), bluebell (arching stem with hanging bells that glow unshaded after dark). Plants grow in stages (seed, sprout with leaves, stem with alternating leaves, bud, bloom) at a rate scaled by daylight, and close their petals at night. Fireflies wander and blink after dusk. A hovering cursor highlights the target soil column. Empty state: a bouncing pixel arrow with "Tap the soil to plant". A toast warns when a patch is crowded; at 40 plants the oldest goes to seed. Controls: seed packet toggles with aria-pressed, a time speed button (1x, 3x, 8x), and "Till soil" to clear. Canvas is focusable and Enter plants at a random spot. Reduced motion: a four times slower day, frozen fireflies, steady stars, no bouncing arrow.

Title: Plotlet Pixel Garden

Description: A cozy 8-bit pocket garden rendered at true low resolution and scaled up crisply. A full day passes in about a minute: the dithered sky moves from indigo through coral dawn to bright noon and violet dusk, the sun and moon trade places, and the whole scene dims to moonlight. Visitors sow four kinds of flowers that grow in visible stages, respond to the light by opening and closing, and add small details like sun-tracking sunflowers, glowing bluebells and night fireflies, all framed by chunky pixel UI.

Visual techniques:
- Per-pixel ImageData rendering on a 96 by 64 buffer, integer-scaled with image smoothing disabled
- Keyframed sky color interpolation with banding and 2 by 2 Bayer ordered dithering
- Global light-level shading with a blue night tint
- Sun and moon on opposite arcs, with blended halo and crescent cut-out
- Procedural sine hills and noise-table soil texture
- Staged procedural plant sprites with species-specific behaviors
- Seed fall and dust particles, wandering blinking fireflies
- Pixel-art UI borders built from hard box-shadows and stepped text-shadows

Interaction model: Click or tap anywhere over the garden to drop a seed of the selected kind, which falls to the soil and starts growing; hovering highlights where it will land. Seed packet buttons pick the species, the time button cycles day speed between 1x, 3x and 8x, and "Till soil" clears the plot back to the empty state. The HUD updates the clock, phase and bloom count live. Keyboard users can focus the canvas and press Enter or Space to plant at a random spot.