#hands > div {
  position: absolute;
  background: red;
}
#target-min,
#target-h,
#minutes,
#hours {
  height: calc(var(--size) * 2);
  left: calc(50% - var(--size));
  transform-origin: var(--size) var(--size);
  border-radius: var(--size);
}
#hours,
#minutes {
  top: calc(50% - var(--size));
}
#target-min,
#target-h {
  z-index: -1;
  pointer-events: all;
  background: darkred;
  rotate: unset;
  top: calc(50% - var(--size) * 2);
  transform: rotate(calc(var(--offset) + var(--rot)));
  cursor: url('../assets/icons/cursor/rotate.svg') 16 16, grab;
}
#minutes,
#target-min {
  width: calc(50% - 7ch);
}
#minutes,
#digits-min {
  --size: 0.8ch;
}
#hours,
#target-h {
  width: calc(50% - 17.5ch);
}
#hours,
#digits-h {
  --size: 1.2ch;
}