:root{--ink:#080b18;--paper:#f4f0e8;--muted:#9a9bab;--line:rgba(255,255,255,.15);--accent:#b8f06a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.space-noise{position:fixed;inset:0;pointer-events:none;z-index:3;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.topbar{height:82px;padding:0 6.4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:4}.brand{font-size:15px;font-weight:800;letter-spacing:.11em;color:var(--paper);text-decoration:none}.brand-mark{font-size:18px;color:var(--accent);margin-right:9px}.brand-period,.footer-brand span{color:var(--accent)}nav{display:flex;gap:38px;margin-left:70px}nav a,.top-link{font-size:11px;text-decoration:none;color:#a7a8b4;transition:color .2s}nav a:hover,nav a.active{color:var(--paper)}.top-link{color:var(--paper);border:1px solid var(--line);padding:12px 17px;border-radius:2px}.top-link span{color:var(--accent);margin-left:14px}.hero{min-height:670px;height:calc(100vh - 82px);max-height:850px;padding:0 12.2%;display:grid;grid-template-columns:47% 53%;align-items:center;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2;padding-bottom:16px}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.16em;color:#a8a9b8}.live-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin:0 9px 1px 0;box-shadow:0 0 12px var(--accent)}h1{font-size:clamp(54px,7.2vw,100px);line-height:.99;letter-spacing:-.075em;font-weight:600;margin:27px 0 25px}h1 em,.mission h2 em{font-family:Georgia,serif;font-weight:400;color:var(--accent);letter-spacing:-.07em}.title-star{font-size:25px;vertical-align:top;color:var(--accent);margin-left:14px;letter-spacing:0}.intro{max-width:380px;color:#a0a2b2;font-size:13px;line-height:1.9}.primary-button{display:inline-flex;align-items:center;gap:35px;margin-top:20px;padding:15px 18px;background:var(--accent);color:#11170d;text-decoration:none;text-transform:uppercase;font:10px 'DM Mono',monospace;letter-spacing:.06em;transition:transform .2s,background .2s}.primary-button:hover{transform:translateY(-3px);background:#d0ff8a}.primary-button span{font-size:16px}.hero-note{margin-top:54px;display:flex;align-items:center;gap:12px;color:#747687;font:9px 'DM Mono',monospace;letter-spacing:.08em}.note-line{width:35px;height:1px;background:#55586a}.planet-stage{position:relative;height:100%;min-height:550px;display:grid;place-items:center}.planet{width:min(36vw,440px);aspect-ratio:1;border-radius:50%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 35% 29%,#a5db9c 0 5%,transparent 6%),radial-gradient(ellipse at 68% 45%,#55a765 0 9%,transparent 10%),radial-gradient(ellipse at 42% 66%,#79b96d 0 12%,transparent 13%),radial-gradient(ellipse at 28% 51%,#467f57 0 8%,transparent 9%),radial-gradient(circle at 37% 35%,#5fbaed 0,#2864bd 48%,#13336f 75%,#07132b 100%);box-shadow:inset -38px -20px 75px rgba(0,0,0,.7),inset 15px 8px 35px rgba(176,233,255,.35),0 0 75px rgba(37,109,226,.2);animation:float 7s ease-in-out infinite;transition:background 1s,box-shadow 1s}.planet:before{content:"";position:absolute;inset:-8%;border-radius:50%;background:repeating-linear-gradient(178deg,transparent 0 22px,rgba(203,235,247,.1) 23px 25px,transparent 27px 45px);opacity:.8;transform:rotate(-12deg);mix-blend-mode:screen}.planet-texture{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 25%,rgba(255,255,255,.25),transparent 25%),radial-gradient(ellipse at 28% 76%,rgba(83,179,219,.28),transparent 34%);mix-blend-mode:screen}.planet-shade{position:absolute;inset:0;border-radius:50%;background:linear-gradient(105deg,transparent 30%,rgba(3,9,28,.1) 47%,rgba(2,6,19,.8) 95%)}.planet-glow{position:absolute;width:65%;aspect-ratio:1;border-radius:50%;background:#1b66d9;filter:blur(75px);opacity:.22}.orbit{position:absolute;border:1px solid rgba(162,173,213,.15);border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:116%;height:35%}.orbit-two{width:130%;height:49%;transform:rotate(40deg)}.orbit-three{width:102%;height:67%;transform:rotate(-60deg);border-color:rgba(162,173,213,.09)}.star{position:absolute;color:#d6e2ff}.star-a{left:19%;top:25%;font-size:13px}.star-b{right:9%;top:31%;font-size:18px}.star-c{left:27%;bottom:21%;font-size:25px;color:var(--accent)}.star-d{right:22%;bottom:22%;font-size:10px}.planet-label{position:absolute;right:2%;top:22%;display:flex;flex-direction:column;gap:7px}.label-index{font:9px 'DM Mono',monospace;color:#80849a}.label-name{font-size:13px;letter-spacing:.22em}.scroll-cue{position:absolute;bottom:7%;right:1%;display:flex;align-items:center;gap:10px;color:#787b8e;font:8px 'DM Mono',monospace;letter-spacing:.14em}.scroll-cue span{width:28px;height:1px;background:var(--accent)}.hero-index{position:absolute;bottom:35px;left:6.4%;font:10px 'DM Mono',monospace;color:var(--paper)}.hero-index span{color:#67697a;margin:0 7px}.planet-strip{padding:39px 6.4% 50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0b0e1c}.strip-heading{display:flex;justify-content:space-between;margin-bottom:24px}.strip-count{font:9px 'DM Mono',monospace;letter-spacing:.1em;color:#7e8091}.strip-count span{color:var(--accent);margin-left:9px}.planet-list{display:grid;grid-template-columns:repeat(8,1fr)}.planet-option{position:relative;min-height:105px;padding:7px 10px 4px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--paper);text-align:left;cursor:pointer;transition:background .25s}.planet-option:last-child{border-right:1px solid var(--line)}.planet-option:hover,.planet-option.selected{background:rgba(255,255,255,.045)}.planet-option.selected:after{content:"";position:absolute;bottom:0;left:10px;right:10px;height:2px;background:var(--accent)}.mini-planet{display:block;width:27px;height:27px;border-radius:50%;margin:0 0 13px 2px;box-shadow:inset -7px -4px 10px rgba(0,0,0,.55),inset 3px 2px 6px rgba(255,255,255,.25)}.mini-planet.mercury{background:#a59e91}.mini-planet.venus{background:radial-gradient(circle at 30% 30%,#f5d19a,#b87244)}.mini-planet.earth{background:radial-gradient(circle at 35% 30%,#77ca88 0 15%,#3e93e2 16% 60%,#163778)}.mini-planet.mars{background:radial-gradient(circle at 35% 30%,#efa07b,#a53624)}.mini-planet.jupiter{background:repeating-linear-gradient(0deg,#b87f5b 0 4px,#ead1a7 5px 8px,#8d513d 9px 11px)}.mini-planet.saturn{background:radial-gradient(circle at 35% 30%,#f1d49a,#a9844f);position:relative}.mini-planet.saturn:after{content:"";position:absolute;left:-7px;right:-7px;top:10px;height:7px;border:2px solid #d7c493;border-radius:50%;transform:rotate(-23deg)}.mini-planet.uranus{background:#83d0d2}.mini-planet.neptune{background:#4a69d1}.planet-num{font:8px 'DM Mono',monospace;color:#777a8d}.planet-option-name{font-size:11px;margin-left:8px}.option-arrow{position:absolute;right:10px;bottom:16px;color:var(--accent);opacity:0;transition:opacity .2s}.planet-option:hover .option-arrow,.planet-option.selected .option-arrow{opacity:1}.mission{padding:105px 12.2% 25px}.mission-label{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.mission-symbol{color:var(--accent)}.mission-content{display:flex;justify-content:space-between;align-items:flex-end;padding:55px 0 90px}.mission h2{font-weight:500;font-size:clamp(46px,6.2vw,79px);letter-spacing:-.075em;line-height:1.04;margin:0}.mission-aside{max-width:260px;padding-bottom:8px}.mission-aside p{color:#9c9eae;font-size:12px;line-height:1.9;margin:0 0 24px}.mission-aside a{font:9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--paper);text-decoration:none;border-bottom:1px solid #4e5161;padding-bottom:9px}.mission-aside a span{color:var(--accent);margin-left:20px}.mission-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:#77798a;font:8px 'DM Mono',monospace;letter-spacing:.12em}.footer-brand{color:var(--paper);font:800 12px Manrope,sans-serif;letter-spacing:.1em}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@media(max-width:850px){.topbar{padding:0 5%;height:70px}nav{gap:18px;margin:0}nav a{font-size:10px}.top-link{padding:10px;font-size:9px}.hero{padding:0 8%;grid-template-columns:1fr 1fr;min-height:620px}.planet{width:min(43vw,360px)}.planet-label{right:-3%}.planet-list{grid-template-columns:repeat(4,1fr);row-gap:8px}.planet-option:nth-child(5){border-top:1px solid var(--line)}.mission{padding:80px 8% 25px}}@media(max-width:600px){.topbar{height:64px}.topbar nav{display:none}.top-link{margin-left:auto}.hero{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;padding:72px 7% 25px}.hero-copy{order:0}.hero h1{font-size:clamp(60px,16vw,84px);margin:22px 0}.intro{font-size:12px;max-width:320px}.hero-note{margin-top:29px}.planet-stage{order:1;min-height:340px;margin-top:8px}.planet{width:min(72vw,330px)}.planet-label{right:0;top:10%}.scroll-cue{right:0;bottom:0}.hero-index{bottom:21px;left:7%}.planet-strip{padding:30px 5% 35px}.strip-heading{gap:8px}.eyebrow,.strip-count{font-size:8px}.planet-list{grid-template-columns:repeat(2,1fr)}.planet-option{min-height:90px}.planet-option:nth-child(3){border-top:1px solid var(--line)}.planet-option:nth-child(4){border-top:1px solid var(--line)}.planet-option:nth-child(5){border-top:0}.planet-option:nth-child(7),.planet-option:nth-child(8){border-top:1px solid var(--line)}.mission{padding:65px 7% 22px}.mission-content{display:block;padding:42px 0 60px}.mission h2{font-size:clamp(47px,12vw,67px)}.mission-aside{margin-top:35px}.mission-bottom{font-size:7px;letter-spacing:.04em}.footer-brand{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Full-screen animated solar system */
.fullscreen-button{position:absolute;z-index:5;right:1%;bottom:3%;display:flex;align-items:center;gap:8px;padding:10px 12px;color:var(--paper);background:rgba(15,18,36,.8);border:1px solid var(--line);font:9px 'DM Mono',monospace;letter-spacing:.1em;cursor:pointer;transition:background .2s,border-color .2s}.fullscreen-button:hover{background:#20243a;border-color:rgba(255,255,255,.4)}.expand-icon{font:19px Arial,sans-serif;color:var(--accent)}.solar-system{display:none}.planet-stage:fullscreen,.planet-stage:-webkit-full-screen{width:100vw;height:100vh;min-height:0;max-height:none;background:radial-gradient(ellipse at 50% 50%,#121a37 0,#080b18 60%);overflow:hidden}.planet-stage:fullscreen .solar-system,.planet-stage:-webkit-full-screen .solar-system{display:block;position:absolute;width:min(88vmin,1000px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%)}.planet-stage:fullscreen>.orbit,.planet-stage:fullscreen>.planet,.planet-stage:fullscreen>.planet-glow,.planet-stage:fullscreen>.planet-label,.planet-stage:fullscreen>.scroll-cue,.planet-stage:-webkit-full-screen>.orbit,.planet-stage:-webkit-full-screen>.planet,.planet-stage:-webkit-full-screen>.planet-glow,.planet-stage:-webkit-full-screen>.planet-label,.planet-stage:-webkit-full-screen>.scroll-cue{display:none}.planet-stage:fullscreen .fullscreen-button,.planet-stage:-webkit-full-screen .fullscreen-button{right:28px;bottom:25px}.planet-stage:fullscreen .star,.planet-stage:-webkit-full-screen .star{z-index:1}.sun{position:absolute;left:50%;top:50%;width:8%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff6c4,#ffc94a 48%,#f28b22 75%);box-shadow:0 0 35px #ffb32d,0 0 100px rgba(255,160,38,.65)}.system-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(173,191,241,.2);border-radius:50%;transform:translate(-50%,-50%);animation:orbit-spin linear infinite}.system-planet{position:absolute;left:50%;top:0;width:var(--size);height:var(--size);display:block;border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset -5px -3px 8px rgba(0,0,0,.55),0 0 12px color-mix(in srgb,var(--planet-color),transparent 60%);background:var(--planet-color)}.system-planet.earth{background:radial-gradient(circle at 32% 34%,#70c681 0 20%,#378bdc 21% 70%,#15377d 71%)}.system-planet.jupiter{background:repeating-linear-gradient(0deg,#b87f5b 0 4px,#ead1a7 5px 8px,#8d513d 9px 11px)}.system-planet.saturn:after{content:"";position:absolute;width:180%;height:45%;left:-40%;top:27%;border:2px solid #e4ce98;border-radius:50%;transform:rotate(-25deg)}.orbit-mercury{width:16%;height:16%;animation-duration:5s}.orbit-venus{width:25%;height:25%;animation-duration:8s}.orbit-earth{width:35%;height:35%;animation-duration:12s}.orbit-mars{width:45%;height:45%;animation-duration:18s}.orbit-jupiter{width:59%;height:59%;animation-duration:28s}.orbit-saturn{width:72%;height:72%;animation-duration:38s}.orbit-uranus{width:84%;height:84%;animation-duration:50s}.orbit-neptune{width:96%;height:96%;animation-duration:65s}.system-planet.mercury{--size:9px;--planet-color:#aaa294}.system-planet.venus{--size:14px;--planet-color:#e8ae74}.system-planet.earth{--size:16px;--planet-color:#438df4}.system-planet.mars{--size:12px;--planet-color:#e76d4d}.system-planet.jupiter{--size:32px;--planet-color:#d6a77d}.system-planet.saturn{--size:27px;--planet-color:#dfc58a}.system-planet.uranus{--size:20px;--planet-color:#80d5da}.system-planet.neptune{--size:19px;--planet-color:#557bea}.@keyframes orbit-spin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:600px){.planet-stage:fullscreen .solar-system,.planet-stage:-webkit-full-screen .solar-system{width:94vmin}.planet-stage:fullscreen .fullscreen-button,.planet-stage:-webkit-full-screen .fullscreen-button{right:15px;bottom:15px}}@media(prefers-reduced-motion:reduce){.system-orbit{animation-duration:120s!important}}
.system-planet.active-planet{box-shadow:0 0 0 4px rgba(255,255,255,.23),0 0 24px var(--planet-color)}

/* Turning surfaces with distinct planetary features */
#hero-planet{animation:float 7s ease-in-out infinite,hero-spin 90s linear infinite;background-size:200% 100%;background-position:0 50%;}
#hero-planet.mercury{background:radial-gradient(circle at 35% 30%,#ded1bb,#8b8175 48%,#24212a 83%);}
#hero-planet.venus{background:radial-gradient(circle at 35% 30%,#ffe0a0,#d68a4d 50%,#49302c 85%);}
#hero-planet.earth{background:radial-gradient(ellipse at 35% 29%,#a5db9c 0 5%,transparent 6%),radial-gradient(ellipse at 68% 45%,#55a765 0 9%,transparent 10%),radial-gradient(ellipse at 42% 66%,#79b96d 0 12%,transparent 13%),radial-gradient(ellipse at 28% 51%,#467f57 0 8%,transparent 9%),radial-gradient(circle at 37% 35%,#5fbaed 0,#2864bd 48%,#13336f 75%,#07132b 100%);}
#hero-planet.mars{background:radial-gradient(circle at 35% 30%,#f6b184,#bd4d31 45%,#482228 84%);}
#hero-planet.jupiter{background:repeating-linear-gradient(0deg,#9e5b42 0 8px,#d9b58a 9px 17px,#f0d7ad 18px 23px,#9a5944 24px 31px,#c38660 32px 42px);}
#hero-planet.saturn{background:repeating-linear-gradient(0deg,#937547 0 6px,#d9c08c 7px 13px,#ead9ab 14px 18px,#ad8f5a 19px 24px);}
#hero-planet.uranus{background:radial-gradient(circle at 35% 30%,#d8ffff,#83d6da 48%,#347889 84%);}
#hero-planet.neptune{background:repeating-linear-gradient(0deg,#203d93 0 13px,#426bdd 14px 22px,#6689ed 23px 26px,#273f9b 27px 39px);}
#hero-planet:before{background:radial-gradient(ellipse at 25% 30%,rgba(255,255,255,.22),transparent 40%),repeating-linear-gradient(178deg,transparent 0 34px,rgba(238,242,255,.13) 35px 37px,transparent 39px 62px);animation:surface-drift 24s linear infinite;}
#hero-planet.jupiter:before,#hero-planet.saturn:before{background:radial-gradient(ellipse at 70% 57%,#a6422b 0 4%,transparent 5%),radial-gradient(ellipse at 25% 30%,rgba(255,255,255,.2),transparent 45%);}
#hero-planet.mercury:before,#hero-planet.mars:before{background:radial-gradient(circle at 27% 35%,#413332 0 2%,transparent 2.5%),radial-gradient(circle at 62% 58%,#442d2a 0 3%,transparent 3.5%),radial-gradient(circle at 46% 76%,#edaa78 0 4%,transparent 4.5%),radial-gradient(circle at 72% 28%,#39292a 0 2%,transparent 2.5%);background-size:100% 100%;}
.system-planet{overflow:hidden;isolation:isolate}.system-planet .surface{position:absolute;inset:-8%;border-radius:50%;display:block;background-size:220% 100%;animation:surface-drift 18s linear infinite;}
.system-planet.mercury .surface{background:radial-gradient(circle at 25% 40%,#453b3a 0 9%,transparent 10%),radial-gradient(circle at 70% 65%,#4b4140 0 12%,transparent 13%),radial-gradient(circle at 55% 25%,#ded0b6 0 5%,transparent 6%),linear-gradient(90deg,#c0b49e,#82786f,#d1c4ab);}
.system-planet.venus .surface{background:repeating-linear-gradient(120deg,transparent 0 6px,rgba(255,224,170,.7) 7px 9px,transparent 10px 15px),linear-gradient(90deg,#8d4b32,#f0b568,#ce7743);}
.system-planet.earth .surface{background:radial-gradient(ellipse at 25% 33%,#62a957 0 12%,transparent 13%),radial-gradient(ellipse at 62% 58%,#76b85e 0 15%,transparent 16%),radial-gradient(ellipse at 76% 20%,#509c53 0 9%,transparent 10%),linear-gradient(90deg,#194f9d,#4caee5,#194f9d);}
.system-planet.mars .surface{background:radial-gradient(circle at 30% 35%,#4a2727 0 11%,transparent 12%),radial-gradient(circle at 70% 65%,#f5ad78 0 9%,transparent 10%),linear-gradient(90deg,#a63d2d,#eb8051,#9b392b);}
.system-planet.jupiter .surface{background:radial-gradient(ellipse at 65% 57%,#a84432 0 14%,transparent 15%),repeating-linear-gradient(0deg,#a9694e 0 4px,#ead1a7 5px 8px,#8d513d 9px 11px);}
.system-planet.saturn .surface{background:repeating-linear-gradient(0deg,#a98b55 0 3px,#f1dba2 4px 6px,#c3a76f 7px 9px);}
.system-planet.uranus .surface{background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(255,255,255,.24) 8px 9px,transparent 10px 17px),linear-gradient(90deg,#54aebc,#b8f4ed,#56aebd);}
.system-planet.neptune .surface{background:radial-gradient(ellipse at 67% 37%,#d0e0ff 0 5%,transparent 6%),repeating-linear-gradient(0deg,#2947a4 0 5px,#6689ed 6px 9px,#3150b7 10px 15px);}
@keyframes hero-spin{from{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(90deg)}50%{transform:translateY(0) rotate(180deg)}75%{transform:translateY(8px) rotate(270deg)}to{transform:translateY(0) rotate(360deg)}}
@keyframes surface-drift{from{background-position:0 50%}to{background-position:220% 50%}}
@media(prefers-reduced-motion:reduce){#hero-planet,.system-planet .surface{animation:none!important}}

/* Individual planet pages */
.planet-page{min-height:calc(100vh - 82px);padding:35px 10% 70px}.planet-page[hidden]{display:none!important}.back-link{display:inline-block;color:#b9bbc8;font:9px 'DM Mono',monospace;letter-spacing:.12em;text-decoration:none;padding:10px 0}.back-link:hover{color:var(--accent)}.detail-layout{max-width:1140px;min-height:650px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.detail-visual{min-height:550px;position:relative;display:grid;place-items:center;overflow:hidden}.detail-halo{position:absolute;width:65%;aspect-ratio:1;border-radius:50%;background:#3479d3;filter:blur(90px);opacity:.17}.detail-planet{width:min(35vw,420px);aspect-ratio:1;position:relative;z-index:1;border-radius:50%;overflow:visible;animation:detail-float 8s ease-in-out infinite;box-shadow:inset -34px -18px 65px rgba(0,0,0,.68),inset 13px 8px 28px rgba(255,255,255,.26),0 0 80px rgba(63,137,226,.17)}.detail-planet .surface{position:absolute;inset:0;display:block;overflow:hidden;border-radius:50%;background-size:220% 100%;animation:surface-drift 30s linear infinite}.detail-planet .surface:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.12) 44%,rgba(3,8,25,.78) 100%)}.detail-shade{position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:inset -28px -12px 40px rgba(0,0,0,.3)}.detail-planet.mercury .surface{background:radial-gradient(circle at 27% 40%,#453b3a 0 9%,transparent 10%),radial-gradient(circle at 70% 65%,#4b4140 0 12%,transparent 13%),radial-gradient(circle at 55% 25%,#ded0b6 0 5%,transparent 6%),linear-gradient(90deg,#c0b49e,#82786f,#d1c4ab)}.detail-planet.venus .surface{background:repeating-linear-gradient(120deg,transparent 0 15px,rgba(255,224,170,.55) 16px 20px,transparent 21px 30px),linear-gradient(90deg,#8d4b32,#f0b568,#ce7743)}.detail-planet.earth .surface{background:radial-gradient(ellipse at 25% 33%,#62a957 0 12%,transparent 13%),radial-gradient(ellipse at 62% 58%,#76b85e 0 15%,transparent 16%),radial-gradient(ellipse at 76% 20%,#509c53 0 9%,transparent 10%),linear-gradient(90deg,#194f9d,#4caee5,#194f9d)}.detail-planet.mars .surface{background:radial-gradient(circle at 30% 35%,#4a2727 0 11%,transparent 12%),radial-gradient(circle at 70% 65%,#f5ad78 0 9%,transparent 10%),linear-gradient(90deg,#a63d2d,#eb8051,#9b392b)}.detail-planet.jupiter .surface{background:radial-gradient(ellipse at 65% 57%,#a84432 0 8%,transparent 9%),repeating-linear-gradient(0deg,#a9694e 0 12px,#ead1a7 13px 25px,#8d513d 26px 37px,#d8ad84 38px 52px)}.detail-planet.saturn .surface{background:repeating-linear-gradient(0deg,#a98b55 0 9px,#f1dba2 10px 19px,#c3a76f 20px 28px)}.detail-planet.saturn:before{content:"";position:absolute;z-index:-1;left:-25%;top:37%;width:150%;height:28%;border:14px solid rgba(215,193,142,.78);border-left-color:rgba(244,224,178,.88);border-right-color:rgba(125,103,66,.8);border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 14px rgba(228,202,144,.2)}.detail-planet.uranus .surface{background:repeating-linear-gradient(0deg,transparent 0 16px,rgba(255,255,255,.2) 17px 19px,transparent 20px 34px),linear-gradient(90deg,#54aebc,#b8f4ed,#56aebd)}.detail-planet.neptune .surface{background:radial-gradient(ellipse at 67% 37%,#d0e0ff 0 5%,transparent 6%),repeating-linear-gradient(0deg,#2947a4 0 12px,#6689ed 13px 22px,#3150b7 23px 36px)}.detail-caption{position:absolute;bottom:8%;left:3%;font:9px 'DM Mono',monospace;letter-spacing:.13em;color:#9295a7}.detail-copy{padding:30px 0}.detail-copy h2{font-size:clamp(58px,8vw,104px);line-height:1;letter-spacing:-.075em;font-weight:600;margin:28px 0 22px}.detail-description{max-width:470px;color:#a8aab8;font-size:14px;line-height:1.9}.detail-facts{display:grid;grid-template-columns:1fr 1fr;margin-top:38px;border-top:1px solid var(--line)}.fact{padding:17px 8px 16px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.fact span{font:8px 'DM Mono',monospace;letter-spacing:.11em;color:#85889b}.fact strong{font-size:14px;font-weight:600}.detail-navigation{display:flex;justify-content:space-between;margin-top:30px}.detail-navigation button{padding:12px 0;border:0;border-bottom:1px solid #55596a;background:none;color:var(--paper);font:9px 'DM Mono',monospace;letter-spacing:.1em;cursor:pointer}.detail-navigation button:hover{color:var(--accent);border-color:var(--accent)}@keyframes detail-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(180deg)}}
@media(max-width:700px){.planet-page{padding:20px 7% 55px}.detail-layout{grid-template-columns:1fr;gap:0;min-height:0}.detail-visual{min-height:350px}.detail-planet{width:min(68vw,330px)}.detail-caption{bottom:6%;left:0}.detail-copy{padding:30px 0}.detail-copy h2{font-size:68px;margin:20px 0}.detail-description{font-size:13px}.detail-facts{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.detail-planet,.detail-planet .surface{animation:none!important}}
main > [hidden]{display:none!important}

/* NASA/JPL equirectangular surface maps */
#hero-planet{background-size:220% 100%;background-position:0 50%;}
#hero-planet.mercury{background-image:url('assets/planets/mercury.jpg');}
#hero-planet.venus{background-image:url('assets/planets/venus.jpg');filter:sepia(.35) saturate(1.25);}
#hero-planet.earth{background-image:url('assets/planets/earth.jpg');}
#hero-planet.mars{background-image:url('assets/planets/mars.jpg');}
#hero-planet.jupiter{background-image:url('assets/planets/jupiter.jpg');}
#hero-planet.saturn{background-image:url('assets/planets/saturn.jpg');}
#hero-planet.uranus{background-image:url('assets/planets/uranus.jpg');}
#hero-planet.neptune{background-image:url('assets/planets/neptune.jpg');}
#hero-planet:before{inset:0;background:radial-gradient(ellipse at 27% 25%,rgba(255,255,255,.22),transparent 40%);mix-blend-mode:screen;}
.detail-planet .surface{background-size:220% 100%;background-position:0 50%;}
.detail-planet.mercury .surface,.system-planet.mercury .surface{background-image:url('assets/planets/mercury.jpg');}
.detail-planet.venus .surface,.system-planet.venus .surface{background-image:url('assets/planets/venus.jpg');filter:sepia(.35) saturate(1.25);}
.detail-planet.earth .surface,.system-planet.earth .surface{background-image:url('assets/planets/earth.jpg');}
.detail-planet.mars .surface,.system-planet.mars .surface{background-image:url('assets/planets/mars.jpg');}
.detail-planet.jupiter .surface,.system-planet.jupiter .surface{background-image:url('assets/planets/jupiter.jpg');}
.detail-planet.saturn .surface,.system-planet.saturn .surface{background-image:url('assets/planets/saturn.jpg');}
.detail-planet.uranus .surface,.system-planet.uranus .surface{background-image:url('assets/planets/uranus.jpg');}
.detail-planet.neptune .surface,.system-planet.neptune .surface{background-image:url('assets/planets/neptune.jpg');}
.detail-planet.saturn:before{border-width:12px;}
.texture-credit{display:inline-block;margin-top:25px;color:#747889;font:8px 'DM Mono',monospace;letter-spacing:.1em;text-decoration:none}.texture-credit:hover{color:var(--accent)}
/* Show a full rotating longitude cycle on the sphere maps */
#hero-planet{background-repeat:repeat-x;background-size:200% 100%;animation:float 7s ease-in-out infinite,map-turn 55s linear infinite!important;}
.detail-planet{animation:detail-float 8s ease-in-out infinite!important;}
.detail-planet .surface,.system-planet .surface{background-repeat:repeat-x;background-size:200% 100%;animation:map-turn 42s linear infinite!important;}
@keyframes map-turn{from{background-position:0% 50%}to{background-position:200% 50%}}
@keyframes detail-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* Discovery features */
.header-tools{display:flex;align-items:center;gap:9px}.utility-button{padding:10px 11px;background:transparent;border:1px solid var(--line);color:#bfc1cc;font:8px 'DM Mono',monospace;letter-spacing:.08em;cursor:pointer}.utility-button:hover,.utility-button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}.detail-planet{cursor:grab;touch-action:none;transform-origin:center;transition:filter .2s}.detail-planet.dragging{cursor:grabbing}.detail-planet .surface.manual-control{animation:none!important}.zoom-control{position:absolute;z-index:2;bottom:2%;right:0;display:flex;align-items:center;gap:9px;color:#8f92a2;font:8px 'DM Mono',monospace;letter-spacing:.08em}.zoom-control input{width:95px;accent-color:var(--accent)}.zoom-control button{border:0;background:none;color:#b8bac6;font:8px 'DM Mono',monospace;cursor:pointer}.drag-hint{position:absolute;right:0;top:10%;font:8px 'DM Mono',monospace;color:#808497;letter-spacing:.11em}.detail-extras{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:7%;padding-top:45px;border-top:1px solid var(--line)}.detail-extra-block>.eyebrow{margin-bottom:20px}.landmark-list{display:flex;flex-wrap:wrap;gap:7px}.landmark-button{padding:9px 11px;background:rgba(255,255,255,.035);border:1px solid var(--line);color:#c7c9d3;font:9px Manrope,sans-serif;cursor:pointer}.landmark-button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}.landmark-description{min-height:42px;color:#9ea0af;font-size:11px;line-height:1.8}.moon-mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.moon-mission-grid>div{padding:15px;background:rgba(255,255,255,.035);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.moon-mission-grid span{color:#85889b;font:8px 'DM Mono',monospace;letter-spacing:.1em}.moon-mission-grid strong{font-size:11px;line-height:1.7;font-weight:500;color:#d7d8df}
.discover-lab{padding:100px 10% 110px;border-top:1px solid var(--line);background:#0b0e1c}.lab-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px}.lab-heading h2{font-size:clamp(44px,6vw,74px);line-height:.98;letter-spacing:-.07em;font-weight:600;margin:19px 0 0}.lab-heading h2 em{font:italic 400 .95em Georgia,serif;color:var(--accent)}.lab-intro{max-width:260px;color:#9c9eae;font-size:12px;line-height:1.9}.lab-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:14px}.feature-card{position:relative;padding:27px;background:#101426;border:1px solid rgba(255,255,255,.09);min-width:0}.feature-card h3{font-size:21px;font-weight:600;letter-spacing:-.04em;margin:14px 0 23px}.fact-card{min-height:240px;display:flex;flex-direction:column;align-items:flex-start}.fact-star{position:absolute;right:27px;top:22px;color:var(--accent);font-size:20px}.fact-text{max-width:380px;margin:30px 0 28px;font:20px/1.55 Georgia,serif;color:#e7e4de}.fact-text strong{color:var(--accent);font-weight:400}.text-button{border:0;border-bottom:1px solid #515467;padding:0 0 8px;color:#dbdce3;background:none;font:8px 'DM Mono',monospace;letter-spacing:.1em;cursor:pointer}.text-button span{color:var(--accent);margin-left:12px}.compare-selects{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:9px;margin-bottom:22px}.compare-selects label{display:flex;flex-direction:column;gap:8px;color:#85889b;font:8px 'DM Mono',monospace;letter-spacing:.08em}.compare-selects select{width:100%;padding:10px 7px;border:1px solid var(--line);background:#0a0d1b;color:var(--paper);font:11px Manrope,sans-serif}.compare-selects>span{padding-bottom:12px;color:var(--accent);font:9px 'DM Mono',monospace}.compare-row{display:grid;grid-template-columns:105px 1fr 1fr;gap:9px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}.compare-label{font-size:9px;color:#999cab}.compare-side{min-width:0}.compare-side strong{display:block;white-space:nowrap;font:8px 'DM Mono',monospace;color:#d1d2db;margin-bottom:6px}.compare-side i{display:block;width:var(--bar);height:3px;background:var(--accent);opacity:.85}.compare-side i.second-bar{background:#6f8feb}.journey-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 250px 1fr;gap:18px;align-items:center}.journey-card h3{margin-bottom:0}.journey-map{position:relative;width:240px;aspect-ratio:1;justify-self:center;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 14px,rgba(162,173,213,.15) 15px 16px);}.journey-sun{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 35%,#fff3b5,#f5a526);box-shadow:0 0 23px rgba(255,177,40,.75);border-radius:50%}.journey-node{position:absolute;z-index:2;width:9px;height:9px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:var(--planet-color);box-shadow:0 0 10px var(--planet-color);cursor:pointer}.journey-node.selected{width:14px;height:14px;outline:2px solid rgba(255,255,255,.4);outline-offset:3px}.journey-node.mercury{--planet-color:#a59e91}.journey-node.venus{--planet-color:#e8ae74}.journey-node.earth{--planet-color:#438df4}.journey-node.mars{--planet-color:#e76d4d}.journey-node.jupiter{--planet-color:#d6a77d}.journey-node.saturn{--planet-color:#dfc58a}.journey-node.uranus{--planet-color:#80d5da}.journey-node.neptune{--planet-color:#557bea}.journey-readout{display:flex;flex-direction:column;gap:8px;color:#a2a4b1;font-size:10px;line-height:1.7}.journey-readout strong{font-size:20px;color:var(--paper)}.journey-choices{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.journey-choice{padding:8px 10px;color:#a7a9b7;background:transparent;border:1px solid var(--line);font:8px 'DM Mono',monospace;cursor:pointer}.journey-choice.selected{color:var(--accent);border-color:var(--accent)}.quiz-prompt{color:#dedfe6;font-size:13px;line-height:1.7;margin:20px 0}.quiz-progress{font:8px 'DM Mono',monospace;color:#8b8ea0;letter-spacing:.1em;margin:21px 0 0}.quiz-answers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.quiz-answers button{padding:11px 10px;text-align:left;color:#c7c8d2;background:rgba(255,255,255,.035);border:1px solid var(--line);font:10px Manrope,sans-serif;cursor:pointer}.quiz-answers button:hover:not(:disabled){border-color:#a4a8bd}.quiz-answers button.correct{border-color:#aee978;color:#c8f898}.quiz-answers button.incorrect{border-color:#e77470;color:#f59a95}.quiz-feedback{min-height:18px;font-size:10px;color:var(--accent)}.quiz-card>.text-button{margin-top:12px}
@media(max-width:800px){.header-tools{gap:5px}.utility-button{padding:8px 7px;font-size:7px}.top-link{padding:9px;font-size:8px}.journey-card{grid-template-columns:1fr 205px}.journey-map{width:200px}.journey-readout{grid-column:1/-1;text-align:center}.journey-choices{grid-column:1/-1}}
@media(max-width:650px){.header-tools{gap:4px}.header-tools .top-link{display:none}.utility-button{font-size:7px;padding:8px 6px}.detail-extras{grid-template-columns:1fr;gap:28px;padding-top:30px}.moon-mission-grid{grid-template-columns:1fr 1fr}.discover-lab{padding:65px 6%}.lab-heading{display:block;margin-bottom:29px}.lab-intro{margin-top:20px}.lab-grid{grid-template-columns:1fr}.feature-card{padding:22px}.journey-card{grid-column:auto;grid-template-columns:1fr}.journey-map{grid-row:2;width:min(70vw,240px)}.journey-readout{grid-column:auto}.journey-choices{grid-column:auto}.compare-row{grid-template-columns:82px 1fr 1fr;gap:6px}.compare-side strong{font-size:7px}.zoom-control{right:50%;transform:translateX(50%);bottom:-1%}.drag-hint{right:0;top:5%}.detail-visual{overflow:visible;margin-bottom:12px}}
.journey-map{background:none}.journey-path{position:absolute;left:50%;top:50%;width:var(--orbit-size);height:var(--orbit-size);transform:translate(-50%,-50%);border:1px solid rgba(162,173,213,.17);border-radius:50%;animation:journey-spin var(--duration) linear infinite}.journey-node{left:50%;top:0;animation:journey-node-turn 6s linear infinite}@keyframes journey-spin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes journey-node-turn{to{filter:brightness(1.45)}}.journey-readout .journey-open{align-self:flex-start;margin-top:7px;padding:9px 10px;color:var(--accent);border:1px solid rgba(184,240,106,.4);background:transparent;font:8px 'DM Mono',monospace;letter-spacing:.08em;cursor:pointer}.journey-readout .journey-open:hover{background:rgba(184,240,106,.08)}
@media(prefers-reduced-motion:reduce){.journey-path{animation:none!important}.journey-node{animation:none!important}}
@media(max-width:650px){.journey-map{grid-row:auto}}
.volume-control{display:flex;align-items:center;gap:7px;padding:0 5px;color:#aeb0bf;font:8px "DM Mono",monospace;letter-spacing:.08em}.volume-control input{width:76px;accent-color:var(--accent);cursor:pointer}.volume-control output{min-width:26px;color:#d2d3db;font:8px "DM Mono",monospace}@media(max-width:800px){.volume-control{gap:4px}.volume-control input{width:55px}.volume-control output{min-width:23px}}@media(max-width:650px){.volume-control{gap:3px}.volume-control input{width:45px}.volume-control span{display:none}.volume-control output{min-width:20px;font-size:7px}}
.voyager-player{position:fixed;right:22px;bottom:20px;z-index:8;display:flex;flex-direction:column;gap:8px;align-items:stretch;width:min(340px,calc(100vw - 28px));padding:13px 15px;background:rgba(12,16,34,.96);border:1px solid rgba(184,240,106,.38);border-radius:5px;box-shadow:0 10px 38px rgba(0,0,0,.48);backdrop-filter:blur(12px)}.audio-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.audio-mode-control select{background:#111528;color:#b9bfd8;border:1px solid #343a52;border-radius:3px;padding:5px 7px;font:8px "DM Mono",monospace;letter-spacing:.06em}.voyager-player audio{display:block;width:100%;height:40px;accent-color:var(--accent);color-scheme:dark}.audio-source{color:#85889b;text-decoration:none;font:8px "DM Mono",monospace;letter-spacing:.06em}.audio-source:hover{color:var(--accent)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.voyager-player{right:14px;bottom:14px;width:min(340px,calc(100vw - 28px));padding:11px 12px}.voyager-player audio{width:100%}}