Build an interactive Milky Way learning map

the prompt

/goal Build me a beautiful, fully interactive learning map of the Milky Way galaxy in the browser — a tool a curious non-scientist could explore for an hour. Requirements: 1. A stunning 3D galaxy view (Three.js/WebGL): spiral arms, galactic core, dust lanes — rendered with real visual craft (particle systems, bloom, deep-space color grading), not a flat texture on a disc. 2. REAL data, not invented: use a real star catalog (e.g. the HYG database or Gaia-derived open data) for the solar neighborhood, and real named objects for the galactic scale — spiral arms by name, Sagittarius A*, the Sun's actual position (~26,000 light-years out on the Orion Arm), famous nebulae and clusters. Research and pull the data first; cite the source in an info footer. 3. Everything clickable: selecting any object opens a clean learning panel — what it is, how far, one genuinely interesting fact — written in plain language a smart 12-year-old follows. No filler text. 4. Seamless zoom: from full-galaxy scale down to the solar neighborhood, with a sense of scale communicated on the way (light-year ruler, "you are here"). 5. A guided tour mode: 6-8 stops (the core, a spiral arm, a nebula, the Sun...) with smooth camera flights between them. Build, then QA: deploy live to Vercel, screenshot with Playwright, verify every panel opens, the zoom is smooth, and the data spot-checks against your sources. DONE when: the deployed map is gorgeous, factually grounded, and genuinely explorable — every visible object interactable, tour mode working, 60fps. Keep iterating until it feels like a planetarium exhibit, not a demo.

…