Phoenix ignis — Référence de design web et prompt

# Myth Atlas — Interactive 3D Creature Field Guide (exact recreation prompt)

Build a single-file, full-viewport web app called **Myth Atlas**: an interactive 3D field guide to creatures that never existed. It looks like a museum specimen plate on warm sandstone paper. A phoenix and a kraken sit in the centre as real textured 3D models you can drag, zoom and spin. A left sidebar, two specimen tabs, and a right catalogue card surround them. Clicking a tab flies one model out and springs the other in, while the card's copy swaps with a staggered rise. A sun button flips the whole page and the 3D lighting to a dark dusk mode.

Vanilla HTML, CSS and JS in one file, using Three.js r170 from a CDN import map. No frameworks and no build step. Reproduce every value, string, icon, URL and timing below exactly.

---

## 1. Head and external resources

- `<!DOCTYPE html>`, `lang="en"`, charset utf-8, viewport `width=device-width, initial-scale=1, viewport-fit=cover`.
- Title: `Myth Atlas — Featured creatures`