嵐の海面から深海まで潜る、手続き型の生きた海（単一HTML）

Build a single self-contained HTML file that renders a living ocean you can descend through. Start at a stormy, animated sea surface with rolling waves under heavy clouds, then let the viewer dive through named depth zones: sunlit coral ridges, open blue water, a continental slope, a pitch-black abyssal plain and a deep-sea garden with glowing creatures. Fade light and colour from bright teal to near black as depth increases. Populate each zone with procedurally simulated animals such as schools of fish, a humpback whale and drifting deep-sea organisms, each following simple behaviour rules like schooling, wandering and avoiding the camera. Add a minimal overlay with the zone title, a depth readout, a species info card and a settings panel for seed, lighting and surface options, plus URL parameters that restore a chosen site and seed. Done means the whole dive plays smoothly in a browser, the surface-to-abyss transition feels continuous and the animals visibly move on their own.