/* ---------- pause screen (asset-driven, fully opaque, blocks gameplay) ---------- */
#pauseScreen{
  position:absolute;inset:0;z-index:50;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
 overflow:hidden;
  transition:opacity .35s ease,transform .35s ease;
}

#pauseScreen.hidden{opacity:0;transform:scale(.96);pointer-events:none;}

.pz-board{
  position:relative;width:84%;max-width:340px;z-index:2;
  opacity:0;animation:pzBoardIn .5s cubic-bezier(.34,1.56,.64,1) .05s forwards;
}
.pz-board-container{position:relative;}
.pz-board-img{width:100%;display:block;}
@keyframes pzBoardIn{from{opacity:0;transform:translateY(24px) scale(.9);}to{opacity:1;transform:translateY(0) scale(1);}}

.pz-board-content{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  z-index:2;padding:21% 0 3%;
}

.pz-title{width:56%;margin-bottom:8px;}
.pz-title img{width:100%;height:auto;display:block;}

.pz-btn-col{
  display:flex;flex-direction:column;align-items:center;
  gap:8px;width:46%;
}
.pz-btn{
  border:none;background:none;padding:0;cursor:pointer;width:100%;
  opacity:0;transform:scale(0);
  animation:pzBtnPop .45s cubic-bezier(.34,1.56,.64,1) forwards;
}
.pz-btn img{width:100%;display:block;}
#resumeBtn{animation-delay:.2s;}
#restartLevelBtn{animation-delay:.35s;}
#pauseHomeBtn{animation-delay:.5s;}
@keyframes pzBtnPop{from{opacity:0;transform:scale(0);}to{opacity:1;transform:scale(1);}}
.pz-btn:active img{filter:brightness(.9);}