/* V2.1 interactive instrument. Fixed stage geometry and dashboard layout
   intentionally unchanged. Intro artwork is not astronomical data. */
.ae-app--overview .ae-cosmic-stage__start-hit{
  position:absolute;z-index:5;top:0;left:50%;
  height:100%;width:auto;aspect-ratio:1;
  border:0;border-radius:50%;background:transparent;
  cursor:pointer;pointer-events:auto;
  transform:translateX(-50%) scale(1);transform-origin:center top;
}
/* Text is a separate overlay, not painted on the user's original artwork.
   Animate the invitation softly; leave the zodiac image itself motionless. */
.ae-app--overview .ae-cosmic-stage__start-label{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  width:40%;height:23%;box-sizing:border-box;padding:4px;
  /* Pure floating lettering: no oval, border, fill or backdrop. */
  border:0;outline:0;background:transparent;box-shadow:none;
  color:#fff5dc;pointer-events:none;
}
.ae-app--overview .ae-cosmic-stage__start-label strong{
  display:block;
  font:normal clamp(17px,2.65vw,36px)/1.05 Georgia,"Times New Roman",serif;
  letter-spacing:.08em;color:#fff1c4;
  text-shadow:0 2px 3px rgba(33,8,35,.95),0 0 7px rgba(60,16,52,.9);
  animation:ae-start-letter-pulse 3.2s ease-in-out infinite;
}
.ae-app--overview .ae-cosmic-stage__start-label small{
  display:block;max-width:98%;margin-top:-3px;
  text-align:center;
  font:normal clamp(8px,.84vw,12px)/1.2 Georgia,"Times New Roman",serif;
  color:#ffe0a7;
  text-shadow:0 1px 3px rgba(30,8,32,.95),0 0 6px rgba(41,11,39,.85);
  animation:ae-start-subtitle-pulse 3.2s ease-in-out infinite;
}
.ae-app--overview .ae-cosmic-stage__start-hit:is(:hover,:focus-visible) .ae-cosmic-stage__start-label strong{
  color:#fffbe7;
}
@keyframes ae-start-letter-pulse{
  0%,100%{opacity:.83;text-shadow:0 2px 3px rgba(33,8,35,.95),0 0 7px rgba(60,16,52,.9)}
  50%{opacity:1;text-shadow:0 2px 4px rgba(33,8,35,1),0 0 15px rgba(255,222,143,.97),0 0 25px rgba(252,195,107,.72)}
}
@keyframes ae-start-subtitle-pulse{
  0%,100%{opacity:.8}
  50%{opacity:1}
}
.ae-app--overview .ae-cosmic-stage__start-hit:focus-visible{
  outline:3px solid #f6cc88;outline-offset:-8px;
  box-shadow:0 0 18px #7e295c;
}
.ae-app--overview .ae-cosmic-stage__wheel[hidden],
.ae-app--overview .ae-cosmic-stage__diagram[hidden],
.ae-app--overview .ae-cosmic-stage__start-hit[hidden],
.ae-app--overview .ae-chart__tooltip[hidden]{display:none!important}
.ae-app--overview .ae-cosmic-stage__diagram{
  position:absolute;z-index:4;top:0;left:50%;
  width:auto;height:100%;max-width:100%;max-height:100%;aspect-ratio:1;
  transform:translateX(calc(-50% - 110px)) translateY(-10px) scale(1.20);
  transform-origin:center top;
  pointer-events:auto;
  isolation:isolate;
  filter:drop-shadow(0 12px 22px rgba(95,39,82,.25));
}
.ae-app--overview .ae-chart{display:block;width:100%;height:100%;overflow:visible}
.ae-app--overview .ae-chart__art{pointer-events:none}
.ae-app--overview .ae-chart__planet-image{
  pointer-events:none;
  image-rendering:auto;
  /* A clean white glow follows the silhouette of each extracted glyph. */
  filter:drop-shadow(0 0 2px rgba(255,255,255,.98))
         drop-shadow(0 0 5px rgba(255,255,255,.88));
}
.ae-app--overview .ae-chart__spoke{stroke:#bf9263;stroke-width:1}
.ae-app--overview .ae-chart__zodiac{
  font:normal 22px Georgia,serif;fill:#fbdcaa;
  paint-order:stroke;stroke:#9f5f57;stroke-width:.4;
}
.ae-app--overview .ae-chart__axis{
  stroke:#e9d6cc;stroke-width:.6;opacity:.55;fill:none
}
.ae-app--overview .ae-chart__center-label{
  font:normal 8px Georgia,serif;fill:#ffebc7;letter-spacing:1.4px;
}
.ae-app--overview .ae-chart__center-sub{
  font:normal 4.8px "Segoe UI",sans-serif;fill:#eac398;letter-spacing:1.1px;
}
.ae-app--overview .ae-chart__planet{
  cursor:pointer;outline:none;transition:opacity .2s;
}
.ae-app--overview .ae-chart__planet-halo{
  fill:rgba(255,255,255,.95);stroke:rgba(255,255,255,.98);stroke-width:1.25;
  filter:drop-shadow(0 0 3px rgba(255,255,255,.98))
         drop-shadow(0 0 8px rgba(255,255,255,.82));
}
.ae-app--overview .ae-chart__planet-disc{
  fill:#fff8f2;stroke:#8b4264;stroke-width:1;
}
.ae-app--overview .ae-chart__planet-symbol{
  pointer-events:none;fill:#fff9eb;
  font:normal 15px Georgia,serif;paint-order:stroke;
}
.ae-app--overview .ae-chart__planet:is(:hover,:focus-visible,.is-focused) .ae-chart__planet-halo{
  stroke:#aa3874;stroke-width:3.2;
  filter:drop-shadow(0 0 9px #e79f53);
}
.ae-app--overview .ae-chart__planet:is(:hover,:focus-visible,.is-focused) .ae-chart__planet-disc{
  stroke:#fff1c2;stroke-width:2.1;
}
.ae-app--overview .ae-chart__tooltip{
  position:absolute;z-index:12;
  box-sizing:border-box;
  width:min(270px,72%);max-height:65%;overflow-y:auto;
  padding:11px 13px;border:1px solid #d7ac77;border-radius:12px;
  background:rgba(255,251,245,.985);
  box-shadow:0 12px 28px #39153655;
  color:#552143;pointer-events:none;
  font:normal 11px/1.35 "Segoe UI",sans-serif;
}
.ae-app--overview .ae-chart__tooltip strong{
  display:block;color:#60244c;font:normal 18px/1.15 Georgia,serif;
  margin-bottom:5px;
}
.ae-app--overview .ae-chart__tooltip-astro{
  color:#905d47;font-size:10px;
  margin-bottom:7px;padding-bottom:6px;border-bottom:1px solid #ead5ca;
}
.ae-app--overview .ae-chart__tooltip p{margin:0 0 6px}
.ae-app--overview .ae-chart__tooltip small{display:block;margin-top:3px;color:#8e7483;font-size:9px}
.ae-app--overview .ae-chart__back{
  position:absolute;z-index:7;top:17px;right:17px;
  padding:5px 9px;border:1px solid #d6aa75;border-radius:18px;
  background:#3a1437ed;color:#fff0d4;
  font:normal 10px "Segoe UI",sans-serif;cursor:pointer;
}
.ae-app--overview .ae-chart__back:is(:hover,:focus-visible){
  background:#6a295a;outline-color:#f7d7a7;
}
.ae-app--overview .ae-chart__meta{
  position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);
  max-width:83%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  padding:4px 9px;border-radius:12px;
  background:#4a173edb;color:#f7ddbd;
  font:normal 8px "Segoe UI",sans-serif;letter-spacing:.06px;
  pointer-events:none;
}
@media(max-width:700px){
  .ae-app--overview .ae-cosmic-stage__start-hit,
  .ae-app--overview .ae-cosmic-stage__diagram{
    transform:translateX(-50%);
  }
  .ae-app--overview .ae-cosmic-stage__start-label strong{font-size:clamp(16px,4.2vw,26px)}
  .ae-app--overview .ae-cosmic-stage__start-label small{font-size:clamp(7px,1.65vw,9px)}
  .ae-app--overview .ae-chart__back{top:9px;right:9px;font-size:9px}
  .ae-app--overview .ae-chart__tooltip{width:min(230px,78%);font-size:10px;padding:8px}
  .ae-app--overview .ae-chart__tooltip strong{font-size:14px}
  .ae-app--overview .ae-chart__meta{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  .ae-app--overview .ae-chart__planet{transition:none}
  .ae-app--overview .ae-cosmic-stage__start-label strong,
  .ae-app--overview .ae-cosmic-stage__start-label small{
    animation:none;opacity:1;transform:none
  }
}