/* Cave-like background */
body {
  margin: 0;
  overflow: hidden;
  background: radial-gradient(ellipse at center, #1c1c1c 0%, #0d0d0d 100%);
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Moving cave walls effect */
.cave-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  background: radial-gradient(
      circle at 30% 30%,
      rgba(50, 50, 50, 0.3) 0%,
      transparent 60%
    ),
    radial-gradient(
      circle at 70% 70%,
      rgba(40, 40, 40, 0.3) 0%,
      transparent 60%
    ),
    radial-gradient(
      circle at 50% 90%,
      rgba(30, 30, 30, 0.4) 0%,
      transparent 70%
    );
  animation: moveCave 15s linear infinite alternate;
  z-index: -2;
}

@keyframes moveCave {
  0% {
    transform: translate(0, 0) scale(1.1);
  }
  100% {
    transform: translate(-10%, -10%) scale(1.2);
  }
}

/* Subtle glowing crystals/torches */
.glow {
  position: fixed;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.5;
  animation: flicker 4s infinite alternate;
  z-index: -1;
}

.glow.red {
  width: 300px;
  height: 300px;
  background: rgba(40, 200, 133, 0.6);
  top: 20%;
  left: 15%;
}
.glow.blue {
  width: 250px;
  height: 250px;
  background: rgba(40, 100, 200, 0.6);
  bottom: 20%;
  right: 10%;
}

@keyframes flicker {
  0% {
    opacity: 0.3;
    transform: scale(1);
  }
  100% {
    opacity: 0.7;
    transform: scale(1.1);
  }
}