/* Home (index) — estilos específicos da página inicial */

.wrap { max-width:800px; margin:0 auto; padding:24px; text-align:center }

h1 { font-size:clamp(1.5rem,4vw,2.5rem); margin-bottom:16px }

.actions { margin-bottom:20px }

.button {
  appearance:none;
  border:none;
  cursor:pointer;
  border-radius:12px;
  padding:10px 14px;
  font-weight:800;
  color:#0b1020;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
}

.games {
  display:grid;
  gap:16px;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
}

/* Cartões da home */
.card {
  background:var(--panel);
  border-radius:12px;
  padding:20px;
  text-decoration:none;
  color:var(--txt);
  border:1px solid rgba(0,0,0,.08);
  transition:transform .15s, background .2s;
}
.card:hover {
  background:rgba(0,0,0,.04);
  transform:translateY(-4px);
}

.emoji { font-size:36px; margin-bottom:8px }
.title { font-weight:600; font-size:16px; margin-bottom:4px }
.desc  { font-size:13px; opacity:.8 }

/* Rodapé da home (texto já estilizado globalmente; apenas garantias locais) */
footer { font-size:12px; opacity:.6; margin-top:24px }