/* Home, below the hero. Ways to play and Community share one card row: swipe on phone/tablet (next card peeks), grid on desktop. */
.ca-modes.ca-modes-4 > li { flex-basis: 78%; }
@media (min-width: 640px) { .ca-modes.ca-modes-4 > li, .ca-modes.ca-modes-5 > li { flex-basis: 42%; } }
@media (min-width: 1000px) {
  .ca-modes.ca-modes-4 { grid-template-columns: repeat(4, 1fr); }
  .ca-modes .ca-mode { min-height: 460px; }
}
.ca-m-friends > img { object-position: 20% 20%; } .ca-m-voice > img { object-position: 30% 20%; } .ca-m-comp > img { object-position: 50% 15%; } .ca-m-forum > img { object-position: 20% 15%; }
/* slim closing band */
.ca-close { border-top: 1px solid var(--ev-line-soft); background: radial-gradient(900px 300px at 50% 0, rgba(38, 150, 170, .16), transparent 70%), var(--ev-panel-quiet); }
.ca-close-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px 32px; padding-top: 28px; padding-bottom: 28px; text-align: center; }
.ca-close-in h2 { margin: 0; text-transform: uppercase; letter-spacing: .02em; }
@media (max-width: 520px) { .ca-close-in .ev-btn { flex: 1 1 100%; } }