.planet{position:relative;border-radius:50%;overflow:hidden}.moon{isolation:isolate;width:min(62vw,260px);height:min(62vw,260px);background:radial-gradient(ellipse 70% 55% at 58% 48%,rgba(55,52,58,.55) 0,transparent 62%),radial-gradient(ellipse 45% 40% at 28% 62%,rgba(48,46,52,.5) 0,transparent 58%),radial-gradient(ellipse 38% 32% at 72% 28%,rgba(62,60,66,.42) 0,transparent 55%),radial-gradient(circle at 22% 32%,rgba(0,0,0,.22) 0 2.2%,transparent 2.8%),radial-gradient(circle at 22% 32%,transparent 2.5%,rgba(255,255,255,.35) 2.6%,transparent 4.2%),radial-gradient(circle at 78% 58%,rgba(0,0,0,.18) 0 1.8%,transparent 2.4%),radial-gradient(circle at 78% 58%,transparent 2.1%,rgba(220,220,225,.4) 2.2%,transparent 3.5%),radial-gradient(circle at 44% 22%,rgba(0,0,0,.14) 0 1.5%,transparent 2.1%),radial-gradient(circle at 52% 78%,rgba(0,0,0,.16) 0 1.6%,transparent 2.2%),radial-gradient(circle at 66% 38%,rgba(0,0,0,.12) 0 1.2%,transparent 1.8%),linear-gradient(145deg,#f4f4f6 0,#c9c9cf 42%,#8e8e96 78%,#5a5a62 100%);box-shadow:inset -30px -26px 48px rgba(0,0,0,.55),inset 14px 10px 28px rgba(255,255,255,.2),0 0 38px rgba(200,210,230,.28),0 0 0 1px rgba(255,255,255,.08);animation:moon-drift 8.5s ease-in-out infinite .6s}.moon::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.55) 0 1%,rgba(255,255,255,.08) 2.5%,transparent 4%);opacity:.9;mix-blend-mode:overlay;pointer-events:none}.moon::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(118deg,rgba(255,255,255,.12) 0,transparent 35%,transparent 58%,rgba(0,0,0,.35) 100%);pointer-events:none}.moon-label{position:absolute;bottom:92px;left:0;right:0;z-index:2;text-align:center;font-size:15px;letter-spacing:.18em;color:rgba(255,255,255,.68)}.moon-screen.is-landed .moon{animation:none}