/* Legend Ultra — web sayfaları teması (Gelistirici-Tema, takip #16)
   Oyunun kendi görselleri: pencere çerçevesi / düğmeler / kapat düğmesi = Login paketi (Login_atlas0-89b429c4de),
   pencere gövdesi = Base_atlas_zeofihx (mavi taş doku), arka plan = giriş ekranı sanatı (Login_atlas_10x6smhiez).
   Yayın: hash'li ad (lu-theme-<md5 10>.css); görseller css/tema/lu-*-<md5 10>.* (yıllık önbellek). */

:root{
  --lu-navy:#0c1d36; --lu-navy2:#132b4d; --lu-edge:#3f6b9e; --lu-edge2:#6f9ccc;
  --lu-gold:#e2bf63; --lu-gold2:#f6dc8c; --lu-cream:#f4e6c4; --lu-text:#e8e2d0; --lu-muted:#a9b8cf;
  --lu-link:#8fd3ff; --lu-err:#ff9a86; --lu-ok:#86e09a; --lu-info:#9fd8ff;
  --lu-title:Georgia,'Times New Roman','Noto Serif','DejaVu Serif',serif; /* oyunun yazısı serif; Google Fonts yok (FrizQuadrataC'de Türkçe harf yok) */
  --lu-serif:Georgia,'Times New Roman','Noto Serif','DejaVu Serif',serif;
  --lu-bg:url('../res/release/UI/Login_atlas_10x6smhiez-3b4a98866b.jpg');
  --lu-stone:url('tema/lu-stone-a04250725c.jpg');
}

/* ─── ortak parçalar (portal, indirme, bakım, hata sayfaları da kullanır) ─── */
.lu-t-frame{border-style:solid;border-width:52px 18px 20px;border-image:url('tema/lu-frame-da244c3173.png') 72 24 26 fill / 52px 18px 20px stretch;
  background:none;position:relative;color:var(--lu-text);font-family:var(--lu-serif);filter:drop-shadow(0 14px 30px rgba(0,0,0,.65))}
.lu-t-frame>.lu-t-title{pointer-events:none;position:absolute;left:0;right:0;top:-44px;height:36px;display:flex;align-items:center;justify-content:center;
  font:700 19px/1 var(--lu-title);letter-spacing:.5px;color:var(--lu-cream);text-shadow:0 2px 3px #000,0 0 10px rgba(120,180,255,.35);margin:0}
.lu-t-stone{background:var(--lu-stone) center/cover,var(--lu-navy)}
.lu-t-btn,.lu-t-btn2{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 22px;cursor:pointer;text-decoration:none;
  border-style:solid;border-width:10px;border-color:transparent;font:700 16px/1 var(--lu-serif);letter-spacing:.5px;-webkit-tap-highlight-color:transparent}
.lu-t-btn{border-image:url('tema/lu-btn-gold-f099d97544.png') 14 fill / 10px stretch;color:#2b1a04;text-shadow:0 1px 0 rgba(255,240,190,.6)}
.lu-t-btn2{border-image:url('tema/lu-tab-a6f20ef836.png') 18 fill / 10px stretch;color:var(--lu-cream);text-shadow:0 1px 2px #000}
.lu-t-btn:hover,.lu-t-btn2:hover{filter:brightness(1.12)}
.lu-t-btn:active,.lu-t-btn2:active{filter:brightness(.92);transform:translateY(1px)}
.lu-t-btn:disabled,.lu-t-btn2:disabled{filter:grayscale(.7) brightness(.75);cursor:wait}
.lu-t-btn:focus-visible,.lu-t-btn2:focus-visible,.lu-t-close:focus-visible{outline:2px solid var(--lu-link);outline-offset:3px}
.lu-t-field{width:100%;border-style:solid;border-width:8px;border-image:url('tema/lu-field-c4c0feccfe.png') 10 fill / 8px stretch;background:none;
  color:var(--lu-cream);font:16px/1.3 var(--lu-serif);padding:4px 6px;outline:none}
.lu-t-field::placeholder{color:#8495b0}
.lu-t-field:focus{filter:brightness(1.25) drop-shadow(0 0 4px rgba(143,211,255,.7))}
.lu-t-close{width:38px;height:38px;border:0;padding:0;cursor:pointer;background:url('tema/lu-close-bfa6ec60f3.png') center/contain no-repeat;
  font-size:0;color:transparent;flex:none}
.lu-t-close:hover{filter:brightness(1.2)}
.lu-t-label{display:block;margin:0 0 4px;font:600 14px/1.2 var(--lu-serif);color:var(--lu-cream);letter-spacing:.3px}
.lu-t-bg{background:radial-gradient(ellipse at 50% 45%,rgba(6,14,30,.05) 40%,rgba(6,14,30,.55) 100%),var(--lu-bg) center/cover no-repeat,#0b1f3b}

/* ─── game.html: yükleme ekranı ─── */
#boot{background:radial-gradient(ellipse at center,rgba(6,14,30,.15) 0%,rgba(6,14,30,.75) 85%),var(--lu-bg) center/cover no-repeat;background-color:#0b1f3b}
#boot .spinner{border-color:rgba(226,191,99,.22);border-top-color:var(--lu-gold)}
#boot .boot-text{font-family:var(--lu-title);color:var(--lu-cream);font-weight:700;text-transform:none;letter-spacing:1px;font-size:17px}
#boot .boot-bar{height:10px;border:1px solid rgba(111,156,204,.7);background:rgba(6,14,30,.8);border-radius:6px;box-shadow:0 0 0 2px rgba(6,14,30,.6),0 0 12px rgba(90,150,230,.35)}
#boot .boot-bar i{background:linear-gradient(180deg,var(--lu-gold2),#c9962e);border-radius:5px}
#boot .boot-tip{color:var(--lu-text);font-family:var(--lu-serif);font-size:13.5px;text-shadow:0 1px 3px #000}

/* ─── game.html: giriş / kayıt penceresi ─── */
#gate{background:radial-gradient(ellipse at 50% 45%,rgba(6,14,30,0) 45%,rgba(6,14,30,.5) 100%),var(--lu-bg) center/cover no-repeat;background-color:#0b1f3b;font-family:var(--lu-serif)}
#gate .g-card{width:min(400px,94vw);background:none;border-radius:0;box-shadow:none;padding:6px 12px 8px;
  border-style:solid;border-width:52px 18px 20px;border-image:url('tema/lu-frame-da244c3173.png') 72 24 26 fill / 52px 18px 20px stretch;
  filter:drop-shadow(0 16px 34px rgba(0,0,0,.7))}
#gate .g-card::before{content:none}
#gate .g-tabs{position:absolute;left:4px;right:4px;top:-46px;height:38px;margin:0;gap:4px}
#gate .g-tabs button{border:0;border-radius:4px 4px 0 0;color:#9fb5d4;font:700 17px/1 var(--lu-title);letter-spacing:.3px;text-transform:none;padding:0 4px;
  text-shadow:0 2px 3px #000;position:relative}
#gate .g-tabs button.on{color:var(--lu-cream);text-shadow:0 2px 3px #000,0 0 12px rgba(143,211,255,.55)}
#gate .g-tabs button.on::after{content:'';position:absolute;left:18%;right:18%;bottom:2px;height:2px;background:linear-gradient(90deg,transparent,var(--lu-gold),transparent)}
#gate .g-tabs button:focus-visible{outline:2px solid var(--lu-link);outline-offset:-2px}
#gate label{margin-bottom:10px}
#gate .g-lbl{display:block;margin:0 0 3px 2px;font:600 13.5px/1.2 var(--lu-serif);color:var(--lu-cream);letter-spacing:.3px}
#gate input[type=text],#gate input[type=password],#gate input[type=email]{border-style:solid;border-width:8px;border-radius:0;border-image:url('tema/lu-field-c4c0feccfe.png') 10 fill / 8px stretch;
  background:none;color:var(--lu-cream);font:16px/1.3 var(--lu-serif);padding:3px 6px}
#gate input[type=text]::placeholder,#gate input[type=password]::placeholder,#gate input[type=email]::placeholder{color:#7d8fab}
#gate input:focus{border-color:transparent;box-shadow:none;filter:brightness(1.3) drop-shadow(0 0 4px rgba(143,211,255,.75))}
#gate .g-row{color:var(--lu-text);font-size:14px}
#gate .g-row input{accent-color:var(--lu-gold)}
#gate .g-btn{border-radius:0;box-shadow:none;background:none;min-height:46px;padding:2px;border-style:solid;border-width:10px;
  border-image:url('tema/lu-btn-gold-f099d97544.png') 14 fill / 10px stretch;color:#2b1a04;font:700 18px/1 var(--lu-serif);letter-spacing:1px;text-transform:none;
  text-shadow:0 1px 0 rgba(255,240,190,.6);filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}
#gate .g-btn:hover{filter:brightness(1.1) drop-shadow(0 4px 8px rgba(0,0,0,.5))}
#gate .g-btn:focus-visible{outline:2px solid var(--lu-link);outline-offset:3px}
#gate .g-msg{font-size:14px;text-shadow:0 1px 2px #000}
#gate .g-msg.err{color:var(--lu-err)}#gate .g-msg.ok{color:var(--lu-ok)}#gate .g-msg.info{color:var(--lu-info)}
#gate .g-forgot a{color:var(--lu-link);font-size:14px}
#gate .g-foot{color:#8a9ab4;font-size:11.5px}
@media (min-width:701px) and (min-height:640px){
  #gate{flex-direction:column;justify-content:flex-start;gap:clamp(8px,2vh,20px);padding-top:clamp(8px,2.5vh,24px)}
  #gate .g-logo img{width:min(45vw,72vh,760px)}
  #gate .g-card{margin-top:clamp(30px,5vh,70px)}
}
@media (max-height:520px){#gate .g-card{border-width:46px 16px 16px;border-image-width:46px 16px 16px;padding:2px 10px 4px}
  #gate .g-tabs{top:-41px;height:34px}#gate .g-tabs button{font-size:13.5px}
  #gate .g-lbl{display:none}#gate .g-btn{min-height:40px;font-size:16px}}

/* ─── game.html: küçük pencereler (geri tuşu sorusu, bağlantı bilgisi, ana ekrana ekle, yan çevir) ─── */
.lu-t-dlg{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);font-family:var(--lu-serif)}
.lu-t-dlg .lu-t-frame{width:min(400px,94vw);padding:4px 8px 6px;text-align:center;font-size:16px;line-height:1.45}
.lu-t-dlg .row{display:flex;gap:10px;justify-content:center;margin-top:14px}.lu-t-dlg .row>*{flex:1}
.lu-t-dlg .row>.lu-t-btn,.lu-t-dlg .row>.lu-t-btn2{flex:1 1 0;min-width:0;white-space:nowrap;padding:0 12px;font:700 16px/1.2 var(--lu-serif)!important;letter-spacing:.3px}
.lu-t-toast{position:fixed;left:50%;top:18%;transform:translateX(-50%);z-index:99999;pointer-events:none;max-width:90vw;
  background:var(--lu-stone) center/cover,var(--lu-navy);border:1px solid var(--lu-edge2);box-shadow:0 0 0 1px #050d1a,0 8px 22px rgba(0,0,0,.6);
  border-radius:4px;padding:10px 18px;color:var(--lu-cream);font:600 15px var(--lu-serif);text-shadow:0 1px 2px #000}
html #a2hs{font-family:var(--lu-serif)}
html #a2hs .box{max-width:460px;background:none;border-radius:0;box-shadow:none;padding:4px 10px 8px;color:var(--lu-text);
  border-style:solid;border-width:52px 18px 20px;border-image:url('tema/lu-frame-da244c3173.png') 72 24 26 fill / 52px 18px 20px stretch;filter:drop-shadow(0 10px 30px rgba(0,0,0,.7))}
html #a2hs .hd{margin-top:-46px;margin-bottom:16px;min-height:40px}
html #a2hs .hd img{width:36px;height:36px;border-radius:8px}
html #a2hs .hd b{font:700 15px var(--lu-title);color:var(--lu-cream);text-shadow:0 2px 3px #000}
html #a2hs .hd span{display:none}
html #a2hs ol{font-size:15px}
html #a2hs button,html #a2hs a.btn{border-radius:0;border-style:solid;border-width:9px;border-color:transparent;padding:2px 10px;min-height:38px;
  border-image:url('tema/lu-tab-a6f20ef836.png') 18 fill / 9px stretch;background:none;color:var(--lu-cream);font:700 14.5px var(--lu-serif);display:inline-flex;align-items:center}
html #a2hs .pr{border-image:url('tema/lu-btn-gold-f099d97544.png') 14 fill / 9px stretch;color:#2b1a04;background:none}
html #a2hs .arrow{color:var(--lu-gold)}
html #rot-tip{background:var(--lu-stone) center/cover,var(--lu-navy);border:1px solid var(--lu-edge2);border-radius:4px;box-shadow:0 0 0 1px #050d1a,0 6px 24px rgba(0,0,0,.6);
  font:500 14.5px/1.4 var(--lu-serif);color:var(--lu-text)}
html #rot-tip .ph,html #rot-tip b{color:var(--lu-gold)}
html #rot-tip button{width:30px;height:30px;font-size:0;background:url('tema/lu-close-bfa6ec60f3.png') center/contain no-repeat}

/* ─── oyun içi Legend Ultra paneli: Hata Bildir / Üye Getir (ultra/ultra-*.js kendi stilini sonra ekler: "body" önceliği) ─── */
body #lu-badge b{font-family:var(--lu-title);letter-spacing:1px}
body #lu-badge{border:1px solid var(--lu-edge2);border-left:0;border-radius:0 8px 8px 0;background:var(--lu-stone) center/cover,var(--lu-navy);color:var(--lu-cream);
  box-shadow:0 0 0 1px #050d1a,0 6px 18px rgba(0,0,0,.55);font-family:var(--lu-title);width:32px}
body #lu-badge b{text-shadow:0 1px 2px #000}
body #lu-wrap{background:rgba(0,0,0,.55);font-family:var(--lu-serif);color:var(--lu-text)}
body #lu-panel{width:min(820px,96vw);max-height:90vh;background:none;border-radius:0;box-shadow:none;overflow:visible;
  border-style:solid;border-width:52px 18px 20px;border-image:url('tema/lu-frame-da244c3173.png') 72 24 26 fill / 52px 18px 20px stretch;
  filter:drop-shadow(0 18px 40px rgba(0,0,0,.75))}
body #lu-panel::before{content:none}
body #lu-head{flex:none;position:absolute;left:0;right:0;top:-48px;height:42px;padding:0 4px 0 46px}
body #lu-head h2{text-align:center;font:700 21px/1 var(--lu-title);color:var(--lu-cream);letter-spacing:.5px;text-shadow:0 2px 3px #000,0 0 10px rgba(120,180,255,.35)}
body #lu-head .lu-x{width:38px;height:38px;border:0;border-radius:50%;font-size:0;color:transparent;background:url('tema/lu-close-bfa6ec60f3.png') center/contain no-repeat}
body #lu-head .lu-x:hover{filter:brightness(1.2)}
body #lu-head .lu-r{position:absolute;left:4px;top:2px;width:auto;min-height:0;height:34px;padding:0 12px;border:2px solid #4f7fb5!important;border-image:none!important;border-radius:17px!important;
  background:radial-gradient(circle at 50% 30%,#2a5384,#0d2443)!important;box-shadow:0 0 0 1px #050d1a,inset 0 1px 0 rgba(255,255,255,.2);font:700 13.5px/1 var(--lu-serif)!important}
body #lu-tabs{flex:none;padding:6px 4px 6px;gap:6px;overflow:visible}
body #lu-tabs button{flex:1 1 0;min-height:40px;border-style:solid;border-width:9px;border-color:transparent;border-image:url('tema/lu-tab-a6f20ef836.png') 18 fill / 9px stretch;
  color:#b6c6de;font:700 16px/1 var(--lu-title);letter-spacing:.2px;padding:0 6px;text-shadow:0 1px 2px #000}
body #lu-tabs button.on{border-image:url('tema/lu-tab-on-1ed07693ad.png') 18 fill / 9px stretch;color:#0d2442;text-shadow:0 1px 0 rgba(255,255,255,.55)}
body #lu-body{display:flex;flex-direction:column;min-height:0;font-size:15px;line-height:1.5;padding:2px 6px 8px}
body .lu-card{background:var(--lu-stone) center/cover,var(--lu-navy);border:1px solid rgba(111,156,204,.55);box-shadow:0 0 0 1px #050d1a inset,0 2px 8px rgba(0,0,0,.4);border-radius:3px;padding:12px 14px}
body #lu-body>*{flex:none}
body #lu-body>.lu-card:has(#lu-cr){order:2}body #lu-body>.lu-card:has(#lu-bl){order:3}
body .lu-card h3{font:700 17px var(--lu-title);letter-spacing:.2px;color:var(--lu-gold);text-shadow:0 1px 2px #000;margin-bottom:8px}
body #lu-cr>div,body #lu-bl>div,body #lu-body .lu-card>div:not(.lu-muted):not([id]):not([style*="margin:8px 0"]){padding:5px 10px;margin:0 0 2px;
  background:linear-gradient(90deg,rgba(28,58,98,.55),rgba(14,32,58,.25));border-left:2px solid rgba(111,156,204,.6);color:var(--lu-text)}
body #lu-cr>div:has(>b:only-child),body #lu-cr>div[style*="margin-top:8px"]{background:none;border-left:0;padding:8px 0 3px;color:var(--lu-gold)}
body #lu-cr>b{font-size:22px!important}
body .lu-muted{color:var(--lu-muted);font-size:14px}
body .lu-empty{color:var(--lu-muted)}
body #lu-body select,body #lu-body input:not([type=file]):not([type=checkbox]),body #lu-body textarea{border-style:solid;border-width:8px!important;border-radius:0;border-color:transparent;
  border-image:url('tema/lu-field-c4c0feccfe.png') 10 fill / 8px stretch;background:none;color:var(--lu-cream);font:15px/1.35 var(--lu-serif);padding:3px 6px!important;outline:none}
body #lu-body select option{background:var(--lu-navy);color:var(--lu-cream)}
body #lu-body textarea{resize:vertical;min-height:110px}
body #lu-body select:focus,body #lu-body input:focus,body #lu-body textarea:focus{filter:brightness(1.3) drop-shadow(0 0 4px rgba(143,211,255,.75))}
body #lu-body ::placeholder{color:#7d8fab}
body #lu-body .lu-r,body #lu-head .lu-r,body #lu-body button:not(.lu-r){display:inline-flex;align-items:center;justify-content:center;height:auto;min-height:38px;padding:1px 10px;cursor:pointer;
  border-style:solid;border-width:9px;border-radius:0;border-color:transparent;border-image:url('tema/lu-tab-a6f20ef836.png') 18 fill / 9px stretch;background:none;
  color:var(--lu-cream);font:700 14px/1.2 var(--lu-serif);text-shadow:0 1px 2px #000;vertical-align:middle}
body #lu-body label.lu-r{line-height:1.2!important}
body #lu-body #lu-bs,body #lu-body #lu-ref-claim,body #lu-body #lu-ref-send{border-image:url('tema/lu-btn-gold-f099d97544.png') 14 fill / 9px stretch;color:#2b1a04!important;
  text-shadow:0 1px 0 rgba(255,240,190,.6);min-width:120px;font-size:15.5px}
body #lu-body button:disabled{filter:grayscale(.7) brightness(.75)}
body #lu-body .lu-r:hover,body #lu-body button:hover{filter:brightness(1.12)}
body #lu-body button:focus-visible,body #lu-body .lu-r:focus-within,body #lu-tabs button:focus-visible,body #lu-head button:focus-visible{outline:2px solid var(--lu-link);outline-offset:2px}
body #lu-body #lu-bm{color:var(--lu-info)}
body table.lu th{color:var(--lu-muted);border-bottom-color:rgba(111,156,204,.45)}
body .lu-bar{border:1px solid rgba(111,156,204,.5)}
body .lu-bar i{background:linear-gradient(180deg,var(--lu-gold2),#c9962e)}
@media (max-width:700px){
  body #lu-panel{width:100vw;max-height:100vh;height:100vh;border-width:48px 12px 14px;border-image-width:48px 12px 14px}
  body #lu-head{top:-45px}
  body #lu-badge b{font-family:var(--lu-title);letter-spacing:1px}
body #lu-badge{top:auto;bottom:34%}
}

/* ─── portal (/portal = index.html, <html class="lu-portal">): giriş kutusu, sunucu, gelişmeler, haberler, pencereler ─── */
html.lu-portal body{background:#081527;color:var(--lu-text);font-family:var(--lu-serif)}
html.lu-portal header.solid{background:rgba(8,21,39,.95);box-shadow:0 1px 0 rgba(111,156,204,.4)}
html.lu-portal nav a{font:700 16px var(--lu-title);letter-spacing:.3px;color:#c4d3ea;text-shadow:0 1px 3px #000}
html.lu-portal nav a:hover,html.lu-portal nav a.on{color:var(--lu-cream)}
html.lu-portal .btn-mini{border-radius:0;border-style:solid;border-width:8px;border-color:transparent;border-image:url('tema/lu-btn-gold-f099d97544.png') 14 fill / 8px stretch;
  background:none;padding:1px 10px;font:700 14px var(--lu-serif);letter-spacing:.3px;color:#2b1a04}
html.lu-portal .lang{border:1px solid rgba(111,156,204,.6);border-radius:3px;background:rgba(8,21,39,.7)}
html.lu-portal .lang button{font:700 12px var(--lu-serif);color:#b6c6de}
html.lu-portal .lang button.on{background:linear-gradient(180deg,#9fd0f5,#4f8fc7);color:#0d2442}
html.lu-portal nav.open{background:var(--lu-stone) center/cover,var(--lu-navy);border:1px solid var(--lu-edge2);border-radius:3px}
html.lu-portal .hero-bg{background-image:var(--lu-bg);filter:saturate(1.05) brightness(.8)}
html.lu-portal .headline{font-family:var(--lu-title);font-weight:700;letter-spacing:.5px}
html.lu-portal .subline{font-family:var(--lu-title);font-weight:700;letter-spacing:1px;text-transform:none;font-size:clamp(14px,1.6vw,20px);color:var(--lu-cream)}
/* the three panels and the dialogs: the game's window */
html.lu-portal .panel{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;box-shadow:none;padding:8px 14px 10px;
  border-style:solid;border-width:52px 18px 20px;border-image:url('tema/lu-frame-da244c3173.png') 72 24 26 fill / 52px 18px 20px stretch;
  filter:drop-shadow(0 14px 30px rgba(0,0,0,.65))}
html.lu-portal .panel::before{content:none}
html.lu-portal .panel h3{position:absolute;left:0;right:0;top:-45px;height:36px;margin:0;display:flex;align-items:center;justify-content:center;
  font:700 18px/1 var(--lu-title);letter-spacing:.3px;color:var(--lu-cream);text-shadow:0 2px 3px #000,0 0 10px rgba(120,180,255,.35);pointer-events:none}
html.lu-portal .field{height:auto;padding:0;margin-bottom:10px;background:none;border-radius:0;border-style:solid;border-width:8px;
  border-image:url('tema/lu-field-c4c0feccfe.png') 10 fill / 8px stretch}
html.lu-portal .field input{padding:4px 6px;font:16px/1.3 var(--lu-serif);color:var(--lu-cream);letter-spacing:0}
html.lu-portal .field input::placeholder{color:#7d8fab;text-transform:none;font-size:15px;letter-spacing:0}
html.lu-portal .field:focus-within{filter:brightness(1.3) drop-shadow(0 0 4px rgba(143,211,255,.75))}
html.lu-portal .lu-t-label{margin:0 0 3px 2px;font-size:13.5px}
html.lu-portal .check{font-size:14px;color:var(--lu-text)}
html.lu-portal .check input{accent-color:var(--lu-gold);width:16px;height:16px}
html.lu-portal .btn{border-radius:0;letter-spacing:.3px;font:700 16px/1.1 var(--lu-serif);padding:3px 14px;min-height:42px;border-style:solid;border-width:10px;border-color:transparent;background:none;box-shadow:none}
html.lu-portal .btn-gold{border-image:url('tema/lu-btn-gold-f099d97544.png') 14 fill / 10px stretch;color:#2b1a04;text-shadow:0 1px 0 rgba(255,240,190,.6)}
html.lu-portal .btn-gold:hover:not(:disabled){filter:brightness(1.1);transform:none}
html.lu-portal .btn-ghost{border-image:url('tema/lu-tab-a6f20ef836.png') 18 fill / 10px stretch;color:var(--lu-cream);text-shadow:0 1px 2px #000}
html.lu-portal .btn-ghost:hover{background:none;filter:brightness(1.12)}
html.lu-portal .btn:focus-visible,html.lu-portal .links a:focus-visible,html.lu-portal .hi a:focus-visible{outline:2px solid var(--lu-link);outline-offset:3px}
html.lu-portal .btn-play{font:700 24px/1 var(--lu-title);letter-spacing:1px;min-height:58px;border-width:12px;border-image-width:12px}
html.lu-portal .links{font-size:14px;letter-spacing:0}
html.lu-portal .links a{color:var(--lu-link);text-transform:none;font-weight:600;text-decoration:underline;text-underline-offset:2px}
html.lu-portal .links a:hover{color:#fff}
html.lu-portal .msg{font-size:14px;text-shadow:0 1px 2px #000}
html.lu-portal .msg.err{color:var(--lu-err)}html.lu-portal .msg.ok{color:var(--lu-ok)}html.lu-portal .msg.info{color:var(--lu-info)}
html.lu-portal .who,html.lu-portal .hero-lvl{color:var(--lu-muted);font-size:14px}
html.lu-portal .hi{font:700 20px var(--lu-title);color:var(--lu-cream)}
html.lu-portal .hi a{color:var(--lu-err);font:600 14px var(--lu-serif)}
/* rows: server, latest news (the game's row band) */
html.lu-portal .server{border-radius:0;background:linear-gradient(90deg,rgba(28,58,98,.6),rgba(14,32,58,.3));border:0;border-left:2px solid rgba(111,156,204,.7)}
html.lu-portal .server b{font:700 16px var(--lu-title);color:var(--lu-cream)}
html.lu-portal .server small,html.lu-portal .stat{color:var(--lu-muted);font-size:14px}
html.lu-portal .stat strong{color:var(--lu-cream)}
html.lu-portal .mini-news li{padding:7px 8px;margin-bottom:3px;border:0;border-left:2px solid rgba(111,156,204,.6);background:linear-gradient(90deg,rgba(28,58,98,.55),rgba(14,32,58,.25));font-size:14.5px}
html.lu-portal .tag{border-radius:2px;font:700 11.5px var(--lu-serif);letter-spacing:0;background:linear-gradient(180deg,#f6dc8c,#c9962e);color:#2b1a04;padding:2px 6px}
html.lu-portal .tag.new{background:linear-gradient(180deg,#ff9b8a,#b8322b);color:#fff}
/* sections: news cards and features on the game's stone */
html.lu-portal .sec-title{font-family:var(--lu-title);font-weight:700;letter-spacing:.5px}
html.lu-portal .sec-sub{color:var(--lu-muted);font-size:16px}
html.lu-portal .card,html.lu-portal .feat{background:var(--lu-stone) center/cover,var(--lu-navy);border:1px solid rgba(111,156,204,.55);border-radius:3px;
  box-shadow:0 0 0 1px #050d1a,0 10px 24px rgba(0,0,0,.45)}
html.lu-portal .card:hover,html.lu-portal .feat:hover{border-color:var(--lu-edge2);background:var(--lu-stone) center/cover,var(--lu-navy2)}
html.lu-portal .card-img::after{background:linear-gradient(180deg,transparent 40%,rgba(12,29,54,.95))}
html.lu-portal .card-body .date{color:var(--lu-gold);font:700 13px var(--lu-serif);letter-spacing:.3px}
html.lu-portal .card-body h4,html.lu-portal .feat h4{font:700 18px var(--lu-title);color:var(--lu-cream);letter-spacing:.2px}
html.lu-portal .card-body p,html.lu-portal .feat p{color:#c3cfe0;font-size:14.5px}
html.lu-portal #davet .panel{padding:10px 18px 12px!important}
html.lu-portal #ref-rules{color:var(--lu-text)!important;font-size:15px!important}
html.lu-portal footer{border-top:1px solid rgba(111,156,204,.3);color:#8a9ab4;font-size:13.5px}
/* dialogs */
html.lu-portal .modal{background:rgba(2,7,15,.7);backdrop-filter:none}
html.lu-portal .modal .panel{width:min(420px,100%);padding:8px 14px 10px}
html.lu-portal .modal .x{z-index:2;right:-6px;top:-46px;width:38px;height:38px;font-size:0;color:transparent;background:url('tema/lu-close-bfa6ec60f3.png') center/contain no-repeat}
html.lu-portal .modal .x:hover{filter:brightness(1.2)}
html.lu-portal .modal .x:focus-visible{outline:2px solid var(--lu-link);outline-offset:2px;border-radius:50%}
html.lu-portal .modal p{color:var(--lu-text);font-size:15px}
@media (max-width:640px){
  html.lu-portal .panel{border-width:48px 14px 16px;border-image-width:48px 14px 16px;padding:6px 10px 8px}
  html.lu-portal .panel h3{top:-42px;font-size:17px}
  html.lu-portal .modal .x{top:-43px;right:-4px}
}

/* ─── indirme sayfası (/indir = download/index.html, <html class="lu-dl">) ─── */
html.lu-dl{background:#081527}
html.lu-dl body{font-family:var(--lu-serif);color:var(--lu-text);min-height:100vh;
  background:linear-gradient(180deg,rgba(6,14,30,.35),rgba(6,14,30,.85) 55%,#081527 100%),var(--lu-bg) center top/cover no-repeat fixed}
html.lu-dl .logo{filter:drop-shadow(0 6px 16px rgba(0,0,0,.85))}
html.lu-dl .line{background:linear-gradient(90deg,transparent,var(--lu-gold),transparent)}
html.lu-dl .slogan{font:700 18px var(--lu-title);letter-spacing:.5px;color:var(--lu-cream);text-shadow:0 2px 4px #000}
html.lu-dl .tab{border-radius:0;border-style:solid;border-width:9px;border-color:transparent;border-image:url('tema/lu-tab-a6f20ef836.png') 18 fill / 9px stretch;
  background:none;padding:2px 10px;min-height:40px;font:700 15px var(--lu-title);letter-spacing:0;color:#b6c6de;text-shadow:0 1px 2px #000}
html.lu-dl .tab[aria-selected="true"]{border-image:url('tema/lu-tab-on-1ed07693ad.png') 18 fill / 9px stretch;background:none;color:#0d2442;text-shadow:0 1px 0 rgba(255,255,255,.55)}
html.lu-dl .tab:focus-visible,html.lu-dl .btn:focus-visible,html.lu-dl a:focus-visible{outline:2px solid var(--lu-link);outline-offset:3px}
html.lu-dl .panel{margin-top:22px}
html.lu-dl .card{position:relative;margin-top:30px;background:none;border-radius:0;box-shadow:none;padding:10px 14px 12px;
  border-style:solid;border-width:52px 18px 20px;border-image:url('tema/lu-frame-da244c3173.png') 72 24 26 fill / 52px 18px 20px stretch;filter:drop-shadow(0 14px 30px rgba(0,0,0,.65))}
html.lu-dl .card>img{border-radius:18px;box-shadow:0 0 0 2px rgba(111,156,204,.7),0 6px 16px rgba(0,0,0,.6)}
html.lu-dl .card h1{position:absolute;left:0;right:0;top:-45px;height:36px;display:flex;align-items:center;justify-content:center;pointer-events:none;
  font:700 20px/1 var(--lu-title);letter-spacing:.3px;color:var(--lu-cream);text-shadow:0 2px 3px #000,0 0 10px rgba(120,180,255,.35)}
html.lu-dl .meta{color:var(--lu-muted);font-size:15px}
html.lu-dl .btn{border-radius:0;border-style:solid;border-width:10px;border-color:transparent;border-image:url('tema/lu-btn-gold-f099d97544.png') 14 fill / 10px stretch;
  background:none;box-shadow:none;padding:3px 14px;min-height:46px;font:700 16px var(--lu-serif);letter-spacing:.3px;color:#2b1a04;text-shadow:0 1px 0 rgba(255,240,190,.6)}
html.lu-dl .btn:hover{transform:none;box-shadow:none;filter:brightness(1.1)}
html.lu-dl .btn.ghost{border:solid transparent;border-width:10px;border-image:url('tema/lu-tab-a6f20ef836.png') 18 fill / 10px stretch;color:var(--lu-cream);text-shadow:0 1px 2px #000}
html.lu-dl .soon{border:1px dashed rgba(111,156,204,.6);border-radius:2px;color:var(--lu-muted);font-size:14px}
html.lu-dl .steps{background:var(--lu-stone) center/cover,var(--lu-navy);border:1px solid rgba(111,156,204,.55);border-radius:3px;box-shadow:0 0 0 1px #050d1a,0 10px 24px rgba(0,0,0,.45)}
html.lu-dl .steps h2{font:700 17px var(--lu-title);letter-spacing:.2px;color:var(--lu-gold);text-shadow:0 1px 2px #000}
html.lu-dl .steps ol,html.lu-dl .steps ul{font-size:15px;color:var(--lu-text)}
html.lu-dl .steps p{font-size:14.5px;color:#c3cfe0}
html.lu-dl .note{border-left:2px solid rgba(111,156,204,.7);background:linear-gradient(90deg,rgba(28,58,98,.55),rgba(14,32,58,.25));border-radius:0;color:var(--lu-text);font-size:14px}
html.lu-dl kbd{font:700 13px var(--lu-serif);background:rgba(8,21,39,.8);border:1px solid rgba(111,156,204,.6);border-radius:3px;color:var(--lu-cream)}
html.lu-dl .alt{font-size:15px;color:var(--lu-text)}
html.lu-dl .alt a,html.lu-dl .steps a{color:var(--lu-link);text-decoration:underline;text-underline-offset:2px}
html.lu-dl footer{font-size:13px;color:#8a9ab4;letter-spacing:0}
@media (max-width:600px){html.lu-dl .card{border-width:48px 14px 16px;border-image-width:48px 14px 16px}html.lu-dl .card h1{top:-42px;font-size:17px}
  html.lu-dl .tab{font-size:14px;padding:1px 6px}}

/* ─── Yıldız Parası penceresi (#luStar: Laya bundle satır içi stil → !important) ─── */
html body #luStar{font-family:var(--lu-serif)!important;background:rgba(0,0,0,.6)!important}
html body #luStar>div{position:relative;width:min(380px,92vw)!important;max-width:none!important;background:none!important;border-radius:0!important;box-shadow:none!important;
  padding:6px 12px 10px!important;border-style:solid!important;border-width:52px 18px 20px!important;border-color:transparent!important;
  border-image:url('tema/lu-frame-da244c3173.png') 72 24 26 fill / 52px 18px 20px stretch!important;filter:drop-shadow(0 14px 30px rgba(0,0,0,.7));color:var(--lu-text)!important}
html body #luStar>div>div:first-child{position:absolute;left:0;right:0;top:-45px;height:36px;margin:0!important;display:flex;align-items:center;justify-content:center;pointer-events:none;
  font:700 19px/1 var(--lu-title)!important;color:var(--lu-cream)!important;text-shadow:0 2px 3px #000,0 0 10px rgba(120,180,255,.35)}
html body #luStar>div>div:nth-child(2){font-size:15.5px!important;line-height:1.5!important;margin-bottom:6px}
html body #luStar #luStarGo,html body #luStar #luStarTest,html body #luStar #luStarNo{border-radius:0!important;border-style:solid!important;border-width:10px!important;border-color:transparent!important;
  min-height:46px;padding:3px 10px!important;font:700 16px/1.6 var(--lu-serif)!important;box-shadow:none!important}
html body #luStar #luStarGo{border-image:url('tema/lu-btn-gold-f099d97544.png') 14 fill / 10px stretch!important;background:none!important;color:#2b1a04!important;text-shadow:0 1px 0 rgba(255,240,190,.6)}
html body #luStar #luStarTest,html body #luStar #luStarNo{border-image:url('tema/lu-tab-a6f20ef836.png') 18 fill / 10px stretch!important;background:none!important;color:var(--lu-cream)!important;text-shadow:0 1px 2px #000}
html body #luStar a:hover,html body #luStar button:hover{filter:brightness(1.12)}
html body #luStar .lu-star-x{position:absolute;right:-6px;top:-46px;z-index:2}

/* ─── tek pencereli sayfalar: 404, /link (henüz hazır değil), bakım (<body class="lu-t-page lu-t-bg">) ─── */
html:has(body.lu-t-page){min-height:100%;background:#0b1f3b}
body.lu-t-page{margin:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,3vh,28px);padding:16px;box-sizing:border-box;
  font-family:var(--lu-serif);color:var(--lu-text)}
body.lu-t-page *{box-sizing:border-box}
body.lu-t-page .lu-t-logo{width:min(420px,78vw);height:auto;filter:drop-shadow(0 6px 16px rgba(0,0,0,.85))}
body.lu-t-page .lu-t-frame{width:min(440px,94vw);padding:8px 14px 12px;text-align:center}
body.lu-t-page .lu-t-frame p{margin:6px 0 14px;font-size:16px;line-height:1.55}
body.lu-t-page .lu-t-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
body.lu-t-page .lu-t-row>*{flex:1 1 150px}
body.lu-t-page .lu-t-code{display:block;font:700 44px/1 var(--lu-title);color:var(--lu-gold);text-shadow:0 2px 4px #000;margin:4px 0 2px}

/* ─── Sıralı Tanrılar Savaşı katmanları (ultra: #lu-q, .lu-pop/.lu-box kabul + maç sonu kartı, #lu-up) ─── */
body #lu-q{border:1px solid var(--lu-edge2);border-left:0;background:var(--lu-stone) center/cover,var(--lu-navy);box-shadow:0 0 0 1px #050d1a,0 6px 18px rgba(0,0,0,.55);
  font:700 10px var(--lu-title);color:var(--lu-cream)}
body #lu-q b{font-family:var(--lu-serif);color:var(--lu-gold)}
body .lu-pop{font-family:var(--lu-serif);color:var(--lu-text)}
body .lu-box{position:relative;overflow:visible;width:min(420px,92vw);padding:8px 14px 12px;background:none;border-radius:0;box-shadow:none;
  border-style:solid;border-width:52px 18px 20px;border-image:url('tema/lu-frame-da244c3173.png') 72 24 26 fill / 52px 18px 20px stretch;filter:drop-shadow(0 16px 36px rgba(0,0,0,.75))}
body .lu-box h2{position:absolute;left:0;right:0;top:-45px;height:36px;margin:0;display:flex;align-items:center;justify-content:center;pointer-events:none;
  font:700 20px/1 var(--lu-title);letter-spacing:.5px;color:var(--lu-cream);text-shadow:0 2px 3px #000,0 0 10px rgba(120,180,255,.35)}
body .lu-box h2.lu-win{color:#9ff0b4}body .lu-box h2.lu-lose{color:#ffb3a6}
body .lu-big{font-family:var(--lu-title);text-shadow:0 2px 4px #000}
body .lu-go{border-radius:0;border-style:solid;border-width:10px;border-color:transparent;border-image:url('tema/lu-btn-gold-f099d97544.png') 14 fill / 10px stretch;background:none;
  min-height:50px;padding:2px 10px;font:700 18px var(--lu-serif);letter-spacing:.5px;color:#2b1a04;text-shadow:0 1px 0 rgba(255,240,190,.6)}
body .lu-go.ghost{border:solid transparent;border-width:10px;border-image:url('tema/lu-tab-a6f20ef836.png') 18 fill / 10px stretch;background:none;color:var(--lu-cream);
  font-size:15px;min-height:44px;text-shadow:0 1px 2px #000}
body .lu-go:hover:not([disabled]){filter:brightness(1.1)}
body .lu-go:focus-visible{outline:2px solid var(--lu-link);outline-offset:3px}
body .lu-rankname,body .lu-emb{font-family:var(--lu-title)}
body .lu-pips i{border-color:var(--lu-edge2)}
body .lu-shop>div{background:linear-gradient(90deg,rgba(28,58,98,.55),rgba(14,32,58,.25));border-left:2px solid rgba(111,156,204,.6);border-radius:0}
body #lu-up{font-family:var(--lu-title)}
body #lu-up .a{letter-spacing:1px;font-size:18px;text-shadow:0 2px 4px #000}


/* ─── Hata Bildir / Üye Getir telefonda (#91): panelin görünür yüksekliği ≈360-430 px — yatay telefon ya da dikeyde 90°
   döndürülmüş panel (ultra: body.lu-rot). Form iki sütun: solda kategori, başlık, görsel, Gönder; sağda metin kutusu.
   Dokunma hedefleri ≥44 px. Yalnız görünüm: ultra JS değişmedi. ─── */
@media (max-height:500px){
body.lu-mob #lu-panel{border-width:44px 12px 12px!important;border-image-width:44px 12px 12px!important}
body.lu-mob #lu-head{top:-42px;height:38px}
body.lu-mob #lu-head h2{font-size:18px}
body.lu-mob #lu-head .lu-x{width:44px;height:44px}
body.lu-mob #lu-head .lu-r{height:36px!important;min-height:36px!important}
body.lu-mob #lu-tabs{padding:4px 2px}
body.lu-mob #lu-tabs button{min-height:44px;font-size:15px}
body.lu-mob #lu-body{padding:0 4px 6px;font-size:14px}
body.lu-mob #lu-body .lu-card{padding:8px 10px;margin:6px 0}
body.lu-mob #lu-body .lu-card h3{font-size:15px;margin-bottom:4px}
body.lu-mob #lu-body .lu-card:has(#lu-bs){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto auto auto auto auto;column-gap:10px;row-gap:6px;align-items:start}
body.lu-mob #lu-body .lu-card:has(#lu-bs)>h3,body.lu-mob #lu-body .lu-card:has(#lu-bs)>.lu-muted{grid-column:1/-1}
body.lu-mob #lu-body .lu-card:has(#lu-bs)>h3{display:none}
body.lu-mob #lu-body .lu-card:has(#lu-bs)>.lu-muted{font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.lu-mob #lu-body #lu-bc{grid-column:1;grid-row:3;margin:0!important;min-height:44px}
body.lu-mob #lu-body #lu-bt{grid-column:1;grid-row:4;margin:0!important;min-height:44px}
body.lu-mob #lu-body #lu-bx{grid-column:2;grid-row:3/span 2;min-height:0!important;height:100%;resize:none}
body.lu-mob #lu-body .lu-card:has(#lu-bs)>div:has(#lu-bf),body.lu-mob #lu-body .lu-card:has(#lu-bs)>div:has(.lu-muted:only-child){grid-column:1;grid-row:5;margin:0!important}
body.lu-mob #lu-body .lu-card:has(#lu-bs)>div:has(#lu-bf)>.lu-muted{display:none}
body.lu-mob #lu-body .lu-card:has(#lu-bs)>div:has(#lu-bf) label.lu-r{width:100%;min-height:44px;font-size:13.5px}
body.lu-mob #lu-body #lu-bs{grid-column:2;grid-row:5;width:100%;min-height:46px}
body.lu-mob #lu-body #lu-bm{grid-column:1/-1}
body.lu-mob #lu-body #lu-bp,body.lu-mob #lu-body #lu-bpx{grid-column:1/-1}
body.lu-mob #lu-body #lu-bp{max-height:120px!important}
body.lu-mob #lu-body button,body.lu-mob #lu-body .lu-r{min-height:44px}
body.lu-mob #lu-body #lu-ref-code{min-height:44px}
}
@media (max-width:500px){
body.lu-rot #lu-panel{border-width:44px 12px 12px!important;border-image-width:44px 12px 12px!important}
body.lu-rot #lu-head{top:-42px;height:38px}
body.lu-rot #lu-head h2{font-size:18px}
body.lu-rot #lu-head .lu-x{width:44px;height:44px}
body.lu-rot #lu-head .lu-r{height:36px!important;min-height:36px!important}
body.lu-rot #lu-tabs{padding:4px 2px}
body.lu-rot #lu-tabs button{min-height:44px;font-size:15px}
body.lu-rot #lu-body{padding:0 4px 6px;font-size:14px}
body.lu-rot #lu-body .lu-card{padding:8px 10px;margin:6px 0}
body.lu-rot #lu-body .lu-card h3{font-size:15px;margin-bottom:4px}
body.lu-rot #lu-body .lu-card:has(#lu-bs){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto auto auto auto auto;column-gap:10px;row-gap:6px;align-items:start}
body.lu-rot #lu-body .lu-card:has(#lu-bs)>h3,body.lu-rot #lu-body .lu-card:has(#lu-bs)>.lu-muted{grid-column:1/-1}
body.lu-rot #lu-body .lu-card:has(#lu-bs)>h3{display:none}
body.lu-rot #lu-body .lu-card:has(#lu-bs)>.lu-muted{font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.lu-rot #lu-body #lu-bc{grid-column:1;grid-row:3;margin:0!important;min-height:44px}
body.lu-rot #lu-body #lu-bt{grid-column:1;grid-row:4;margin:0!important;min-height:44px}
body.lu-rot #lu-body #lu-bx{grid-column:2;grid-row:3/span 2;min-height:0!important;height:100%;resize:none}
body.lu-rot #lu-body .lu-card:has(#lu-bs)>div:has(#lu-bf),body.lu-rot #lu-body .lu-card:has(#lu-bs)>div:has(.lu-muted:only-child){grid-column:1;grid-row:5;margin:0!important}
body.lu-rot #lu-body .lu-card:has(#lu-bs)>div:has(#lu-bf)>.lu-muted{display:none}
body.lu-rot #lu-body .lu-card:has(#lu-bs)>div:has(#lu-bf) label.lu-r{width:100%;min-height:44px;font-size:13.5px}
body.lu-rot #lu-body #lu-bs{grid-column:2;grid-row:5;width:100%;min-height:46px}
body.lu-rot #lu-body #lu-bm{grid-column:1/-1}
body.lu-rot #lu-body #lu-bp,body.lu-rot #lu-body #lu-bpx{grid-column:1/-1}
body.lu-rot #lu-body #lu-bp{max-height:120px!important}
body.lu-rot #lu-body button,body.lu-rot #lu-body .lu-r{min-height:44px}
body.lu-rot #lu-body #lu-ref-code{min-height:44px}
}
@media (max-height:380px){
body.lu-mob #lu-body .lu-card:has(#lu-bs)>.lu-muted{-webkit-line-clamp:1}
body.lu-mob #lu-tabs{padding:2px}
body.lu-mob #lu-body .lu-card{margin:4px 0}
}
@media (max-width:380px){
body.lu-rot #lu-body .lu-card:has(#lu-bs)>.lu-muted{-webkit-line-clamp:1}
body.lu-rot #lu-tabs{padding:2px}
body.lu-rot #lu-body .lu-card{margin:4px 0}
}
/* dikeyde döndürülmüş panel: ultra 'body.lu-rot #lu-panel{border:0}' çerçeveyi ve başlık çubuğunu (kapat dahil) siliyordu → geri */
body.lu-rot #lu-panel{border-style:solid!important;border-color:transparent!important;border-width:44px 12px 12px!important;
  border-image:url('tema/lu-frame-da244c3173.png') 72 24 26 fill / 44px 12px 12px stretch!important;box-sizing:border-box}

/* ─── hesap pencereleri (#136: e-posta onay kodu, şifremi unuttum, e-posta ekle/değiştir — css/lu-hesap-*.js) ─── */
.lu-h-dlg{z-index:2147483640;padding:12px;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-start}
.lu-h-dlg .lu-h-box{width:min(440px,96vw);margin:max(52px,8vh) auto 16px;padding:6px 14px 14px;text-align:left;position:relative;box-sizing:border-box}
.lu-h-dlg .lu-h-x{position:absolute;right:-8px;top:-48px;width:44px;height:44px;z-index:2}
.lu-h-body{font:15px/1.5 var(--lu-serif);color:var(--lu-text)}
.lu-h-form{display:flex;flex-direction:column;gap:10px;margin:0}
.lu-h-lead{margin:2px 0 4px;font-size:15px;line-height:1.5;color:var(--lu-text)}
.lu-h-lead b{color:var(--lu-gold);word-break:break-all}
.lu-h-tip{margin:2px 0 0;font-size:13px;color:var(--lu-muted);text-align:center}
.lu-h-cap{margin:4px 0 -4px}
.lu-h-field{display:flex;flex-direction:column}
.lu-t-fieldbox{position:relative;display:flex;align-items:center;border-style:solid;border-width:8px;border-color:transparent;
  border-image:url('tema/lu-field-c4c0feccfe.png') 10 fill / 8px stretch}
.lu-t-fieldbox input{flex:1;min-width:0;min-height:30px;border:0;outline:0;background:transparent;color:var(--lu-cream);font:16px/1.3 var(--lu-serif);padding:4px 6px}
.lu-t-fieldbox input::placeholder{color:#7d8fab}
.lu-t-fieldbox:focus-within{filter:brightness(1.3) drop-shadow(0 0 4px rgba(143,211,255,.75))}
.lu-h-show{flex:none;min-height:36px;min-width:60px;border:0;background:transparent;color:var(--lu-link);font:600 13.5px var(--lu-serif);cursor:pointer;text-decoration:underline}
.lu-h-main,.lu-h-sub{width:100%;min-height:46px}
.lu-h-sub{min-height:44px;font-size:14.5px!important}
.lu-h-main:disabled,.lu-h-sub:disabled{filter:grayscale(.6) brightness(.8);cursor:default}
.lu-h-msg{min-height:20px;font-size:14.5px;text-align:center;text-shadow:0 1px 2px #000}
.lu-h-msg.err{color:var(--lu-err)}.lu-h-msg.ok{color:var(--lu-ok)}
.lu-h-time{margin:0;text-align:center;font-size:14px;color:var(--lu-muted)}
.lu-h-time.late{color:var(--lu-err)}
/* six boxes over one input: paste / autofill / number keyboard work on the one field */
.lu-h-otp{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:4px 0 2px;cursor:text}
.lu-h-otp-c{display:flex;align-items:center;justify-content:center;height:58px;border-radius:4px;background:#0a1830;
  border:2px solid #3f6b9e;box-shadow:inset 0 2px 6px rgba(0,0,0,.6);font:700 28px/1 'Courier New',Courier,monospace;color:var(--lu-gold);transition:border-color .12s}
.lu-h-otp-c.full{border-color:#8a6a3a}
.lu-h-otp-c.on{border-color:var(--lu-gold);box-shadow:inset 0 2px 6px rgba(0,0,0,.6),0 0 0 2px rgba(226,191,99,.35)}
.lu-h-otp-c.on:empty::after{content:'';width:2px;height:28px;background:var(--lu-gold);animation:luBlink 1s steps(1) infinite}
@keyframes luBlink{50%{opacity:0}}
.lu-h-otp-in{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:16px;border:0;padding:0;margin:0;color:transparent;background:transparent;caret-color:transparent}
.lu-h-otp.bad .lu-h-otp-c{border-color:var(--lu-err);animation:luShake .35s}
@keyframes luShake{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
@media (prefers-reduced-motion:reduce){.lu-h-otp.bad .lu-h-otp-c,.lu-h-otp-c.on:empty::after{animation:none}}
.lu-h-meter-row{display:flex;align-items:center;gap:10px;margin:-4px 0 0}
.lu-h-meter{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.lu-h-meter i{height:6px;border-radius:3px;background:#24364f}
.lu-h-meter.s1 i:nth-child(-n+1){background:#d9534f}.lu-h-meter.s2 i:nth-child(-n+2){background:#e0a33a}
.lu-h-meter.s3 i:nth-child(-n+3){background:#b9c95a}.lu-h-meter.s4 i{background:#5fbf6a}
.lu-h-meter-t{flex:none;min-width:120px;font-size:13px;color:var(--lu-muted);text-align:right}
.lu-h-done{margin:6px 0 0;text-align:center;font-size:44px;line-height:1;color:var(--lu-ok);text-shadow:0 2px 6px #000}
/* the e-mail field in the register forms */
#gate .g-email-row[hidden]{display:none!important}
.lu-h-emailnote{display:block;margin:2px 0 0 2px;font-size:12.5px;color:var(--lu-muted)}
@media (max-width:420px){.lu-h-otp{gap:5px}.lu-h-otp-c{height:50px;font-size:24px}.lu-h-dlg .lu-h-box{padding:4px 10px 12px}}
@media (max-height:500px){.lu-h-dlg .lu-h-box{margin-top:48px}.lu-h-otp-c{height:46px}.lu-h-form{gap:7px}.lu-h-tip{display:none}}
#gate input[type=email]{display:block;width:100%;box-sizing:border-box}
.lu-h-multi{align-self:center;min-height:44px;text-align:center}
.lu-h-field[hidden]{display:none!important}
/* #163: ekli görsel kısa ekranda küçük resim (Gönder ilk ekranda kalır) */
@media (max-height:500px){
body.lu-mob #lu-body #lu-bp{grid-column:1;grid-row:5;justify-self:end;align-self:center;width:60px!important;height:44px!important;max-height:44px!important;object-fit:cover;margin:0!important;border:1px solid #8a6a3a;border-radius:3px;z-index:1}
body.lu-mob #lu-body .lu-card:has(#lu-bp[style*="block"])>div:has(#lu-bf) label.lu-r{width:calc(100% - 68px)}
body.lu-mob #lu-body #lu-bpx{grid-column:1/-1;grid-row:6;margin:0!important;text-align:right}
body.lu-mob #lu-body #lu-bpx>.lu-muted{display:none}
body.lu-mob #lu-body #lu-bpx #lu-bpr{min-height:36px!important;font-size:13px!important}
}
@media (max-width:500px){
body.lu-rot #lu-body #lu-bp{grid-column:1;grid-row:5;justify-self:end;align-self:center;width:60px!important;height:44px!important;max-height:44px!important;object-fit:cover;margin:0!important;border:1px solid #8a6a3a;border-radius:3px;z-index:1}
body.lu-rot #lu-body .lu-card:has(#lu-bp[style*="block"])>div:has(#lu-bf) label.lu-r{width:calc(100% - 68px)}
body.lu-rot #lu-body #lu-bpx{grid-column:1/-1;grid-row:6;margin:0!important;text-align:right}
body.lu-rot #lu-body #lu-bpx>.lu-muted{display:none}
body.lu-rot #lu-body #lu-bpx #lu-bpr{min-height:36px!important;font-size:13px!important}
}