/* Legend Ultra — mobil düzeltmeler (Gelistirici-Mobil, #85-#88). Tema dosyasından (lu-theme-*.css) SONRA bağlanır.
   Görünüm temadaki gibi kalır; kurallar telefon (pointer:coarse) ya da küçük ekran/klavye durumlarıyla sınırlı. */

/* #85 "Ana ekrana ekle": ekranı karartıp kilitleyen katman değil, alttan çıkan engellemeyen kart */
html #a2hs{top:auto;bottom:0;left:0;right:0;background:none;pointer-events:none}
html #a2hs .box{pointer-events:auto;margin-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
html #a2hs .arrow{pointer-events:none}

/* #85 yan çevir ipucu, giriş kapısı açıkken formu örtmesin: kapı ipucu kadar aşağıdan başlar (yükseklik JS'ten --rot-h) */
body.rot-on #gate{padding-top:calc(var(--rot-h,96px) + 8px)}

/* #86 giriş/kayıt kapısı: içerik sığmazsa (yatay telefon + klavye) kaydırılabilir; sığarsa eskisi gibi ortada */
@media (max-width:700px),(max-height:520px){
  #gate{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-items:flex-start;justify-content:flex-start}
  #gate>.g-logo,#gate>.g-card{margin:auto}
}
@media (max-height:520px){#gate{padding-top:max(56px,calc(var(--rot-h,0px) + 8px))}}
/* klavye açık yatay telefon: logo yer kaplamasın */
@media (max-height:300px){#gate .g-logo{display:none}#gate{padding-top:50px;padding-bottom:8px}}

/* #87 portal pencereleri (Hesap Oluştur, Şifremi unuttum, Şifre değiştir): sığmazsa kaydırılır */
html.lu-portal .modal{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-items:flex-start}
html.lu-portal .modal .panel{margin:auto}
@media (max-height:520px){html.lu-portal .modal{padding-top:8px;padding-bottom:8px}}

/* #88 dokunma hedefleri: yalnız dokunmatik ekranda; görünür boyut büyük ölçüde aynı, dokunma alanı ≥44 px */
@media (pointer:coarse){
  html.lu-portal .field input{padding-top:8px;padding-bottom:8px}
  html.lu-portal .modal .field input{padding-top:8px;padding-bottom:8px}
  #burger,html.lu-portal .lang button,#rot-x,#a2hs button,#a2hs a.btn,
  #lnk-forgot,#lnk-register,#lnk-pass,#g-forgot,html.lu-portal .check,#gate .g-row label{position:relative}
  #burger::after,html.lu-portal .lang button::after,html.lu-portal .modal .x::after,#rot-x::after,
  #a2hs button::after,#a2hs a.btn::after,#lnk-forgot::after,#lnk-register::after,#lnk-pass::after,#g-forgot::after,
  html.lu-portal .check::after,#gate .g-row label::after{content:'';position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}
  #a2hs button::after,#a2hs a.btn::after{height:calc(100% + 18px)}
  html.lu-portal nav a{padding:12px 0}
}

/* yatay telefon + klavye: odaklanan alan portalın yapışkan üst çubuğunun altında kalmasın */
@media (max-height:520px){html.lu-portal{scroll-padding-top:72px}}

/* #94 portal, yatay telefon: giriş kutusu ilk ekranda görünsün (hero kısalır, başlık tek satır, etiketler yer tutucuda) */
@media (max-height:520px) and (orientation:landscape){
  html.lu-portal .hero{min-height:0;padding-top:64px;padding-bottom:16px}
  html.lu-portal .headline{font-size:clamp(16px,2.6vw,22px)}
  html.lu-portal .subline{display:none}
  html.lu-portal .panels{margin-top:10px}
  html.lu-portal #acc-login .lu-t-label{display:none}
  html.lu-portal #acc-login h3{margin-bottom:8px}
}

/* #88 ek (Oyuncu-Mobil ölçümü): giriş kapısı alanları/düğmesi ≥44 px, sekmelerin dokunma alanı ::before ile */
@media (pointer:coarse){
  #gate input[type=text],#gate input[type=password],#gate .g-btn{min-height:44px}
  #gate .g-tabs button::before{content:'';position:absolute;left:0;right:0;top:50%;height:46px;transform:translateY(-50%)}
}

/* #85 yatay telefon: A2HS ortada büyük kart değil, köşede küçük kart; adımlar başlığa dokununca açılır (.ac) */
@media (max-height:520px){
  html #a2hs{justify-content:flex-end}
  html #a2hs .box{max-width:340px;margin:0 8px calc(8px + env(safe-area-inset-bottom,0px)) auto}
  html #a2hs:not(.ac) #a2hs-body{display:none}
  html #a2hs .hd{cursor:pointer}
  html #a2hs:not(.ac) .hd b::after{content:' ▸';color:var(--lu-gold,#D4AF37)}
  html #a2hs .arrow{display:none}
  /* portalda alttaki Oyna düğmesi açık kalsın: kart sağ üstte */
  html.lu-portal #a2hs{top:0;bottom:auto;align-items:flex-start}
  html.lu-portal #a2hs .box{margin:56px 8px 0 auto}
}

/* #101 dikey telefonda klavye açılınca (yükseklik ≤520 ama dikey) giriş kartı yan yana düzene geçmesin: tek sütun, küçük logo */
@media (max-height:520px) and (orientation:portrait){
  #gate{flex-direction:column;gap:6px;padding-top:max(52px,calc(var(--rot-h,0px) + 8px))}
  #gate .g-logo img{width:min(220px,55vw)}
  #gate .g-card{width:min(400px,94vw)}
}
@media (max-height:430px) and (orientation:portrait){#gate .g-logo{display:none}}

/* #88 kalanlar (Oyuncu-Mobil ölçümü, 16:15) — yalnız dokunmatik */
@media (pointer:coarse){
  /* portal giriş kutuları: input çerçevenin üstüne taşar, çerçeveye dokunuş da alana odaklanır (görünüm aynı) */
  html.lu-portal .field input{position:relative;margin:-8px;width:calc(100% + 16px);padding:16px 14px}
  /* TR/EN: .lang overflow:hidden ::after'ı kırpıyor → gerçek yükseklik */
  html.lu-portal .lang button{min-height:44px;min-width:44px}
  html.lu-portal #nav-login{min-height:44px}
  #gate .g-row label{display:inline-flex;align-items:center;min-height:44px;padding-right:8px}
}

/* #103 oyun içi Hata Bildir / Üye Getir: kaydırılmış #lu-body içeriği sekme/× dokunuşunu çalmasın */
body.lu-mob #lu-tabs{position:relative;z-index:3}
body.lu-mob #lu-head{z-index:4}
body.lu-mob #lu-body{position:relative;z-index:1;contain:paint}

/* #129 404 / link-yok (body.lu-t-page) yatay telefonda: logo ve boşluklar küçülür, düğmeler ilk ekranda */
@media (max-height:520px) and (orientation:landscape){
  body.lu-t-page{gap:6px;padding:8px 16px}
  body.lu-t-page .lu-t-logo{width:auto;height:min(24vh,100px)}
  body.lu-t-page .lu-t-code{font-size:30px;margin:0}
  body.lu-t-page .lu-t-frame p{margin:4px 0 10px;font-size:15px;line-height:1.4}
}

/* #85/#131 oyun içi A2HS: HUD'u örtmeyen üst orta ince şerit (dokununca kart açılır) */
#a2hs-pill{position:fixed;top:calc(4px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:2147483000;
  min-height:32px;padding:4px 14px 4px 34px;border:1px solid rgba(212,175,55,.7);border-radius:16px;cursor:pointer;
  background:rgba(11,31,59,.92) url('/img/brand/favicon.ico') 8px center/20px 20px no-repeat;color:#f3e2b5;
  font:700 13px/1 Georgia,'Times New Roman',serif;letter-spacing:.3px;box-shadow:0 2px 10px rgba(0,0,0,.5);white-space:nowrap}
#a2hs-pill::after{content:'';position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}

/* #148 portal oturum açıkken: Çıkış, Şifre değiştir, "doğrudan oyuna gir" satırı ≥44 px (yalnız dokunmatik) */
@media (pointer:coarse){
  html.lu-portal #btn-logout,html.lu-portal #lnk-pass{display:inline-block;position:relative;padding:14px 8px;margin:-14px -8px}
  html.lu-portal #btn-logout{margin-left:-2px}
  html.lu-portal #acc-in .check{min-height:48px}
}

/* #153 hesap pencereleri (lu-hesap): kısa ekranda (yatay telefon + klavye) hata/bilgi satırı kod kutularının hemen ÜSTÜNDE (odaklı kutu hep görünür) */
@media (max-height:520px){
  .lu-h-form>.lu-h-lead{order:-2}
  .lu-h-form>.lu-h-msg{order:-1;min-height:0}
}
@media (max-height:300px){.lu-h-dlg .lu-h-box{margin-top:48px}.lu-h-form>.lu-h-tip{display:none}}

/* #161 hesap pencereleri: yazı alanı çerçevenin (8 px border-image) üstüne taşar → çerçeveye dokunuş da odaklar, dokunma ≥44 px; görünüm aynı */
@media (pointer:coarse){
  .lu-h-dlg .lu-t-fieldbox input{position:relative;margin:-8px 0 -8px -8px;padding:12px 6px 12px 14px;min-height:46px}
}

/* #162 portal hesap kartı: gömülü hesap pencereleri (lu-sayfa .lu-gomulu) kartın içinde ekran genişliğine göre (94vw) boyutlanıp
   paneli ekrandan taşırıyordu (390 px'te panel 16..431, sağ kenar kesik) → kartın içinde kartın genişliği */
html.lu-portal #account .lu-h-dlg.lu-gomulu .lu-h-box,html.lu-portal #account .modal.open .panel{width:auto;max-width:100%;box-sizing:border-box}
html.lu-portal #account{min-width:0}

/* gömülü hesap pencereleri (Kurulum lu-sayfa): "← Giriş ekranı / Girişe dön" bağlantısı 24 px → dokunmatikte ≥44 px (görünüm aynı) */
@media (pointer:coarse){
  a.lu-gom-don{padding-top:10px;padding-bottom:10px;margin-top:2px;margin-bottom:-6px;box-sizing:content-box}
}