/* Portrait busts become chunky board-game miniatures once they enter the track. */
.board .pawn{
  width:clamp(27px,5.5%,38px);
  height:clamp(36px,7.3%,50px);
  border-width:3px;
  border-radius:48% 48% 35% 35% / 38% 38% 24% 24%;
  background-color:#151019!important;
  background-size:400% 400%!important;
  box-shadow:
    inset 5px 2px 5px #fff3,
    inset -5px -4px 8px #0009,
    0 3px 0 color-mix(in srgb,currentColor 45%,#111),
    0 8px 10px #000c;
  transform:translate(-12%,-25%);
  overflow:visible;
  isolation:isolate;
}
.board .pawn::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-22%;right:-22%;bottom:-18%;height:26%;
  border:3px solid currentColor;
  border-radius:50%;
  background:linear-gradient(#37303b 0 35%,#0d0910 36% 100%);
  box-shadow:inset 0 2px 2px #fff4,0 5px 6px #000b;
}
.board .pawn::after{
  content:"";
  position:absolute;
  z-index:-2;
  left:-34%;right:-34%;bottom:-28%;height:18%;
  border-radius:50%;
  background:#060407;
  filter:blur(3px);
  opacity:.78;
}
.board .pawn-lime{color:var(--lime)}
.board .pawn-pink{color:var(--pink)}
.board .pawn-cyan{color:var(--cyan)}
.board .pawn-orange{color:var(--orange)}
.board .pawn:hover{transform:translate(-12%,-37%) rotate(-5deg) scale(1.09)}
.board .pawn.entering{filter:drop-shadow(0 0 10px currentColor)}

.creator-signature{
  color:#b9a9c4;
  text-decoration:none;
  font:9px "Archivo Black",sans-serif;
  letter-spacing:1.5px;
  transform:skew(-5deg);
}
.creator-signature b{color:var(--lime);text-shadow:2px 2px 0 #351b55}
.creator-signature:hover b{color:var(--pink)}
@media(max-width:760px){footer{gap:8px;flex-wrap:wrap}.creator-signature{width:100%;text-align:center;padding-top:3px}}