/* Astrolinia Engine — visible Moon card above the hidden legacy dashboard.
   Presentation only; the phase, sign and illumination come from real Engine data. */
.ae-app--overview .ae-moon-now{
  position:absolute;z-index:6;top:clamp(13px,2.8dvh,30px);right:clamp(12px,1.45vw,26px);
  box-sizing:border-box;width:clamp(280px,24vw,388px);
  padding:clamp(13px,1.15vw,20px);border-radius:20px;
  background:radial-gradient(ellipse at 83% 48%,rgba(243,215,233,.42),transparent 64%),
    linear-gradient(150deg,rgba(255,255,255,.97),rgba(255,247,247,.94));
  border:1px solid #e7cbd8;box-shadow:0 9px 34px rgba(103,51,81,.15);
  backdrop-filter:blur(10px);color:#5c1a44;overflow:hidden;
}
.ae-moon-now__header{display:flex;align-items:center;gap:10px;min-width:0}
.ae-moon-now__glyph{display:block;flex:none;width:42px;height:42px;object-fit:contain}
.ae-moon-now__header h2{font:normal clamp(17px,1.42vw,22px)/1.18 Georgia,serif;margin:0;flex:1;white-space:nowrap}
.ae-moon-now__header a{white-space:nowrap;font:12px Georgia,serif;color:#68304e;text-decoration:none}
.ae-moon-now__header a:hover,.ae-moon-now__header a:focus-visible{text-decoration:underline}
.ae-moon-now__header a span{font-size:18px;margin-left:8px}
.ae-moon-now__scene{position:relative;display:flex;align-items:center;min-height:clamp(129px,15dvh,175px);isolation:isolate}
.ae-moon-now__metrics{position:relative;z-index:2;max-width:58%}
.ae-moon-now__metrics p{font:clamp(12px,1.04vw,15px)/1.38 Georgia,serif;margin:0 0 11px;max-width:190px}
.ae-moon-now__metrics p strong{font-weight:normal}
.ae-moon-now__illumination{font:normal clamp(27px,2.7vw,38px)/1 Georgia,serif;letter-spacing:-.05em;color:#541239}
.ae-moon-now__metrics>span{display:block;font:clamp(12px,1vw,15px) Georgia,serif;margin-top:3px}
.ae-moon-now__art{position:absolute;z-index:1;right:-19px;top:50%;transform:translateY(-50%);
  display:block;width:clamp(170px,14.5vw,230px);height:auto;aspect-ratio:1;
  object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 13px rgba(184,136,177,.24))}
.ae-moon-now__separator{display:flex;align-items:center;gap:8px;width:58%;color:#c58b62;font-size:12px;margin:-2px 0 8px}
.ae-moon-now__separator:before,.ae-moon-now__separator:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#caa07e)}
.ae-moon-now__separator:after{transform:rotate(180deg)}
.ae-moon-now__details strong{font:normal clamp(16px,1.25vw,19px)/1.3 Georgia,serif}
.ae-moon-now__details strong span{color:#a43b85}
.ae-moon-now__sign-icon{display:inline-block;vertical-align:middle;width:42px;height:42px;object-fit:contain;margin:-9px -7px -10px -2px}
.ae-moon-now__details p{max-width:95%;font:clamp(11px,.92vw,13px)/1.38 Georgia,serif;color:#885573;margin:5px 0 0}
@media(min-width:1060px) and (max-width:1320px){
  .ae-app--overview .ae-moon-now{width:clamp(220px,21vw,280px);padding:11px;top:12px;right:10px}
  .ae-moon-now__header{gap:5px}.ae-moon-now__header h2{font-size:16px}
  .ae-moon-now__header a{font-size:10px}
  .ae-moon-now__scene{min-height:123px}
  .ae-moon-now__art{width:160px;right:-21px}
  .ae-moon-now__metrics p{font-size:12px}
  .ae-moon-now__illumination{font-size:30px}
  .ae-moon-now__details strong{font-size:15px}
}
@media(max-width:1059px){
  .ae-app--overview .ae-moon-now{position:relative;top:auto;right:auto;
    width:min(100%,390px);margin:14px 0 12px auto;flex-shrink:0}
}
@media(max-width:700px){
  .ae-app--overview .ae-moon-now{width:100%;margin:12px auto 18px}
}