/* Games landing — mirrors the store's toys-grid/toy-card so it feels native. */
.games-landing { padding: 2rem 0 3rem; }
.games-landing h1 { font-size: 2rem; margin-bottom: 1.5rem; color: var(--dark); }
.games-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 1.5rem;
}
.game-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background: var(--white);
  border: 2px solid var(--border);
  border-radius: var(--radius);
  padding: 1.5rem;
  color: var(--dark);
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
.game-card:hover {
  transform: translateY(-3px);
  border-color: var(--secondary);
  box-shadow: var(--shadow-md);
}
.game-thumb {
  font-family: ui-monospace, monospace;
  font-size: 1.4rem;
  letter-spacing: 0.3em;
  color: var(--secondary);
  background: var(--light);
  border-radius: var(--radius-sm);
  padding: 1.25rem;
  text-align: center;
}
.game-card h2 { font-size: 1.2rem; margin: 0; }
.game-card p { color: var(--medium); font-size: 0.95rem; margin: 0; flex: 1; }
.game-enter { color: var(--primary); font-weight: 700; }