/* moon_phases.css — Moon-orbit + phase-disc scene drawn by viz/moon_phases.js (SVG). */

.mp { display: flex; flex-direction: column; gap: 0.6rem; }
.mp-sun { fill: #fcd34d; font-size: 11px; font-weight: 700; }
.mp-ray { stroke: rgba(252, 211, 77, 0.4); stroke-width: 1.2; stroke-dasharray: 5 4; }
.mp-rayh { fill: rgba(252, 211, 77, 0.6); }
.mp-orbit { fill: none; stroke: rgba(148, 163, 184, 0.3); stroke-width: 1; stroke-dasharray: 3 4; }
.mp-earth { fill: #2563eb; stroke: #93c5fd; stroke-width: 1.2; }
.mp-elbl, .mp-cap { fill: #8aa0b6; font-size: 9.5px; font-weight: 600; }
.mp-div { stroke: rgba(255, 255, 255, 0.08); stroke-width: 1; }
.mp-moondk { fill: #1e293b; stroke: rgba(148, 163, 184, 0.45); stroke-width: 1; }
.mp-moonlt { fill: #fde68a; }
.mp-sight { stroke: rgba(148, 163, 184, 0.3); stroke-width: 1; stroke-dasharray: 2 3; }
.mp-discdk { fill: #11161f; stroke: rgba(148, 163, 184, 0.4); stroke-width: 1.2; }
.mp-disclt { fill: #fef3c7; filter: drop-shadow(0 0 6px rgba(253, 230, 138, 0.45)); }

.mp-now { text-align: center; font-size: 1.02rem; font-weight: 800; color: #fde68a; min-height: 1.2rem; }