.cosmos-shell{min-height:760px;position:relative;overflow:hidden;background:radial-gradient(circle at center,#10251e 0,#050a09 48%,#020504 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cosmos-stars{position:absolute;inset:0;opacity:.7;background-image:radial-gradient(circle,#e9e6dc 0 1px,transparent 1.5px),radial-gradient(circle,#b7e36c 0 1px,transparent 1.5px);background-size:73px 79px,131px 137px;background-position:0 0,23px 41px}.cosmos-stage{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(1.5);pointer-events:none;transition:opacity .7s ease,transform 1.15s cubic-bezier(.2,.75,.2,1)}.cosmos-stage.active{opacity:1;transform:scale(1);pointer-events:auto}.cosmos-stage.departing{opacity:0;transform:scale(.12)}.earth-button{width:230px;height:230px;border:0;border-radius:50%;cursor:pointer;position:relative;background:radial-gradient(circle at 32% 25%,#8ed8ff 0,#2185c5 25%,#0c5288 55%,#031929 72%);box-shadow:inset -35px -18px 50px rgba(0,0,0,.45),0 0 70px rgba(66,167,220,.25);overflow:hidden}.earth-button:before,.earth-button:after{content:"";position:absolute;background:#67a76d;border-radius:55% 45% 58% 42%;transform:rotate(-18deg)}.earth-button:before{width:95px;height:58px;left:26px;top:48px;box-shadow:76px 66px 0 -18px #7fb875}.earth-button:after{width:55px;height:88px;right:24px;bottom:30px;transform:rotate(28deg)}.earth-button span{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);z-index:2;background:rgba(3,15,17,.72);color:#fff;padding:.5rem .7rem;font:500 .65rem "DM Mono";white-space:nowrap}.solar-system{width:min(680px,88vw);aspect-ratio:1;position:relative}.sun{position:absolute;left:50%;top:50%;width:64px;height:64px;border:0;border-radius:50%;transform:translate(-50%,-50%);background:#ffdb72;box-shadow:0 0 55px #ffb13d;cursor:pointer}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(233,230,220,.18);border-radius:50%;transform:translate(-50%,-50%)}.orbit i{position:absolute;width:10px;height:10px;border-radius:50%;left:50%;top:-5px;background:#7f9b91}.orbit:nth-child(2){width:20%;height:20%}.orbit:nth-child(3){width:31%;height:31%}.orbit:nth-child(4){width:43%;height:43%}.orbit:nth-child(4) i{width:14px;height:14px;background:#268fc4}.orbit:nth-child(5){width:56%;height:56%}.orbit:nth-child(5) i{background:#c46f4d}.orbit:nth-child(6){width:69%;height:69%}.orbit:nth-child(6) i{width:20px;background:#d6b46e}.orbit:nth-child(7){width:82%;height:82%}.orbit:nth-child(7) i{background:#88b9b5}.orbit:nth-child(8){width:94%;height:94%}.orbit:nth-child(8) i{background:#557fa8}.galaxy-button{width:min(600px,82vw);height:260px;border:0;border-radius:50%;cursor:pointer;transform:rotate(-12deg);background:repeating-conic-gradient(from 30deg at 50% 50%,rgba(204,230,218,.8) 0 4deg,rgba(111,181,153,.18) 7deg 20deg),radial-gradient(ellipse,#f4e8bd 0,#b7e36c 6%,#5c947d 22%,transparent 65%);filter:drop-shadow(0 0 28px rgba(130,188,163,.26))}.galaxy-button span,.local-galaxy span{display:inline-block;transform:rotate(12deg);background:rgba(3,10,9,.75);color:#fff;padding:.55rem .8rem;font:500 .65rem "DM Mono"}.local-group{width:min(900px,92vw);display:flex;align-items:center;justify-content:space-around;gap:4rem}.local-galaxy{border:0;border-radius:50%;cursor:pointer;color:#fff}.local-galaxy.milky{width:300px;height:140px;transform:rotate(-15deg);background:repeating-conic-gradient(rgba(183,227,108,.7) 0 5deg,rgba(65,119,96,.12) 8deg 20deg),radial-gradient(ellipse,#fff0bd,transparent 60%)}.local-galaxy.andromeda{width:390px;height:125px;transform:rotate(10deg);background:repeating-conic-gradient(rgba(177,190,238,.65) 0 4deg,rgba(81,101,147,.12) 8deg 22deg),radial-gradient(ellipse,#f1e8c9,transparent 62%)}.cosmos-hud{position:absolute;z-index:8;left:clamp(1rem,5vw,4rem);right:clamp(1rem,5vw,4rem);top:2rem;display:flex;justify-content:space-between;gap:1rem}.cosmos-level{font:500 .68rem "DM Mono";letter-spacing:.12em;color:var(--acid)}.cosmos-back{border:1px solid var(--line);background:rgba(7,16,15,.8);color:var(--paper);padding:.65rem .85rem;cursor:pointer}.cosmos-caption{position:absolute;z-index:8;left:50%;bottom:2rem;transform:translateX(-50%);width:min(680px,90vw);text-align:center;color:#b7bdb6;line-height:1.6}.cosmos-caption strong{display:block;color:var(--paper);font:400 1.8rem Newsreader}.cosmos-note{text-align:center;color:#76827c;font-size:.7rem;padding:1rem}@media(max-width:700px){.cosmos-shell{min-height:620px}.earth-button{width:180px;height:180px}.local-group{flex-direction:column;gap:3rem}.local-galaxy.milky{width:220px;height:100px}.local-galaxy.andromeda{width:270px;height:90px}}@media(prefers-reduced-motion:reduce){.cosmos-stage{transition:none}}
.solar-system .sun{z-index:2;touch-action:manipulation}
.solar-system .orbit{pointer-events:none}
.orbit i{overflow:visible}
.orbit i::after{
  content:attr(data-name);
  position:absolute;
  left:calc(100% + 6px);
  top:50%;
  transform:translateY(-50%);
  font:500 .62rem "DM Mono";
  letter-spacing:.08em;
  color:#cdd4cc;
  white-space:nowrap;
  text-shadow:0 1px 4px rgba(0,0,0,.8);
  pointer-events:none;
}
.solar-system .sun{overflow:visible;z-index:5}
.solar-system .sun::after{
  content:attr(data-name);
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  font:700 .58rem "DM Mono";
  letter-spacing:.06em;
  color:#ff2d55;
  white-space:nowrap;
  text-shadow:0 1px 3px rgba(0,0,0,.9);
  pointer-events:none;
  z-index:6;
}
/* --- Mouvement orbital des planètes en temps réel --- */
@keyframes orbit-spin{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes planet-counter{
  from{transform:rotate(0deg)}
  to{transform:rotate(-360deg)}
}
.solar-system .orbit{animation:orbit-spin linear infinite}
.solar-system .orbit i{animation:planet-counter linear infinite}
.orbit:nth-child(2),.orbit:nth-child(2) i{animation-duration:8s;animation-delay:-2s}
.orbit:nth-child(3),.orbit:nth-child(3) i{animation-duration:13s;animation-delay:-7s}
.orbit:nth-child(4),.orbit:nth-child(4) i{animation-duration:18s;animation-delay:-4s}
.orbit:nth-child(5),.orbit:nth-child(5) i{animation-duration:25s;animation-delay:-11s}
.orbit:nth-child(6),.orbit:nth-child(6) i{animation-duration:40s;animation-delay:-20s}
.orbit:nth-child(7),.orbit:nth-child(7) i{animation-duration:55s;animation-delay:-30s}
.orbit:nth-child(8),.orbit:nth-child(8) i{animation-duration:70s;animation-delay:-50s}
@media(prefers-reduced-motion:reduce){
  .solar-system .orbit,.solar-system .orbit i{animation:none}
}




/* --- Bouton "Voie lactée" dans le HUD --- */
.cosmos-hud-actions{display:flex;gap:.6rem}
.cosmos-galaxy-btn{
  border:1px solid var(--line);background:rgba(7,16,15,.8);color:var(--paper);
  padding:.65rem .85rem;cursor:pointer;font:500 .68rem "DM Mono";letter-spacing:.08em;
}
.cosmos-galaxy-btn:hover{border-color:var(--acid);color:var(--acid)}

/* --- Fenêtre image de la Voie lactée --- */
.cosmos-modal{
  position:fixed;inset:0;z-index:100;display:none;
  align-items:center;justify-content:center;padding:2rem;
  background:rgba(2,5,4,.92);
}
.cosmos-modal.open{display:flex}
.cosmos-modal-inner{position:relative;max-width:min(700px,92vw);text-align:center}
.cosmos-modal-close{
  position:absolute;top:-2.4rem;right:0;border:0;background:none;color:var(--paper);
  font-size:1.5rem;cursor:pointer;line-height:1;
}
.cosmos-photo{margin:0;display:flex;flex-direction:column;align-items:center;gap:1rem}
.cosmos-photo img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:4px;box-shadow:0 0 50px rgba(0,0,0,.5)}
.cosmos-photo figcaption{font:400 1.8rem Newsreader;color:var(--paper);letter-spacing:.02em;text-align:center}
.cosmos-photo figcaption .cosmos-credit{display:block;margin-top:.5rem;font:400 .68rem "DM Mono";letter-spacing:.04em;color:#76827c}