/* Página /jogos/: herda tudo de /jogo/jogo.css; aqui só os cartões. */
.jogos-voltar{ margin-left:auto; }
.jogos{ position:relative; padding-top:8px; }
.jogos-braian{
  position:absolute; right:-6px; top:-120px; width:140px; z-index:2;
  filter:drop-shadow(0 10px 16px rgba(11,18,48,.28));
}
.jogos-lista{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:16px; }
.jogos-card{
  display:flex; flex-direction:column; align-items:flex-start; gap:8px; height:100%;
  padding:22px 22px 20px; text-decoration:none; color:var(--ink);
  background:var(--white); border:1.5px solid var(--line); border-radius:var(--radius-md);
  box-shadow:var(--shadow-card);
  transition:border-color .15s var(--ease-out), transform .15s var(--ease-out), box-shadow .15s var(--ease-out);
}
.jogos-card:hover{ border-color:var(--navy-500); transform:translateY(-2px); box-shadow:var(--shadow-card-hover); }
.jogos-card:hover .modalidade-jogar span{ transform:translateX(3px); }
.jogos-card-tag{
  font-size:.7rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  color:var(--navy-500); border:1.5px solid currentColor; border-radius:999px; padding:2px 10px;
}
.jogos-card-nome{ font-family:var(--font-display); font-weight:700; font-size:1.3rem; color:var(--navy-900); }
.jogos-card-texto{ font-size:.9rem; line-height:1.55; color:var(--ink-soft); flex:1; }

@media (max-width:640px){
  .jogos-lista{ grid-template-columns:1fr; }
  .jogos-braian{ width:100px; top:-86px; }
}