.btn-row {
  display: flex;
  gap: 16px;
  margin-top: 30px;
  flex-wrap: wrap;
  justify-content: center;
}

button.start.secondary {
  background: transparent;
  color: #ff00ff;
  border: 2px solid #ff00ff;
  box-shadow: 0 0 15px rgba(255, 0, 255, 0.3);
}

button.start.secondary:hover {
  background: rgba(255, 0, 255, 0.1);
  box-shadow: 0 0 25px rgba(255, 0, 255, 0.5);
  transform: scale(1.03);
}

.h1-death {
  background: linear-gradient(180deg, #ff0066 0%, #ff00ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 20px rgba(255, 0, 102, 0.6));
}

.h1-win {
  background: linear-gradient(180deg, #00ffff 0%, #00ff88 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 20px rgba(0, 255, 255, 0.7));
}

.h1-locked {
  background: linear-gradient(180deg, #ff4400 0%, #ff0066 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 20px rgba(255, 44, 0, 0.6));
}

.timer-warning {
  margin-top: 16px;
  color: #ff00ff;
  opacity: 0.9;
  font-size: clamp(11px, 1.4vw, 14px);
}

.timer-warning strong {
  color: #fff;
}