/* Equation of the day: 6 rows of 8 tiles; tile and key colors come from style-games.css. */
.eq-board { display: grid; gap: 6px; width: 100%; max-width: 400px; margin: 20px auto; touch-action: manipulation; }
.eq-row { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 6px; }
.eq-tile { min-width: 0; border-radius: 10px; font-size: clamp(.95rem, 4.4vw, 1.5rem); }
.eq-tile small { font-size: .5rem; }
.eq-keyboard { touch-action: manipulation; }
.eq-keyboard .wordle-key-row { flex-wrap: nowrap; }
#eq-giveup { margin-top: 8px; }
@media (max-width: 420px) {
  .eq-board, .eq-row { gap: 4px; }
  .eq-tile { border-width: 1px; border-radius: 8px; }
  .eq-tile small { right: 2px; bottom: 1px; font-size: .45rem; }
}
/* Las pistas del teclado no dependen solo del color. */
.eq-keyboard .wordle-key[data-state]::after { display: block; font-size: .7em; line-height: 1; opacity: .9; }
.eq-keyboard .wordle-key[data-state="correct"]::after { content: "✓"; }
.eq-keyboard .wordle-key[data-state="present"]::after { content: "↔"; }
.eq-keyboard .wordle-key[data-state="absent"]::after { content: "×"; }