.wrs-games { padding-block: clamp(48px, 7vw, 88px); }

.wrs-games-head { text-align: center; margin-bottom: 48px; }

.wrs-games-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-bottom: 48px;
}

.wrs-games-cta { text-align: center; margin-top: 8px; }

.wrs-game-card {
    background: var(--wrs-surface);
    border: 1px solid var(--wrs-green);
    border-radius: var(--wrs-radius);
    padding: 24px;
    display: flex;
    flex-direction: column;
    transition: transform .2s, box-shadow .2s;
}

.wrs-game-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 36px rgba(29,224,72,0.18);
}

.wrs-game-card-img {
    aspect-ratio: 16/9;
    border-radius: var(--wrs-radius);
    overflow: hidden;
    margin-bottom: 20px;
    background: #000;
}

.wrs-game-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s;
}

.wrs-game-card:hover .wrs-game-card-img img { transform: scale(1.04); }

.wrs-game-card-title {
    font-size: clamp(20px, 2vw, 26px);
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
    flex: 1;
}

.wrs-game-play { width: 100%; }

@media (max-width: 900px) {
    .wrs-games-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}

@media (max-width: 600px) {
    .wrs-games-grid { grid-template-columns: 1fr; }
}