/* Home e pagina 404. Colori, testata e pulsanti da /giochi/comune/base.css. */
main, footer, .testata { max-width: 960px; }

.intro { color: var(--tenue); font-size: 1.05rem; margin: 4px 0 20px; }

.schede { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
@media (min-width: 720px) { .schede { grid-template-columns: repeat(3, 1fr); } }

.scheda {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  padding: 18px 18px 16px;
  background: var(--superficie);
  border: 1px solid var(--bordo);
  border-top: 4px solid var(--colore-scheda, var(--accento));
  border-radius: 10px;
  color: var(--testo);
  text-decoration: none;
  transition: border-color 120ms, transform 120ms;
}
.scheda:hover { border-color: var(--tenue); border-top-color: var(--colore-scheda, var(--accento)); transform: translateY(-2px); }
.scheda:focus-visible { outline: 2px solid var(--accento); outline-offset: 3px; }
.scheda h2 { margin: 0; font-size: 1.15rem; font-weight: 700; color: var(--testo); text-transform: none; letter-spacing: normal; }
.scheda p { margin: 0; color: var(--tenue); font-size: 0.92rem; flex: 1; }
.scheda .vai { color: var(--colore-scheda, var(--accento)); font-weight: 600; font-size: 0.9rem; }
.scheda .vai::after { content: " →"; }
.scheda.snake { --colore-scheda: #ff4d4d; }
.scheda.numeri { --colore-scheda: #3ddc84; }
.scheda.scacchi { --colore-scheda: #e2b25c; }

footer { margin: 32px auto 0; padding: 0 16px 24px; color: var(--tenue); font-size: 0.8rem; }

/* 404 */
.marchio { margin: 0; font-weight: 700; }
.marchio a { color: var(--testo); text-decoration: none; }
.non-trovata { text-align: center; padding-top: 48px; }
.non-trovata h1 { font-size: 3rem; margin: 0 0 8px; color: var(--tenue); }
.non-trovata p { margin: 4px 0; }
.pulsante {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 18px;
  border: 1px solid var(--bordo);
  border-radius: 8px;
  background: var(--superficie);
  color: var(--testo);
  text-decoration: none;
}
.pulsante:hover { border-color: var(--tenue); }