/* Corsi blocks — irregular spatial field */
#stage{min-height:260px}
.corsi-field{
  position:relative;width:min(100%,380px);aspect-ratio:1;
  margin:0 auto;background:
    radial-gradient(circle at 30% 25%,hsla(40 60% 70% / .25),transparent 40%),
    radial-gradient(circle at 70% 70%,hsla(200 50% 60% / .2),transparent 45%),
    hsl(40 20% 90%);
  border:2px solid var(--line,#c5d0c8);
  overflow:hidden;
}
.corsi-field.watching{pointer-events:none}
.corsi-block{
  position:absolute;width:18%;aspect-ratio:1;transform:translate(-50%,-50%);
  border:2px solid #fff;background:hsl(25 35% 42%);cursor:pointer;
  box-shadow:0 3px 0 rgba(0,0,0,.2);transition:background .12s,transform .12s,box-shadow .12s;
}
.corsi-block:hover{filter:brightness(1.08)}
.corsi-block.on{
  background:hsl(42 90% 55%);
  box-shadow:0 0 0 3px #fff,0 0 18px hsla(42 90% 50% / .7);
  transform:translate(-50%,-50%) scale(1.08);
}