/* ---------- per-level play popup (opened from a Level Select tile) ---------- */
#levelPlayPopup{
  position:fixed;inset:0;z-index:1400;
  display:flex;align-items:center;justify-content:center;
  background:transparent;
  transition:opacity .3s ease,transform .3s ease;
}
#levelPlayPopup::after{
  content:"";position:absolute;inset:0;z-index:0;
  background:rgba(0,0,0,.55);backdrop-filter:blur(3px);
}
#levelPlayPopup.hidden{opacity:0;transform:scale(.96);pointer-events:none;}

.lpp-board{
  position:relative;z-index:2;width:76%;max-width:320px;
  opacity:0;animation:lppBoardIn .4s cubic-bezier(.34,1.56,.64,1) forwards;
}
.lpp-board-img{width:100%;display:block;}
@keyframes lppBoardIn{from{opacity:0;transform:scale(.85);}to{opacity:1;transform:scale(1);}}

.lpp-close-btn{
  position:absolute;top:8%;right:1%;width:16%;z-index:3;
  border:none;background:none;padding:0;cursor:pointer;
  transition:transform .12s ease;
}
.lpp-close-btn img{width:100%; display:block; }
.lpp-close-btn:active{transform:scale(.9);}

.lpp-content{
  position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;align-items:center;
}
.lpp-level-label{
  margin-top:57px;
  font-family:"Baloo 2",sans-serif;font-weight:800;
  font-size:34px;
  color:#fff5db;text-shadow:0 3px 0 rgba(0,0,0,.7);
  white-space:nowrap;
}
.lpp-stars{
  margin-top:11%;
  display:flex;align-items:center;justify-content:center;gap:8%;width:66%;
}
.lpp-star{width:23%;height:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));}
.lpp-play-btn{
  margin-top:auto;margin-bottom:57px;
  width:50%;border:none;background:none;padding:0;cursor:pointer;
  transition:transform .12s ease;
}
.lpp-play-btn img{width:100%;display:block;}
.lpp-play-btn:active{transform:scale(.94);}