/* RC39 cosmic/weather authored source concatenation */
/* MOON Bangladesh v2.0.1-rc11-p1 — intelligent motion and predictive collision prevention */
body.moon-cosmic-ready{
  background:#020812!important;
}
body.moon-cosmic-ready .moon-page-shell{
  position:relative;
  z-index:1;
  isolation:isolate;
  background:transparent!important;
}
body.moon-cosmic-ready .moon-header,
body.moon-cosmic-ready .moon-main,
body.moon-cosmic-ready .moon-footer,
body.moon-cosmic-ready .site-main,
body.moon-cosmic-ready .moon-home-content,
body.moon-cosmic-ready .moon-shop-main{
  position:relative;
  z-index:1;
}
body.moon-cosmic-ready .moon-main,
body.moon-cosmic-ready .site-main,
body.moon-cosmic-ready .moon-home-v6,
body.moon-cosmic-ready .moon-home-content,
body.moon-cosmic-ready .moon-shop-main,
body.moon-cosmic-ready.woocommerce-shop .site-main,
body.moon-cosmic-ready.tax-product_cat .site-main,
body.moon-cosmic-ready.tax-product_tag .site-main,
body.moon-cosmic-ready.single-product .moon-main,
body.moon-cosmic-ready.woocommerce-cart .moon-main,
body.moon-cosmic-ready.woocommerce-checkout .moon-main,
body.moon-cosmic-ready.woocommerce-account .moon-main{
  background:transparent!important;
}
.moon-cosmic-stage{
  position:fixed;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 14% 18%, rgba(13,58,104,.14), transparent 26%),
    radial-gradient(circle at 78% 22%, rgba(93,128,171,.09), transparent 25%),
    radial-gradient(circle at 84% 70%, rgba(12,47,84,.15), transparent 30%),
    linear-gradient(180deg, #020711 0%, #06111f 54%, #02070d 100%);
}
.moon-cosmic-backdrop,
.moon-cosmic-stars,
.moon-cosmic-haze,
.moon-cosmic-moon,
.moon-cosmic-moon-glow,
.moon-cosmic-crescent,
.moon-cosmic-cloud,
.moon-cosmic-meteor,
.moon-cosmic-lightning,
.moon-cosmic-floaters,
.moon-cosmic-floater{
  position:absolute;
  user-select:none;
  -webkit-user-drag:none;
}
.moon-cosmic-backdrop{inset:0;background:linear-gradient(180deg, rgba(1,6,12,.24), rgba(2,6,12,.08) 35%, rgba(1,4,8,.28));}
.moon-cosmic-stars{
  inset:-10%;
  background-image:
    radial-gradient(circle at 5% 7%, rgba(255,255,255,.92) 0 1px, transparent 1.5px),
    radial-gradient(circle at 18% 13%, rgba(156,205,255,.9) 0 .8px, transparent 1.2px),
    radial-gradient(circle at 33% 6%, rgba(255,255,255,.82) 0 1px, transparent 1.5px),
    radial-gradient(circle at 48% 18%, rgba(120,185,255,.88) 0 .9px, transparent 1.4px),
    radial-gradient(circle at 64% 10%, rgba(255,255,255,.78) 0 1px, transparent 1.4px),
    radial-gradient(circle at 76% 24%, rgba(120,185,255,.75) 0 .9px, transparent 1.4px),
    radial-gradient(circle at 88% 16%, rgba(255,255,255,.72) 0 1px, transparent 1.6px),
    radial-gradient(circle at 9% 34%, rgba(255,255,255,.84) 0 1px, transparent 1.5px),
    radial-gradient(circle at 28% 30%, rgba(171,215,255,.74) 0 .9px, transparent 1.4px),
    radial-gradient(circle at 41% 36%, rgba(255,255,255,.7) 0 1px, transparent 1.4px),
    radial-gradient(circle at 59% 44%, rgba(255,255,255,.75) 0 1px, transparent 1.5px),
    radial-gradient(circle at 72% 38%, rgba(128,192,255,.76) 0 .9px, transparent 1.4px),
    radial-gradient(circle at 91% 34%, rgba(255,255,255,.86) 0 1px, transparent 1.5px),
    radial-gradient(circle at 13% 57%, rgba(255,255,255,.7) 0 1px, transparent 1.5px),
    radial-gradient(circle at 25% 72%, rgba(127,192,255,.62) 0 .9px, transparent 1.4px),
    radial-gradient(circle at 39% 64%, rgba(255,255,255,.78) 0 1px, transparent 1.5px),
    radial-gradient(circle at 58% 76%, rgba(255,255,255,.7) 0 1px, transparent 1.5px),
    radial-gradient(circle at 68% 68%, rgba(151,211,255,.72) 0 .9px, transparent 1.4px),
    radial-gradient(circle at 83% 61%, rgba(255,255,255,.82) 0 1px, transparent 1.5px),
    radial-gradient(circle at 94% 74%, rgba(255,255,255,.68) 0 .9px, transparent 1.4px);
  opacity:.82;
}
.moon-cosmic-haze{
  border-radius:50%;
  filter:blur(26px);
  opacity:.45;
}
.moon-cosmic-haze--one{
  width:48vw;height:48vw;left:-8vw;top:38vh;
  background:radial-gradient(circle, rgba(32,86,146,.28), rgba(10,26,44,.08) 55%, transparent 72%);
}
.moon-cosmic-haze--two{
  width:42vw;height:42vw;right:-10vw;top:12vh;
  background:radial-gradient(circle, rgba(59,104,171,.2), rgba(8,22,36,.07) 56%, transparent 72%);
}
.moon-cosmic-moon{
  width:min(32vw, 460px);
  right:7vw;
  top:9vh;
  opacity:.68;
  filter:drop-shadow(0 0 42px rgba(183,220,255,.22));
  animation: moonPulseOrbit 60s ease-in-out infinite;
  transform-origin:center center;
  z-index:4;
}
.moon-cosmic-moon-glow{
  width:min(46vw, 680px);
  height:min(46vw, 680px);
  right:-2vw;
  top:1vh;
  border-radius:50%;
  background:radial-gradient(circle, rgba(172,214,255,.19) 0, rgba(122,183,242,.11) 33%, rgba(59,96,140,.06) 54%, transparent 70%);
  filter:blur(18px);
  opacity:.72;
  animation: moonGlow 60s ease-in-out infinite;
}
.moon-cosmic-crescent{
  width:min(18vw, 240px);
  left:-2.5vw;
  bottom:18vh;
  opacity:.14;
  transform:rotate(-12deg);
  filter:drop-shadow(0 0 22px rgba(185,221,255,.09));
  animation: crescentDrift 80s ease-in-out infinite;
}
.moon-cosmic-clouds{position:absolute;inset:0;z-index:2}
.moon-cosmic-cloud{
  max-width:none;
  opacity:.12;
  filter:blur(.2px) drop-shadow(0 0 16px rgba(255,255,255,.08));
  mix-blend-mode:screen;
}
.moon-cosmic-cloud--1{width:min(26vw,520px);top:14vh;animation: cloudDriftOne 82s linear infinite;animation-delay:-18s}
.moon-cosmic-cloud--2{width:min(30vw,620px);top:42vh;animation: cloudDriftTwo 108s linear infinite;animation-delay:-44s;opacity:.1}
.moon-cosmic-cloud--3{width:min(22vw,460px);top:66vh;animation: cloudDriftThree 90s linear infinite;animation-delay:-70s;opacity:.09}
.moon-cosmic-cloud--4{width:min(18vw,360px);top:24vh;animation: cloudDriftFour 120s linear infinite;animation-delay:-90s;opacity:.08}

.moon-cosmic-meteors{position:absolute;inset:0;z-index:3}
.moon-cosmic-meteor{
  max-width:none;
  opacity:.36;
  filter:drop-shadow(0 0 18px rgba(255,149,62,.14));
  mix-blend-mode:screen;
  will-change:transform,opacity;
  transform-origin:center center;
}
.moon-cosmic-meteor--1{width:min(12vw,220px);animation: meteorSweepOne 240s linear infinite;animation-delay:-38s;opacity:.22}
.moon-cosmic-meteor--2{width:min(10vw,190px);animation: meteorSweepTwo 360s linear infinite;animation-delay:-184s;opacity:.16}
.moon-cosmic-meteor--3{width:min(8vw,160px);animation: meteorSweepThree 480s linear infinite;animation-delay:-326s;opacity:.12}

.moon-cosmic-lightning-wrap{position:absolute;inset:0;z-index:1}
.moon-cosmic-lightning{
  max-width:none;
  opacity:0;
  filter:blur(.1px) drop-shadow(0 0 16px rgba(93,172,255,.28));
  mix-blend-mode:screen;
}
.moon-cosmic-lightning--1{width:min(28vw,380px);left:-2vw;top:20vh;animation: lightningPulseOne 18s linear infinite}
.moon-cosmic-lightning--2{width:min(22vw,320px);right:12vw;top:56vh;animation: lightningPulseTwo 24s linear infinite;animation-delay:-8s}
.moon-cosmic-lightning--3{width:min(24vw,340px);left:42vw;top:74vh;animation: lightningPulseThree 20s linear infinite;animation-delay:-4s}

.moon-cosmic-floaters{
  inset:0;
  z-index:2;
  overflow:hidden;
}
.moon-cosmic-floater{
  left:0;
  top:0;
  width:var(--asset-width, 240px);
  max-width:none;
  opacity:0;
  will-change:transform,opacity;
  transform-origin:center center;
  filter:drop-shadow(0 6px 20px rgba(0,0,0,.22));
  pointer-events:none;
}
.moon-cosmic-floater-media{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  user-select:none;
  -webkit-user-drag:none;
}
.moon-cosmic-floater.type-plane .moon-cosmic-floater-media,
.moon-cosmic-floater.type-rocket .moon-cosmic-floater-media,
.moon-cosmic-floater.type-ufo .moon-cosmic-floater-media{
  mix-blend-mode:screen;
}
.moon-cosmic-floater.type-astronaut,
.moon-cosmic-floater.type-satellite,
.moon-cosmic-floater.type-station,
.moon-cosmic-floater.type-probe{
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.28));
}
.moon-cosmic-floater.is-live.type-plane,
.moon-cosmic-floater.is-live.type-rocket,
.moon-cosmic-floater.is-live.type-ufo{
  animation:cosmicTraverseLinear var(--duration,24s) cubic-bezier(.28,.04,.72,.96) forwards;
}
.moon-cosmic-floater.is-live.motion-rocket-moon-landing{
  animation:cosmicMoonLanding var(--duration,30s) cubic-bezier(.2,.68,.32,1) forwards;
}
.moon-cosmic-floater.is-live.type-satellite,
.moon-cosmic-floater.is-live.type-probe,
.moon-cosmic-floater.is-live.type-station{
  animation:cosmicTraverseDrift var(--duration,32s) linear forwards;
}
.moon-cosmic-floater.is-live.type-astronaut{
  animation:cosmicTraverseFloat var(--duration,28s) linear forwards;
}

/* RC8: subtle real-life exhaust movement without animating the whole PNG. */
.moon-cosmic-exhaust{
  position:absolute;
  z-index:1;
  pointer-events:none;
  opacity:.72;
  filter:blur(3px) saturate(1.12);
  transform-origin:50% 0;
  animation:moonExhaustFlicker .34s ease-in-out infinite alternate;
}
.moon-cosmic-exhaust::before,
.moon-cosmic-exhaust::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.moon-cosmic-exhaust::before{
  inset:8% 28% auto;
  height:78%;
  border-radius:50%;
  background:linear-gradient(180deg,rgba(255,247,194,.82),rgba(255,172,52,.58) 34%,rgba(255,79,12,.28) 65%,transparent 100%);
  filter:blur(3px);
}
.moon-cosmic-exhaust::after{
  left:20%;right:20%;top:54%;height:78%;
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 20%,rgba(170,190,210,.20),rgba(95,112,130,.09) 45%,transparent 72%);
  filter:blur(8px);
  animation:moonExhaustSmoke 1.9s ease-out infinite;
}
.moon-cosmic-floater.motion-rocket-up .moon-cosmic-exhaust{
  left:50%;top:77%;width:30%;height:58%;transform:translateX(-50%);
}
.moon-cosmic-floater.motion-rocket-diagonal-right .moon-cosmic-exhaust{
  left:-17%;top:63%;width:48%;height:30%;transform:rotate(48deg);
}
.moon-cosmic-floater.motion-rocket-moon-landing .moon-cosmic-exhaust{
  left:50%;top:77%;width:30%;height:58%;transform:translateX(-50%);
}
.moon-cosmic-floater.motion-rocket-moon-landing.asset-rocket-shuttle-diagonal .moon-cosmic-exhaust{
  left:-17%;top:63%;width:48%;height:30%;transform:rotate(48deg);
}

body.moon-cosmic-connection-lite .moon-cosmic-floaters,
body.moon-cosmic-motion-paused .moon-cosmic-floaters{
  display:none;
}
body.moon-cosmic-connection-lite .moon-cosmic-crescent,
body.moon-cosmic-connection-lite .moon-cosmic-meteor,
body.moon-cosmic-connection-lite .moon-cosmic-lightning{
  display:none!important;
}
body.moon-cosmic-connection-lite .moon-cosmic-cloud{animation:none!important;opacity:.07!important}
body.moon-cosmic-connection-lite .moon-cosmic-cloud--2,
body.moon-cosmic-connection-lite .moon-cosmic-cloud--3,
body.moon-cosmic-connection-lite .moon-cosmic-cloud--4{display:none!important}
body.moon-performance-lite .moon-cosmic-floaters,
body.moon-performance-lite .moon-cosmic-meteor,
body.moon-performance-lite .moon-cosmic-crescent,
body.moon-performance-lite .moon-cosmic-cloud--3,
body.moon-performance-lite .moon-cosmic-cloud--4{display:none!important}
body.moon-performance-lite .moon-cosmic-stars,
body.moon-performance-lite .moon-cosmic-haze{animation:none!important}
body.moon-cosmic-motion-paused .moon-cosmic-cloud,
body.moon-cosmic-motion-paused .moon-cosmic-meteor,
body.moon-cosmic-motion-paused .moon-cosmic-lightning{
  animation-play-state:paused!important;
}
body.moon-cosmic-ready .moon-header{
  background:rgba(3,10,19,.62)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(120,181,244,.12);
}
body.moon-cosmic-ready .moon-footer{
  background:linear-gradient(180deg, rgba(2,8,15,.52), rgba(1,5,10,.9))!important;
  backdrop-filter:blur(8px);
}

@keyframes moonPulseOrbit{
  0%,100%{opacity:.72;transform:translate3d(0,0,0) scale(1)}
  50%{opacity:.3;transform:translate3d(-1.1vw,1.4vh,0) scale(.975)}
}
@keyframes moonGlow{
  0%,100%{opacity:.75;transform:scale(1)}
  50%{opacity:.28;transform:scale(.95)}
}
@keyframes crescentDrift{
  0%,100%{transform:translate3d(0,0,0) rotate(-12deg)}
  50%{transform:translate3d(2.4vw,-1.5vh,0) rotate(-7deg)}
}
@keyframes cloudDriftOne{
  0%{transform:translate3d(-34vw,0,0)}
  100%{transform:translate3d(116vw,0,0)}
}
@keyframes cloudDriftTwo{
  0%{transform:translate3d(118vw,0,0)}
  100%{transform:translate3d(-38vw,0,0)}
}
@keyframes cloudDriftThree{
  0%{transform:translate3d(-26vw,0,0)}
  100%{transform:translate3d(118vw,0,0)}
}
@keyframes cloudDriftFour{
  0%{transform:translate3d(112vw,0,0)}
  100%{transform:translate3d(-28vw,0,0)}
}
@keyframes meteorSweepOne{
  0%,91%{transform:translate3d(112vw,14vh,0);opacity:0}
  92%{opacity:0}
  93%,96%{opacity:.22}
  98%,100%{transform:translate3d(-18vw,72vh,0);opacity:0}
}
@keyframes meteorSweepTwo{
  0%,94%{transform:translate3d(-18vw,10vh,0) scaleX(-1);opacity:0}
  95%{opacity:0}
  96%,97.5%{opacity:.16}
  99%,100%{transform:translate3d(112vw,56vh,0) scaleX(-1);opacity:0}
}
@keyframes meteorSweepThree{
  0%,95%{transform:translate3d(-16vw,82vh,0) scale(-1,-1);opacity:0}
  96%{opacity:0}
  97%,98%{opacity:.12}
  99.5%,100%{transform:translate3d(114vw,24vh,0) scale(-1,-1);opacity:0}
}
@keyframes lightningPulseOne{
  0%,12%,13%,14%,100%{opacity:0}
  12.3%,13.2%{opacity:.08}
}
@keyframes lightningPulseTwo{
  0%,46%,47%,48.5%,100%{opacity:0}
  46.3%,47.5%{opacity:.07}
}
@keyframes lightningPulseThree{
  0%,72%,73%,74.5%,100%{opacity:0}
  72.4%,73.4%{opacity:.06}
}
@keyframes cosmicTraverseLinear{
  0%{opacity:0;transform:translate3d(var(--x1), var(--y1), 0) rotate(var(--r1)) scale(var(--s1))}
  10%{opacity:var(--o, .65)}
  88%{opacity:var(--o, .65)}
  100%{opacity:0;transform:translate3d(var(--x2), var(--y2), 0) rotate(var(--r2)) scale(var(--s2))}
}
@keyframes cosmicMoonLanding{
  0%{opacity:0;transform:translate3d(var(--x1),var(--y1),0) rotate(var(--r1)) scale(var(--s1))}
  12%{opacity:var(--o,.46)}
  68%{opacity:var(--o,.46);transform:translate3d(var(--xm),var(--ym),0) rotate(var(--rm)) scale(var(--sm))}
  88%{opacity:.2}
  100%{opacity:0;transform:translate3d(var(--x2),var(--y2),0) rotate(var(--r2)) scale(var(--s2))}
}
@keyframes cosmicTraverseDrift{
  0%{opacity:0;transform:translate3d(var(--x1), var(--y1), 0) rotate(var(--r1)) scale(var(--s1))}
  10%{opacity:var(--o, .48)}
  52%{opacity:var(--o, .48);transform:translate3d(var(--xm), var(--ym), 0) rotate(var(--rm)) scale(var(--sm))}
  90%{opacity:var(--o, .48)}
  100%{opacity:0;transform:translate3d(var(--x2), var(--y2), 0) rotate(var(--r2)) scale(var(--s2))}
}
@keyframes cosmicTraverseFloat{
  0%{opacity:0;transform:translate3d(var(--x1), var(--y1), 0) rotate(var(--r1)) scale(var(--s1))}
  12%{opacity:var(--o, .42)}
  33%{transform:translate3d(var(--xa), var(--ya), 0) rotate(var(--ra)) scale(var(--sa))}
  66%{opacity:var(--o, .42);transform:translate3d(var(--xb), var(--yb), 0) rotate(var(--rb)) scale(var(--sb))}
  92%{opacity:var(--o, .42)}
  100%{opacity:0;transform:translate3d(var(--x2), var(--y2), 0) rotate(var(--r2)) scale(var(--s2))}
}

@keyframes moonExhaustFlicker{
  0%{opacity:.52;filter:blur(3.4px) saturate(1.02);scale:.92 1}
  45%{opacity:.78;filter:blur(2.5px) saturate(1.2);scale:1.04 1.08}
  100%{opacity:.62;filter:blur(3px) saturate(1.1);scale:.96 .92}
}
@keyframes moonExhaustSmoke{
  0%{opacity:.16;transform:translate3d(0,0,0) scale(.72)}
  55%{opacity:.10;transform:translate3d(3px,13px,0) scale(1.05)}
  100%{opacity:0;transform:translate3d(-4px,28px,0) scale(1.34)}
}

@media (max-width: 1024px){
  .moon-cosmic-moon{width:min(42vw,360px);right:-4vw;top:8vh}
  .moon-cosmic-moon-glow{width:min(62vw,520px);height:min(62vw,520px);right:-14vw;top:1vh}
  .moon-cosmic-crescent{width:min(22vw,180px);left:-5vw;bottom:22vh;opacity:.1}
  .moon-cosmic-cloud--1,.moon-cosmic-cloud--2{width:min(40vw,420px)}
  .moon-cosmic-cloud--3,.moon-cosmic-cloud--4{width:min(32vw,320px)}
  .moon-cosmic-meteor--1{width:min(16vw,180px)}
  .moon-cosmic-meteor--2{width:min(14vw,160px)}
  .moon-cosmic-meteor--3{width:min(12vw,140px)}
  .moon-cosmic-floater{width:var(--asset-width-tablet, var(--asset-width, 200px))}
}
@media (max-width: 767px){
  .moon-cosmic-moon{width:48vw;right:-10vw;top:10vh;opacity:.56}
  .moon-cosmic-moon-glow{width:68vw;height:68vw;right:-20vw;top:6vh}
  .moon-cosmic-crescent{display:none}
  .moon-cosmic-cloud--1{width:48vw;top:18vh}
  .moon-cosmic-cloud--2{width:52vw;top:48vh}
  .moon-cosmic-cloud--3{width:40vw;top:68vh}
  .moon-cosmic-cloud--4,.moon-cosmic-lightning--3{display:none}
  .moon-cosmic-lightning--1{width:32vw;top:18vh}
  .moon-cosmic-lightning--2{width:26vw;right:0;top:74vh}
  .moon-cosmic-meteor--1{width:18vw}
  .moon-cosmic-meteor--2{width:15vw}
  .moon-cosmic-meteor--3{display:none}
  .moon-cosmic-floater{width:var(--asset-width-mobile, var(--asset-width, 140px))}
}
@media (prefers-reduced-motion: reduce){
  .moon-cosmic-moon,
  .moon-cosmic-moon-glow,
  .moon-cosmic-crescent,
  .moon-cosmic-cloud,
  .moon-cosmic-meteor,
  .moon-cosmic-lightning{animation:none!important}
  .moon-cosmic-cloud--1,.moon-cosmic-cloud--2,.moon-cosmic-cloud--3,.moon-cosmic-cloud--4{transform:none!important}
  .moon-cosmic-meteor,.moon-cosmic-lightning,.moon-cosmic-floaters,.moon-cosmic-exhaust{display:none}
}

/* Weather */
/* MOON RC11 Phase 2 — short, accessible, performance-bounded cinematic weather */
.moon-weather,
.moon-weather-shade,
.moon-weather-illumination,
.moon-weather-lightning,
.moon-weather-rain{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.moon-weather{z-index:5;overflow:hidden;contain:strict}
.moon-cosmic-cloud{transition:opacity 1.8s ease,filter 1.8s ease}
.moon-weather-shade{
  z-index:1;
  opacity:0;
  background:linear-gradient(180deg,rgba(0,5,12,.68),rgba(2,8,17,.34) 58%,rgba(0,3,8,.54));
  transition:opacity 1.7s ease;
  will-change:opacity;
}
.moon-weather-illumination{
  z-index:2;
  opacity:0;
  background:radial-gradient(circle at var(--flash-x,50%) var(--flash-y,22%),rgba(155,204,255,.22),rgba(77,134,196,.09) 22%,transparent 52%);
  will-change:opacity;
}
.moon-weather-illumination.is-flashing{animation:moonWeatherIllumination .62s ease-out both}
.moon-weather-lightning{z-index:3;overflow:hidden}
.moon-weather-bolt{
  position:absolute;
  left:var(--bolt-x,50%);
  top:var(--bolt-y,4%);
  width:var(--bolt-width,260px);
  max-width:38vw;
  height:auto;
  opacity:0;
  transform:translateX(-50%) scaleX(var(--bolt-flip,1)) rotate(var(--bolt-rotate,0deg));
  transform-origin:50% 0;
  filter:drop-shadow(0 0 9px rgba(134,193,255,.48)) drop-shadow(0 0 22px rgba(90,151,224,.24));
  mix-blend-mode:screen;
  will-change:opacity,filter;
}
.moon-weather-bolt.is-live{animation:moonWeatherBolt .62s ease-out both}
.moon-weather-rain{
  z-index:4;
  opacity:0;
  overflow:hidden;
  transition:opacity .75s ease;
  will-change:opacity;
}
.moon-weather-drop{
  position:absolute;
  left:var(--rain-x,50%);
  top:-14vh;
  width:var(--rain-width,1px);
  height:var(--rain-length,24px);
  border-radius:999px;
  opacity:var(--rain-opacity,.42);
  background:linear-gradient(180deg,transparent,rgba(181,218,255,.72) 24%,rgba(220,238,255,.86));
  transform:translate3d(0,-18vh,0);
  animation:moonWeatherRain var(--rain-duration,.8s) linear infinite;
  animation-delay:var(--rain-delay,0s);
}
body.moon-weather-gathering .moon-weather-shade{opacity:.22}
body.moon-weather-electrical .moon-weather-shade{opacity:.38}
body.moon-weather-raining .moon-weather-shade{opacity:.48}
body.moon-weather-clearing .moon-weather-shade{opacity:.12;transition-duration:1.4s}
body.moon-weather-gathering .moon-cosmic-cloud{opacity:.18!important;filter:brightness(.74) saturate(.82) drop-shadow(0 0 20px rgba(125,169,211,.09))}
body.moon-weather-electrical .moon-cosmic-cloud,
body.moon-weather-raining .moon-cosmic-cloud{opacity:.24!important;filter:brightness(.58) saturate(.72) drop-shadow(0 0 26px rgba(121,174,228,.14))}
body.moon-weather-clearing .moon-cosmic-cloud{opacity:.14!important;filter:brightness(.84) saturate(.88)}
body.moon-weather-raining .moon-weather-rain{opacity:1}
body.moon-weather-clearing .moon-weather-rain{opacity:0;transition-duration:1.2s}

@keyframes moonWeatherRain{
  0%{transform:translate3d(0,-18vh,0)}
  100%{transform:translate3d(0,124vh,0)}
}
@keyframes moonWeatherBolt{
  0%,8%{opacity:0;filter:brightness(.8) drop-shadow(0 0 7px rgba(134,193,255,.28))}
  14%{opacity:.86;filter:brightness(1.28) drop-shadow(0 0 12px rgba(164,215,255,.62))}
  24%{opacity:.16}
  34%{opacity:.52;filter:brightness(1.08) drop-shadow(0 0 18px rgba(105,174,245,.42))}
  48%,100%{opacity:0;filter:brightness(.8) drop-shadow(0 0 7px rgba(105,174,245,.18))}
}
@keyframes moonWeatherIllumination{
  0%,8%{opacity:0}
  15%{opacity:1}
  36%{opacity:.24}
  65%,100%{opacity:0}
}

@media (max-width:767px){
  .moon-weather-bolt{max-width:52vw}
  .moon-weather-drop{height:min(var(--rain-length,22px),32px)}
}
@media (prefers-reduced-motion:reduce){
  .moon-weather{display:none!important}
}
body.moon-weather-disabled .moon-weather{display:none!important}

/* RC39: compositing-safe mobile defaults, no changes to desktop page design. */
@media (max-width:767px){
  /* Keep the main moon and one drifting cloud. Weather creates lightning only during storms. */
  .moon-cosmic-cloud--2,.moon-cosmic-cloud--3,.moon-cosmic-cloud--4,
  .moon-cosmic-meteor--2,.moon-cosmic-meteor--3,.moon-cosmic-lightning-wrap{display:none!important}
  .moon-cosmic-haze{display:none!important}
  body.moon-cosmic-ready{background-image:none!important;background-attachment:scroll!important}
  .moon-cosmic-moon{filter:none!important}
  .moon-cosmic-moon-glow{filter:none!important}
  .moon-cosmic-cloud--1{filter:none!important;mix-blend-mode:normal!important;opacity:.13}
  body.moon-cosmic-ready .moon-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(3,11,22,.97)!important}
  body.moon-cosmic-ready .moon-footer{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  body .moon-rc38-bottom-nav{backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;background:rgba(5,21,38,.93)!important}
  .moon-weather-bolt{filter:none!important}
  .moon-weather-drop{will-change:auto}
  /* Motion must never delay input feedback on tappable controls. */
  :is(.moon-card-actions button,.moon-loop-buybar a,.moon-loop-buybar button,.moon-rc38-bottom-nav a){touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  body.moon-performance-lite .moon-rc38-bottom-nav,
  body.moon-cosmic-connection-lite .moon-rc38-bottom-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(5,21,38,.98)!important}
}
@media (max-width:767px) and (prefers-reduced-data:reduce){
  .moon-rc38-bottom-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@media (prefers-reduced-motion:reduce){
  .moon-rc38-bottom-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* One fixed cosmic stage owns the sky; avoid a duplicate fixed body bitmap and scroll repaint. */
body.moon-cosmic-ready{background-image:none!important;background-attachment:scroll!important}