input {
  -webkit-user-select: text; /* Chrome, Opera, Safari */
  -moz-user-select: text; /* Firefox 2+ */
  -ms-user-select: text; /* IE 10+ */
  user-select: text; /* Standard syntax */
}

[id^="piece"] img {
  display: block;
}

[id^="piece"] p {
  display: block;
}

#deckNumberPC {
  display: block;
}

.maskedID {
  background: white;
  border: 1px black solid;
  color: black;
  font-size: 3vh;
  position: absolute;
  left: 0%;
  bottom: 0%;
  transform: translate(-20%, 25%);
  z-index: 13;
}


@media only screen and (max-aspect-ratio: 3/2 ) {
  #boxPiecesLeft, #boardGameImage, #boardGameGrid, #boxPiecesRight {
    max-width: unset;
  }
  
  #boxPiecesRight {
    right: calc(var(--vh, 1vh) * 1);
  }
  
  #boardGameImage, #boardGameGrid {
    left: calc(var(--vh, 1vh) * 1);
    transform: unset;
  }
  
  #boardGameGrid {
    left: calc(var(--vh, 1vh) * 10);
  } 
}
