Build a canvas-based synthwave scene in a single index.html. Features: gradient sun with scanlines, sinking sun (animated), an infinite scrolling neon grid (perspective projection), starry sky, horizon reflection (reflected grid or light beneath the horizon). Use requestAnimationFrame.

Write a nice canvas animation: sky gradient, twinkling stars, sun with horizontal scanline cutouts, grid moving toward the viewer with perspective, horizon glow, sun reflection on the "floor".

Implementation plan:
- Full-screen canvas.
- Sky gradient from deep purple to pink near the horizon.
- Stars above the horizon, random positions, twinkling via sin.
- Sun: circle with gradient (yellow → orange → magenta), with classic horizontal bands (gaps that widen toward the bottom). Sun slowly moves up and down (setting), or continuously loops.
- Grid: horizon at some y. Vertical lines converge to the vanishing point at center; horizontal lines placed at z positions that scroll toward the viewer. Standard approach: for horizontal lines, t = (i - (time*speed % 1)), worldZ, screenY = horizonY + (h * horizonHeightFactor)/z. Vertical lines: pick x positions at world -X..X and project.
- Sun reflection: draw a flipped, faded sun beneath the horizon with scanlines, plus a light pillar.
- Scanlines across the whole screen: subtle CRT overlay via repeating-linear-gradient in CSS, or a pattern drawn on canvas.
- Add glow via shadowBlur or gradients.

Keep the code clean. Write the file.

Sanity-check the vertical line projection — my calculation there looks sketchy. Let me simplify it: a vertical line at world x-coordinate xw should be drawn from the horizon's vanishing point (W/2, HORIZON) down to the bottom edge at z=NEAR, at the projected position: xNear = W/2 + xw * K / NEAR, where K is some scaling factor. Fix this and draw it from (W/2, HORIZON) to (xNear, H). Also, the horizontal line y calculation: y = HORIZON + CAM_H^2/zEff * (H/(CAM_H*3.2)) is messy. Simplify: y = HORIZON + PROJ / zEff, and choose PROJ so that when zEff=NEAR, y is roughly = H: PROJ ≈ (H - HORIZON) * NEAR.

Let me rewrite these two loops cleanly.

Also, let me verify the sun slat loop: y = cy - r + f*2r + r*0.32, with the condition y + h > cy - r*0.25. For f=0: y = cy - r + 0.32r = cy - 0.68r; y+h is slightly larger than that; the threshold is cy - 0.25r. For f=0, h = 0.16r*0.25 = 0.04r → y+h = cy-0.64r < cy-0.25r so it won't be cut. For f=0.5: y = cy + 0.32r → it gets cut. No problem — the cut starts from around f≈0.33. Good.

clearRect after clipping to the circle: clearRect clears to transparent, good. However, if you clearRect on a canvas where the sky has already been drawn — clearRect erases everything including the sky, leaving a transparent hole that exposes the page background (#0a0018 dark blue). This is actually mostly fine visually (it's dark), but the glow behind the sun ends up erased too. The classic approach: the slats expose the sky behind them. Since the clearRect exposes the dark page background, it's within acceptable range and looks like the classic synthwave look. But wouldn't it be better to draw the sky first? The order is: sky, stars, sun. clearRect erases the sky+stars within the sun area. As an alternative, if you redraw the sky color into the slats, the sun would be drawn afterward... The simplest is: leave it as is — a dark slat is the typical look. No problem.

Another check: drawSun's clip rect for non-reflected: rect(-W, -H, 3W, HORIZON + H + 2) — covers from the top to HORIZON. Good. For the reflected one, rect from HORIZON downward. Good.

Do a quick syntax check in node.

The user resent the same request. The file has already been written and edited. Need to complete verification. python3 is unavailable. Use node directly to extract the JS.

Let's run the animation logic briefly in Node using a mocked canvas, to catch runtime errors too.

Hmm, my frame loop test was a little sloppy, but eval executed resize() and the first requestAnimationFrame registration. Actually only the first frame's cb got captured. Let me do a cleaner chained test and confirm the frame function executes repeatedly.

All good. One improvement point: the scanline slits in the sun use clearRect, which punches holes that let the page background show through, rather than the sky. Visually this is actually the classic look (dark slits), but let me think again — clearRect makes those pixels transparent, so the body background #0a0018 shows through. This gives dark slits cutting across the sun, which is the classic synthwave look. No problem.

Also, there's a subtle issue: the sun's slits are erasing the sky's glow behind the sun. Acceptable. Done — submit the summary.