body {
  font-family: "Poppins", sans-serif;
  background-color: #0d1117;
  color: #ffffff;
  text-align: center;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.game-container {
  max-width: 600px;
  margin: 50px auto;
  text-align: center;
}

h1 {
  color: #00ffa3;
  text-shadow: 0 0 20px #00ffa3, 0 0 30px #00ffa3;
}

#game-board {
  display: grid;
  grid-template-columns: repeat(20, 30px);
  grid-template-rows: repeat(20, 30px);
  gap: 1px;
  background-color: #161b22;
  border: 5px solid #00ffa3;
  border-radius: 15px;
  margin: 20px auto;
  position: relative;
  box-shadow: 0 0 20px rgba(0, 255, 163, 0.5);
}

.cell {
  width: 30px;
  height: 30px;
  background-color: #1c2028;
  border-radius: 5px;
  transition: background-color 0.2s ease-in-out;
}

.snake {
  background: linear-gradient(45deg, #2bf0ff, #008cff);
  border-radius: 50%;
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 10px #00ffff, 0 0 20px #008cff;
}

@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}

.food {
  background: radial-gradient(circle, #ff4081, #ff0050);
  border-radius: 50%;
  animation: bounce 1.5s infinite;
  box-shadow: 0 0 10px #ff4081, 0 0 20px #ff0050;
}

@keyframes bounce {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}

p {
  margin-top: 10px;
  font-size: 18px;
  color: #ffffffcc;
}