/* Three solar states, independent of the user's preferred control accent. */
body.portal-home.campus-scene { transition: background-color 2s ease; }
body.portal-home.campus-scene[data-sky="day"] { background: linear-gradient(145deg,#e1effb 0%,#acd7f9 48%,#7dbcef 100%)!important; }
body.portal-home.campus-scene[data-sky="dusk"] { background: linear-gradient(180deg,#657caf 0%,#ba9fc2 30%,#edb6a5 60%,#f5d3b0 100%)!important; }
body.portal-home.campus-scene[data-sky="night"] { background: linear-gradient(160deg,#111b35 0%,#263a61 55%,#455573 100%)!important; }
.campus-foreground { transition:filter 3s ease; }
[data-sky="dusk"] .campus-foreground { filter:brightness(.88) saturate(.8) sepia(.16); }
[data-sky="night"] .campus-foreground { filter:brightness(.47) saturate(.5); }
.campus-sun,.campus-moon { position:absolute;right:10%;top:10%;width:96px;height:96px;opacity:0;transition:opacity 2s ease; }
.campus-sun { object-fit:contain;filter:drop-shadow(0 0 24px #ffe5a744); }
.campus-moon { width:76px;height:76px;right:12%;top:13%;filter:drop-shadow(0 0 14px #edf1ce35); }
[data-sky="day"] .campus-sun { opacity:1; }
[data-sky="night"] .campus-moon { opacity:1; }
[data-sky="dusk"] .campus-sun { opacity:.75;top:40%;right:7%;filter:sepia(.2) saturate(1.3) drop-shadow(0 0 26px #ffc08c60); }
[data-sky="night"] .moving-cloud { opacity:.24;filter:brightness(.65) saturate(.5); }
[data-sky="dusk"] .moving-cloud { filter:sepia(.2) saturate(.65);opacity:.7; }
.campus-stars { position:absolute;inset:0;opacity:0;transition:opacity 3s ease;background-image:radial-gradient(circle at 12% 9%,#fff9 0 1px,transparent 1.6px),radial-gradient(circle at 36% 13%,#fff8 0 1px,transparent 1.6px),radial-gradient(circle at 64% 7%,#fff9 0 1px,transparent 1.6px),radial-gradient(circle at 86% 26%,#fff7 0 1px,transparent 1.6px),radial-gradient(circle at 54% 31%,#fff6 0 .8px,transparent 1.3px),radial-gradient(circle at 20% 38%,#fff7 0 .8px,transparent 1.3px),radial-gradient(circle at 74% 21%,#fff9 0 1px,transparent 1.6px); }
[data-sky="night"] .campus-stars { opacity:.8; }
body.campus-scene .portal-topbar .campus-time { display:flex;flex-direction:column;gap:4px;align-items:center;margin-left:auto;margin-right:130px;color:#3f566a;font-size:12px;font-variant-numeric:tabular-nums; }
.campus-solar-details { font-size:10px;opacity:.8; }
[data-sky="night"].campus-scene .campus-caption h1 { color:#e8eff8!important;text-shadow:none; }
[data-sky="night"].campus-scene .campus-caption h1 em { color:#c8d9ea!important; }
[data-sky="night"].campus-scene .campus-caption .overline,[data-sky="night"].campus-scene .portal-topbar .campus-time { color:#c5d4e6; }
[data-sky="night"].campus-scene .portal-topbar>img { filter:brightness(0) invert(1); }
[data-sky="night"].campus-scene .theme-entry { color:#d8e4f2!important; }
[data-sky="dusk"].campus-scene .campus-caption h1 { color:#293c56!important; }
[data-sky="dusk"].campus-scene .campus-caption h1 em { color:#674751!important; }
@media(prefers-reduced-motion:reduce) { .campus-foreground,.campus-sun,.campus-moon,.campus-stars { transition:none; } }
@media(max-width:760px) {
  body.portal-home.campus-scene[data-sky] { background:var(--theme-bg)!important; }
  body.campus-scene .portal-topbar .campus-time { display:none; }
  [data-sky="night"].campus-scene .portal-topbar>img { filter:none; }
  [data-sky="night"].campus-scene .theme-entry { color:var(--theme-muted)!important; }
}
/* Clouds pass in front of both luminaries, behind the school foreground. */
.campus-stars{z-index:0}
.campus-sun,.campus-moon{z-index:1}
.moving-cloud{z-index:3}
[data-sky="night"] .moving-cloud{opacity:.7;filter:brightness(.52) saturate(.3)}
.campus-moon{filter:drop-shadow(0 0 11px #edf1ce25)}