/* Helicopter X stage */

.hx-stage {
  position: absolute;
  inset: 0;
  z-index: 20;
  overflow: hidden;
  pointer-events: none;
  border-radius: inherit;
  background: #071428;
}

.hx-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.hx-logo {
  position: absolute;
  left: 12px;
  top: 10px;
  z-index: 48;
  width: min(220px, 32vw);
  height: 42px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  opacity: 0.95;
}

.hx-mult {
  position: absolute;
  left: 50%;
  top: 36%;
  transform: translateX(-50%);
  z-index: 40;
  opacity: 0;
  pointer-events: none;
}

.hx-mult.is-on {
  opacity: 1;
}

.hx-mult-val {
  font-family: Inter, "Segoe UI", sans-serif;
  font-weight: 900;
  font-style: italic;
  font-size: clamp(2rem, 6.5vw, 4.2rem);
  color: #5dff6a;
  text-shadow: 0 0 18px rgba(80, 255, 120, 0.85), 0 0 4px #fff;
  letter-spacing: 0.04em;
}

.hx-boom {
  position: absolute;
  left: 50%;
  top: 18%;
  transform: translateX(-50%);
  z-index: 50;
  text-align: center;
  opacity: 0;
}

.hx-boom.is-on {
  opacity: 1;
}

.hx-boom-label {
  font-family: Inter, "Segoe UI", sans-serif;
  font-weight: 900;
  font-style: italic;
  font-size: clamp(1.6rem, 5vw, 3.1rem);
  color: #ff2a3a;
  text-shadow: 0 0 22px rgba(255, 40, 60, 0.9);
  letter-spacing: 0.08em;
}

.hx-boom-mult {
  margin-top: 0.15rem;
  font-family: Inter, "Segoe UI", sans-serif;
  font-weight: 900;
  font-style: italic;
  font-size: clamp(1.8rem, 5.5vw, 3.4rem);
  color: #ff2a3a;
  text-shadow: 0 0 16px rgba(255, 40, 60, 0.75);
}

.graph-container.has-aviator-anim {
  background: #071428 !important;
}

.graph-container.has-aviator-anim #orbital-scene,
.graph-container.has-aviator-anim #game-svg {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.graph-container.has-aviator-anim #multiplier-container,
.graph-container.has-aviator-anim #crashed-text,
.graph-container.has-aviator-anim #waiting-state .waiting-text,
.graph-container.has-aviator-anim #waiting-state .progress-container,
.graph-container.has-aviator-anim #countdown-display,
.graph-container.has-aviator-anim #waiting-state h2 {
  opacity: 0 !important;
  visibility: hidden !important;
}

.graph-container.has-aviator-anim #waiting-state {
  background: transparent !important;
  z-index: 55;
  pointer-events: none !important;
}