/* New CSS file for crossover character styling */

/* Special styling for Ristar character buttons */
.character[data-character-id^="ristar"] {
  transition: transform 0.3s ease, filter 0.3s ease;
}

.character[data-character-id^="ristar"]:hover {
  transform: scale(1.05) rotate(2deg);
  filter: brightness(1.1) saturate(1.2);
}

/* Special styling for Link and Patrick characters */
.character[data-character-id^="link"] {
  transition: transform 0.3s ease, filter 0.3s ease;
}

.character[data-character-id^="link"]:hover {
  transform: scale(1.05) rotate(2deg);
  filter: brightness(1.1) saturate(1.2) hue-rotate(5deg);
}

.character[data-character-id^="patrick"] {
  transition: transform 0.3s ease, filter 0.3s ease;
}

.character[data-character-id^="patrick"]:hover {
  transform: scale(1.1) rotate(-3deg);
  filter: brightness(1.05) saturate(1.3);
}

/* Additional effects or styles can be added as needed */