/* Decorative ambient sky — behind content, independent of Engine calculations.
   Legible against pale clouds, gentle motion: no JS, WebGL, timers or inputs. */
.ae-app--overview .ae-celestial-ambience{
  position:absolute;
  inset:0;
  z-index:1; /* below the wheel (2), headline (3) and cards (5) */
  overflow:hidden;
  pointer-events:none;
  user-select:none;
  contain:layout paint;
}
.ae-app--overview .ae-celestial-ambience__star{
  position:absolute;
  display:block;
  top:var(--top,50%);
  left:var(--left,50%);
  width:var(--size,2px);
  height:var(--size,2px);
  border-radius:50%;
  background:var(--tone,#975f98);
  opacity:.67;
  box-shadow:
    0 0 0 1px rgba(255,248,252,.34),
    0 0 6px 1px rgba(133,76,133,.48),
    0 0 13px rgba(187,120,166,.24);
  animation:
    ae-ambient-drift var(--drift-time,36s) ease-in-out var(--delay,0s) infinite alternate,
    ae-ambient-glimmer var(--glimmer-time,8.5s) ease-in-out var(--delay,0s) infinite alternate;
}
.ae-app--overview .ae-celestial-ambience__star--1 {--left:8%; --top:24%; --size:3px; --tone:#9c559c; --drift-x:27px; --drift-y:-16px; --drift-time:31s;--delay:-13s;--glimmer-time:7.2s}
.ae-app--overview .ae-celestial-ambience__star--2 {--left:19%;--top:69%; --size:4.5px; --tone:#b48764; --drift-x:-25px;--drift-y:22px; --drift-time:39s;--delay:-24s;--glimmer-time:8.8s}
.ae-app--overview .ae-celestial-ambience__star--3 {--left:32%;--top:17%; --size:2.25px;--tone:#aa6fae; --drift-x:32px;--drift-y:20px;  --drift-time:35s;--delay:-19s;--glimmer-time:10.1s}
.ae-app--overview .ae-celestial-ambience__star--4 {--left:38%;--top:53%; --size:3px; --tone:#b07da8; --drift-x:-22px;--drift-y:-20px;--drift-time:41s;--delay:-38s;--glimmer-time:7.9s}
.ae-app--overview .ae-celestial-ambience__star--5 {--left:45%;--top:85%; --size:4.5px; --tone:#b68e72; --drift-x:16px; --drift-y:-32px; --drift-time:34s;--delay:-11s;--glimmer-time:9.4s}
.ae-app--overview .ae-celestial-ambience__star--6 {--left:54%;--top:31%; --size:2.25px;--tone:#ae71a3; --drift-x:27px;--drift-y:-29px;--drift-time:43s;--delay:-33s;--glimmer-time:11.1s}
.ae-app--overview .ae-celestial-ambience__star--7 {--left:61%;--top:78%; --size:3px; --tone:#a477a4; --drift-x:-16px;--drift-y:29px; --drift-time:32s;--delay:-30s;--glimmer-time:8.2s}
.ae-app--overview .ae-celestial-ambience__star--8 {--left:69%;--top:13%; --size:3px; --tone:#b98b6c; --drift-x:25px;--drift-y:22px; --drift-time:49s;--delay:-14s;--glimmer-time:10.7s}
.ae-app--overview .ae-celestial-ambience__star--9 {--left:76%;--top:43%; --size:4.5px; --tone:#a66fa0; --drift-x:-29px;--drift-y:-11px;--drift-time:37s;--delay:-31s;--glimmer-time:7.6s}
.ae-app--overview .ae-celestial-ambience__star--10{--left:86%;--top:72%; --size:2.25px;--tone:#b58c71; --drift-x:-20px;--drift-y:-29px;--drift-time:45s;--delay:-46s;--glimmer-time:9.8s}
.ae-app--overview .ae-celestial-ambience__star--11{--left:91%;--top:18%; --size:3.75px;--tone:#a06c9b; --drift-x:18px; --drift-y:25px; --drift-time:38s;--delay:-15s;--glimmer-time:8.5s}
.ae-app--overview .ae-celestial-ambience__star--12{--left:23%;--top:90%; --size:3px; --tone:#bc907c; --drift-x:22px;--drift-y:-20px; --drift-time:43s;--delay:-22s;--glimmer-time:11.5s}
.ae-app--overview .ae-celestial-ambience__star--13{--left:52%;--top:58%; --size:2.25px;--tone:#af7baf; --drift-x:-27px;--drift-y:18px; --drift-time:53s;--delay:-40s;--glimmer-time:9.1s}
.ae-app--overview .ae-celestial-ambience__star--14{--left:96%;--top:89%; --size:3px; --tone:#b988a7; --drift-x:-20px;--drift-y:-22px;--drift-time:38s;--delay:-21s;--glimmer-time:7.8s}
.ae-app--overview .ae-celestial-ambience__star--15{--left:5%;--top:53%;--size:3.5px;--tone:#92538a;--drift-x:28px;--drift-y:-16px;--drift-time:39s;--delay:-8s;--glimmer-time:7.5s}
.ae-app--overview .ae-celestial-ambience__star--16{--left:16%;--top:82%;--size:4.5px;--tone:#ad795e;--drift-x:-17px;--drift-y:24px;--drift-time:41s;--delay:-18s;--glimmer-time:9.1s}
.ae-app--overview .ae-celestial-ambience__star--17{--left:41%;--top:7%;--size:2.8px;--tone:#8e619c;--drift-x:23px;--drift-y:19px;--drift-time:35s;--delay:-5s;--glimmer-time:8.3s}
.ae-app--overview .ae-celestial-ambience__star--18{--left:72%;--top:86%;--size:3.8px;--tone:#9d6b96;--drift-x:-21px;--drift-y:-17px;--drift-time:47s;--delay:-17s;--glimmer-time:10.2s}
.ae-app--overview .ae-celestial-ambience__star--19{--left:94%;--top:57%;--size:4px;--tone:#a36f59;--drift-x:-28px;--drift-y:14px;--drift-time:44s;--delay:-25s;--glimmer-time:7.9s}
.ae-app--overview .ae-celestial-ambience__star--20{--left:82%;--top:35%;--size:2.8px;--tone:#854e8e;--drift-x:16px;--drift-y:-22px;--drift-time:37s;--delay:-12s;--glimmer-time:8.6s}
.ae-app--overview .ae-celestial-ambience__orbit{
  display:block;
  position:absolute;
  border:1px solid rgba(126,69,130,.23);
  border-bottom-color:rgba(183,111,155,.075);
  border-right-color:rgba(190,123,174,.12);
  border-radius:50%;
  pointer-events:none;
  transform-origin:center;
}
.ae-app--overview .ae-celestial-ambience__orbit::after{
  content:"";
  position:absolute;top:15%;left:14%;
  width:4px;height:4px;border-radius:50%;
  background:rgba(147,79,150,.68);
  box-shadow:0 0 7px 1px rgba(218,139,185,.51);
}
.ae-app--overview .ae-celestial-ambience__orbit--outer{
  top:8%;right:-14%;
  width:62%;height:46%;
  transform:rotate(-24deg);
  animation:ae-ambient-orbit-outer 135s linear infinite;
}
.ae-app--overview .ae-celestial-ambience__orbit--inner{
  bottom:8%;left:9%;
  width:44%;height:29%;
  border-color:rgba(151,83,145,.14);
  border-top-color:rgba(162,93,155,.24);
  transform:rotate(18deg);
  animation:ae-ambient-orbit-inner 175s linear infinite reverse;
}
.ae-app--overview .ae-celestial-ambience__rune{
  position:absolute;
  font-family:Georgia,"Times New Roman",serif;
  color:rgba(117,58,122,.34);
  line-height:1;
  text-shadow:0 0 12px rgba(173,110,143,.14);
  animation:ae-ambient-drift 94s ease-in-out infinite alternate;
}
.ae-app--overview .ae-celestial-ambience__rune--a{
  left:76%;top:23%;font-size:20px;
  --drift-x:9px;--drift-y:-11px;
}
.ae-app--overview .ae-celestial-ambience__rune--b{
  left:88%;top:81%;font-size:18px;
  --drift-x:-12px;--drift-y:7px;
  animation-duration:112s;animation-delay:-50s;
}
@keyframes ae-ambient-drift{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(var(--drift-x,11px),var(--drift-y,-9px),0)}
}
@keyframes ae-ambient-glimmer{
  from{opacity:.43}
  to{opacity:.94}
}
@keyframes ae-ambient-orbit-outer{
  from{transform:rotate(-24deg)}
  to{transform:rotate(336deg)}
}
@keyframes ae-ambient-orbit-inner{
  from{transform:rotate(18deg)}
  to{transform:rotate(378deg)}
}
/* Less decoration on phone screens; no changes to desktop application layout. */
@media(max-width:700px){
  .ae-app--overview .ae-celestial-ambience__orbit--inner,
  .ae-app--overview .ae-celestial-ambience__rune,
  .ae-app--overview .ae-celestial-ambience__star:nth-of-type(n+17){display:none}
  .ae-app--overview .ae-celestial-ambience__orbit--outer{width:90%;height:28%;right:-32%}
}
/* Accessible static version — same decorative composition, zero motion. */
@media(prefers-reduced-motion:reduce){
  .ae-app--overview .ae-celestial-ambience__star,
  .ae-app--overview .ae-celestial-ambience__orbit,
  .ae-app--overview .ae-celestial-ambience__rune{
    animation:none!important;
  }
  .ae-app--overview .ae-celestial-ambience__star{opacity:.56}
}