.closing-rocket {
  position: relative;
  width: 100%;
  aspect-ratio: 10 / 13;
  isolation: isolate;
  overflow: hidden;
  mask-image: linear-gradient(to bottom, transparent, #000 6%, #000 80%, transparent 100%);
}
.closing-rocket::before {
  content: '';
  position: absolute;
  inset: 28% 16% 5%;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 44% 74%, #ffae370a, transparent 65%);
}
#closing-rocket {
  width: 100%;
  height: 100%;
  cursor: default;
  pointer-events: none;
  touch-action: auto;
}
.rocket-fallback {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  width: 44.4%;
  height: 66.7%;
  object-fit: contain;
  transform: translate(0,-10.7%) rotate(16.33deg);
  pointer-events: none;
}
.rocket-fallback-layer {
  position: absolute;
  left: 50%; top: 50%;
  translate: -50% -50%;
  width: 44.4%; height: 66.7%;
}
.rocket-fallback-layer .rocket-fallback {
  position: relative;
  left: 0; top: 0;
  width: 100%; height: 100%;
  transform: none; translate: none;
  z-index: 2;
}
.rocket-fallback-jet {
  position: absolute;
  left: 50%; top: 91.8%;
  width: 19%; height: 49%;
  transform-origin: 50% 0;
  border-radius: 15% 15% 75% 75%;
  background: radial-gradient(ellipse at 50% 0%, #fff9df 0%, #ffe79a 12%, #ffad45 39%, #ed692833 66%, transparent 89%);
  mask-image: linear-gradient(#000 0%, #000c 30%, transparent 100%);
  filter: blur(2px);
  mix-blend-mode: screen;
  pointer-events: none;
}
.rocket-fallback-jet::before {
  content: '';
  position: absolute;
  left: 31%; top: 0;
  width: 38%; height: 55%;
  background: linear-gradient(#fffceb, #fff8dcb0 24%, transparent 90%);
  border-radius: 10% 10% 80% 80%;
}
.rocket-fallback[hidden],.rocket-fallback-layer[hidden],#closing-rocket[hidden] {display: none;}