/* ---------- exit-game confirmation popup (asset-driven, fully opaque, blocks gameplay) ---------- */
#exitConfirmScreen{
  position:absolute;inset:0;z-index:60;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  backdrop-filter:none;overflow:hidden;
  transition:opacity .35s ease,transform .35s ease;
  backdrop-filter: blur(4px);
}
#exitConfirmScreen.hidden{opacity:0;transform:scale(.96);pointer-events:none;}

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

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

.ec-title{width:80%;margin-bottom:16px;}
.ec-title img{width:100%;height:auto;display:block;}

.ec-msg{
  font-family:"Baloo 2",sans-serif;
  font-size:24px;line-height:1.2;font-weight:700;color:#fff;
  text-shadow:0 3px 0px rgba(0,0,0,.9);
  text-align:center;margin-bottom:34px;
}

.ec-btn-row{
  display:flex;align-items:center;justify-content:center;
  gap:6%;width:82%;
}
.ec-btn{
  flex:1;border:none;background:none;padding:0;cursor:pointer;
  opacity:0;transform:scale(0);
  animation:ecBtnPop .45s cubic-bezier(.34,1.56,.64,1) forwards;
}
.ec-btn img{width:100%;display:block;}
#exitYesBtn{animation-delay:.25s;}
#exitNoBtn{animation-delay:.4s;}
@keyframes ecBtnPop{from{opacity:0;transform:scale(0);}to{opacity:1;transform:scale(1);}}
.ec-btn:active img{filter:brightness(.9);}