/* ------ CRYPTO RUNNER THEME CSS ----- */

/* Dark crypto theme */
.inverted {
  background-color: #0a0a1a;
  filter: invert(1) hue-rotate(180deg) saturate(1.3);
}

.inverted body {
  background-color: #0a0a1a;
}

@media (prefers-color-scheme: dark) {
  .icon {
    filter: invert(1) hue-rotate(180deg);
  }

  .runner-canvas {
    filter: invert(1) hue-rotate(180deg) saturate(1.3);
  }

  .inverted {
    background-color: #0a0a1a;
    filter: invert(0);
  }

  .inverted body {
    background-color: #0a0a1a;
  }
}