TITLE: AFTERHOURS — MIAMI 1986
PROMPT: Build 'AFTERHOURS — MIAMI 1986', a full-bleed retrowave scene: a giant sun with horizontal scanline slits sinking toward an animated perspective grid floor (CSS 3D), palm silhouettes framing the edges, a chrome-gradient headline with chromatic fringe and VHS jitter, drifting haze. Palette: hot pink, tangerine, violet, teal grid. Interactions: a cruise toggle scrolls the grid, descends the sun and parallaxes the palms; dragging horizontally pans the scene; radio chips swap the color grade (sunset / midnight / vapor); a VHS tracking-bar artifact slides across periodically. Nostalgic, saturated, cinematic.
DESCRIPTION: A full-viewport 1986 broadcast built from layered CSS 3D: a five-stop gradient sky, a twinkling starfield canvas that fades toward the horizon, a giant sun disc with nine widening scanline slits eaten out of its lower half and a chromatic core glow, and a neon teal perspective grid floor rotated 84.5° in real 3D space that scrolls toward the viewer with a screen-blended glow pooling at the horizon line. Four procedurally generated SVG palm silhouettes (bent trunks, seven fronds each with alternating leaflets) frame the edges at two parallax depths. The AFTER HOURS chrome headline is a nine-stop metallic gradient clipped to text with pink/teal drop-shadow chromatic fringing and a periodic VHS jitter keyframe. Drifting screen-blended haze bands, CRT scanlines and a vignette complete the tube.
TECHNIQUES: CSS custom-property color grading with instant whole-scene restain via color-mix() derivatives, perspective + rotateX floor in true CSS 3D, background-position keyframe grid scroll gated behind a .cruise class, canvas starfield with per-star twinkle phase and parallax shift, procedural inline SVG palm generation from seed values, pointer-captured horizontal drag pan with eased follow-through applied at four parallax depths, transition-driven sun descent read out in fictional degrees, scheduled VHS tracking-bar artifact (overlay-blended white band with neon drop shadow), reduced-motion fallbacks for haze/grid/jitter/tracking, visibilitychange frame pause, zero external assets
INTERACTION: Drag anywhere horizontally to pan the scene — palms, sun, grid and stars all shift at different depths. The Cruise toggle starts the grid scrolling, slowly descends the sun toward the horizon and parallaxes the palms while a MPH readout breathes. Sunset / Midnight / Vapor chips re-grade the entire broadcast (sky, sun, grid, glow) in one transition. A VHS tracking bar artifact slides down the screen every few seconds; the top-right readout reports sun angle, pan offset, grade and speed like a broadcast console.