.cr-main.up .rocket {
  top: 30%;
}
.cr-main.up .CrashScreen {
  animation: crbg 60s;
}
.cr-main.up .cstars {
  animation: planets 3600s;
  animation-delay: 6s;
}
.cr-main.count .rocket {
  top: 57%;
}
.cr-main.crash .rocket {
  top: 100%;
}
.cr-main.crash .CrashScreen:after {
  animation: flash 0.4s;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@keyframes flash {
    0% {
        background-color: #ff0000;
    }
    100% {
        background-color: #ff000000;
    }
}
@keyframes crbg {
    0% {
        background-color: #3d9beef5;
    }
    20% {
        background-color: #0d2764f5;
    }
    100% {
        background-color: #0a1c47f5;
    }
}
@keyframes planets {
    0% {
        bottom: 120%;
        overflow: visible;
    }
    0.5% {
        bottom: 0%;
        overflow: visible;
    }
    100% {
        bottom: 0%;
        overflow: visible;
    }
}
.rocket {
  position: absolute;
  top: 30%;
  width: 80px;
  transform: scale(0.7);
  transition: 0.4s all ease;
  left: calc(50% - 40px);
  z-index: 100;
}
.rocket-body {
  width: 80px;
  left: calc(50% - 50px);
}
.cr-main.up .rocket-body {
  animation: bounce 0.5s infinite;
}
.rocket-body .body {
  background-color: #dadada;
  height: 180px;
  width: 100%;
  left: calc(50% - 50px);
  border-top-right-radius: 100%;
  border-top-left-radius: 100%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top: 5px solid #f5f5f5;
}
.rocket-body:before {
  content: '';
  position: absolute;
  left: calc(50% - 24px);
  width: 48px;
  height: 13px;
  background-color: #554842;
  bottom: -13px;
  border-bottom-right-radius: 60%;
  border-bottom-left-radius: 60%;
}
.rocket-body .window {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #a75248;
  left: calc(50% - 20px);
  top: 40px;
  border: 5px solid #b4b2b2;
}
.rocket-body .fin {
  position: absolute;
  z-index: -100;
  height: 55px;
  width: 50px;
  background-color: #a75248;
}
.rocket-body .fin-left {
  left: -30px;
  top: calc(100% - 55px);
  border-top-left-radius: 80%;
  border-bottom-left-radius: 20%;
}
.rocket-body .fin-right {
  right: -30px;
  top: calc(100% - 55px);
  border-top-right-radius: 80%;
  border-bottom-right-radius: 20%;
}
.exhaust-flame {
  position: absolute;
  top: 95%;
  width: 28px;
  background: linear-gradient(to bottom, transparent 10%, #f5f5f5  100%);
  height: 150px;
  left: calc(50% - 14px);
  animation: exhaust 0.2s infinite;
}
.exhaust-fumes li {
  width: 60px;
  height: 60px;
  background-color: #f5f5f5;
  list-style: none;
  position: absolute;
  border-radius: 100%;
}
.exhaust-fumes li:first-child {
  width: 200px;
  height: 200px;
  bottom: -300px;
  animation: fumes 5s infinite;
}
.exhaust-fumes li:nth-child(2) {
  width: 150px;
  height: 150px;
  left: -120px;
  top: 260px;
  animation: fumes 3.2s infinite;
}
.exhaust-fumes li:nth-child(3) {
  width: 120px;
  height: 120px;
  left: -40px;
  top: 330px;
  animation: fumes 3s 1s infinite;
}
.exhaust-fumes li:nth-child(4) {
  width: 100px;
  height: 100px;
  left: -170px;
  animation: fumes 4s 2s infinite;
  top: 380px;
}
.exhaust-fumes li:nth-child(5) {
  width: 130px;
  height: 130px;
  left: -120px;
  top: 350px;
  animation: fumes 5s infinite;
}
.exhaust-fumes li:nth-child(6) {
  width: 200px;
  height: 200px;
  left: -60px;
  top: 280px;
  animation: fumes2 10s infinite;
}
.exhaust-fumes li:nth-child(7) {
  width: 100px;
  height: 100px;
  left: -100px;
  top: 320px;
}
.exhaust-fumes li:nth-child(8) {
  width: 110px;
  height: 110px;
  left: 70px;
  top: 340px;
}
.exhaust-fumes li:nth-child(9) {
  width: 90px;
  height: 90px;
  left: 200px;
  top: 380px;
  animation: fumes 20s infinite;
}

@keyframes fumes {
  50% {
    transform: scale(1.5);
    background-color: transparent;
  }
  51% {
    transform: scale(0.8);
  }
  100% {
    background-color: $white;
    transform: scale(1)
  }
}

@keyframes flash {
  0% {
    background-color: rgba(255, 95, 86, 0.8);
  }
  100% {
    background-color: rgba(255, 95, 86, 0);
  }
}

@keyframes crbg {
  0% {
    background-color: rgba(44, 212, 197, 0.55);
  }
  20% {
    background-color: rgba(19, 34, 54, 0.85);
  }
  100% {
    background-color: rgba(10, 22, 38, 0.95);
  }
}

.planet-container {
  background: linear-gradient(150deg, rgba(44, 212, 197, 0.65), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

.planet-container .planet-ring,
.planet-container .planet-ring2 {
  border-bottom-color: rgba(246, 196, 83, 0.75);
  border-left-color: rgba(246, 196, 83, 0.75);
  border-right-color: rgba(246, 196, 83, 0.75);
}

.planet-container .planet-ring2 {
  border-top-color: rgba(246, 196, 83, 0.55);
}

.planet-container .planet {
  background: linear-gradient(150deg, rgba(44, 212, 197, 0.9), rgba(246, 196, 83, 0.45), rgba(0, 0, 0, 0));
}

@keyframes bounce {
  0% {
    transform: translate3d(0px, 0px, 0);
  }
  50% {
    transform: translate3d(0px, -4px, 0);
  }
  100% {
    transform: translate3d(0px, 0px, 0);
  }
}

@keyframes exhaust {
  0% {
    background: linear-gradient(to bottom, transparent 10%, $white 100%);
  }
  50% {
    background: linear-gradient(to bottom, transparent 8%, $white 100%);
  }
  75% {
    background: linear-gradient(to bottom, transparent 12%, $white 100%);
  }
}

@keyframes fumes2 {
  50% {
    transform: scale(1.1);
  }
}

@keyframes twinkle {
  80% {
    transform: scale(1.1);
    opacity: 0.7;
  }
}

.cstars {
  bottom: 170%;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.planet-container {
  width: 190px;
  height: 190px;
  padding: 20px;
  border-radius: 170px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMTU4NDk0IiB5MT0iLTAuMDkxNTA2IiB4Mj0iMC44NDE1MDYiIHkyPSIxLjA5MTUwNiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5MDI2ZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: linear-gradient(150deg, #f9026d, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  position: absolute;
  animation: planet-moving 2s ease infinite;
  transition: all 0.2s ease;
  right: 50px;
}
.planet-container .planet-ring, .planet-container .planet-ring2 {
  width: 250px;
  height: 40px;
  position: absolute;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #f9026d;
  border-left: 10px solid #f9026d;
  border-right: 10px solid #f9026d;
  border-radius: 100%;
  left: -30px;
  transform: rotate(-30deg);
  top: 75px;
}
.planet-container .planet-ring2 {
  border-top: 10px solid #f9026d;
  z-index: -1;
}
.planet-container .planet {
  width: 150px;
  height: 150px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMTU4NDk0IiB5MT0iLTAuMDkxNTA2IiB4Mj0iMC44NDE1MDYiIHkyPSIxLjA5MTUwNiI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5MDI2ZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNzMwZjhlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(150deg, #f9026d, #730f8e, rgba(0, 0, 0, 0));
  border-radius: 100px;
}

.stars-container {
  position: absolute;
  width: 50%;
  height: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.stars-container .stars {
  width: 20px;
  top: 200px;
  position: relative;
  left: 290px;
}
.stars-container .stars div:nth-child(1) {
  width: 20px;
  position: relative;
  height: 6px;
  border-radius: 100%;
  background: #fff;
  animation: twinkle-width 1s ease infinite;
}
.stars-container .stars div:nth-child(2) {
  width: 6px;
  height: 20px;
  top: -5px;
  position: absolute;
  background: #fff;
  border-radius: 100%;
  left: 7px;
  top: -7px;
  transform-origin: middle;
  animation: twinkle-height 1s ease infinite;
}
.stars-container .stars div:nth-child(3) {
  background: #fff;
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 5px;
  top: -2px;
  border-radius: 100px;
}
.stars-container .stars:nth-child(2) {
  position: relative;
  transform: scale(0.8);
  top: 130px;
  left: 30px;
}
.stars-container .stars:nth-child(2) div {
  animation-delay: 0.5s;
}
.stars-container .stars:nth-child(3) {
  position: relative;
  transform: scale(0.6);
  top: 30px;
  left: 100px;
}
.stars-container .stars:nth-child(3) div {
  animation-delay: 0.5s;
}
.stars-container .stars:nth-child(4) {
  position: relative;
  transform: scale(0.5);
  top: -50px;
  left: 350px;
}
.stars-container .stars:nth-child(4) div {
  animation-delay: 0.8s;
}
.stars-container .stars-2 {
  border-radius: 100%;
  position: absolute;
  animation: twinkle 0.5s ease infinite;
}
.stars-container .stars-2:nth-child(5) {
  width: 10px;
  height: 10px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczMGY4ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: linear-gradient(to right, #730f8e, rgba(0, 0, 0, 0));
  left: 150px;
  top: 120px;
  animation-delay: 0.2s;
}
.stars-container .stars-2:nth-child(6) {
  width: 10px;
  height: 10px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYTMyODEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #ea3281);
  left: 340px;
  top: 60px;
}
.stars-container .stars-2:nth-child(7) {
  width: 8px;
  height: 8px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MzBmOGUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #730f8e);
  left: 20px;
  top: 20px;
  animation-delay: 0.8s;
  animation-duration: 1s;
}

.meteor-container {
  position: absolute;
  width: auto;
  height: auto;
  top: 0px;
  left: 50px;
  animation: meteor-drop 2s ease infinite;
  animation-delay: 2s;
  transform: rotate(40deg);
  opacity: 0;
}
.meteor-container div {
  transition: all 0.3s ease;
}
.meteor-container div:nth-child(1) {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczMGY4ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: linear-gradient(to top, #730f8e, rgba(0, 0, 0, 0));
  height: 150px;
  width: 20px;
  border-radius: 100px;
  opacity: 0.8;
  position: absolute;
  left: -5.5px;
  top: -96px;
  z-index: -2;
}
.meteor-container div:nth-child(2) {
  width: 12px;
  height: 100px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5MDI2ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: linear-gradient(to top, #f9026d, rgba(0, 0, 0, 0));
  border-radius: 500px;
  position: absolute;
  opacity: 0.8;
  left: -1.5px;
  top: -53px;
}
.meteor-container div:nth-child(3) {
  width: 8px;
  height: 8px;
  background: #fedc01;
  border-radius: 100px;
  top: 35px;
  position: absolute;
  z-index: 2;
}
.meteor-container div:nth-child(4) {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 30px solid #fedc01;
  z-index: 1;
  top: 8px;
  position: absolute;
}

.meteor-container-2 {
  position: absolute;
  width: auto;
  height: auto;
  top: 900px;
  left: 650px;
  animation: meteor-drop2 2.5s ease infinite;
  animation-delay: 3s;
  transform: rotate(40deg) scale(0.9);
  opacity: 0;
}
.meteor-container-2 div {
  transition: all 0.3s ease;
}
.meteor-container-2 div:nth-child(1) {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczMGY4ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: linear-gradient(to top, #730f8e, rgba(0, 0, 0, 0));
  height: 150px;
  width: 20px;
  border-radius: 100px;
  opacity: 0.8;
  position: absolute;
  left: -5.5px;
  top: -96px;
  z-index: -2;
}
.meteor-container-2 div:nth-child(2) {
  width: 12px;
  height: 100px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5MDI2ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background: linear-gradient(to top, #f9026d, rgba(0, 0, 0, 0));
  border-radius: 500px;
  position: absolute;
  opacity: 0.8;
  left: -1.5px;
  top: -53px;
}
.meteor-container-2 div:nth-child(3) {
  width: 8px;
  height: 8px;
  background: #fedc01;
  border-radius: 100px;
  top: 35px;
  position: absolute;
  z-index: 2;
}
.meteor-container-2 div:nth-child(4) {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 30px solid #fedc01;
  z-index: 1;
  top: 8px;
  position: absolute;
}

.moon {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMTU4NDk0IiB5MT0iLTAuMDkxNTA2IiB4Mj0iMC44NDE1MDYiIHkyPSIxLjA5MTUwNiI+PHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9IiM2ZTgxZTMiLz48c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2Y5MDI2ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: linear-gradient(150deg, #6e81e3 55%, #f9026d 98%);
  position: absolute;
  top: 30%;
  left: 50px;
  animation: planet-moving2 2s ease infinite;
  animation-delay: 0.5s;
}

@-webkit-keyframes $animationName {
  0% {
    opacity: 0;
    top: 50px;
    left: 1250px;
  }
  50% {
    opacity: 1;
  }
  100% {
    left: 800px;
    top: 550px;
    opacity: 0;
  }
}
@keyframes meteor-drop {
  0% {
    opacity: 0;
    top: 0px;
    left: 850px;
  }
  50% {
    opacity: 1;
  }
  100% {
    left: 450px;
    top: 350px;
    opacity: 0;
  }
}
@-webkit-keyframes $animationName {
  0% {
    opacity: 0;
    top: 150px;
    left: 1350px;
  }
  50% {
    opacity: 1;
  }
  100% {
    left: 900px;
    top: 650px;
    opacity: 0;
  }
}
@keyframes meteor-drop2 {
  0% {
    opacity: 0;
    top: 50px;
    left: 650px;
  }
  50% {
    opacity: 1;
  }
  100% {
    left: 200px;
    top: 400px;
    opacity: 0;
  }
}
@-webkit-keyframes $animationName {
  0% {
    top: 30%;
  }
  50% {
    top: 31%;
  }
  100% {
    top: 30%;
  }
}
@keyframes planet-moving {
  0% {
    top: 30%;
  }
  50% {
    top: 31%;
  }
  100% {
    top: 30%;
  }
}
@-webkit-keyframes $animationName {
  0% {
    top: 30%;
  }
  50% {
    top: 31%;
  }
  100% {
    top: 30%;
  }
}
@keyframes planet-moving2 {
  0% {
    top: 30%;
  }
  50% {
    top: 31%;
  }
  100% {
    top: 30%;
  }
}
@-webkit-keyframes $animationName {
  0% {
    height: 20px;
    top: -7px;
  }
  50% {
    height: 10px;
    top: -3px;
  }
  100% {
    height: 20px;
    top: -7px;
  }
}
@keyframes twinkle-height {
  0% {
    height: 20px;
    top: -7px;
  }
  50% {
    height: 10px;
    top: -3px;
  }
  100% {
    height: 20px;
    top: -7px;
  }
}
@-webkit-keyframes $animationName {
  0% {
    width: 20px;
    left: 0px;
  }
  50% {
    width: 10px;
    left: 5px;
  }
  100% {
    width: 20px;
    left: 0px;
  }
}
@keyframes twinkle-width {
  0% {
    width: 20px;
    left: 0px;
  }
  50% {
    width: 10px;
    left: 5px;
  }
  100% {
    width: 20px;
    left: 0px;
  }
}
@-webkit-keyframes $animationName {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes twinkle {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.cr-mtitle {
  width: 100%;
  line-height: 50px;
  font-size: 40px;
  color: white;
  text-align: center;
  position: absolute;
  top: 18%;
  transform: translateY(-50%);
  font-weight: 700;
  z-index: 9;
}

.cr-actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  border-bottom: 1px solid #253C53;
  flex-wrap: wrap;
}
.cr-action:hover {
  color: #95aec6;
  border-bottom: 2px solid #95aec6;
  transform: translateY(-1px);
}
.cr-action.red:hover {
  color: #e57171;
  border-bottom: 2px solid #e57171;
  transform: translateY(-1px);
}
.cr-action {
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #506477;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  padding: 0 5px;
  transition: 0.4s all ease;
  border-bottom: 2px solid #6a7f9300;
}
.cr-action.red {
  color: #FF5959;
}
.cr-input {
  width: calc(100% - 190px);
  height: 45px;
  background: #1C252E;
  border-radius: 5px;
  margin-bottom: 5px;
  margin-right: 20px;
  box-shadow: 0px 0px 10px -4px #2e3742;
}
.cr-auto {
  height: 45px;
  background: #1C252E;
  border-radius: 5px;
  width: calc(100%/3 - 6px);
  padding: 0 0 0 5px;
  box-shadow: 0px 0px 10px -4px #2e3742;
}
.cr-coins {
  height: 45px;
  width: 35px;
}
.cr-coins img {
  width: 40px;
  height: 40px;
}
.cr-coins i {
  font-size: 14px;
}
.cr-dot {
  height: 45px;
  width: 30px;
}
.cr-dot i {
  font-size: 9px;
  color: #73DAFF;
}
.cr-input input {
  line-height: 45px;
  height: 45px;
  background: none;
  border: none;
  width: calc(100% - 110px);
  padding: 0 15px 0 5px;
  color: #506477;
}
.cr-auto input {
  line-height: 45px;
  height: 45px;
  background: none;
  border: none;
  padding: 0 15px;
  color: #506477;
  width: 100%;
}
.cr-clear {
  line-height: 45px;
  height: 45px;
  width: 65px;
  text-align: center;
  cursor: pointer;
  color: #506477;
  font-size: 15px;
  font-weight: 500;
  transition: 0.4s all ease;
}
.cr-clear:hover {
  color: #95aec6;
}
.cr-button {
  background: #73DAFF;
  width: 170px;
  border-radius: 5px;
  text-align: center;
  height: 45px;
  color: white;
  line-height: 45px;
  cursor: pointer;
  font-size: 14px;
  transition: 0.4s all ease;
}
.cr-button:hover {
  background: #44ceff;
  box-shadow: 0px 3px 7px -5px #44ceff;
  transform: translateY(-1px);
}
.cr-bvalue {
  line-height: 45px;
  height: 45px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  font-size: 15px;
  margin-right: 5px;
}
.cr-bside {
  line-height: 45px;
  height: 45px;
  cursor: pointer;
  color: #506477;
  font-size: 13px;
  padding-right: 10px;
}
.cr-box {
  height: 45px;
  background: #1C252E;
  border-radius: 5px;
  width: calc(100%/3 - 6px);
  padding: 0 0 0 5px;
  box-shadow: 0px 0px 10px -4px #2e3742;
}
.cr-latest {
  width: calc(100% - 50px);
  position: absolute;
  bottom: -45px;
  height: 40px;
}
.cr-atext {
  display: none;
  line-height: 45px;
  padding-right: 15px;
  color: #506477;
  font-size: 14px;
  float: right;
}
.cr-atext span {
  float: right;
  display: none;
}
.cr-crashes {
  width: 100%;
  height: 40px;
  overflow: hidden;
  border-bottom: 1px solid #253C53;
}
.cr-crcontent {
  width: max-content;
}
.cr-arrows {
  width: 2000px;
  height: 2000px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../img/arrows.png);
  background-size: 100px;
  transition: .4s all ease;
}
.cr-main.count .cr-arrows {
  animation: arrowsPattern 6000ms 0s infinite;
  -moz-animation: arrowsPattern 6000ms 0s infinite;
  -webkit-animation: arrowsPattern 6000ms 0s infinite;
  -o-animation: arrowsPattern 6000ms 0s infinite;
  animation-timing-function: linear;
}
.cr-main.up .cr-arrows {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cr-main.crash .cr-arrows {
  transform: translate(-50%, -50%) rotate(135deg);
}
@-webkit-keyframes arrowsPattern {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: 0px -100px;
  }
}
.crashh {
  line-height: 40px;
  height: 40px;
  font-size: 13px;
  padding: 0 10px 0 0;
  color: #506477;
  float: right;
}
.crashh.crash-low {
  color: #FF5959;
}
.crashh.crash-hight {
  color: #70FFAD;
}
.cr-bwrapper {
  width: calc(100% - 60px);
  margin: 20px 30px 30px;
  overflow: scroll;
  border-radius: 15px;
  box-shadow: 0px 0px 10px -4px #2e3742;
}
.cr-bwrapper::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.topBlock {
  background: #1C252E!important;
  border-radius: 8px 8px 0 0;
  padding: 5px 15px!important;
  min-width: 440px;
}
.mainBlock {
  width: 100%;
  padding: 15px;
  display: flex!important;
  align-items: center;
  justify-content: space-between;
}
.mainBlock:nth-child(2n) {
  background: #1C252E;
}
.bet-panel {
  width: 100%;
}
.bet-profile {
  width: 150px;
}
.bet-profile img {
  width: 35px;
  height: 35px;
  margin-right: 15px;
  border-radius: 50%;
}
.bet-pname {
  font-weight: 300;
  font-size: 14px;
  line-height: 35px;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bet-place {
  width: 130px;
}
.bet-auto {
  width: 130px;
}
.bet-at {
  width: 50px;
  text-align: right;
}
.cr-bets {
  width: 100%;
  min-height: 65px;
  background: #192128;
  border-radius: 0 0 8px 8px;
  overflow: none;
  min-width: 440px;
}
.bet-picon {
  width: 35px;
  height: 35px;
}
.bet-picon img {
  width: 35px;
  height: 35px;
}
.bet-place {
  height: 35px;
}
.bet-place .sum {
  font-weight: 300;
  font-size: 14px;
  line-height: 35px;
}
.bet-auto .auto {
  font-weight: 300;
  font-size: 14px;
  line-height: 35px;
}
.bet-at {
  font-weight: 300;
  font-size: 14px;
  line-height: 35px;
}
.bet-ptext {
  color: #506477;
  font-weight: 300;
  font-size: 14px;
  line-height: 35px;
}
.bet-atext {
  color: #506477;
  font-weight: 300;
  font-size: 14px;
  line-height: 35px;
  margin-right: 10px;
}
.mainBlock.text-successful .bet-at, .mainBlock.text-successful .bet-pname, .mainBlock.text-successful .sum, .mainBlock.text-successful .auto {
  color: #70FFAD;
}
.mainBlock.text-danger .bet-at, .mainBlock.text-danger .bet-pname, .mainBlock.text-danger .sum, .mainBlock.text-danger .auto {
  color: #FF5959;
}
.mainCrash {
  margin: 20px calc(50% - 200px) 40px;
}

.cr-main {
  /*width: calc(100% - 60px);*/
  /*margin: 30px;*/
  width: 100%;
  margin: 0 0 30px;
  overflow: hidden;
  height: 374px;
  /*height: 500px;*/
  position: relative;
  border-radius: 10px;
  box-shadow: 0px 0px 10px -4px #2e3742;
}
.CrashScreen{
  background: #0a1c47f5;
  position: relative;
  height: 376px;
  /*height: 502px;*/
  width: calc(100% + 4px);
  overflow: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* MODERN CRASH THEME OVERRIDES */
.cr-main {
  border: 1px solid var(--site-glass-border);
  border-radius: 18px;
  box-shadow: 0 28px 60px rgba(4, 9, 16, 0.55);
  background: rgba(12, 18, 28, 0.65);
}

.CrashScreen {
  background: radial-gradient(900px circle at 20% -20%, rgba(44, 212, 197, 0.25), transparent 60%),
    radial-gradient(700px circle at 80% 0%, rgba(246, 196, 83, 0.2), transparent 55%),
    linear-gradient(180deg, rgba(12, 18, 28, 0.85), rgba(12, 18, 28, 0.95));
}

.CrashScreen::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, transparent 40%),
    repeating-linear-gradient(120deg, rgba(255, 255, 255, 0.03) 0 1px, transparent 1px 14px);
  opacity: 0.5;
  pointer-events: none;
}

.cr-main.crash .CrashScreen:after {
  background-color: rgba(255, 95, 86, 0.55);
}

.cr-main.crash #Multiplier,
.cr-main.crash .cr-mtitle {
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.7), 0 0 6px rgba(0, 0, 0, 0.85);
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.55);
}

.cr-arrows {
  opacity: 0.08;
  filter: hue-rotate(160deg) saturate(120%);
  mix-blend-mode: screen;
}

.cr-main.count .cr-arrows {
  animation-duration: 12000ms;
}

.cr-mtitle {
  font-size: 56px;
  letter-spacing: 0.06em;
  color: var(--site-color-text);
  text-shadow: 0 10px 30px rgba(44, 212, 197, 0.35);
}

.rocket {
  filter: drop-shadow(0 12px 26px rgba(44, 212, 197, 0.35));
}

.rocket-body .body {
  background: linear-gradient(180deg, #f0f4ff 0%, #cdd9f2 100%);
  border-top: 5px solid #ffffff;
}

.rocket-body .window {
  background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.85), rgba(44, 212, 197, 0.55));
  border: 5px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 18px rgba(44, 212, 197, 0.4);
}

.rocket-body .fin {
  background: linear-gradient(135deg, #ff6aa9, #ff9b3d);
}

.exhaust-flame {
  background: linear-gradient(to bottom, rgba(44, 212, 197, 0.85) 0%, rgba(44, 212, 197, 0.1) 70%, transparent 100%);
  filter: blur(0.3px);
}

.exhaust-fumes li {
  background-color: rgba(255, 255, 255, 0.75);
}

@keyframes exhaust {
  0% {
    background: linear-gradient(to bottom, rgba(44, 212, 197, 0.9) 0%, rgba(44, 212, 197, 0.2) 70%, transparent 100%);
  }
  50% {
    background: linear-gradient(to bottom, rgba(246, 196, 83, 0.85) 0%, rgba(246, 196, 83, 0.2) 70%, transparent 100%);
  }
  100% {
    background: linear-gradient(to bottom, rgba(44, 212, 197, 0.9) 0%, rgba(44, 212, 197, 0.2) 70%, transparent 100%);
  }
}

@keyframes fumes {
  50% {
    transform: scale(1.5);
    background-color: rgba(255, 255, 255, 0.1);
  }
  51% {
    transform: scale(0.8);
  }
  100% {
    background-color: rgba(255, 255, 255, 0.65);
    transform: scale(1);
  }
}
#rocket{
  height: 100px;
  /* outline:1px solid #fff; */
  position: absolute;
  top: 232px;
  right: 0;
  left: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
#fire{
  background-color: #73DAFF;
  position: absolute;
  width: 10px;
  height: 50px;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  top:331px;
}
.planets{
  position: absolute;
  width: 75px;
  height: 75px;
  background: linear-gradient(to bottom right, #31404f, #24303d);
  border-radius:50%;
  left: 10%;
  top:-110px;
  animation:planetGo 4s 2.5s linear infinite;
}
#generated_stars{
  position: relative;
  width: 100%;
  height: 10px;
  background: #2f3a45;
  top: -10px;
}
.starszzz{
  position: absolute;
  width: 7px;
  height: 7px;
  background: #8c9cac;
  top: 0;
  border-radius:50%;
}
@keyframes starGo {
  0%  {top:0}
  100% {top:900px;}
}
@keyframes planetGo {
  0%  {top:-110px}
  100% {top:900px;}
}

/* ZAMZAM CRASH SCENE 2026
   Keeps the original state classes and animation geometry intact. */
.cr-page .CrashScreen {
  isolation: isolate;
  background:
    radial-gradient(circle at 72% 18%, rgba(141, 82, 235, .24) 0, transparent 28%),
    radial-gradient(circle at 18% 78%, rgba(84, 217, 148, .08) 0, transparent 30%),
    radial-gradient(circle at 12% 16%, rgba(255,255,255,.85) 0 1px, transparent 1.5px),
    radial-gradient(circle at 31% 32%, rgba(207,188,255,.72) 0 1px, transparent 1.5px),
    radial-gradient(circle at 57% 11%, rgba(255,255,255,.68) 0 1px, transparent 1.5px),
    radial-gradient(circle at 86% 38%, rgba(244,201,93,.78) 0 1px, transparent 1.6px),
    radial-gradient(circle at 67% 71%, rgba(255,255,255,.58) 0 1px, transparent 1.5px),
    radial-gradient(circle at 39% 84%, rgba(191,160,255,.7) 0 1px, transparent 1.5px),
    linear-gradient(155deg, #090614 0%, #120a23 48%, #080611 100%);
}

.cr-page .CrashScreen::before {
  z-index: 1;
  opacity: 1;
  background:
    linear-gradient(to top, rgba(8,5,15,.84), transparent 33%),
    repeating-linear-gradient(90deg, transparent 0 69px, rgba(166,122,241,.035) 70px),
    repeating-linear-gradient(0deg, transparent 0 54px, rgba(166,122,241,.03) 55px);
  -webkit-mask-image: linear-gradient(to top, #000, transparent 72%);
  mask-image: linear-gradient(to top, #000, transparent 72%);
}

.cr-page .CrashScreen::after {
  z-index: 200;
  pointer-events: none;
}

.cr-page .cr-main.up .CrashScreen {
  animation: zamzam-space-flight 18s linear infinite;
}

.cr-page .cstars { z-index: 2; opacity: .68; filter: hue-rotate(25deg) saturate(.9); }
.cr-page .stars-container .stars div { background: #e9ddff; box-shadow: 0 0 9px rgba(192,153,255,.8); }
.cr-page .stars-container .stars-2 { background: #b57aff; box-shadow: 0 0 12px rgba(159,94,255,.7); }
.cr-page .moon {
  width: 82px;
  height: 82px;
  background: radial-gradient(circle at 35% 30%, #fff4c6 0 5%, #f4c95d 7%, #a36bda 54%, #3b1d68 75%);
  box-shadow: inset -15px -13px 24px rgba(17,7,33,.58), 0 0 45px rgba(166,102,238,.24);
  opacity: .7;
}
.cr-page .planet-container { opacity: .55; filter: hue-rotate(25deg) saturate(.85); transform: scale(.8); }
.cr-page .meteor-container,
.cr-page .meteor-container-2 { filter: hue-rotate(35deg) saturate(.8); opacity: .55; }

.cr-page .cr-mtitle {
  top: 17%;
  font-family: "Arial Black", "Inter", Arial, sans-serif;
  font-size: clamp(48px, 7vw, 78px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.055em;
  font-variant-numeric: tabular-nums;
  color: #f7f2ff;
  text-shadow: 0 5px 20px rgba(0,0,0,.68), 0 0 35px rgba(147,84,239,.38);
  -webkit-font-smoothing: antialiased;
  transition: color .2s ease, text-shadow .2s ease, transform .2s ease;
}
.cr-page .cr-main.count .cr-mtitle { color: #f7f2ff; }
.cr-page .cr-main.up .cr-mtitle {
  color: #66e3a3;
  text-shadow: 0 5px 20px rgba(0,0,0,.62), 0 0 18px rgba(56,219,138,.45), 0 0 48px rgba(56,219,138,.18);
}
.cr-page .cr-main.crash .cr-mtitle {
  color: #ff687b !important;
  -webkit-text-stroke: 0;
  text-shadow: 0 5px 20px rgba(0,0,0,.74), 0 0 20px rgba(255,74,102,.52), 0 0 52px rgba(255,74,102,.22);
  animation: zamzam-crash-title .42s ease both;
}

.cr-page .rocket {
  width: 74px;
  left: calc(50% - 37px);
  z-index: 50;
  transform: scale(.68);
  transform-origin: 50% 50%;
  filter: drop-shadow(0 15px 18px rgba(0,0,0,.4)) drop-shadow(0 0 18px rgba(143,83,235,.28));
  transition: top .45s cubic-bezier(.22,.75,.25,1), filter .3s ease;
}
.cr-page .cr-main.up .rocket { filter: drop-shadow(0 18px 20px rgba(0,0,0,.45)) drop-shadow(0 0 25px rgba(118,68,225,.4)); }
.cr-page .rocket-body { width: 74px; position: relative; }
.cr-page .rocket-body .body {
  position: relative;
  width: 74px;
  height: 174px;
  overflow: hidden;
  border: 2px solid rgba(255,255,255,.65);
  border-top: 5px solid #fff;
  border-radius: 52% 52% 38% 38% / 34% 34% 20% 20%;
  background:
    linear-gradient(90deg, transparent 0 63%, rgba(73,38,116,.13) 64% 68%, transparent 69%),
    linear-gradient(105deg, #fff 0%, #ede7f8 38%, #c9bddb 68%, #7c6599 100%);
  box-shadow: inset 11px 0 15px rgba(255,255,255,.36), inset -10px -8px 16px rgba(54,28,81,.25);
}
.cr-page .rocket-body .body::before {
  content: "ZZ";
  position: absolute;
  left: 50%;
  bottom: 36px;
  transform: translateX(-50%);
  color: #6f36c9;
  font: 900 15px/1 Arial, sans-serif;
  letter-spacing: -2px;
  text-shadow: 0 1px #fff;
}
.cr-page .rocket-body .body::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 22px;
  height: 9px;
  border-top: 3px solid #7c3cda;
  border-bottom: 2px solid #f4c95d;
  background: linear-gradient(90deg, #5c25ae, #a55bf2 55%, #5c25ae);
  box-shadow: 0 0 8px rgba(142,72,231,.35);
}
.cr-page .rocket-body::before {
  left: calc(50% - 21px);
  bottom: -15px;
  width: 42px;
  height: 15px;
  border: 1px solid #3e2853;
  border-radius: 0 0 13px 13px;
  background: linear-gradient(90deg, #392945, #74617f 45%, #33233e);
}
.cr-page .rocket-body .window {
  top: 39px;
  width: 38px;
  height: 38px;
  border: 6px solid #6b438d;
  background: radial-gradient(circle at 31% 25%, #fff 0 5%, #9ee8ff 9%, #6555c8 43%, #161332 78%);
  box-shadow: inset -5px -5px 9px rgba(7,5,24,.55), 0 0 0 2px #c8b3d8, 0 0 20px rgba(127,116,255,.46);
}
.cr-page .rocket-body .window::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 5px;
  top: 5px;
  left: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,.74);
  transform: rotate(-25deg);
}
.cr-page .rocket-body .fin {
  top: 112px;
  width: 45px;
  height: 61px;
  border: 2px solid rgba(255,255,255,.13);
  background: linear-gradient(145deg, #a75af0, #6424bb 65%, #351263);
  box-shadow: inset 5px 5px 10px rgba(255,255,255,.12), 0 8px 12px rgba(9,4,18,.25);
}
.cr-page .rocket-body .fin-left { left: -28px; border-radius: 85% 20% 25% 70%; }
.cr-page .rocket-body .fin-right { right: -28px; border-radius: 20% 85% 70% 25%; }

.cr-page .exhaust-flame {
  top: calc(100% + 4px);
  width: 30px;
  height: 145px;
  left: calc(50% - 15px);
  border-radius: 50% 50% 70% 70%;
  background: linear-gradient(to bottom, #fff 0 5%, #f4c95d 14%, #db6cff 40%, rgba(106,39,220,.42) 68%, transparent 100%);
  filter: drop-shadow(0 0 8px rgba(244,201,93,.72)) drop-shadow(0 12px 16px rgba(144,59,232,.5));
  animation: zamzam-exhaust .14s ease-in-out infinite alternate;
  transform-origin: top center;
}
.cr-page .exhaust-fumes li {
  background: radial-gradient(circle, rgba(199,165,245,.42), rgba(105,67,147,.09) 65%, transparent 72%);
  filter: blur(2px);
  opacity: .55;
}

.cr-page .cr-main.crash .CrashScreen::after {
  animation: zamzam-crash-flash .5s ease-out;
  background: radial-gradient(circle at 50% 48%, rgba(255,93,115,.5), rgba(109,18,48,.18) 32%, transparent 72%);
}

@keyframes zamzam-space-flight {
  0% { background-position: 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0; }
  100% { background-position: 0 0, 0 0, 0 440px, 0 560px, 0 390px, 0 620px, 0 510px, 0 470px, 0 0; }
}
@keyframes zamzam-exhaust {
  from { transform: scaleX(.86) scaleY(.88); opacity: .88; }
  to { transform: scaleX(1.08) scaleY(1.08); opacity: 1; }
}
@keyframes zamzam-crash-title {
  0% { transform: translateY(-50%) scale(1); }
  38% { transform: translateY(-50%) scale(1.1) rotate(-1deg); }
  100% { transform: translateY(-50%) scale(1); }
}
@keyframes zamzam-crash-flash {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@media (max-width: 768px), (pointer: coarse) and (max-width: 1199px) and (max-height: 600px) and (orientation: landscape) {
  .cr-page .cr-mtitle { top: 18%; font-size: clamp(42px, 13vw, 62px); }
  .cr-page .rocket { transform: scale(.55); }
  .cr-page .moon { transform: scale(.72); left: 20px; }
  .cr-page .planet-container { transform: scale(.6); right: 5px; }
}

@media (prefers-reduced-motion: reduce) {
  .cr-page .cr-main.up .CrashScreen,
  .cr-page .cr-main.up .rocket-body,
  .cr-page .exhaust-flame,
  .cr-page .cstars,
  .cr-page .meteor-container,
  .cr-page .meteor-container-2 { animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}

/* Live flight experience synchronized with STARTING / IN_PROGRESS / ENDED. */
.cr-page .CrashScreen { --cr-intensity:0; --cr-stream-duration:.98s; --cr-atmosphere-opacity:.16; --cr-atmosphere-scale:1; --cr-lines-opacity:.16; isolation:isolate; }
.cr-flight-atmosphere { position:absolute; z-index:2; inset:0; overflow:hidden; pointer-events:none; }
.cr-flight-atmosphere::before { content:""; position:absolute; inset:-25%; opacity:var(--cr-atmosphere-opacity); background:conic-gradient(from 205deg at 50% 65%,transparent 0 20%,rgba(166,91,255,.16) 27%,transparent 35% 62%,rgba(75,220,255,.1) 70%,transparent 78%); filter:blur(8px); transform:scale(var(--cr-atmosphere-scale)); transition:opacity .25s,transform .25s; }
.cr-speed-lines { position:absolute; inset:0; opacity:0; transition:opacity .35s; }
.cr-stage-flying .cr-speed-lines { opacity:var(--cr-lines-opacity); }
.cr-speed-lines i { position:absolute; top:-24%; width:2px; height:clamp(45px,13%,92px); border-radius:3px; background:linear-gradient(transparent,rgba(215,183,255,.9),transparent); filter:drop-shadow(0 0 4px rgba(178,111,255,.8)); animation:cr-speed-stream var(--cr-stream-duration) linear infinite; transform:rotate(18deg); }
.cr-speed-lines i:nth-child(1){left:8%;animation-delay:-.2s}.cr-speed-lines i:nth-child(2){left:19%;animation-delay:-.75s;height:65px}.cr-speed-lines i:nth-child(3){left:34%;animation-delay:-.42s}.cr-speed-lines i:nth-child(4){left:47%;animation-delay:-1s;height:105px}.cr-speed-lines i:nth-child(5){left:61%;animation-delay:-.57s}.cr-speed-lines i:nth-child(6){left:73%;animation-delay:-.12s;height:78px}.cr-speed-lines i:nth-child(7){left:86%;animation-delay:-.87s}.cr-speed-lines i:nth-child(8){left:94%;animation-delay:-.36s;height:55px}
.cr-launch-rings { position:absolute; left:50%; top:65%; width:90px; height:34px; transform:translate(-50%,-50%); }
.cr-launch-rings i { position:absolute; inset:0; border:1px solid rgba(189,127,255,.55); border-radius:50%; opacity:0; }
.cr-stage-starting .cr-launch-rings i { animation:cr-launch-scan 1.8s ease-out infinite; }
.cr-stage-starting .cr-launch-rings i:nth-child(2){animation-delay:.6s}.cr-stage-starting .cr-launch-rings i:nth-child(3){animation-delay:1.2s}
.cr-crash-burst { position:absolute; left:50%; top:43%; width:20px; height:20px; opacity:0; transform:translate(-50%,-50%); }
.cr-crash-burst::before { content:""; position:absolute; inset:-10px; border:3px solid rgba(255,83,110,.8); border-radius:50%; }
.cr-crash-burst i { position:absolute; left:50%; top:50%; width:5px; height:80px; border-radius:8px; background:linear-gradient(#fff,rgba(255,69,102,.7),transparent); transform-origin:50% 0; }
.cr-crash-burst i:nth-child(2){transform:rotate(120deg)}.cr-crash-burst i:nth-child(3){transform:rotate(240deg)}
.cr-stage-crashed .cr-crash-burst { animation:cr-burst-pop .72s ease-out; }
.cr-flight-hud { position:absolute; z-index:106; top:17px; left:18px; right:18px; display:flex; justify-content:space-between; align-items:flex-start; pointer-events:none; }
.cr-flight-status,.cr-telemetry { padding:8px 10px; border:1px solid rgba(255,255,255,.08); border-radius:9px; background:rgba(9,6,16,.38); box-shadow:inset 0 1px rgba(255,255,255,.035); backdrop-filter:blur(7px); }
.cr-flight-status { display:flex; align-items:center; gap:7px; color:#aaa0b2; font-size:9px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.cr-flight-status i { width:6px; height:6px; border-radius:50%; background:#ab73ef; box-shadow:0 0 0 4px rgba(171,115,239,.1),0 0 11px rgba(171,115,239,.6); }
.cr-stage-flying .cr-flight-status i { background:#55dca0; animation:cr-status-pulse .65s ease-in-out infinite alternate; }
.cr-stage-crashed .cr-flight-status { color:#ff8495; border-color:rgba(255,83,110,.2); }
.cr-stage-crashed .cr-flight-status i { background:#ff536e; box-shadow:0 0 12px rgba(255,83,110,.7); }
.cr-telemetry { min-width:84px; text-align:right; }
.cr-telemetry span { display:block; margin-bottom:2px; color:#706779; font-size:7px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.cr-telemetry strong { color:#d7c9e3; font-size:10px; font-variant-numeric:tabular-nums; }
.cr-stage-flying .cr-telemetry strong { color:#77e1b0; }
.cr-milestones { position:absolute; z-index:106; top:72px; right:18px; display:flex; flex-direction:column; gap:9px; pointer-events:none; }
.cr-milestones span { display:flex; align-items:center; justify-content:flex-end; gap:6px; color:rgba(255,255,255,.24); font-size:8px; font-weight:900; transition:color .2s,transform .25s; }
.cr-milestones i { width:5px; height:5px; border:1px solid currentColor; border-radius:50%; transition:background .2s,box-shadow .2s; }
.cr-milestones .is-reached { color:#c998ff; transform:translateX(-4px); }
.cr-milestones .is-reached i { background:#b673ff; box-shadow:0 0 9px #a55bff; }
.cr-cashout-flare { position:absolute; z-index:120; left:50%; top:67%; display:flex; min-width:190px; align-items:center; gap:9px; padding:11px 14px; border:1px solid rgba(84,223,157,.34); border-radius:12px; background:rgba(13,43,31,.9); color:#b8f6d8; opacity:0; pointer-events:none; box-shadow:0 16px 35px rgba(0,0,0,.32),0 0 30px rgba(84,223,157,.12); transform:translate(-50%,18px) scale(.92); }
.cr-cashout-flare i { display:grid; width:25px; height:25px; place-items:center; border-radius:8px; background:#3fd28a; color:#0b251a; }
.cr-cashout-flare span { font-size:9px; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
.cr-cashout-flare strong { margin-left:auto; color:#fff; font-size:11px; }
.cr-cashout-flare.is-visible { animation:cr-cashout-pop 2.2s ease both; }
.cr-stage-crashed #Multiplier { animation:cr-multiplier-impact .5s ease; }
@keyframes cr-speed-stream { from{transform:translate3d(0,-20vh,0) rotate(18deg)} to{transform:translate3d(-90px,145vh,0) rotate(18deg)} }
@keyframes cr-launch-scan { 0%{opacity:.75;transform:scale(.4)} 100%{opacity:0;transform:scale(3.2)} }
@keyframes cr-status-pulse { to{opacity:.5;transform:scale(.72)} }
@keyframes cr-burst-pop { 0%{opacity:1;transform:translate(-50%,-50%) scale(.1) rotate(0)} 55%{opacity:1} 100%{opacity:0;transform:translate(-50%,-50%) scale(8) rotate(35deg)} }
@keyframes cr-cashout-pop { 0%{opacity:0;transform:translate(-50%,18px) scale(.92)} 12%,75%{opacity:1;transform:translate(-50%,0) scale(1)} 100%{opacity:0;transform:translate(-50%,-12px) scale(.98)} }
@keyframes cr-multiplier-impact { 35%{transform:translateY(-50%) scale(1.14);filter:blur(0)} 55%{filter:blur(1px)} }

@media (max-width:480px) {
  .cr-flight-hud { top:10px; left:10px; right:10px; }
  .cr-telemetry { min-width:70px; padding:7px 8px; }
  .cr-milestones { top:61px; right:10px; }
  .cr-cashout-flare { top:72%; min-width:170px; }
}

@media (prefers-reduced-motion:reduce) {
  .cr-speed-lines i,.cr-stage-starting .cr-launch-rings i,.cr-stage-flying .cr-flight-status i,.cr-stage-crashed .cr-crash-burst,.cr-stage-crashed #Multiplier { animation:none !important; }
}