/* ============================================
  Neon text effects — used for rarity colors
  ============================================ */

.white-neon {
  color: #fff;
  text-shadow:

  0 0 1px #fff,
  0 0 1px #fff,
  0 0 1px #000000,
  0 0 1px rgba(255, 255, 255, 0.6),
  .125em .125em .25em rgba(0, 0, 0, 1),
  .0625em .0625em .15em rgba(0, 0, 0, .9);
}

.blue-neon {
  color: #e0f0ff;
  text-shadow:

  0 0 1px #fff,
  0 0 3px #3c81ff,
  0 0 6px #3c81ff,
  0 0 8px rgba(60, 129, 255, 0.6),
  .125em .125em .25em rgba(0, 0, 0, 1),
  .0625em .0625em .15em rgba(0, 0, 0, .9);
}

.orange-neon {
  color: #fff0d0;
  text-shadow:

  0 0 1px #fff,
  0 0 3px #ff8c00,
  0 0 6px #ffaa33,
  0 0 8px rgba(255, 140, 0, 0.6),
  .125em .125em .25em rgba(0, 0, 0, 1),
  .0625em .0625em .15em rgba(0, 0, 0, .9);
}

.purple-neon {
  color: #f0e0ff;
  text-shadow:

  0 0 1px #fff,
  0 0 3px #9b30ff,
  0 0 6px #b44fff,
  0 0 8px rgba(155, 48, 255, 0.6),
  .125em .125em .25em rgba(0, 0, 0, 1),
  .0625em .0625em .15em rgba(0, 0, 0, .9);
}

/* Used for the card cost number */
.aldrich-neon {
  font-family: "Aldrich", sans-serif;
  color: #ffffff;
  text-shadow:
    0 0 1px #ffffff,
    0 0 3px #3c81ff,
    0 0 3px #3c81ff,
    0 0 3px #3c81ff,
    0 0 3px #3c81ff;
}

/* Webkit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 3px;
  transition: background 0.2s;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--text-secondary);
}

*:hover::-webkit-scrollbar-thumb {
  background: var(--border);
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

*:hover {
  scrollbar-color: var(--border) transparent;
}