html.halloween-finito .halloween { display: none !important; }

html.paura {
  --fondo:      rgb(6, 3, 4);
  --fondo-2:    rgb(13, 5, 7);
  --pannello:   rgba(30, 9, 13, 0.78);
  --pannello-2: rgba(48, 13, 19, 0.82);
  --velo:       rgba(6, 2, 3, 0.84);
  --linea-viva: rgba(206, 22, 36, 0.6);
  --viola:        rgb(170, 12, 26);
  --viola-cupo:   rgb(88, 5, 13);
  --viola-chiaro: rgb(255, 128, 128);
  --magenta:      rgb(224, 22, 52);
  --grad-pagina:
    radial-gradient(1200px 780px at  50% -12%, rgba(150, 6, 20, 0.30), rgba(150, 6, 20, 0) 70%) 0 0 / 100% 100% no-repeat fixed,
    radial-gradient( 980px 800px at -10%  58%, rgba(110, 0, 12, 0.16), rgba(110, 0, 12, 0) 68%) 0 0 / 100% 100% no-repeat fixed,
    radial-gradient( 820px 560px at  30% 108%, rgba(70, 0, 8, 0.40), rgba(70, 0, 8, 0) 72%) 0 0 / 100% 100% no-repeat fixed,
    rgb(5, 2, 3);
  --grad-titolo: linear-gradient(98deg, rgb(255, 236, 236) 0%, rgb(255, 92, 92) 46%, rgb(160, 0, 18) 100%);
  --grad-pannello: linear-gradient(168deg, rgba(255, 90, 90, 0.08) 0%, rgba(255, 90, 90, 0.02) 38%, rgba(0, 0, 0, 0.2) 100%);
  --bagliore-viola: 0 0 24px rgba(206, 10, 30, 0.55);
  --bagliore-ciano: 0 0 20px rgba(255, 40, 40, 0.4);
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='26' viewBox='0 0 20 26'%3E%3Cpath d='M10 1C10 1 2 11 2 17a8 8 0 0 0 16 0C18 11 10 1 10 1Z' fill='rgb(170,8,22)' stroke='rgb(255,210,210)' stroke-width='1.2'/%3E%3Cellipse cx='7.4' cy='15.4' rx='1.6' ry='2.6' fill='rgba(255,255,255,0.55)'/%3E%3C/svg%3E") 10 2, auto;
}

html.paura body { cursor: inherit; }

html.paura .btn--pieno { box-shadow: 0 6px 22px -8px rgba(206, 10, 30, 0.7); }
html.paura .btn--pieno:hover,
html.paura .btn--vuoto:hover { box-shadow: 0 0 22px rgba(220, 14, 34, 0.6); }

html.paura ::selection { background: rgba(170, 12, 26, 0.75); color: rgb(255, 240, 240); }

html.paura .quadro__titolo,
html.paura .giochi-testa__titolo,
html.paura .clip-pagina__titolo,
html.paura .sp-apertura__titolo {
  animation: paura-tremito 11s steps(1, end) infinite;
}

html.paura .binario__nome { text-shadow: 0 0 12px rgba(206, 10, 30, 0.6); }

@keyframes paura-tremito {
  0%, 89%, 100% { transform: none; filter: none; }
  90%   { transform: translate(2px, -1px) skewX(-6deg); filter: drop-shadow(-3px 0 rgba(255, 0, 30, 0.85)) drop-shadow(3px 0 rgba(90, 0, 10, 0.7)); }
  91%   { transform: translate(-3px, 1px); filter: drop-shadow(3px 0 rgba(255, 0, 30, 0.8)); }
  92%   { transform: translate(1px, 0) skewX(4deg); filter: drop-shadow(-2px 1px rgba(200, 0, 20, 0.9)); }
  93%   { transform: none; filter: none; }
  96%   { transform: translate(-1px, 0); filter: drop-shadow(2px 0 rgba(255, 0, 30, 0.6)); }
  97%   { transform: none; filter: none; }
}

@media (prefers-reduced-motion: reduce) {
  html.paura .quadro__titolo,
  html.paura .giochi-testa__titolo,
  html.paura .clip-pagina__titolo,
  html.paura .sp-apertura__titolo { animation: none; }
}
