/* Block Games hub - mechanic filter controls, same pattern as the
   bubble-shooter-games hub's own hub-style.css. */

.bg-hub-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: flex-end;
  margin-bottom: 18px;
}

.bg-hub-filter-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bg-hub-filter-group label {
  font-size: 0.82rem;
  color: var(--color-text-soft);
}

.bg-hub-skill-select {
  background: var(--color-bg-alt);
  color: var(--color-text);
  border: 2px solid var(--color-border);
  border-radius: 10px;
  padding: 8px 12px;
  font: inherit;
  min-width: 200px;
}