/* ================================
   QVII — Reveal Letters Styling
   Controls appearance of revealed/unrevealed letters based on game state
   ================================ */

/* Unrevealed letters (question marks) */
.letter-unrevealed {
  color: #ffffff;
  background-color: transparent;
  font-weight: bold;
  opacity: 0.9;
}

/* Revealed letters - Gold (3 lives) */
.letter-revealed-gold {
  color: #ffde64;
  background-color: transparent;
  font-weight: bold;
  opacity: 0.9;
}

/* Revealed letters - Silver (2 lives) */
.letter-revealed-silver {
  color: #e8f1ff;
  background-color: transparent;
  font-weight: bold;
  opacity: 0.9;
}

/* Revealed letters - Bronze (1 life) */
.letter-revealed-bronze {
  color: #f5a56c;
  background-color: transparent;
  font-weight: bold;
  opacity: 0.9;
}

/* Revealed letters - Game Over (0 lives) */
.letter-revealed-gameover {
  color: #ffffff;
  background-color: transparent;
  font-weight: bold;
}

/* ================================
   QVII — Simple Glow Animation
   ================================ */

/* Shared animation applied to all letter states */
.letter-unrevealed,
.letter-revealed-gold,
.letter-revealed-silver,
.letter-revealed-bronze,
.letter-revealed-gameover {
  animation: qvii-glow 8s ease-in-out infinite;
}

/* Keyframes: pulse the brightness/blur to create a glow */
@keyframes qvii-glow {
  0%, 100% {
    filter: brightness(1) drop-shadow(0 0 0.02em currentColor);
  }
  50% {
    filter: brightness(1.05) drop-shadow(0 0 0.2em currentColor);
  }
}