/* CONTENEDOR 3D - FONDO TÚNEL NEÓN */
.scene {
  position: fixed;
  inset: 0;
  perspective: 900px;
  background: radial-gradient(circle at center, #111 0%, #000 65%);
  z-index: -1;
}

/* TÚNEL */
.tunnel {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
}

/* PISO */
.floor {
  position: absolute;
  width: 200%;
  height: 200%;
  bottom: -110%;
  left: -50%;
  transform: rotateX(78deg);
  background:
    linear-gradient(#1a1a1a 1px, transparent 1px),
    linear-gradient(90deg, #1a1a1a 1px, transparent 1px);
  background-size: 80px 80px;
  opacity: 0.35;
}

/* PAREDES */
.wall {
  position: absolute;
  top: -20%;
  width: 30%;
  height: 140%;
  background: linear-gradient(
    to bottom,
    rgba(255,255,255,0.15),
    rgba(0,0,0,0.95)
  );
}

.wall.left {
  left: -10%;
  transform: rotateY(35deg);
}

.wall.right {
  right: -10%;
  transform: rotateY(-35deg);
}

/* LUCES NEÓN */
.neon {
  position: absolute;
  top: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(
    to bottom,
    transparent,
    #ffffff,
    transparent
  );
  box-shadow:
    0 0 15px rgba(255,255,255,0.9),
    0 0 40px rgba(255,255,255,0.6);
  opacity: 0.9;
}

.left .neon {
  left: 20%;
}

.right .neon {
  right: 20%;
}

/* SOMBRA DE PROFUNDIDAD */
.depth {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.1),
    rgba(0,0,0,0.9)
  );
}