/* Agita el cohete (maqueta docs/diseno/maquetas/juegos/Cohete). Cielo, estrellas, luna y
   marcas estáticos; los cohetes suben con transform y la llama se escala (scaleY). */
.cohete { background: linear-gradient(180deg, #0F1130 0%, #1C1F4A 60%, #2E3170 100%); color: #fff; }
.cohete-estrella { position: absolute; border-radius: var(--tg-r-pill); background: #fff; opacity: .7; }
.cohete-luna { position: absolute; right: 2%; top: 5.5%; width: 6.25rem; height: 6.25rem; }
.cohete-marca { position: absolute; left: 1rem; right: 1rem; height: 0; border-top: .125rem dashed rgba(255,255,255,.22); }
.cohete-marca span { position: absolute; left: .5rem; bottom: .25rem; font-size: 1rem; font-weight: var(--tg-w-medium); opacity: .6; }
.cohete-suelo { position: absolute; left: 0; right: 0; bottom: 0; height: 2.8125rem; background: #3A3E86; border-top: .3125rem solid #4C51A6; }
.cohete-columnas { position: absolute; left: 8%; right: 14%; top: 0; bottom: 0; display: flex; justify-content: space-evenly; }
.cohete-columna { position: relative; flex: 1; max-width: 12rem; }
.cohete-nave {
  position: absolute; left: 50%; bottom: .75rem; width: 5.625rem; margin-left: -2.8125rem;
  display: flex; flex-direction: column; align-items: center;
  transition: transform .15s linear; will-change: transform;
}
.cohete-dibujo { position: relative; width: 4.6875rem; height: 8.74rem; }
.cohete-cuerpo { position: absolute; left: 0; top: 0; width: 100%; height: 7.03rem; }
.cohete-foto { position: absolute; left: 50%; top: 2.89rem; width: 1.875rem; height: 1.875rem; margin-left: -.9375rem; border-radius: var(--tg-r-pill); object-fit: cover; }
.cohete-llama { position: absolute; left: 0; top: 6.4rem; width: 100%; height: 2.34rem; transform-origin: top center; transform: scaleY(.35); transition: transform .2s linear; }
.cohete-nombre {
  margin-top: .25rem; height: 1.375rem; padding: 0 .5rem; border-radius: var(--tg-r-pill);
  background: rgba(255,255,255,.16); color: #fff; display: flex; align-items: center;
  font-size: 1rem; font-weight: var(--tg-w-medium); white-space: nowrap;
}
.cohete-nombre .tg-personaje--linea { width: 1rem; height: 1rem; }
/* Al llegar a la luna despega del todo */
.cohete-despega { transform: translateY(-100vh) !important; transition: transform 1s ease-in; }
.cohete-despega .cohete-nombre { opacity: 0; }
#cohete-aviso { position: absolute; left: 50%; top: 4.5rem; transform-origin: center; margin-left: -6rem; z-index: 3; }