body {
  font-family: Arial, sans-serif;
  background: linear-gradient(135deg, #0d0d0d, #1a1a1a);
  color: #fff;
  text-align: center;
  margin: 0;
}

.container {
  max-width: 500px;
  margin: auto;
  padding: 20px;
}

h1 {
  margin-top: 20px;
}

.card {
  background: #1e1e1e;
  padding: 20px;
  border-radius: 12px;
  margin-top: 20px;
}

.hidden {
  display: none;
}

/* 👤 */
#user-info {
  margin-bottom: 10px;
  color: #ccc;
}

/* ❤️ */
.lives {
  font-size: 24px;
  margin-bottom: 10px;
}

/* TIMER */
#timer-bar {
  height: 8px;
  background: #4CAF50;
  width: 100%;
  margin-bottom: 15px;
}

/* INPUT */
input {
  width: 100%;
  padding: 12px;
  margin: 10px 0;
  border-radius: 8px;
  border: none;
}

/* BOTÕES */
button {
  width: 100%;
  padding: 14px;
  background: #4CAF50;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  margin-top: 5px;
}

button:hover {
  background: #45a049;
}

/* OPÇÕES */
#options button {
  background: #2a2a2a;
}

#options button:hover {
  background: #4CAF50;
}

/* RANKING */
ul {
  list-style: none;
  padding: 0;
}

li:nth-child(1) { background: gold; color: black; }
li:nth-child(2) { background: silver; color: black; }
li:nth-child(3) { background: #cd7f32; color: black; }

/* WHATS */
.btn-whatsapp {
  background: #25D366;
}

/* LOGOUT */
.btn-logout {
  background: #ff4d4d;
}