# One-Shot Prompt

**Theme**: Deep sea research station
**Generated**: 2026-04-14

## Prompt

Write a complete, immersive single-file HTML website for a deep sea research station named "Sublevel 7". The design must be cinematic, scroll-driven, and highly atmospheric, capturing the claustrophobia and high-tech reality of extreme depth.

**Visual & Technical Requirements:**
1.  **Palette**: Midnight blue background, deep cyan accents, glowing bioluminescent green and warning orange for UI elements.
2.  **Typography**: Use a mix of a severe sans-serif (e.g., system-ui) for headings and a monospace font for data readouts and logs to give it a terminal/interface feel.
3.  **Hero Section**: A full-screen immersive header. Include a depth counter that animates ticking down to "10,924m" on load. The main title "SUBLEVEL 7" should have subtle text-shadow or scanline effects. Tagline: "Research below the thermocline."
4.  **Mission Section**: A sleek, dark section detailing the station's purpose (studying extremophiles, acoustic anomalies). Reveal elements on scroll using Intersection Observer.
5.  **Live Telemetry (Canvas)**: Build an animated sonar/radar sweep using the HTML5 Canvas API. It should draw concentric rings and a sweeping radar arm, occasionally "pinging" a signal. Surround it with CSS-styled system metrics (Hull Integrity, External Pressure, Oxygen).
6.  **Terminal Logs**: A scrolling or typing terminal area displaying recent mysterious log entries.
7.  **Footer**: Stark and minimal, containing Mariana Trench coordinates and a "transmission ended" message.
8.  **Atmosphere**: Add a subtle CSS grain or noise overlay to the entire page to simulate an underwater camera feed or screen artifacts. Use `font-display: swap`, smooth scrolling, and ensure mobile responsiveness.

No external images. Use CSS gradients, inline SVG, and Canvas only. All HTML, CSS, and JS must be in one file. Do not truncate the code. Write every line.

## Notes

- Uses Intersection Observer for scroll-triggered fades.
- Uses Canvas API for the live sonar effect.
- Includes CSS-only noise overlay using an inline SVG data URI.
- Hosting: Drop into Vercel, Cloudflare Pages, or CodePen.