.card { display: flex; flex-direction: column; height: auto; width: 100%; }
.card-img-top { width: 100%; height: 200px; object-fit: cover; }
.card-title { min-height: 3rem; }
.platforms, .genres { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.sidebar { min-width: 250px; max-width: 250px; background: #f8f9fa; border-radius: 8px; padding: 1rem; }
.filter-scroll { max-height: 220px; overflow-y: auto; padding-right: 4px; }
.filter-scroll::-webkit-scrollbar { width: 6px; }
.filter-scroll::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.3); border-radius: 4px; }
.game-img { width: 100%; height: 300px; object-fit: cover; margin-bottom: 1rem; }
.platform-badge { padding: 4px 8px; border-radius: 6px; color: white; font-size: 0.75rem; font-weight: 600; text-decoration: none; }
.no-underline { text-decoration: none !important; }
.filter-badge { cursor: pointer; }
.comment-card {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.comment-card img {
    width: 40px;
    height: 40px;
    object-fit: cover;
}