/* game styles for Snakes & Ladders */

#title {
  font-size: 2.2rem;
  font-weight: 800;
  margin-bottom: 0.2rem;
  background: linear-gradient(135deg, #FF5E7E, #FFD32A, #2ED573, #1E90FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 15px rgba(0,0,0,0.5);
}

#tagline {
  color: #c0bdd6;
  font-size: 1rem;
  line-height: 1.4;
  max-width: 320px;
  margin: 0 auto 1.5rem auto;
}

.menu-buttons {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}

.primary-btn {
  background: linear-gradient(135deg, #7c6cff, #5340f7);
  box-shadow: 0 4px 14px rgba(124, 108, 255, 0.4);
  font-weight: bold;
  font-size: 1.05rem;
  padding: 0.85rem 1.6rem;
  border-radius: 16px;
  width: 100%;
}

.secondary-btn {
  background: linear-gradient(135deg, #00d2d3, #01a3a4);
  box-shadow: 0 4px 14px rgba(0, 210, 211, 0.3);
  font-weight: bold;
  font-size: 1.05rem;
  padding: 0.85rem 1.6rem;
  border-radius: 16px;
  width: 100%;
}

.primary-btn:active, .secondary-btn:active {
  transform: scale(0.96);
}