TITLE: Neon Horizon — a chrome sunset that answers to your hand

PROMPT: Build a single self-contained HTML5 synthwave sunset scene that fills the viewport at any size from 360px to 1920px. Structure: one full-height .frame (100dvh) holding a .world parallax layer (sky, night overlay, sun, ground, two palms), a full-stage <canvas> for the perspective grid, a car track, a CRT scanline overlay, a vignette, a glitch bar, a centered title block and a bottom HUD. Palette: night #1a0b2e, pink #ff6b9d, amber #ffb020, cyan #6ee7f9, violet #2b1055, with deep-space #0a0320 and ground #241040 to #0c0518. Sky is a two-layer background: a radial warm bloom anchored at the horizon (62% of viewport height) over a vertical linear gradient that runs #0a0320 to #1a0b2e to #2b1055 to #5c2170 to #b03a7a to #ff6b9d to #ffb020. The sun is a CSS circle (min(46vw,440px)) pinned bottom-to-horizon with translate(-50%,-100%): a top half clipped with inset(0 0 50% 0) and a bottom half clipped with inset(50% 0 0 0) plus a repeating-linear-gradient mask (9px opaque / 6px transparent) for the classic scanline slices; a radial .sun-glow sits behind it at z-index -1. The ground is an opaque gradient block starting at --hz:62% with a 2px cyan-to-amber-to-pink horizon line that carries a 46px box-shadow bloom. The canvas draws a vanishing-point grid below the horizon only (clipped rect): 27 cyan converging verticals at 11.5% horizontal spacing and 22 pink horizontal depth lines whose y = hz + (H-hz)/d with d = k - scroll, alpha 0.1 + 0.95/d and lineWidth max(0.6, 2.3/d) so lines thicken as they rush toward the viewer; stars are drawn above the horizon as small fillRects twinkling with sin() and an alpha scaled by a night factor. Typography: display is system-ui 800 italic uppercase at clamp(42px,11.2vw,168px) with a vertical chrome gradient (white to #d7f6ff to #6ee7f9 to white to #ff9ec4 to #ff6b9d to #ffb020) applied through background-clip:text, a 1.4px pink -webkit-text-stroke and a 42px pink text-shadow; the kicker, subtitle, timestamp and HUD are ui-monospace letterspaced 0.22em to 0.62em. Motion: grid scrolls at 0.42 units/s, sun lerps toward a target that slow-sines between dusk and night, palms sway ±1.6deg on an 11s/13s alternating loop, a silhouette car cruises 26s left-to-right along the horizon, the whole frame jitters on a 13s steps(1,end) VHS roll keyframe. Interaction: pointermove sets normalized coordinates that drive a ±0.8% world parallax with counter-parallax on the title; wheel sets auto=false and scrubs the sun target between 0 and 1 (dusk to night, also darkening the night overlay opacity 0.26 to 0.88); clicking the frame toggles a .burst class that runs a steps(2,end) jolt on the world, a descending glitch bar and a chromatic text-shadow on the title; hovering the sun scales and brightens its glow. Honour prefers-reduced-motion by killing all keyframe animation and freezing scroll/parallax/sun drift while still rendering one complete static frame. All CSS in one inline <style>, all JS in one IIFE in one inline <script> at the end of body, zero external references, system fonts only, canvas sized as cssW * devicePixelRatio with ctx.setTransform, and no createElementNS anywhere.

DESCRIPTION: A full-bleed synthwave sunset built entirely from CSS gradients and one 2D canvas. A giant sliced sun hangs on a chrome horizon line, flanked by hand-drawn palm silhouettes, over a magenta perspective grid that rushes at the viewer while a tiny silhouette car glides along the horizon. A chrome-gradient title floats in the upper third between a monospace VHS kicker and a REC timestamp, and the whole frame occasionally tears itself sideways like a tape losing tracking. The mood is 1986 optimism: warm, wet, neon and slightly broken.

TECHNIQUES: Two-layer CSS sky (radial horizon bloom over vertical gradient); CSS circle sun split into clipped top and mask-striped bottom halves for scanline slices; radial-gradient glow layer at z-index -1 with hover scale; 2D canvas perspective grid with clipped draw region, depth-based line width and alpha, and a parallaxed vanishing point; twinkling star field from seeded random positions; chrome display type via background-clip:text plus -webkit-text-stroke and layered text-shadow; hand-authored inline SVG palm silhouettes with transform-origin sway; inline SVG car silhouette with a linear cruise keyframe; VHS jitter via steps(1,end) keyframes on the frame; CRT scanline overlay with mix-blend-mode:overlay; glitch burst via class toggle, steps() jolt and a descending screen-blend bar; dirty-gated rAF loop with change-threshold style writes.

INTERACTION: Move the pointer anywhere to steer the horizon parallax — the world slides a fraction of the cursor while the title counter-drifts. Scroll the wheel to scrub the sun between dusk and night: it sinks toward the horizon, the sky darkens and stars brighten. Click the frame (or the sun) to fire a VHS glitch burst — the world jolts sideways, a bright bar rolls down the screen and the title splits into pink/cyan ghosting. Hover the sun and its glow swells and saturates. Everything calms to a still, complete frame when the system requests reduced motion.