/* Kurulum (sahip isteği 2026-11-10): giriş / kayıt / şifremi unuttum / şifre değiştir / e-posta kod ekranları modal değil
   SAYFA: tam ekran, opak oyun arka planı, üstte logo + "← Geri"; alttaki ekran görünmez, üst üste binme yok. */
.lu-h-dlg,.modal.open{background:linear-gradient(180deg,rgba(4,10,22,.30) 0%,rgba(4,10,22,.55) 45%,rgba(4,10,22,.88) 100%),
  url('../res/release/UI/Login_atlas_10x6smhiez-3b4a98866b.jpg') center/cover no-repeat #0B1F3B!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;flex-direction:column;align-items:center!important;
  justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:84px 12px 24px!important;box-sizing:border-box}
.lu-h-dlg .lu-h-box,.modal.open .panel{margin:0 auto!important;position:relative}
.lu-h-dlg .lu-h-x,.modal.open .x{display:none!important}
.lu-sayfa-ust{position:fixed;left:0;right:0;top:0;height:72px;display:flex;align-items:center;justify-content:center;
  padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));z-index:5;
  background:linear-gradient(180deg,rgba(4,10,22,.92),rgba(4,10,22,0))}
.lu-sayfa-logo{height:58px;width:auto;max-width:56vw;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.7))}
.lu-sayfa-geri{position:absolute;left:max(12px,env(safe-area-inset-left));top:14px;min-height:44px;padding:0 16px;
  font:700 15px/44px var(--lu-serif,Georgia,serif);color:#f3e2b5;background:rgba(11,31,59,.9);border:1px solid rgba(212,175,55,.65);
  border-radius:10px;cursor:pointer;letter-spacing:.3px}
.lu-sayfa-geri:hover{filter:brightness(1.15)}.lu-sayfa-geri:focus-visible{outline:2px solid #f1c45a;outline-offset:2px}
body.lu-sayfa-acik{overflow:hidden}
@media (max-height:460px){.lu-h-dlg,.modal.open{padding-top:64px!important;justify-content:flex-start}
  .lu-sayfa-ust{height:56px}.lu-sayfa-logo{height:42px}.lu-sayfa-geri{top:6px}}
/* giriş kartının yerinde (gömülü) — üst üste binme yok */
.lu-h-dlg.lu-gomulu,.modal.open.lu-gomulu{position:static!important;inset:auto!important;display:block!important;background:none!important;
  padding:0!important;overflow:visible!important;z-index:auto!important;width:auto;min-height:0}
.lu-gomulu .lu-sayfa-ust{display:none}
.lu-h-dlg.lu-gomulu .lu-h-box{margin:0 auto!important;width:min(400px,94vw)}
.modal.open.lu-gomulu .panel{width:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.lu-gom-don{display:block;text-align:center;margin:12px 0 4px;color:#f1c45a;font:600 14px var(--lu-serif,Georgia,serif);text-decoration:underline;text-underline-offset:3px;min-height:24px}
/* Warvex logosu: daha ölçülü */
#gate .g-logo img,html.lu-login #gate .g-logo img{width:min(420px,34vw,62vh)!important}
@media (max-width:700px) and (min-height:521px){#gate .g-logo img,html.lu-login #gate .g-logo img{width:min(300px,70vw)!important}}
@media (max-height:520px){#gate .g-logo img,html.lu-login #gate .g-logo img{width:min(260px,30vw)!important}}
header#top .logo img{max-height:52px;width:auto}
/* bağlantı kesildi (#lu-netalert, bundle) ve yeniden bağlanıyor (#lu-yenibag): görselli yükleme ekranı biçimi */
#lu-netalert,#lu-yenibag{background:linear-gradient(180deg,rgba(4,10,22,.15) 0%,rgba(4,10,22,.35) 50%,rgba(4,10,22,.9) 100%),
  url('../lu-gecis/sehir-4947b3359f.webp') center/cover no-repeat #05101f!important;flex-direction:column!important;justify-content:flex-end!important;padding-bottom:6vh!important}
#lu-netalert::before,#lu-yenibag::before{content:"";display:block;width:min(420px,46vw);height:min(140px,15vw);margin:0 auto 2vh;
  background:url('../lu-marka/warvex-logo-900-cb567540e4.webp') center/contain no-repeat;filter:drop-shadow(0 6px 16px rgba(0,0,0,.8))}
#lu-netalert>div{background:rgba(8,20,40,.82)!important;border:1px solid rgba(212,175,55,.7)!important;border-radius:10px!important;backdrop-filter:blur(2px)}
#lu-yenibag{position:fixed;inset:0;z-index:2147483500;display:flex;align-items:center;font-family:var(--lu-serif,Georgia,serif);pointer-events:auto}
#lu-yenibag .yb-yazi{color:#f3e2b5;font-size:clamp(15px,2.4vmin,20px);text-shadow:0 2px 6px #000;margin-bottom:10px;text-align:center;padding:0 12px}
#lu-yenibag .yb-cubuk{width:min(420px,70vw);height:6px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden;box-shadow:0 0 0 1px rgba(212,175,55,.4)}
#lu-yenibag .yb-cubuk i{display:block;height:100%;width:35%;border-radius:6px;background:linear-gradient(90deg,#a8701e,#f1c45a);animation:ybkay 1.4s ease-in-out infinite}
@keyframes ybkay{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}}
/* giriş kartının İÇİNDE (şifremi unuttum / kod / yeni şifre): giriş ve kayıtla aynı çerçeve, sekme ve alan biçimi */
.lu-h-dlg.lu-gizli-sarmal{display:none!important}
#gate .lu-kart-ic .lu-h-body{padding:0;margin:0;background:none;border:0}
#gate .lu-kart-ic .lu-h-form{display:block;margin:0}
#gate .lu-kart-ic .lu-t-label,#gate .lu-kart-ic .lu-h-cap{display:block;margin:0 0 3px 2px;font:600 13.5px/1.2 var(--lu-serif);color:var(--lu-cream);letter-spacing:.3px;text-align:left}
#gate .lu-kart-ic .lu-h-field{margin:0 0 10px}
#gate .lu-kart-ic .lu-t-fieldbox{border:0;background:none;padding:0;box-shadow:none}
#gate .lu-kart-ic .lu-h-lead,#gate .lu-kart-ic .lu-h-tip,#gate .lu-kart-ic .lu-h-time{color:var(--lu-text);font:500 13.5px/1.45 var(--lu-serif);text-align:center;margin:0 0 10px}
#gate .lu-kart-ic .g-btn{display:block;width:100%;margin:6px 0 0}
#gate .lu-kart-ic .lu-h-sub{display:block;width:auto;margin:10px auto 0;background:none;border:0;border-image:none;min-height:0;padding:4px;
  color:var(--lu-link);font:600 14px var(--lu-serif);text-decoration:underline;text-underline-offset:3px;box-shadow:none;cursor:pointer}
#gate .lu-kart-ic .lu-h-sub:disabled{color:#7d8fab;text-decoration:none;cursor:default}
#gate .lu-kart-ic .lu-h-msg{text-align:center;min-height:18px;margin-top:8px}
#gate .lu-kart-ic .lu-gom-don{margin-top:12px}
#gate .lu-kart-tabs button{flex:1}
/* logo sabit: kart yüksekliği değişince (kayıt, şifremi unuttum) logo yer değiştirmesin — üstten hizalı */
@media (max-width:700px) and (min-height:521px){#gate{justify-content:flex-start!important;padding-top:clamp(10px,3vh,28px)!important}#gate>.g-logo{margin:0 auto!important}#gate>.g-card{margin:clamp(56px,8vh,80px) auto 16px!important}}
/* Hata Bildir / Üye Getir: Kullanıcı Merkezi penceresinin sağ içerik alanında (ayrı pencere değil) */
#lu-wrap.lu-km{position:fixed;inset:auto;display:block;background:none;padding:0;z-index:99991}
#lu-wrap.lu-km #lu-panel{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0;border-radius:4px;
  background:#0e2441;border:1px solid rgba(110,150,200,.28);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);font-family:inherit}
#lu-wrap.lu-km #lu-panel::before{content:none}
#lu-wrap.lu-km #lu-head,#lu-wrap.lu-km #lu-tabs{display:none!important}
#lu-wrap.lu-km #lu-body{height:100%;box-sizing:border-box;padding:16px 20px;font-size:clamp(12px,1.25vw,15px);color:#e9e2cf}
#lu-wrap.lu-km .lu-card{background:rgba(255,255,255,.03);border:1px solid rgba(110,150,200,.22);border-radius:4px}
#lu-wrap.lu-km .lu-card h3{color:#f3e2b5;font-family:Georgia,serif}
/* Kullanıcı Merkezi içindeki Hata Bildir / Üye Getir: oyunun kendi sayfalarıyla (Kişisel Bilgiler) aynı görünüm */
#lu-wrap.lu-km{font-family:"Segoe UI","Microsoft YaHei",Arial,sans-serif!important}
#lu-wrap.lu-km #lu-panel{background:linear-gradient(180deg,#123056 0%,#0e284a 100%)!important;border:2px solid #2d4f7c!important;border-radius:2px!important;
  box-shadow:inset 0 0 0 1px #0a1a33,inset 0 0 24px rgba(0,0,0,.35)!important}
#lu-wrap.lu-km #lu-body{padding:14px 18px!important;font:400 clamp(12px,1.2vw,16px)/1.5 "Segoe UI","Microsoft YaHei",Arial,sans-serif!important;color:#f4ecd8!important;
  scrollbar-width:thin;scrollbar-color:#3b6aa3 transparent}
#lu-wrap.lu-km #lu-body::-webkit-scrollbar{width:6px}#lu-wrap.lu-km #lu-body::-webkit-scrollbar-thumb{background:#3b6aa3;border-radius:3px}
#lu-wrap.lu-km #lu-body *{font-family:inherit!important;letter-spacing:normal}
#lu-wrap.lu-km .lu-card{background:rgba(6,18,38,.35)!important;border:1px solid #2a4a74!important;border-radius:2px!important;padding:12px 14px!important;margin:0 0 12px!important}
#lu-wrap.lu-km .lu-card h3{font:600 1.15em/1.3 "Segoe UI","Microsoft YaHei",Arial,sans-serif!important;color:#ffe6a1!important;letter-spacing:0!important;margin:0 0 8px!important}
#lu-wrap.lu-km .lu-muted{color:#c9d3e3!important;font-size:.92em!important}
#lu-wrap.lu-km input,#lu-wrap.lu-km select,#lu-wrap.lu-km textarea{background:#081a33!important;border:1px solid #33557f!important;border-image:none!important;border-radius:2px!important;
  color:#fff!important;padding:7px 10px!important;font-size:1em!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.5)!important;box-sizing:border-box}
#lu-wrap.lu-km input::placeholder,#lu-wrap.lu-km textarea::placeholder{color:#7f93b0!important}
#lu-wrap.lu-km button{font-family:inherit!important}
#lu-wrap.lu-km button:not(.lu-x):not(.lu-r){background:linear-gradient(180deg,#f6d77a 0%,#d9a93a 55%,#a9781d 100%)!important;color:#3a2203!important;border:1px solid #7a5310!important;
  border-image:none!important;border-radius:3px!important;font-weight:700!important;padding:7px 16px!important;min-height:36px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.4)!important;text-shadow:none!important}
#lu-wrap.lu-km .lu-task,#lu-wrap.lu-km .lu-feed{border-bottom:1px solid rgba(80,120,170,.25)!important}
#lu-wrap.lu-km #lu-body p,#lu-wrap.lu-km #lu-body div{text-overflow:clip!important;-webkit-line-clamp:unset!important;line-clamp:none!important}#lu-wrap.lu-km .lu-muted,#lu-wrap.lu-km .lu-card>div{white-space:normal!important;overflow:visible!important;max-height:none!important}