body {
  font-family: sans-serif;
}

.panel {
  --tx: 0px;
  --ty: 0px;
  --hue: 0deg;
  transform: translate(var(--tx), var(--ty));
  filter: hue-rotate(var(--hue));

  width: 15vmin;
  height: 15vmin;
  border: red solid;
  background: hsl(0, 100%, 75%);
  border-radius: 1rem;
  margin: 1.25rem;
  padding: 1rem;
  transition:
    filter    1s ease 0s,
    transform 3s ease 1s;
  display: inline-block;
}

.panel[data-score]::after {
  content: " " attr(data-score);
}