Prompt:
Build a standalone full-screen canvas page called "The Floating Orrery" showing the fictional Halcyne System: an amber sun with six invented planets (Ossery, Velune, Thalassa Minor, Garrow, Ilmarin, Nemor) on slightly flattened elliptical orbits, each with its own size, angular speed, two-stop color pair and short evocative description; Garrow is a banded giant with a ring drawn in two halves so the back arc sits behind the planet and the front arc in front. Palette: near-black violet void #07060d with a soft radial vignette to #120e1c, cream text #f4ead7, ochre accent #e8a64a, coral sun edge #ff7a59. Typography: Didot/"Bodoni 72"/Georgia high-contrast serif for the title and planet names, Futura/"Century Gothic"/Trebuchet MS for labels in wide-tracked uppercase. Layout: brand block top-left (ochre eyebrow "Halcyne System", serif title, one-line intro), a "Click a planet to travel" hint top-right that fades after the first selection, a row of pill buttons along the bottom (one per planet with a color dot, aria-pressed state that inverts to cream), and an info panel bottom-right (moved above the nav on phones) with world numeral, name, description and a three-column stat strip (orbit, day length, moons) plus a round close button that rotates on hover. Canvas: sized to devicePixelRatio (capped at 2), redrawn each frame via requestAnimationFrame; three parallax star layers that wrap around the screen and shift by different depth factors as the camera moves, with gentle twinkle; thin cream orbit ellipses, with the selected orbit in ochre; a glowing sun with a wide halo and a slight breathing scale; planets lit with an offset radial gradient so the highlight always faces the sun. Interaction: clicking a planet (or its button) sets it as the camera target; camera x, y and zoom ease toward the moving planet using frame-rate-independent exponential smoothing, zoom chosen from planet size; on phones the focus point shifts upward so the panel does not cover the planet. Hovering shows a dashed ring and the planet name; the cursor becomes a pointer over planets. Clicking empty space, the close button or Escape returns to the full system view. Reduced motion slows orbits to a crawl, disables twinkle and breathing, and snaps the camera instead of easing.

Title: The Floating Orrery

Description: A cinematic, quietly luxurious orrery toy. A warm amber star anchors six hand-tuned worlds drifting through a deep violet void, while layered stars slide past at different speeds to give real depth. Selecting a world glides the telescope toward it and opens an elegant serif placard with its lore and statistics, like a museum label for an imaginary solar system.

Visual techniques:
- HiDPI canvas rendering with resize handling and a single requestAnimationFrame loop
- Three-layer wrapping parallax starfield tied to camera position
- Sun-facing radial-gradient shading on each planet and a split front and back ring
- Exponential camera smoothing for pan and zoom with frame-rate independence
- Screen-space hit testing with generous minimum touch radius
- Frosted info panel with staged fade and slide transition, pill navigation with pressed states

Interaction model: Click or tap any planet, or use the planet buttons along the bottom, to ease the camera onto that world and open its placard; the camera keeps following it along its orbit. Hover to preview a planet's name. Click empty space, the close button or press Escape to drift back out to the whole system. Keyboard users can tab through the planet buttons.