html, body {
  margin: 0;
  padding: 0;
}
canvas {
  display: block;
  touch-action: none;
  /* box-sizing: content-box; */
  user-select: none;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
}

.hidden{
  visibility: hidden;
  pointer-events: none;
  opacity: 0; /* Bild ist anfangs unsichtbar */
}

/*  POP-UP  */
#game-over_popup{
  display: flex;
  flex-direction: column;

  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%; /* -50% -55% */
  
  transition: opacity 0.25s ease-in-out;  /* 0.5s */
  background-color: white;
  border-radius: 1rem;
  cursor: default;

  width: 80%; /*  width: 30rem, height: 30rem  */
  height: auto;
  aspect-ratio: 1;
  padding-top: 4%;
  padding-bottom: 13%;
}

.game-over_popup__text{
  margin-left: 14%; /* 3.5rem */

  background-color: white;
  color: #e9e067; /* #d7cc33 */
}
.game-over_popup__text p{
  font-size: 3.5vw;  /* clamp( 1rem, 3.5vw, 1.3rem) */
  background-color: white;
  color: #e9e067; /* #d7cc33 */
}

/* #game-over_popup__text--h3{
  color: #00005adf;

  width: 33.3%;
  height: 10%;

  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#game-over_popup__text--h3 h3{
  margin: 0;
  font-size: 10vw;
} */
#game-over_popup h3 {
  align-self: center;
  color: #00005adf;

  font-size: 10vw;
  margin: 15% 0; /* 2.5rem 0 */
}

#game-over_popup__button{
  align-self: center;

  margin-top: 22%;  /* 5rem */
  width: 33.3%;
  aspect-ratio: 2 / 1;
}

#game-over_popup__button button{
  background-color: #00005adf;

  align-self: center;
  cursor: pointer;

  width: 100%;  /* 7.5rem */
  height: 100%;
  /* height: 4rem; */
  border-radius: 1rem;
  border: none;

  display: flex;
  justify-content: center;
  align-items: center;
}
#game-over_popup__button button p{
  /* background-color: #00005adf; */
  color: aliceblue;
  font-family: 'Courier New', Courier, monospace;
  /* font-size: min( 1.25rem, 80%);  80% */
  font-size: 100%;

  /* width: 80%; */
}