.games-catalog{max-width:1200px;margin:0 auto}.catalog-header{text-align:center;margin-bottom:2rem}.catalog-header__title{color:#2d3748;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.subtitle{color:#718096;font-size:1.1rem}.filters{background:#f7fafc;border-radius:12px;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.filter-group label{color:#4a5568;font-weight:600}.filter-group select{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:.5rem 1rem;font-size:1rem}.category-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.category-buttons button{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.category-buttons button:hover{background:#ebf8ff;border-color:#4299e1}.category-buttons button.active{color:#fff;background:#4299e1;border-color:#4299e1}.games-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.game-card{color:inherit;background:#fff;border:2px solid #e2e8f0;border-radius:16px;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex}.game-card:hover{border-color:#4299e1;transform:translateY(-4px);box-shadow:0 10px 20px #4299e126}.game-icon{flex-shrink:0;font-size:3rem}.game-info{flex:1}.game-info h2{color:#2d3748;margin-bottom:.5rem;font-size:1.3rem}.game-description{color:#718096;margin-bottom:1rem;font-size:.95rem;line-height:1.5}.game-meta{flex-wrap:wrap;gap:.5rem;display:flex}.age-badge,.time-badge,.difficulty-badge{color:#4a5568;background:#edf2f7;border-radius:12px;padding:.25rem .75rem;font-size:.8rem}.difficulty-easy{color:#22543d;background:#c6f6d5}.difficulty-medium{color:#7c2d12;background:#fef5e7}.difficulty-hard{color:#742a2a;background:#fed7d7}.no-results{text-align:center;color:#718096;grid-column:1/-1;padding:3rem}.no-results button{color:#fff;cursor:pointer;background:#4299e1;border:none;border-radius:8px;margin-top:1rem;padding:.75rem 1.5rem;font-size:1rem}@media (width<=768px){.catalog-header h1{font-size:2rem}.games-grid{grid-template-columns:1fr}.filters{padding:1rem}.filter-group{flex-direction:column;align-items:flex-start}}