/* Jeux supportés — hudled landing */

  #games {
    border-top: 1px solid var(--border);
  }

  .games-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 56px;
  }

  .game-card {
    background: var(--panel);
    border: 1px solid var(--border);
    padding: 32px 24px;
    text-align: center;
    transition: border-color .2s, transform .2s;
    position: relative;
    overflow: hidden;
  }

  .game-card:hover {
    border-color: rgba(0,255,224,.3);
    transform: translateY(-4px);
  }

  .game-card.coming-soon { opacity: .5; }

  .game-card.coming-soon::after {
    content: 'SOON';
    position: absolute;
    top: 10px; right: 10px;
    font-family: var(--mono);
    font-size: 9px;
    letter-spacing: 2px;
    color: var(--muted);
    border: 1px solid var(--border);
    padding: 2px 6px;
  }

  .game-icon { font-size: 40px; margin-bottom: 12px; display: block; }
  .game-name { font-family: var(--display); font-size: 22px; letter-spacing: 2px; margin-bottom: 6px; }
  .game-events { font-family: var(--mono); font-size: 11px; color: var(--led); }