.hidden {
  display: none
}

#maze {
  display: grid;
  gap: 4px;
  justify-content: center;
  margin: 20px auto;
  touch-action: manipulation;
}

.tile {
  width: 40px;
  height: 40px;
  background-color: #333;
  border-radius: 6px;
  transition: background 0.2s;
  cursor: pointer;
}

.wall {
  background-color: #666;
  cursor: not-allowed;
}

.player {
  background-color: #00bfff;
}

.exit {
  background-color: #00ff88;
  box-shadow: 0 0 10px #00ff88, 0 0 20px #00ff88;
  animation: glowPulse 1.5s ease-in-out infinite;
}

@keyframes glowPulse {
  0% {
    box-shadow: 0 0 5px #00ff88, 0 0 10px #00ff88;
  }
  50% {
    box-shadow: 0 0 15px #00ff88, 0 0 30px #00ff88;
  }
  100% {
    box-shadow: 0 0 5px #00ff88, 0 0 10px #00ff88;
  }
}