.channel-header-game {
  --channel-color: #ffb454;
}

.game-section {
  padding-bottom: 120px;
}

.game-card {
  height: 360px;
}

.game-card .meta span {
  max-width: 190px;
}

.game-controls {
  display: block;
  overflow: hidden;
  margin-top: 14px;
  color: #8296a5;
  font: 500 0.61rem "JetBrains Mono", monospace;
  letter-spacing: 0.05em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.game-card .read-more b,
.channel-header-game .eyebrow,
.channel-header-game div span {
  color: #ffb454;
}

.game-note {
  margin-top: 54px;
  padding: 28px 30px;
  border: 1px solid #354658;
  background: linear-gradient(120deg, #101b27, #171423);
}

.game-note .eyebrow {
  color: #ffb454;
}

.game-note > p:not(.eyebrow) {
  max-width: 760px;
  margin: 7px 0 10px;
  color: var(--muted);
  font-size: 0.86rem;
}

.game-note a {
  color: #ffb454;
  text-decoration: none;
  font-size: 0.8rem;
}

.nav-game {
  color: #ffb454 !important;
}

@media (max-width: 620px) {
  .game-section {
    padding-bottom: 90px;
  }

  .game-card {
    height: 350px;
  }

  .game-card .meta span {
    max-width: 150px;
  }

  .game-note {
    margin-top: 42px;
    padding: 24px;
  }
}