/* ÆL-SIRIL V0.28 — Atmosphères des huit ères. Scénographie (non canon astronomique). */
:root{--ael-accent:#e1bf83;--ael-secondary:#79bdd3;--ael-deep:#071322;--ael-glow:rgba(123,182,220,.18);--ael-veil:rgba(5,14,27,.92)}
html[data-ael-era="I"]{--ael-accent:#f5d39a;--ael-secondary:#a6ceeb;--ael-glow:rgba(211,170,114,.17)}
html[data-ael-era="II"]{--ael-accent:#9ee2c9;--ael-secondary:#6ac4b9;--ael-glow:rgba(81,196,159,.16)}
html[data-ael-era="III"]{--ael-accent:#d2b6ff;--ael-secondary:#a3bce8;--ael-glow:rgba(162,128,229,.18)}
html[data-ael-era="IV"]{--ael-accent:#edc385;--ael-secondary:#83d1df;--ael-glow:rgba(131,188,221,.19)}
html[data-ael-era="V"]{--ael-accent:#edaf99;--ael-secondary:#c8a4ef;--ael-glow:rgba(228,118,151,.18)}
html[data-ael-era="VI"]{--ael-accent:#b9ded1;--ael-secondary:#84b5e9;--ael-glow:rgba(96,160,219,.18)}
html[data-ael-era="VII"]{--ael-accent:#83e0e9;--ael-secondary:#a6a2f6;--ael-glow:rgba(88,222,232,.18)}
html[data-ael-era="VIII"]{--ael-accent:#edbaef;--ael-secondary:#98e9e5;--ael-glow:rgba(181,101,234,.2)}
@keyframes aelOrb{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
@keyframes aelShine{0%,100%{opacity:.32}50%{opacity:.6}}
.ael028-ui,.ael028-ui *{box-sizing:border-box}
.ael028-ui{position:fixed;bottom:92px;left:14px;z-index:100100;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f3e8d6;line-height:1.45;font-size:13px;isolation:isolate}
.ael028-launch{display:flex;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--ael-accent) 50%,#41556b);border-radius:999px;color:#f6ecda!important;background:linear-gradient(130deg,rgba(9,24,43,.97),rgba(20,41,56,.95));box-shadow:0 5px 22px #0009,0 0 28px var(--ael-glow);padding:10px 13px;cursor:pointer;letter-spacing:.03em;font-size:12px;min-height:43px}
.ael028-launch:hover,.ael028-launch:focus-visible{outline:2px solid var(--ael-accent);outline-offset:2px}
.ael028-launch .glyph{font-size:19px;color:var(--ael-accent)}
.ael028-panel{position:absolute;left:0;bottom:51px;width:min(355px,calc(100vw - 28px));max-height:min(71vh,560px);overflow:auto;border-radius:19px;border:1px solid rgba(237,195,133,.42);background:linear-gradient(155deg,rgba(13,37,60,.985),rgba(5,11,24,.985));box-shadow:0 20px 65px #000b,0 0 40px var(--ael-glow);padding:17px;backdrop-filter:blur(22px)}
.ael028-panel[hidden]{display:none!important}.ael028-eyebrow{color:var(--ael-accent);font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:800}.ael028-panel h2{color:#faeccf;font-size:21px;font-family:Georgia,serif;font-weight:500;margin:5px 0 4px}.ael028-panel p{color:#b4cad8;font-size:12px;margin:6px 0 13px;line-height:1.5}
.ael028-era-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.ael028-era-grid button{padding:9px 0;background:#112841;border:1px solid #43536c;color:#d9e4ee;border-radius:9px;cursor:pointer}.ael028-era-grid button[aria-pressed=true]{background:color-mix(in srgb,var(--ael-accent) 23%,#14283e);color:var(--ael-accent);border-color:var(--ael-accent)}
.ael028-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.ael028-links a{display:block;background:#132b43;border:1px solid #42637e;border-radius:10px;color:#eff2fa;text-decoration:none;padding:9px 10px;font-size:12px}.ael028-links a:hover,.ael028-links a:focus-visible{border-color:var(--ael-accent);color:var(--ael-accent)}
.ael028-panel .ael028-info{border-left:2px solid var(--ael-accent);padding:8px 10px;color:#c0cbd5;background:#ffffff08;font-size:11px}
.ael028-panel .ael028-close{position:absolute;right:12px;top:12px;background:transparent;border:1px solid #476079;color:#fff;border-radius:9px;padding:5px 9px;cursor:pointer}
.ael028-footerline{display:flex;align-items:center;justify-content:space-between;gap:8px}.ael028-footerline button{border:1px solid #466079;color:#e7edf2;background:#1a3147;border-radius:8px;padding:8px 9px;cursor:pointer;font-size:11px}
.ael028-shell-glow{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 80% 5%,var(--ael-glow),transparent 44%);opacity:.26;transition:background 400ms;}
.ael028-ui a:focus-visible,.ael028-ui button:focus-visible{outline:2px solid var(--ael-accent);outline-offset:2px}
body.ael028-quiet .ael028-shell-glow{display:none}
body.ael028-quiet .ael028-launch{box-shadow:0 5px 12px #0008}
@media(max-width:690px){.ael028-ui{bottom:76px;left:8px}.ael028-launch{font-size:0;padding:10px;min-width:42px;justify-content:center}.ael028-launch .glyph{font-size:20px}.ael028-panel{width:min(332px,calc(100vw - 16px))}.ael028-panel h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.ael028-ui *{transition:none!important;animation:none!important}.ael028-shell-glow{display:none}}
/* Do not override the original science/canvas drawing or instrument stacking. */

/* Subtle, shared illumination on native buttons, never overriding control states. */
body.ael028-enhanced :where(.topbar,.bottomdock,.quickview,.tools,.timebar,.mission-control,.top,.bar) :where(button,a):not([disabled]):hover{box-shadow:0 0 0 1px var(--ael-accent),0 0 18px var(--ael-glow);border-color:var(--ael-accent)!important;transition:box-shadow .2s,border-color .2s}
body.ael028-enhanced :where(.topbar,.bottomdock,.quickview,.tools,.timebar,.mission-control) :where(button,a):focus-visible{outline:2px solid var(--ael-accent);outline-offset:3px}
body.ael028-enhanced button[disabled]{cursor:not-allowed;filter:saturate(.65)}
body.ael028-enhanced .brand .sigil,body.ael028-enhanced .brand i{color:var(--ael-accent);text-shadow:0 0 24px var(--ael-glow)}
@media(prefers-reduced-motion:reduce){body.ael028-enhanced :where(button,a){transition:none!important}}