/* ---------- Sky path & moon chart containers ---------- */
.skypath-box{
  background:var(--bg-panel); border:1px solid var(--line-soft); border-radius:var(--radius);
  padding:20px; max-width:640px; margin:0 auto;
}
.skypath-legend{display:flex; gap:18px; margin-top:14px; flex-wrap:wrap; justify-content:center;}

.skypath-time-scrubber{
  display:flex; align-items:center; gap:12px; margin-bottom:14px;
}
.skypath-time-scrubber input[type="range"]{
  flex:1; -webkit-appearance:none; appearance:none; height:4px; border-radius:2px;
  background:var(--line-soft); outline:none; cursor:pointer;
}
.skypath-time-scrubber input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none; appearance:none; width:14px; height:14px; border-radius:50%;
  background:var(--gold); cursor:pointer; box-shadow:0 0 0 3px var(--bg-panel);
}
.skypath-time-scrubber input[type="range"]::-moz-range-thumb{
  width:14px; height:14px; border-radius:50%; border:none;
  background:var(--gold); cursor:pointer; box-shadow:0 0 0 3px var(--bg-panel);
}
.skypath-time-label{
  font-family:var(--font-mono); font-size:13px; font-weight:600; color:var(--ink);
  min-width:76px; text-align:center; white-space:nowrap;
}
.moon-chart-box{
  background:var(--bg-panel); border:1px solid var(--line-soft); border-radius:var(--radius);
  padding:18px; margin-top:18px;
}
.card.accent-aurora{ --card-accent:#7FD1AE; }