/* ÆL-SIRIL V0.33 — Atlas des mondes vivants. Additive UI only, no modifications to scientific engines. */
:root{--v33-ink:#06111b;--v33-aur:#f1cf93;--v33-blue:#9cd8e9;--v33-body:#cfdae5;--v33-line:#d5e7e130}
body.v33-expedition{margin:0;background:#061019;color:#f6eee0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden}
.v33-expedition *, .v33-expedition *::before,.v33-expedition *::after{box-sizing:border-box}
.v33-expedition a{color:inherit;text-decoration:none}
.v33-expedition button,.v33-expedition input{font:inherit}
.v33-expedition button{cursor:pointer}
.v33-expedition :is(button,a,input):focus-visible{outline:3px solid #eacc93!important;outline-offset:4px!important}
.v33-expedition .v33-wrap{width:min(1260px,calc(100% - 44px));margin:auto}
.v33-top{z-index:30;position:relative;background:#061421ee;border-bottom:1px solid #d8c59e30;backdrop-filter:blur(20px)}
.v33-top>.v33-wrap{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.v33-brand{font:small-caps 25px Georgia,serif;letter-spacing:.06em;color:#f1d39e!important;white-space:nowrap}
.v33-brand img{display:inline-block;width:32px;height:32px;vertical-align:middle;margin-right:9px}.v33-brand small{display:block;text-transform:uppercase;font:9px system-ui;letter-spacing:.22em;color:#b4d1df}
.v33-top nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:12px;color:#dbe5ed}
.v33-top nav a{padding:7px 3px;border-bottom:1px solid transparent}
.v33-top nav a:hover,.v33-top nav a[aria-current=page]{color:#fbdca6;border-color:#d8c28c}
.v33-skip{position:absolute;left:0;top:-90px;background:#fff;color:#000!important;padding:10px;z-index:100}
.v33-skip:focus{top:3px}
.v33-hero{position:relative;isolation:isolate;min-height:390px;display:flex;align-items:center;overflow:hidden;background:#071725}
.v33-hero::before{content:"";position:absolute;inset:-2%;z-index:-2;background-image:linear-gradient(90deg,#061320f5 0%,#071a2abf 36%,#06132041 74%),url('v033/observatoire-aurora.webp');background-repeat:no-repeat;background-size:cover;background-position:center 44%;animation:v33-pan 24s ease-in-out infinite alternate}
.v33-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#07121d,transparent 35%),radial-gradient(ellipse at 74% 32%,#d6b77e29,transparent 42%)}
.v33-hero .v33-wrap{padding-block:62px 68px;display:flex;justify-content:space-between;align-items:end;gap:24px}
.v33-kicker{font:bold 11px system-ui;letter-spacing:.22em;text-transform:uppercase;color:#f0d4a1}
.v33-hero h1{font:clamp(44px,6.4vw,91px)/.99 Georgia,serif;max-width:750px;letter-spacing:-.045em;margin:13px 0 18px;color:#fff3db;text-shadow:0 4px 32px #030918bf}
.v33-hero p{max-width:590px;font-size:15px;color:#e0e6e9;line-height:1.75;margin:0}
.v33-hero-badge{border:1px solid #a3ccdf57;padding:16px;border-radius:18px;min-width:205px;background:#091e2cba;backdrop-filter:blur(16px);box-shadow:0 10px 50px #0006;font-size:12px;color:#d4e7ed}
.v33-hero-badge b{display:block;color:#f1d49f;font:22px Georgia;margin-top:7px}
.v33-section-head{padding-top:48px;display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.v33-section-head h2{font:clamp(31px,4vw,49px)/1.07 Georgia,serif;letter-spacing:-.035em;color:#f4e4c9;margin:9px 0}
.v33-section-head p{max-width:600px;margin:0;color:#afc6d2;font-size:13px}
.v33-overline{font:bold 11px system-ui;letter-spacing:.21em;text-transform:uppercase;color:#ddc88d}
.v33-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}
.v33-tab{border:1px solid #9ebaca65;background:#0b2534;color:#d9eaf1;padding:10px 16px;border-radius:40px;font-size:12px;font-weight:700;transition:background .2s}
.v33-tab[aria-selected=true]{background:#edd09d;color:#071827;border-color:#efd39e}
.v33-workspace{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(290px,.72fr);gap:16px}
.v33-map{min-height:470px;position:relative;border-radius:24px;border:1px solid #a4c7d157;overflow:hidden;background:#081927 url('deepsky/galaxy.webp') center center/cover;isolation:isolate;box-shadow:inset 0 1px #ffffff3c,0 25px 85px #0006}
.v33-map::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030b17d9,#061529a3),radial-gradient(ellipse at 70% 30%,#4a90bc1c,transparent 55%);pointer-events:none;z-index:-1}
.v33-map-grid{position:absolute;inset:0;width:100%;height:100%;opacity:.47;pointer-events:none}
.v33-map-grid line,.v33-map-grid ellipse{stroke:#a9e9e663;stroke-width:.35;fill:none;stroke-dasharray:2 1}
.v33-map-label{position:absolute;top:17px;left:22px;font:bold 10px system-ui;letter-spacing:.16em;color:#d3e3ea;text-transform:uppercase;z-index:3}
.v33-map-note{position:absolute;bottom:11px;left:17px;right:17px;color:#c7d9e1;font:10px/1.5 system-ui;background:#071624bd;border:1px solid #a8c3c43f;border-radius:11px;padding:8px 10px;z-index:3}
.v33-node{position:absolute;z-index:2;transform:translate(-50%,-50%);border:none;background:transparent;color:#e9edf2;padding:0;text-align:center;min-width:112px;font:11px system-ui;text-shadow:0 2px 8px #000;display:flex;align-items:center;flex-direction:column;gap:6px}
.v33-orb{height:29px;width:29px;display:block;border:1.5px solid #efd7a5;box-shadow:0 0 0 6px #89cade0b,0 0 23px #79d1ec84,inset 0 0 12px #f6ddad53;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fee9c3,#3186a0 32%,#102d48 70%);transition:transform .3s,box-shadow .3s}
.v33-node:hover .v33-orb,.v33-node[aria-pressed=true] .v33-orb{transform:scale(1.27);box-shadow:0 0 0 8px #9bd5e02a,0 0 30px #f1d395ae,inset 0 0 12px #fbe5bb94}
.v33-node[aria-pressed=true]{color:#ffdb99;font-weight:700}
.v33-node[data-kind=river] .v33-orb{background:radial-gradient(circle at 38% 33%,#d0c0eb,#6576c2 42%,#241c5e 77%)}
.v33-node[data-kind=archive] .v33-orb{background:radial-gradient(circle at 38% 33%,#efd3a0,#926f55 42%,#332532 77%)}
.v33-details{border:1px solid #a4c4d250;background:linear-gradient(146deg,#112c3a,#071723 75%);border-radius:24px;padding:26px;display:flex;flex-direction:column;min-width:0;box-shadow:0 20px 70px #0005}
.v33-details-tag{font:bold 10px system-ui;letter-spacing:.19em;color:#f1cf90;text-transform:uppercase}
.v33-details h3{font:clamp(29px,3vw,40px)/1.1 Georgia,serif;color:#f7e7c9;margin:16px 0 12px}
.v33-details p{color:#bdd2db;font-size:13px;line-height:1.8;margin:0 0 18px;flex:1}
.v33-source{background:#081a25;border-left:2px solid #ccb27a;color:#b5cbd4;font-size:11px;line-height:1.55;padding:11px 13px;margin-bottom:20px}
.v33-btn{background:#edcc91;border:1px solid #f3dcac;color:#071621!important;padding:13px 18px;border-radius:30px;display:inline-flex;justify-content:center;align-items:center;gap:12px;font:bold 12px system-ui;transition:transform .2s,filter .2s;text-align:center}
.v33-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}
.v33-btn.secondary{background:#112b39;color:#e8e5d7!important;border-color:#8aa7b475}
.v33-caption{font-size:11px;color:#a5c0ce;margin:14px 0 0}
.v33-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 58px}
.v33-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:end;border:1px solid #b2cbd056;min-height:270px;padding:24px;border-radius:20px;overflow:hidden;transition:transform .35s,border-color .2s;background:#112338}
.v33-card::before{content:"";position:absolute;inset:-5%;z-index:-2;background-image:linear-gradient(0deg,#030b18f4 1%,#07182869 53%,#07182816),var(--v33-image);background-size:cover;background-position:center;transition:transform .7s ease}
.v33-card:hover::before{transform:scale(1.1)}.v33-card:hover{transform:translateY(-4px);border-color:#eacb8f}
.v33-card small{color:#f3d69f;font:bold 10px system-ui;letter-spacing:.16em;text-transform:uppercase}
.v33-card h3{font:29px Georgia,serif;line-height:1.08;color:#fff1d5;margin:10px 0}.v33-card p{font:12px/1.65 system-ui;color:#d7e0e8;margin:0 0 13px}
.v33-card span{font:bold 12px system-ui;color:#f4d69d}
.v33-era-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.v33-era{border:1px solid #8eadba5c;background:#0b2434;color:#d9e7ee;text-align:left;border-radius:15px;padding:14px;min-height:84px;font:12px system-ui}
.v33-era strong{display:block;font:20px Georgia,serif;color:#f0d5a4;margin-bottom:5px}
.v33-era[aria-pressed=true]{background:#214658;border-color:#e9cb9b;box-shadow:0 0 20px #d9b67221}
.v33-era-context{background:#071b29;border-radius:13px;border:1px solid #7faec068;margin-top:12px;padding:18px;color:#cadddf;font-size:13px}
.v33-filter{width:100%;background:#071825;border:1px solid #91b6c472;color:#fff;border-radius:12px;padding:13px;min-height:44px}
.v33-escale-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v33-mini{color:#e8e8df;border:1px solid #83a5b567;background:#0f2a3d;text-align:left;border-radius:14px;padding:15px;min-height:80px}
.v33-mini strong{display:block;color:#f6dda9;font:17px Georgia,serif}
.v33-mini span{display:block;color:#b8cdd7;font-size:11px;margin-top:5px}
.v33-footer{border-top:1px solid #a3c2d042;background:#06131e;padding:27px 0 38px;color:#9fbac5;font-size:11px}
.v33-footer .v33-wrap{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
@keyframes v33-pan{to{transform:scale(1.04) translate3d(-.7%,.3%,0)}}
/* Additive portal feature, does not restyle existing engines */
.v33-site-invite{position:relative;background:#081b2a;color:#f3e3c8;padding:52px 22px;border-block:1px solid #bfdbd647;overflow:hidden}
.v33-site-invite .v33-inner{width:min(1160px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.v33-site-invite h2{font:clamp(27px,3.5vw,43px)/1.05 Georgia,serif;margin:9px 0;color:#f9e8ca}
.v33-site-invite p{max-width:650px;margin:0;color:#bdd1db;font-size:13px;line-height:1.65}
.v33-site-invite::before{content:"";position:absolute;inset:0;background:url('v033/observatoire-balcon.webp') 88% 43% /400px auto no-repeat;opacity:.24;pointer-events:none}
.v33-site-invite .v33-inner>*{position:relative}
.v33-site-invite .v33-btn{min-width:180px}
.v33-floating{position:fixed;right:16px;bottom:82px;z-index:960;background:#0c2b3af0;border:1px solid #e2cca080;color:#f4e3be!important;border-radius:50px;padding:10px 15px;font:700 11px system-ui;box-shadow:0 8px 30px #0009;text-decoration:none;backdrop-filter:blur(12px)}
.v33-floating:hover{background:#194251;color:#ffe3ab!important}
@media(max-width:850px){.v33-workspace{grid-template-columns:1fr}.v33-map{min-height:430px}.v33-hero-badge{display:none}.v33-cards{grid-template-columns:1fr 1fr}.v33-site-invite .v33-inner{flex-direction:column;align-items:start}}
@media(max-width:600px){.v33-expedition .v33-wrap{width:min(100% - 24px,1260px)}.v33-top>.v33-wrap{min-height:66px;align-items:flex-start;flex-direction:column;padding-block:13px}.v33-top nav{font-size:11px;gap:12px}.v33-hero{min-height:330px}.v33-hero .v33-wrap{padding-block:40px}.v33-hero h1{font-size:44px}.v33-map{min-height:390px}.v33-node{min-width:65px;font-size:9px}.v33-orb{width:22px;height:22px}.v33-map-note{font-size:9px}.v33-cards{grid-template-columns:1fr}.v33-era-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v33-escale-grid{grid-template-columns:1fr}.v33-details{padding:20px}.v33-floating{bottom:73px;right:8px;padding:8px 11px;font-size:10px}}
@media(prefers-reduced-motion: reduce){.v33-expedition *, .v33-expedition *::before,.v33-expedition *::after,.v33-site-invite *, .v33-site-invite *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}