.milky-annual-stage {
  padding: 0;
  background: #080b20;
  border-radius: 12px;
  overflow: hidden;
}
.milky-annual canvas {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 1;
  background: #090b1d;
}
.milky-cycle-times {
  display:flex;
  justify-content:space-between;
  color:#626b80;
  font-size:.75rem;
}
.milky-year-control {
  display: block;
  max-width: 760px;
  margin: 14px auto 0;
  color: inherit;
}
.milky-year-control span {
  display: block;
  margin-bottom: 6px;
  text-align: center;
}
.milky-year-control input { width: 100%; }
.milky-year-legend {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 8px;
  font-size: .85rem;
}
.milky-year-legend span::before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 5px;
  border-radius: 2px;
}
.milky-year-legend .day::before { background: #435778; }
.milky-year-legend .twilight::before { background: #323159; }
.milky-year-legend .night::before { background: #11152f; }
.milky-region-group {
  clear: both;
  padding-top: 12px;
}
@media (max-width: 600px) {
  .milky-year-legend { gap: 9px; font-size: .75rem; }
}