body{background:linear-gradient(180deg,var(--sky-top,var(--sky)),var(--sky) 72%);transition:none}
body[data-season]{background:linear-gradient(180deg,var(--sky-top,var(--sky)),var(--sky) 72%)}
.time-switch button{padding:10px 12px;font-size:11px;white-space:nowrap}
.time-switch #time-auto[aria-pressed=true]{color:var(--pine)}
body.evening .time-switch #time-auto[aria-pressed=true]{color:#fff}
@media(max-width:720px){.scene-top{grid-template-columns:1fr;gap:9px}.time-switch{width:100%;justify-content:space-between}.time-switch button{flex:1;justify-content:center;padding:8px 7px;font-size:11px;gap:5px}.scene-caption{justify-self:start;font-size:10px}.world{min-height:620px}#viewport{top:218px}}
@media(max-width:360px){.time-switch button span{display:none}}
@media(prefers-reduced-motion:reduce){body.weather-motion{transition:none!important}}