/* Stile specifico di index.html — estratto dall'HTML, unico per tutte le lingue.
   Usa le variabili definite in /style.css (colori, font): non scrivere qui
   valori hardcoded. */

@keyframes flicker {
  0%,100%{ opacity:1; }
  8%  { opacity:.1; }
  12% { opacity:1; }
  33% { opacity:1; }
  37% { opacity:.05; }
  41% { opacity:.9; }
  68% { opacity:1; }
  72% { opacity:.2; }
  76% { opacity:1; }
  90% { opacity:.6; }
  94% { opacity:1; }
}
.tile-broken {
  animation: flicker 2.5s infinite !important;
  transition: none !important;
  background: #080706 !important;
  box-shadow: none !important;
}
.tile-broken span {
  animation: flicker 2.5s infinite !important;
  animation-delay: .3s !important;
}
.crack-overlay {
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:3;
}