/* New file for character grid styles */
#character-buttons,
#custom-character-buttons {
  gap: 0.8rem;
  padding: 0.6rem;
  mask-image: linear-gradient(to bottom, black 92%, transparent 100%);
}

.character-btn, .custom-character-btn {
  min-width: 80px;
  aspect-ratio: 1.2; /* Wider aspect for names */
}

/* Add new category filters */
[data-category="jet"] .character-btn img {
  filter: hue-rotate(40deg) saturate(1.2);
}
[data-category="emeral"] .character-btn img {
  filter: brightness(1.1) contrast(1.1);
}