#board {
  width: 90vmin;
  aspect-ratio: 1;
  border: 1px solid #000;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;

  li {
    height: 2vmin;
    width: 20vmin;
    background-color: #444;
  }

  .overage {
    animation: drop var(--t) ease-in forwards;
    z-index: 99;
  }
}

@keyframes drop {
  to {
    transform: translateY(var(--y));
  }
}