body {
    background-color: #0e1117;
    color: #fafafa;
    font-family: sans-serif;
    padding: 5vw;
    margin: 0;
}

h2 { border-bottom: 1px solid #333; padding-bottom: 10px; margin-top: 40px; }

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 25px;
}

.game-card {
    transition: transform 0.2s;
}

.game-card img {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
    cursor: pointer;
}

.game-card img:hover {
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(145, 70, 255, 0.6);
}

.title { font-weight: bold; margin-top: 10px; display: block; }
.meta { color: #888; font-size: 0.9rem; }