Rainbow player 1 by jiink

/* ==UserStyle==
@name         Rainbow player 1
@version      20240525.17.48
@namespace    https://userstyles.world/user/Jacob C
@description  Hue cycling pieces for player 1
@author       Jacob C
@license      LGPL-V3
==/UserStyle== */

@-moz-document url-prefix("https://c4.etok.me/") {
.cell.player1.svelte-1lf55zy {
    background-color: #FF0000;
    animation: bgColor 6s infinite linear;
}

@keyframes hueCycle {
  0% { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(360deg); }
}

@keyframes bgColor {
  12.5% {
    background-color: #FF0000;
  }
  25% {
    background-color: #FFA500;
  }
  37.5% {
    background-color: #FFFF00;
  }
  50% {
    background-color: #7FFF00;
  }
  62.5% {
    background-color: #00FFFF;
  }
  75% {
    background-color: #0000FF;
  }
  87.5% {
    background-color: #9932CC;
  }
  100% {
    background-color: #FF1493;
  }
}
}