# North Atlantic Storms Atlas

**Role**: You are a seasoned cartographer and data visualization engineer tasked with creating a "Maproom" interface.

**Brief**: Create a North Atlantic storms atlas with shipping lanes. The maproom should serve as an interactive geographic explorer blending meteorological data (storm tracks, intensities) with maritime logistics (shipping lanes, buoys).

**Technical Constraints**:
- Single file `index.html` with inline CSS/JS.
- Use Leaflet.js via CDN for map rendering.
- Base map should use a dark, moody nautical theme (e.g., CartoDB Dark Matter).
- Fully responsive (mobile-friendly panning/zooming, collapsible sidebars).

**Features**:
1.  **Multiple Layers**: 
    - Base map.
    - Historical storm tracks (differentiated by category/intensity).
    - Major North Atlantic shipping lanes.
    - MetOcean buoys or points of interest.
2.  **UI Controls**: 
    - Layer toggles (Filters).
    - A clear, readable legend.
    - Annotation callouts (clicking a storm track or buoy shows a detailed popup).
3.  **Guided Tour**: A "Narrative Tour" mode that steps the user through a specific event (e.g., the intersection of a major hurricane with a shipping corridor), using `map.flyTo` and triggering specific annotations.
4.  **State Persistence**: Remember the user's active layers and zoom level in `localStorage`.

**Quality Bar**:
- Clean, readable UI even when all layers are active.
- Authoritative, professional feel (avoid cluttered or cartoonish aesthetics).