/* The cosmos stays behind the story; only the optional planetarium is interactive. */
.cosmic-sky{position:absolute;inset:0;pointer-events:none;overflow:hidden;perspective:1000px}
.galaxy-cloud{position:absolute;width:550px;height:550px;transform:rotate(-28deg) rotateX(57deg);transform-style:preserve-3d;opacity:.64;isolation:isolate}
.galaxy-near{left:-135px;top:-155px}.galaxy-far{right:-120px;top:280px;width:370px;height:370px;opacity:.35;transform:rotate(30deg) rotateX(64deg)}
.galaxy-cloud:before{content:'';position:absolute;inset:12%;border-radius:50%;background:radial-gradient(ellipse,#ffcfda44,#aa83df22 30%,#5c88d822 48%,transparent 70%);filter:blur(15px)}
.galaxy-art{width:100%;height:100%;animation:galaxy-drift 200s linear infinite;filter:drop-shadow(0 0 7px #b797ed55)}
.galaxy-far .galaxy-art{animation-direction:reverse;animation-duration:260s}
.sky-planet{position:absolute;animation:planet-drift 18s ease-in-out infinite;filter:drop-shadow(0 10px 18px #03061599)}
.sky-ringed{left:9%;top:37%;width:86px;height:86px;opacity:.85}.sky-blue{right:6%;top:59%;width:43px;height:43px;opacity:.8;animation-delay:-7s}
.planet-model{--planet-base:repeating-linear-gradient(171deg,#e5abb9 0%,#dfa0b1 11%,#c781a4 16%,#f1c4c0 23%,#d499b1 31%);position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d}
.planet-globe{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 29% 24%,#fff5e970,transparent 33%),radial-gradient(circle at 28% 28%,transparent 22%,#080c2544 56%,#060a20ec 85%),var(--planet-base);box-shadow:inset 2px 2px 4px #fff0de88,inset -10px -7px 16px #02051d99,0 0 13px #dcb4db33;z-index:2;overflow:hidden}
.planet-globe:after{content:'';position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(174deg,transparent 0 9%,#ffffff0c 11%,transparent 14%);opacity:.7}
.planet-blue{--planet-base:repeating-linear-gradient(163deg,#7bdfdf 0%,#438ebd 15%,#76c8d1 23%,#6b91ce 36%)}
.planet-lilac{--planet-base:radial-gradient(ellipse at 37% 59%,#eac9ec88 0 6%,transparent 14%),repeating-linear-gradient(155deg,#b49ad9 0%,#8f7cc4 15%,#d6b5dc 24%,#8c7bac 37%)}
.planet-ring{position:absolute;width:184%;height:65%;left:-42%;top:18%;border-radius:50%;border:10px solid #e4c7b4a6;box-shadow:0 0 0 2px #fff0d934,inset 0 0 0 3px #65527099,inset 0 0 0 6px #f9d7c766;transform:rotate(-27deg);box-sizing:border-box}
.ring-back{z-index:1;clip-path:inset(0 0 50% 0)}.ring-front{z-index:3;clip-path:inset(50% 0 0 0)}
.planetarium{max-width:440px;margin:28px auto 10px;border:1px solid #b6a5df44;border-radius:20px;background:linear-gradient(140deg,#27304aee,#141c30ed);box-shadow:0 18px 35px #05091644;text-align:center;overflow:hidden}
.planetarium summary{cursor:pointer;list-style:none;padding:18px 20px;font-size:12px;color:#e8d5ec;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;min-height:50px}
.planetarium summary::-webkit-details-marker{display:none}.planetarium summary span{font-size:20px}.planetarium[open] summary span{transform:rotate(45deg)}
.universe-content{padding:0 18px 12px}.universe-intro{font-size:11px;color:#b8bfd5;line-height:1.8;margin:3px 0 0}
.orbitarium{height:290px;position:relative;isolation:isolate;perspective:700px;background:radial-gradient(ellipse at center,#ae7ebe18,transparent 68%)}
.orbit-path{position:absolute;left:10%;top:15%;width:80%;height:65%;border:1px solid #c9b8e72e;border-radius:50%;transform:rotate(-25deg) rotateX(48deg);box-shadow:0 0 12px #978fd010}
.orbit-path-two{left:20%;top:6%;width:60%;height:82%;transform:rotate(36deg) rotateX(35deg)}
.universe-sun{position:absolute;left:calc(50% - 27px);top:115px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#fff6d9,#dcb1a0 48%,#775b88);box-shadow:0 0 30px #efc5bf77,0 0 65px #d19de62e;color:#fff5e6;font:25px Georgia,serif;text-shadow:0 1px 3px #694a64}
.wish-planet{border:0;background:none;position:absolute;padding:12px;cursor:pointer;color:#eee1eb;width:90px;height:112px;z-index:2;border-radius:16px;-webkit-tap-highlight-color:transparent}
.wish-planet .planet-model{height:62px;width:62px;margin:auto;animation:planet-drift 9s ease-in-out infinite;transition:filter .3s}
.planet-joy{left:5%;top:37px}.planet-wonder{right:2%;top:77px}.planet-beginning{left:35%;top:184px}.planet-wonder .planet-model{animation-delay:-3s}.planet-beginning .planet-model{animation-delay:-6s;height:47px;width:47px}
.planet-name{display:block;position:relative;margin-top:15px;font-size:11px;letter-spacing:1px;color:#dfcee9}
.wish-planet:hover .planet-model,.wish-planet[aria-pressed=true] .planet-model{filter:drop-shadow(0 0 10px #ebc7ed88)}
.wish-planet:focus-visible,.planetarium summary:focus-visible{outline:2px solid #f2d3ab;outline-offset:-3px}
.planet-wish{min-height:111px;padding:13px 3px 0;border-top:1px solid #c5aed025}.planet-wish>span{font-size:8px;letter-spacing:2px;color:#c5a6d6}.planet-wish>p{font:18px/1.55 Georgia,serif;color:#f0dde5;margin:13px 0}
#close-universe{min-height:44px;font-size:11px}
@keyframes galaxy-drift{to{transform:rotate(360deg)}}@keyframes planet-drift{0%,100%{transform:translate3d(0,0,0) rotate(-4deg)}50%{transform:translate3d(5px,-12px,15px) rotate(4deg)}}
@media(max-width:650px){.galaxy-near{width:370px;height:370px;left:-140px;top:-85px;opacity:.42}.galaxy-far{width:250px;height:250px;right:-150px;top:290px;opacity:.3}.sky-ringed{left:-22px;top:41%;width:58px;height:58px;opacity:.5}.sky-blue{right:-10px;top:65%;width:35px;height:35px;opacity:.5}.planetarium{margin-left:0;margin-right:0}.universe-content{padding-left:10px;padding-right:10px}.planet-joy{left:3%}.planet-wonder{right:0}.planet-beginning{left:34%}.wish-planet .planet-ring{border-width:8px}}
@media(prefers-reduced-motion:reduce){.galaxy-art,.sky-planet,.wish-planet .planet-model{animation:none!important}}
body.cosmos-resting .galaxy-art,body.cosmos-resting .sky-planet,body.cosmos-resting .wish-planet .planet-model{animation-play-state:paused}
