/* ---------- game over screen (asset-driven, fully opaque, blocks gameplay) ---------- */
#gameOverScreen{
  position:absolute;inset:0;z-index:50;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:url('../images/home-bg.png') center/cover no-repeat;
  backdrop-filter:none;overflow:hidden;
  transition:opacity .35s ease,transform .35s ease;
}
#gameOverScreen::after{
  content:"";position:absolute;inset:0;
  background:rgba(0,0,0,.5);backdrop-filter:blur(3px);
}
#gameOverScreen.hidden{opacity:0;transform:scale(.96);pointer-events:none;}

.go-board{
  position:relative;width:80%;max-width:350px;z-index:2;
  opacity:0;animation:goBoardIn .5s cubic-bezier(.34,1.56,.64,1) .05s forwards;
}
.go-board-container{
  position:relative;
}
.go-board-title{
  width:70%;
  margin-top:-80px;
  margin-bottom:-15px;
}
.go-board-title img{
  width:100%;
  height:auto;
}
.go-board-img{width:100%;display:block;}
@keyframes goBoardIn{from{opacity:0;transform:translateY(24px) scale(.9);}to{opacity:1;transform:translateY(0) scale(1);}}
.go-board-content{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:
  column;
  align-items:center;
  justify-content:center;
  z-index:2;
  top:123px;
  font-family: "Baloo 2", sans-serif;
}
.go-score-label, .go-high-label{
  font-size:20px;
  line-height:22px;
  font-weight:800;
  color:#ffff;
  text-shadow:0 3px 0px rgba(0,0,0,.9);white-space:nowrap;
  font-family: "Baloo 2", sans-serif;
}
.go-score-val,.go-high-val{
  font-size:40px;
  line-height:42px;
  font-weight:800;
  color:#ffd35c;
  text-shadow:0 3px 0px rgba(0,0,0,.9);white-space:nowrap;
  font-family: "Baloo 2", sans-serif;
  margin-top:-3px;
}
.go-divider{
  width:200px;
  display:flex;
  justify-content:center;
  margin:1px 0px 3px;
}
.go-divider img{
  width:100%;
  height: auto;
}
.go-high-val{
  margin-bottom:6px;
}
.go-btn-row{
  display:flex;gap:0%;align-items:center;justify-content:center;
  width:75%;z-index:2;
}
.go-btn{
  flex:1;border:none;background:none;padding:0;cursor:pointer;
  opacity:0;transform:scale(0);
  animation:goBtnPop .45s cubic-bezier(.34,1.56,.64,1) forwards;
}
.go-btn img{width:100%;display:block;}
#gameOverRestartBtn{animation-delay:.35s;}
#gameOverHomeBtn{animation-delay:.5s;}
@keyframes goBtnPop{from{opacity:0;transform:scale(0);}to{opacity:1;transform:scale(1);}}
.go-btn:active img{filter:brightness(.9);}
