/* AE-V2.1: separately projected real positions over the approved decorative
   raster. Their polar angle comes ONLY from server-validated longitude.
   Radial offset is a legibility lane, never a distance from the Earth. */
.ae-app--overview .ae-cosmic-stage__live{
  position:absolute; z-index:4; top:0;left:50%;
  height:100%; width:auto; max-height:100%; max-width:100%;
  aspect-ratio:1 / 1;
  transform:translateX(-50%) scale(1.20);
  transform-origin:center top;
  overflow:visible;
  pointer-events:none;
}
.ae-app--overview .ae-cosmic-live__ring{
  fill:none;stroke:#edc28d;stroke-width:1.4;
  stroke-dasharray:2 6;opacity:.72;
  animation:ae-cosmic-ring-shimmer 18s ease-in-out infinite;
}
.ae-app--overview .ae-cosmic-live__body{
  pointer-events:all;cursor:pointer;outline:none;
}
.ae-app--overview .ae-cosmic-live__halo{
  fill:rgba(255,245,220,.16);stroke:#f9d59a;stroke-width:1.6;
  filter:drop-shadow(0 0 5px rgba(255,210,131,.86));
  transition:stroke-width .23s,filter .23s;
}
.ae-app--overview .ae-cosmic-live__disc{
  fill:#58234d;stroke:#ffe5b1;stroke-width:1.25;
}
.ae-app--overview .ae-cosmic-live__body[data-body="Sun"] .ae-cosmic-live__disc{
  fill:#d37b2a;
}
.ae-app--overview .ae-cosmic-live__body[data-body="Moon"] .ae-cosmic-live__disc{
  fill:#8066ac;
}
.ae-app--overview .ae-cosmic-live__symbol{
  fill:#fff5e5;font:normal 13px/1 Georgia,serif;pointer-events:none;
  paint-order:stroke;stroke:#462540;stroke-width:.2px;
}
.ae-app--overview .ae-cosmic-live__body:hover .ae-cosmic-live__halo,
.ae-app--overview .ae-cosmic-live__body:focus .ae-cosmic-live__halo,
.ae-app--overview .ae-cosmic-live__body.is-focused .ae-cosmic-live__halo{
  stroke-width:3.5;filter:drop-shadow(0 0 9px #fff1a4);
}
.ae-app--overview .ae-cosmic-stage__live-readout{
  position:absolute;bottom:1px;left:50%;transform:translateX(-50%);
  width:max-content;max-width:min(90%,360px);z-index:5;
  padding:6px 12px;border-radius:24px;text-align:center;
  border:1px solid rgba(239,201,160,.66);
  color:#fff5e9;
  font:normal clamp(9px,.78vw,11px)/1.3 "Segoe UI",sans-serif;
  background:rgba(62,23,62,.88);
  box-shadow:0 3px 15px rgba(57,17,55,.25);
  pointer-events:none;
}
.ae-app--overview .ae-cosmic-stage__live-readout small{
  display:block;margin-top:2px;font-size:9px;color:#f3d6b9;
}
@media(max-width:700px){
  .ae-app--overview .ae-cosmic-stage__live{transform:translateX(-50%)}
  .ae-app--overview .ae-cosmic-stage__live-readout{max-width:90%;font-size:10px;bottom:2px}
}
@keyframes ae-cosmic-ring-shimmer{
  0%,100%{opacity:.55}
  50%{opacity:.95}
}
@media(prefers-reduced-motion:reduce){
  .ae-app--overview .ae-cosmic-live__ring{animation:none}
  .ae-app--overview .ae-cosmic-live__halo{transition:none}
}