.solar-intro{margin:42px 0 22px}.solar-intro h1{font-size:clamp(36px,5vw,60px);letter-spacing:-2px}.solar-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px;color:var(--text)}.solar-controls button,.solar-controls select,.solar-planets button{font:inherit;min-height:44px;padding:10px 15px;border:1px solid var(--line);border-radius:12px;background:var(--theme-panel);color:var(--text)}.solar-controls label{display:flex;align-items:center;gap:8px}.solar-stage{position:relative;margin-top:16px}#solarCanvas{display:block;width:100%;aspect-ratio:1000/760;touch-action:pan-y}#planetTooltip{position:absolute;pointer-events:none;padding:8px 12px;border-radius:8px;background:var(--theme-panel);border:1px solid var(--accent);font-size:13px;color:var(--text);z-index:2}#solarLoading{position:absolute;top:15px;left:15px}.solar-planets{display:flex;flex-wrap:wrap;gap:8px}.solar-planets [aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.solar-detail{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--theme-panel);margin-top:24px}.solar-detail h2{font-size:30px}.solar-detail .primary{white-space:nowrap}.solar-note{font-size:12px!important;color:var(--muted);line-height:1.7}.solar-detail p{max-width:650px}footer{display:flex;justify-content:center;gap:24px;padding:30px 0}@media(max-width:600px){main{padding:0 18px}#solarCanvas{aspect-ratio:1/1.05}.solar-intro{margin-top:24px}.solar-detail{align-items:start;flex-direction:column}.solar-planets{display:grid;grid-template-columns:repeat(4,1fr)}.solar-planets button{padding:8px 4px;font-size:12px}.solar-controls{font-size:12px;gap:10px}}

/* Local atmosphere stays beneath the existing canvas/glass. */
.solar-stage{background:radial-gradient(ellipse at 50% 45%,var(--solar-atmosphere,transparent),transparent 75%)}
.solar-audio{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}.solar-audio button{min-height:44px}.solar-audio audio{max-width:100%}.planet-options button[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:3px}.planet-options button:focus-visible,.solar-audio button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}

/* Selected-world lighting, scoped to this page; the system's base stays intact. */
.nebula-clouds{background:radial-gradient(ellipse at 75% 20%,rgba(var(--accent-rgb),.2),transparent 58%),radial-gradient(ellipse at 15% 80%,rgba(var(--accent-rgb),.14),transparent 55%)}
.solar-detail{background:linear-gradient(120deg,rgba(var(--accent-rgb),.13),transparent 85%),var(--theme-panel);border-color:rgba(var(--accent-rgb),.48);box-shadow:0 0 38px rgba(var(--accent-rgb),.08)}
.solar-planets [aria-pressed=true],.solar-controls button,.solar-audio button{border-color:rgba(var(--accent-rgb),.55);box-shadow:0 0 16px rgba(var(--accent-rgb),.1)}
.solar-planets [aria-pressed=true]{background:rgba(var(--accent-rgb),.23)}
.solar-detail,.solar-controls button,.solar-planets button,.solar-audio button,.solar-detail .primary{transition:background-color .65s ease,border-color .65s ease,box-shadow .65s ease}
@media(prefers-reduced-motion:reduce){.solar-detail,.solar-controls button,.solar-planets button,.solar-audio button,.solar-detail .primary{transition:none}}
