/* ================= MOBIL VISSZATÉRÉSI KÉPERNYŐ ================= */
#mobileReturn{
  display:none;
  position:fixed;
  inset:0;
  z-index:60;
  align-items:center;
  justify-content:center;
  padding:24px;
  box-sizing:border-box;
  overflow:hidden;
  background:radial-gradient(circle at 50% 20%,#26335f,#080a16 68%);
  color:#f2eddc;
  text-align:center;
  font-family:"Segoe UI",system-ui,sans-serif;
  touch-action:pan-y;
}
#mobileReturn .card{
  width:min(560px,calc(100vw - 36px));
  max-height:calc(100vh - 48px);
  max-height:calc(100dvh - 48px);
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  border:1px solid rgba(255,255,255,.16);
  border-radius:26px;
  background:rgba(10,13,30,.88);
  padding:30px 24px;
  box-shadow:0 24px 90px rgba(0,0,0,.7);
}
#mobileReturn h1{
  margin:0 0 12px;
  color:#ffd166;
  font-size:28px;
  line-height:1.12;
}
#mobileReturn p{
  margin:10px 0;
  color:rgba(235,240,255,.9);
  font-size:16px;
  line-height:1.45;
}
#mobileReturn .sub{
  color:rgba(190,200,245,.78);
  font-size:13px;
}
#mobileReturnBtn{
  width:100%;
  min-height:62px;
  margin-top:18px;
  border:0;
  border-radius:20px;
  background:linear-gradient(180deg,#ffd166,#e7aa32);
  color:#1b1320;
  font:900 18px "Segoe UI",system-ui,sans-serif;
  box-shadow:0 14px 36px rgba(0,0,0,.42);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
#mobileReturnBtn:active{transform:translateY(2px);filter:brightness(.96)}
#mobileReturnBtn:disabled{opacity:.68;cursor:wait;transform:none}
html.mobile-returning,html.mobile-returning body{touch-action:pan-y}
html.mobile-returning #mobileReturn{display:flex}
html.mobile-returning #wrap{filter:blur(1.5px);pointer-events:none}
html.mobile-returning #mobileControls{display:none!important}
html.mobile-returning #gameMenuLayer,
html.mobile-returning #gameMenuButton,
html.mobile-returning #endSupportBtn{pointer-events:none!important}

@media (max-height:520px) and (orientation:landscape){
  #mobileReturn{
    align-items:flex-start;
    padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
  }
  #mobileReturn .card{
    width:min(720px,calc(100vw - 20px));
    max-height:calc(100vh - 16px);
    max-height:calc(100dvh - 16px);
    padding:16px 20px 14px;
    border-radius:18px;
  }
  #mobileReturn h1{margin-bottom:6px;font-size:22px}
  #mobileReturn p{margin:6px 0;font-size:13px;line-height:1.3}
  #mobileReturnBtn{min-height:52px;margin-top:10px;border-radius:16px;font-size:17px}
  #mobileReturn .sub{font-size:11.5px}
}
