TITLE: Orrery of the Seven Wanderers — a brass solar machine on a midnight dial

PROMPT: Build a single self-contained HTML artwork that reads as an antique brass orrery. Background midnight #0e0c14 with a radial glow (120% 88% at 50% 44%, #1a1630 → #100d1c → #07060c), a twelve-dot radial-gradient starfield, and two concentric engraved dial rings: a repeating-conic-gradient tick ring (0.32deg brass ticks every 2.4deg, masked to a 68-79% annulus) rotating 360deg over 420s and a dashed inner ring counter-rotating over 620s. Layout: a full-bleed drag field holding a zero-size .system anchored at 50%/50%; a title block top-left in system-ui 600 uppercase .3em tracked ivory with a ui-monospace brass subtitle; a top-right control panel (bordered translucent card) with a brass-accented range input 1-365, a brass ui-monospace readout, a Pause/Play button and an elapsed-time line; a bottom legend of Georgia small-caps buttons with coloured dots; and a right-side data plate (356px, translateX(103%) → 0 on open, 0.66s cubic-bezier(.2,.9,.2,1)) that on narrow screens becomes a bottom sheet. Mechanics: six planets (Mercury, Venus, Earth, Mars, Jupiter, Saturn) with real relative periods (0.2408 to 29.457 years), each on an orbit ellipse whose semi-axes are (r, r·cos(tilt)) drawn as a border-radius:50% div so the stroke stays uniform, with per-planet screen rotation scr and node offset. Every frame integrate phase += (2π / (period·365.25)) · daysPerSecond · dt with daysPerSecond taken from the time-warp slider (1× to 365×, i.e. 1 to 365 simulated days per second), then project: px = r·cos(ang), py = r·sin(ang)·cosEff, screen-rotated by scr + sysRot, where cosEff = clamp(cos(tilt + 0.9°·sin(t/7000 + i·1.31)) · elevation). Planet DOM transforms are translate3d(sx,sy,0) scale(1 + 0.085·sin(ang)·cosEff) translate(-50%,-50%) so discs and labels stay upright and round while sitting on a squashed orbit; z-index steps 12±5 so front planets pass in front of the sun and back planets behind it. Earth carries Luna and Jupiter carries two moons, each with its own period integrated and a thin orbit ring. Interaction: drag the field to add to sysRot (system spins about the sun) and vertical drag to change elevation; hovering a planet or orbit dims every other orbit to 0.2 opacity; clicking a planet or legend chip slides in the data plate with name, glyph, period, diameter, mean distance, day length, satellites and a note. Sun is a radial brass gradient with a 7.5s pulse and layered glow. Respect prefers-reduced-motion by freezing time integration, the dial rotation and the sun pulse. One inline <style>, one inline IIFE <script> at the end of body, no canvas, no SVG, zero external references.

DESCRIPTION: A brass orrery rendered in pure DOM: a midnight observatory with engraved tick dials turning slowly behind six planets on tilted elliptical orbits. The planets move at true relative periods scaled to simulated days per second, the inner moons keep their own tiny clocks, and the whole system can be dragged around the sun. Clicking a planet slides in an engraved data plate from the right; hovering one dims the rest of the dial so a single orbit reads clearly.

TECHNIQUES: Parametric ellipse projection with inclination squash (semi-axes r and r·cos tilt, scaleY-animated ring); per-frame angle integration from real orbital periods; DOM transforms with counter-translate ordering so labels stay upright; depth-based z-index and scale for front/back parallax; repeating-conic-gradient dial ticks masked to an annulus; small-caps Georgia labels with ui-monospace data; transform-position slide-in data plate; dirty-gated rAF that skips all style writes when idle or paused; pointer-capture drag for azimuth and elevation.

INTERACTION: Drag anywhere on the field to rotate the whole system about the sun (horizontal) and change the viewing elevation (vertical, 0.70-1.45); hover or focus a planet to dim the other orbits to 20% and brighten that one; click a planet or a legend chip to slide in the right-hand data plate with its orbital data and note (Close button or Escape dismisses it, and dragging the field closes it too); move the time-warp slider from 1× to 365× to speed the integration; press Pause/Play to freeze or resume the motion; the elapsed readout counts simulated days and rolls over to years.