/* Flaming Name */
.flames {
  background-image: url(https://nightscape.xobyte.org/media/flames.gif);
  background-size: 50px 100%;
  background-repeat: repeat-x;
  color: #F00 !important;
  text-shadow: 0 0 3px #F70 !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  display: inline-flex !important;
  flex: unset !important;
}


/* RGB/Rainbow Name */
@keyframes rgbNameAnim {
  0%   { background-position: 0 0; }
  100%  { background-position: 300% 0; }
}
.rgb {
  background: linear-gradient(90deg, #ff4d4d, #ffb347, #ffe066, #51e38a, #4cc9f0, #b5179e, #ff4d4d);
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  animation: rgbNameAnim 5s linear infinite;
  font-weight: 800;
}

/* ICE */
.ice {
  color: #dff6ff !important;
  text-shadow:
    0 0 6px #9be7ff,
    0 1px 0 #7ec8ff,
    0 0 18px #3ec6ff55;
  font-weight: 800;
}

/* Holographic */
.holo {
  background: linear-gradient(110deg, #fff 8%, #a0e9ff 18%, #ffb8f5 32%, #fff 48%, #c9b6ff 62%, #7dffc3 78%, #fff 92%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  animation: holo 3.2s ease-in-out infinite;
  font-weight: 800;
  filter: drop-shadow(0 0 6px #a0e9ff44);
}
@keyframes holo {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* Gold  */
.gold {
  background: linear-gradient(90deg, #8a5a12, #f6d365, #fff1a8, #d4a017, #8a5a12);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  animation: gold-shift 4s linear infinite;
  font-weight: 800;
}
@keyframes gold-shift {
  to { background-position: 200% 0; }
}

/* Red */
.red {
  background: linear-gradient(90deg, #f00, #f00, #f00, #faa, #f00, #f00, #f00);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  text-shadow: 0 0 5px #F00;
  animation: red-glow 750ms linear infinite alternate, red-shift 2s ease-in 3s infinite reverse;
}
@keyframes red-glow {
  to { text-shadow: 0 0 1px #F00; }
}
@keyframes red-shift {
  to { background-position: 200% 0; }
}

/* Automod */
.automod {
  color: #46d160 !important;
}