.menu-bg {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center, #0a0a20 0%, #030308 70%, #000000 100%);
  pointer-events: none;
}

.menu-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      rgba(0, 200, 255, 0.008) 2px,
      rgba(0, 200, 255, 0.008) 4px
    );
  pointer-events: none;
}

.menu-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 30%, rgba(0, 200, 255, 0.03) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(136, 68, 204, 0.02) 0%, transparent 50%);
  pointer-events: none;
}

.overlay-bg {
  position: absolute;
  inset: 0;
  background: rgba(2, 2, 10, 0.85);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  pointer-events: none;
}

.gameover-bg {
  position: absolute;
  inset: 0;
  background: rgba(20, 0, 0, 0.85);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  pointer-events: none;
}

.victory-bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 10, 20, 0.9);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  pointer-events: none;
}