TITLE: NEON DRIFT — A Nightclub Landing Page on an Endless Perspective Grid

PROMPT: Build a single-file, self-contained HTML landing page titled "NEON DRIFT — Enter the Grid" for a fictional racing game. Palette: #08060f night, #ff2d78 pink, #00e5ff cyan, #ffd400 yellow, #7c4dff violet. Typography: display system-ui 900 italic uppercase at clamp(52px,14.5vw,210px) with layered neon text-shadow, body system-ui, all labels ui-monospace with heavy tracking. Structure: a fixed full-viewport canvas behind everything; a fixed scanline overlay (repeating-linear-gradient at 3.5% white) and a fixed vignette; a nav bar with a glowing mono wordmark "ND//07" and three tracked links; a 100dvh hero anchored to the bottom with a mono kicker "Season 07 · Grid open", the huge headline "NEON / DRIFT" with a thin 200-weight wide-tracked sub-line "Run the light" in yellow, a body paragraph, a floating PLAY button and a mono hint; a full-width marquee ticker of mono stats duplicated once for a seamless translateX loop; two feature cards ("Drift Mode", "Photon Rush") in a 2-column grid collapsing to 1, each with a mono kicker, italic 800 title with a pink em, body copy, a three-item stat row and a gradient underline that scales in on hover; and a footer bar with three mono links. Canvas engine: DPR-scaled full-viewport canvas drawing a perspective floor grid — vertical lines as straight segments from the vanishing point to the z-near point (screen x = cx + focal*xw/z), horizontal lines at z = zStart * ratio^(k + frac) with frac decreasing over time so lines rush toward the viewer, all stroked with globalCompositeOperation 'lighter'; a vertical background gradient; a large radial horizon glow in pink/violet/cyan; a bright cyan-to-pink horizon line; and a pointer-tracked radial light source with a small white core. The vanishing point leans toward the pointer by 7% of its offset, and a pointer light is drawn additively over the grid. Scroll velocity (|deltaY| accumulated and decayed at 0.94 per frame) accelerates the grid; the PLAY click pushes the velocity to maximum for a burst. Headline glows and flickers once on load using a steps(1,end) text-shadow-only keyframe (text is always fully visible), the CTA pulses with a box-shadow keyframe plus a scaling ring pseudo-element, and hovering or focusing any link spawns a short-lived span that sweeps a cyan-to-pink gradient across it via transform. PLAY also triggers a white-to-pink radial flash overlay and a short WebAudio square-wave blip created inside a try/catch on the user gesture. Everything respects prefers-reduced-motion: no rAF loop (single static draw), no marquee, no trails, no flicker, no blip flash. All JS in one IIFE in a single inline <script> at the end of body; no external references; the substring "http" absent everywhere.

DESCRIPTION: A nightclub landing page for a fictional racing game, built on a glowing perspective floor that never stops rushing toward the viewer. A huge italic headline sits over the grid with a neon halo that flickers once and settles; the horizon burns pink into violet into cyan. Links leave light trails as you hover them, the pointer drags a soft light source across the floor and leans the whole grid toward it, scrolling accelerates the rush, and the PLAY button flashes and blips before it throws the grid into overdrive.

TECHNIQUES:
- Canvas 2D perspective grid with correct projective math (x = cx + focal*xw/z, y = horizon + focal*camY/z) rather than faked CSS 3D
- Additive ('lighter') compositing for converging verticals, approaching horizontals with depth-based alpha and line width, horizon line and pointer light
- Continuous geometric line motion: z = zStart * ratio^(k + frac) with a wrapping fractional offset so lines accelerate smoothly toward the camera
- Scroll-velocity-driven speed with exponential decay, plus a click-triggered burst
- Layered neon text-shadow, steps(1,end) flicker keyframe that never hides the text, box-shadow pulse plus scaling ring pseudo-element
- DOM-spawned light trails: an absolutely positioned gradient span inside an overflow-hidden, isolated link, animated by transform and removed on a timer
- WebAudio square-wave blip with a frequency ramp and gain envelope, created lazily on the click gesture inside try/catch
- CSS custom-property palette, clamp() display type, duplicated marquee track for a seamless loop, scanline and vignette overlays

INTERACTION: Moving the pointer drags a soft pink/violet light source across the grid and leans the vanishing point toward it; scrolling accelerates the grid rush, which decays back to idle speed; hovering or focusing a nav or footer link sweeps a cyan-to-pink light trail across it; clicking PLAY fires a screen flash, plays a short blip, and throws the grid into a burst of speed; the headline flickers once on load then holds a steady neon glow; the CTA pulses continuously. With prefers-reduced-motion the grid is a single still frame, the marquee and trails stop, and the flash and flicker are disabled.