/* At ve Pusat — tam ekran oba, kırık beyaz (griye çalan) kutular, kodla çizilmiş kiriş */
:root{
  --bg:#121009;
  /* açık kutu paleti */
  --kutu:#e8e4da;
  --kutu-2:#f0ede5;
  --kutu-koyu:#dcd6c8;
  --cizgi:#b5ad9b;
  --cizgi-soft:#d6d0c2;
  --murekkep:#2b241a;
  --soluk:#6e6555;
  --bronz:#7c5f16;
  --bronz-acik:#a3831f;
  --kirmizi:#a03325;
  --yesil:#4c7030;
  --gold:#c9a227;
  --gold-koyu:#8a6f1f;
  --hun:#9a4a2b;
  --gokturk:#41628f;
  --cin:#8c2f2f;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--bg);color:var(--murekkep);font:15px/1.5 "Segoe UI",system-ui,sans-serif;overflow:hidden}
h1,h2,h3,.logo{font-family:Georgia,"Times New Roman",serif;letter-spacing:.06em}
.hidden{display:none!important}
img{max-width:100%}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}
input{font:inherit;color:var(--murekkep)}

/* ---------- butonlar ---------- */
.btn{
  background:#efece4;border:1px solid #a99f8a;border-radius:4px;
  color:#4a3d22;padding:7px 14px;letter-spacing:.04em;
  box-shadow:0 1px 2px rgba(0,0,0,.15);
  transition:background .15s,border-color .15s;
}
.btn:hover:not(:disabled){background:#e2dccd;border-color:var(--bronz)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.buyuk{font-size:17px;padding:11px 26px}
.btn.kucuk{font-size:12px;padding:4px 10px}
.btn.tehlike{border-color:#c08a7b;color:var(--kirmizi)}
.btn.tehlike:hover:not(:disabled){background:#ecdcd4;border-color:var(--kirmizi)}

/* ---------- kutu (ortak açık panel görünümü) ---------- */
.kutu, .cerceve, #queue-banner, #modal-kutu, .res-kutu, .logo, .oba-bilgi, #kiris{
  background:linear-gradient(#f2efe8,var(--kutu));
  border:1px solid var(--cizgi);
  border-radius:6px;
  box-shadow:0 3px 10px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.6);
}

/* ---------- tam ekran oba ---------- */
#koy-viewport{position:fixed;inset:0;overflow:hidden;background:#0d0b07;z-index:0}
#koy-dunya{
  position:absolute;
  background:url("../assets/koy_zemin.jpg") 0 0/100% 100% no-repeat;
  background-size:100% 100%;
}

/* bina yerleri — çizili daire yok, zemindeki lekeler görünür */
.slot{position:absolute;transform:translate(-50%,-50%);padding:0}
.slot:hover{z-index:500!important}
.slot::after{
  content:"";position:absolute;inset:-4%;border-radius:50%;
  border:2px solid rgba(233,220,180,0);
  transition:border-color .15s,box-shadow .15s;
  pointer-events:none;
}
.slot:hover::after{
  border-color:rgba(240,230,200,.85);
  box-shadow:0 0 16px rgba(240,230,200,.35),inset 0 0 16px rgba(240,230,200,.12);
}
/* binanın en alt pikseli dairenin en alt noktasına oturur, yatayda ortalı */
.slot.dolu img{
  position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:114%;max-width:none;
  filter:drop-shadow(0 6px 7px rgba(0,0,0,.55));
  pointer-events:none;
  transition:filter .15s,transform .15s;
}
.slot.dolu:hover img{
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.6)) brightness(1.1);
  transform:translateX(-50%) scale(1.04);
}
.sv-rozet{
  position:absolute;right:2%;bottom:4%;z-index:2;
  background:linear-gradient(#f4f0e6,#d9d2c0);color:var(--murekkep);
  border:1px solid #a99f8a;border-radius:50%;
  min-width:23px;height:23px;padding:0 3px;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:12px;
  pointer-events:none;box-shadow:0 2px 5px rgba(0,0,0,.55);
}
/* henüz kurulmamış bina: soluk hayalet önizleme */
.slot.kurulmamis img{opacity:.3;filter:grayscale(.7) brightness(.8)}
.slot.kurulmamis:hover img{opacity:.62;filter:grayscale(.3) brightness(1)}
.slot.kurulmamis .sv-rozet{
  background:linear-gradient(#e6e2d6,#cec7b5);color:#6e6555;
  font-size:15px;line-height:1;
}
.slot.sade .sv-rozet{
  right:auto;bottom:auto;left:50%;top:50%;
  transform:translate(-50%,-50%);
  min-width:26px;height:26px;font-size:13px;
}
.slot.insada::after{
  border-color:rgba(240,230,200,.9);
  animation:nabiz 1.2s ease-in-out infinite;
}
@keyframes nabiz{
  0%,100%{box-shadow:0 0 0 0 rgba(240,230,200,.5)}
  50%{box-shadow:0 0 0 9px rgba(240,230,200,0)}
}

/* ---------- üst bant: kodla çizilmiş kiriş ---------- */
#ust{
  position:fixed;top:8px;left:0;right:0;z-index:40;
  display:flex;align-items:flex-start;justify-content:center;
  padding:0 14px;pointer-events:none;
}
#ust>*{pointer-events:auto}
.logo{
  position:absolute;left:14px;top:0;
  margin-top:12px;padding:0;line-height:0;
}
.logo img{height:34px;width:auto;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}
@media (max-width:760px){ .logo img{height:24px} }
#kiris{
  padding:11px 40px;
  display:flex;align-items:center;justify-content:center;
  position:relative;
  border-radius:16px;
  background:
    linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,0) 45%,rgba(0,0,0,.05)),
    repeating-linear-gradient(90deg,rgba(90,75,40,.05) 0 2px,transparent 2px 11px),
    linear-gradient(#f4f1e9,#dcd6c8);
  border:1px solid #a99f8a;
  box-shadow:
    0 5px 14px rgba(0,0,0,.5),
    inset 0 1px 0 rgba(255,255,255,.8),
    inset 0 0 0 3px rgba(124,95,22,.12),
    inset 0 -3px 5px rgba(0,0,0,.06);
}
#kiris::before,#kiris::after{
  content:"";position:absolute;top:50%;width:12px;height:12px;
  transform:translateY(-50%) rotate(45deg);
  background:linear-gradient(135deg,#d8bd6f,#8a6f1f);
  border:1px solid #6e5714;border-radius:2px;
  box-shadow:0 1px 3px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.4);
}
#kiris::before{left:13px}
#kiris::after{right:13px}
#menu{display:flex;gap:22px;align-items:center}
.menu-btn{position:relative;width:64px;height:64px;padding:0;transition:transform .12s}
.menu-btn:hover{transform:translateY(-2px) scale(1.05)}
.menu-btn::before{
  content:"";position:absolute;inset:-5px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,0,0,.16) 55%,rgba(0,0,0,0) 72%);
  pointer-events:none;
}
.menu-btn img{
  position:relative;width:64px;height:64px;border-radius:50%;
  box-shadow:0 3px 8px rgba(0,0,0,.5),0 0 0 2px rgba(124,95,22,.35),0 0 0 4px rgba(255,255,255,.35);
}
.menu-btn:hover img{box-shadow:0 4px 10px rgba(0,0,0,.55),0 0 0 2px var(--bronz),0 0 0 4px rgba(255,255,255,.5)}
.menu-btn .rozet{
  position:absolute;top:-5px;right:-6px;
  background:var(--kirmizi);color:#f6ece4;border-radius:9px;
  font-size:11px;line-height:1;padding:2px 6px;border:1px solid #7c2418;
}
.oba-bilgi{
  display:flex;align-items:center;gap:9px;font-size:13px;
  margin-top:14px;padding:5px 10px;
}
.irk-rozet{
  border:1px solid var(--irk,var(--bronz));color:var(--irk,var(--bronz));
  border-radius:3px;padding:0 8px;font-size:12px;letter-spacing:.06em;
  background:rgba(255,255,255,.45);
}

/* ---------- kaynaklar: solda dikey liste ---------- */
#resbar{
  position:fixed;left:12px;top:60px;z-index:35;
  display:flex;flex-direction:column;gap:9px;width:200px;
  max-height:calc(100vh - 74px);overflow-y:auto;
}
.res-kutu{
  display:flex;align-items:center;gap:11px;
  padding:7px 11px;
}
.res-kutu img{width:44px;height:44px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.res-detay{min-width:0}
.res-miktar{font-size:16px;font-weight:700;white-space:nowrap;line-height:1.15;color:var(--murekkep)}
.res-miktar .cap{color:var(--soluk);font-weight:400;font-size:11.5px}
.res-oran{font-size:11.5px;color:var(--yesil);white-space:nowrap;font-weight:600}
.res-oran.eksi{color:var(--kirmizi)}
.res-kutu.dolu .res-miktar{color:var(--kirmizi)}

/* ---------- kuyruk bandı ---------- */
#queue-banner{
  position:fixed;bottom:14px;left:50%;transform:translateX(-50%);
  width:min(380px,92vw);z-index:34;
  padding:7px 12px;
}
.qb-metin{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:4px;color:var(--murekkep)}
.qb-metin span:last-child{color:var(--bronz);font-variant-numeric:tabular-nums;font-weight:600}
.bar{height:5px;background:#cfc8b8;border-radius:3px;overflow:hidden}
.bar-ic{height:100%;width:0;background:linear-gradient(90deg,var(--bronz),var(--bronz-acik));transition:width .25s linear}

/* ---------- sağ sütun ---------- */
#sag-sutun{
  position:fixed;top:104px;right:12px;width:256px;z-index:30;
  max-height:calc(100vh - 118px);overflow-y:auto;
  display:flex;flex-direction:column;gap:10px;
  scrollbar-width:thin;
}
.cerceve{padding:9px 12px 11px}
.cerceve h3{
  color:#5d4a17;font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;
  border-bottom:1px solid var(--cizgi-soft);padding-bottom:5px;margin-bottom:7px;
}
/* oba listesi */
#oba-sayac{color:var(--soluk);font-size:11.5px;letter-spacing:0;font-variant-numeric:tabular-nums}
.oba-sat{
  display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;
  padding:6px 9px;border-radius:4px;font-size:13px;margin-bottom:5px;text-align:left;
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);color:var(--murekkep);
}
.oba-sat:hover{background:#e6e1d3}
.oba-sat.aktif{border-color:var(--bronz);background:#efe9d8;box-shadow:inset 3px 0 0 var(--bronz)}
.oba-sat-ad{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oba-sat.aktif .oba-sat-ad{color:#5d4a17}
.oba-sat-koord{color:var(--soluk);font-size:11.5px;font-variant-numeric:tabular-nums;flex:none}

/* kültür puanı kutusu (Travian'daki ilerleme barı gibi, liste üstünde) */
#kultur-kutu{margin-bottom:8px;padding-bottom:7px;border-bottom:1px solid var(--cizgi-soft)}
.kultur-satir{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:4px}
.kultur-satir b{color:var(--bronz);font-variant-numeric:tabular-nums}
.kultur-alt{font-size:11px;color:var(--soluk);margin-top:4px}

/* sol menüdeki ordu paneli — hardal sarısı, yalnız görsel + sayı */
.ordu-kutu{
  margin-top:6px;padding:6px;border-radius:6px;
  background:linear-gradient(#d9b64e,#c39a33);
  border:1px solid #9a7620;
  box-shadow:0 3px 12px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.45);
  display:grid;grid-template-columns:repeat(2,1fr);gap:6px;
}
.ordu-birim{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:100%;aspect-ratio:1;padding:0;border-radius:5px;overflow:hidden;
  background:rgba(255,255,255,.16);border:1px solid rgba(90,67,16,.3);
  transition:background .13s,border-color .13s,transform .13s;
}
.ordu-birim:hover{background:rgba(255,255,255,.34);border-color:#7d5f14;transform:translateY(-1px)}
/* görsel kareye TAM sığar, kırpılmaz */
.ordu-birim img{
  width:100%;height:100%;max-width:none;max-height:none;
  object-fit:contain;padding:3px;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.5));
}
.ordu-sayi{
  position:absolute;right:-4px;bottom:-4px;
  min-width:28px;height:25px;padding:0 7px;border-radius:13px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(#3d3115,#2a2210);color:#f0dda6;
  border:1px solid #8a6f1f;font-size:14px;font-weight:700;
  font-variant-numeric:tabular-nums;box-shadow:0 2px 6px rgba(0,0,0,.55);
}

.ordu-bos{
  grid-column:1/-1;text-align:center;font-size:11px;color:#6b541a;
  padding:8px 4px;letter-spacing:.04em;
}

/* eğitim: birim seçici jetonlar */
.egit-secici{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:8px}
.egit-jeton{
  width:58px;height:64px;padding:3px;border-radius:5px;
  background:#fff;border:2px solid var(--cizgi-soft);
  display:flex;align-items:center;justify-content:center;
  transition:border-color .13s,transform .13s;
}
.egit-jeton:hover{transform:translateY(-1px);border-color:var(--cizgi)}
.egit-jeton.secili{border-color:var(--bronz);box-shadow:0 0 0 1px var(--bronz)}
.egit-jeton img{max-width:100%;max-height:100%;object-fit:contain}

.egit-jeton{position:relative}
.egit-jeton.kilitli img{filter:grayscale(1) brightness(.72);opacity:.6}
.egit-kilit{
  position:absolute;right:2px;bottom:2px;font-size:12px;
  text-shadow:0 1px 3px rgba(0,0,0,.5);
}

/* akademi: araştırma listesi */
.arastirma-liste{display:flex;flex-direction:column;gap:5px}
.arastirma-sat{
  display:flex;align-items:center;gap:10px;
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);border-radius:5px;
  padding:5px 9px;
}
.arastirma-sat.acik{opacity:.72}
.arastirma-bilgi{flex:1;min-width:0;font-size:12.5px}
.arastirma-bilgi b{display:block;color:#3a2c08}
.arastirma-bilgi i{font-style:normal;font-size:11px;color:var(--soluk)}
.arastirma-durum{font-size:11.5px;color:var(--soluk);text-align:right}
.arastirma-durum.ok{color:#4c7030;font-weight:600}
.arastirma-durum.surecte{color:var(--bronz);font-weight:600;font-variant-numeric:tabular-nums}

/* pazar: takas */
.pazar-form{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:9px}
.pazar-sec{
  padding:4px 8px;font:inherit;font-size:13px;color:var(--ink);
  background:#fff;border:1px solid var(--cizgi-soft);border-radius:4px;
}

/* seçili birimin büyük görüntüsü — beyaz zemin */
.egit-ust{display:flex;gap:12px;align-items:flex-start;margin-bottom:8px}
.egit-onizleme{
  flex:none;width:132px;height:172px;padding:6px;border-radius:6px;
  background:#fff;border:1px solid var(--cizgi-soft);
  display:flex;align-items:center;justify-content:center;
  cursor:zoom-in;transition:box-shadow .13s;
}
.egit-onizleme:hover{box-shadow:0 0 0 2px var(--bronz)}
.egit-onizleme img{max-width:100%;max-height:100%;object-fit:contain}
.egit-ust .egit-bilgi{flex:1;min-width:0;margin-bottom:0}
@media (max-width:760px){
  .egit-onizleme{width:104px;height:136px}
}
.egit-bilgi{font-size:13px;margin-bottom:6px}
.egit-bilgi b{color:#5d4a17}
.birim-tur-mini{font-size:11px;color:var(--soluk);margin-left:6px}
.egit-statlar{display:flex;gap:12px;margin-top:3px;font-size:11.5px;color:var(--soluk);font-variant-numeric:tabular-nums}

/* kadro seçici (akın) */
.kadro-kap{margin-bottom:10px}
.kadro-satir{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.kadro-birim{
  flex:none;width:38px;height:42px;display:flex;align-items:center;justify-content:center;
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);border-radius:4px;padding:2px;
}
.kadro-birim img{max-width:100%;max-height:100%;object-fit:contain}
.kadro-ad{flex:1;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kadro-adet{width:70px}
.kadro-kap.koyu .kadro-ad{color:#ddd9cf}
.kadro-kap.koyu .kadro-birim{background:#2c2b26;border-color:#57544c}
.kadro-kap.koyu .kadro-adet{background:#26251f;border-color:#57544c;color:#e6e0d2}
.kadro-kap.koyu .btn{background:#3d3b35;border-color:#57544c;color:#e6e0d2}

/* tam ekran görsel */
.birim-gorsel.buyutulebilir{cursor:zoom-in}
.birim-gorsel.buyutulebilir:hover{box-shadow:0 0 0 2px var(--bronz)}
.gorsel-tam{
  position:fixed;inset:0;z-index:200;
  background:rgba(8,6,3,.9);
  display:flex;align-items:center;justify-content:center;
  cursor:zoom-out;
}
.gorsel-tam img{
  max-width:88vw;max-height:84vh;object-fit:contain;
  background:#fff;border-radius:8px;padding:14px;
  box-shadow:0 14px 46px rgba(0,0,0,.7);
}
.gt-ad{
  position:fixed;bottom:18px;left:50%;transform:translateX(-50%);
  font-family:Georgia,serif;font-size:18px;letter-spacing:.1em;color:#e8d49a;
  text-shadow:0 2px 8px #000;
}
.gt-kapat{
  position:fixed;top:14px;right:16px;width:38px;height:38px;border-radius:50%;
  background:rgba(40,36,28,.85);border:1px solid #6b6455;color:#e6e0d2;font-size:16px;
}
.gt-kapat:hover{background:rgba(60,54,42,.95)}

/* birim detay kutusu */
.birim-kart{display:flex;gap:16px;align-items:flex-start}
.birim-gorsel{
  flex:none;width:150px;
  background:#fff;
  border:1px solid var(--cizgi-soft);border-radius:6px;padding:8px;
  display:flex;align-items:center;justify-content:center;
}
.birim-gorsel img{max-width:100%;max-height:260px;object-fit:contain}
.birim-ic{flex:1;min-width:0}
.birim-ic h2{font-size:21px;color:#5d4a17;line-height:1.15}
.birim-tur{font-size:12px;color:var(--soluk);letter-spacing:.06em;margin-bottom:8px}
.birim-ic .statlar{grid-template-columns:repeat(3,1fr)}
.birim-aciklama{font-size:12.5px;color:var(--soluk);line-height:1.55;margin:8px 0 4px}
@media (max-width:760px){
  .birim-kart{flex-direction:column;align-items:center}
  .birim-gorsel{width:100%;max-width:220px}
  .birim-ic{width:100%}
}

/* oba kartındaki küçük sıfırla bağlantısı */
#btn-reset{
  font-size:10.5px;color:#b08878;letter-spacing:.05em;padding:0 2px;
  border-bottom:1px dotted rgba(176,136,120,.5);
}
#btn-reset:hover{color:var(--kirmizi);border-bottom-color:var(--kirmizi)}

/* oba kartı (Travian tarzı: ad kutusu + kalem, nüfus/sadakat satırı) */
#oba-kart{padding:8px 11px 9px}
.ok-ust{font-size:11.5px;color:var(--soluk);letter-spacing:.04em;margin-bottom:3px}
.ok-ad-satir{display:flex;align-items:center;gap:6px}
#ok-ad{
  flex:1;min-width:0;background:transparent;border:1px solid transparent;border-radius:4px;
  font-family:Georgia,"Times New Roman",serif;font-size:17px;letter-spacing:.09em;
  color:#4a3a12;padding:3px 5px;
}
#ok-ad:hover{border-color:var(--cizgi-soft);background:rgba(255,255,255,.5)}
#ok-ad:focus{outline:none;border-color:var(--bronz);background:#fbf9f3}
#ok-kalem{
  flex:none;width:26px;height:26px;border-radius:4px;font-size:14px;
  color:var(--soluk);border:1px solid transparent;
}
#ok-kalem:hover{color:var(--bronz);border-color:var(--cizgi-soft);background:rgba(255,255,255,.55)}
.ok-alt{
  display:flex;justify-content:space-between;gap:8px;
  font-size:11.5px;color:var(--soluk);
  border-top:1px solid var(--cizgi-soft);margin-top:6px;padding-top:5px;
}
.ok-alt b{color:var(--murekkep)}

/* kirişteki ⋯ butonu (yalnız mobil) */
#btn-oba-menu{
  display:none;flex:none;margin-top:12px;
  width:34px;height:34px;border-radius:50%;font-size:17px;line-height:1;
  background:linear-gradient(#f2efe8,var(--kutu));border:1px solid var(--cizgi);
  color:#5d4a17;box-shadow:0 2px 7px rgba(0,0,0,.4);
}
.kuyruk-satir{
  display:flex;justify-content:space-between;gap:8px;
  font-size:12px;padding:5px 2px;border-bottom:1px solid var(--cizgi-soft);
}
.kuyruk-satir:last-child{border-bottom:none}
.kuyruk-satir .ne{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kuyruk-satir .sure{color:var(--bronz);font-variant-numeric:tabular-nums;flex:none;font-weight:600}
.kuyruk-satir .tur{color:var(--soluk);flex:none;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.bos-mesaj{color:var(--soluk);font-size:12.5px;padding:12px 4px;text-align:center}

#altyazi{
  position:fixed;bottom:6px;left:14px;z-index:20;
  color:#c9c0ab;font-size:10.5px;letter-spacing:.05em;
  text-shadow:0 1px 3px #000;pointer-events:none;
}

/* ---------- cihan haritası ---------- */
/* harita açıkken oba arkada kalır — çok hafif karartma, sağ sütun yerinde durur */
#harita-ekran{
  position:fixed;inset:0;z-index:5;
  background:rgba(10,8,5,.22);
  display:flex;gap:12px;padding:104px 280px 12px 226px;
  pointer-events:none;
}
#harita-ekran>*{pointer-events:auto}
body.harita-acik #koy-viewport{filter:brightness(.82) saturate(.94)}
#harita-sol{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}
#harita-ust{display:flex;gap:10px;align-items:center;color:#e2d8c2}
#harita-koord{
  font-variant-numeric:tabular-nums;font-weight:700;font-size:14px;
  background:rgba(255,255,255,.09);padding:3px 12px;border-radius:4px;
}
.harita-ipucu{font-size:11.5px;color:#8d8267;margin-left:auto}
/* harita alanı: sol/üst eksen şeritleri + ızgara */
#harita-alan{
  flex:1;display:grid;min-height:0;
  grid-template-columns:26px 1fr;grid-template-rows:18px 1fr;
}
#harita-eksen-kose{grid-area:1/1}
#harita-eksen-x{
  grid-area:1/2;display:grid;justify-content:center;
  overflow:hidden;font-variant-numeric:tabular-nums;
}
#harita-eksen-y{
  grid-area:2/1;display:grid;align-content:center;
  overflow:hidden;font-variant-numeric:tabular-nums;
}
#harita-eksen-x span,#harita-eksen-y span{
  display:flex;align-items:center;justify-content:center;
  font-size:9.5px;color:#8a7f6b;letter-spacing:.02em;
}
#harita-izgara{
  grid-area:2/2;display:grid;place-content:center;gap:0;
  overflow:hidden;background:#100d0a;border:1px solid #3a322a;border-radius:6px;
  cursor:grab;user-select:none;touch-action:none;
}

/* karo ipucu (hover) ve eylem menüsü (tıklama) — koyu gri zemin */
#karo-ipucu, #karo-menu{
  position:fixed;z-index:80;pointer-events:none;
  background:linear-gradient(#33322e,#232220);
  border:1px solid #55534c;border-radius:7px;
  box-shadow:0 8px 24px rgba(0,0,0,.65);
  color:#ddd9cf;font-size:12px;
}
#karo-ipucu{padding:8px 11px;min-width:172px}
.ki-ad{
  font-family:Georgia,serif;font-size:14px;color:#f0e9d6;letter-spacing:.03em;
  border-bottom:1px solid #55534c;padding-bottom:4px;margin-bottom:5px;
}
.ki-satir{display:flex;justify-content:space-between;gap:14px;line-height:1.65}
.ki-satir span{color:#9b968a}
.ki-satir b{color:#efe9dc;font-weight:600;font-variant-numeric:tabular-nums}

#karo-menu{
  pointer-events:auto;width:258px;padding:0;
  max-height:82vh;overflow-y:auto;overflow-x:hidden;
  scrollbar-width:thin;
}
.km-not{grid-column:1/-1;color:#b9b4a7;line-height:1.5;margin-top:4px;font-size:11.5px}
.km-not b{color:#efe9dc}
.km-akin{display:flex;gap:6px;align-items:center}
.km-akin .sayi-gir{
  width:74px;background:#26251f;border-color:#57544c;color:#e6e0d2;padding:6px 8px;
}
.km-akin .km-eylem{flex:1;text-align:center}
.km-ipucu{font-size:11px;color:#9b968a;margin-top:6px}
.km-soluk{float:right;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#8a8578;margin-top:2px}
/* karo notunun altına düşen açıklama cümlesi (km-soluk kısa etiket içindir) */
.km-alt{display:block;margin-top:3px;font-size:11px;line-height:1.45;color:#9d9686}
.km-tehlike{color:#e08a6a}
.km-ust{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:8px 10px;background:rgba(0,0,0,.25);border-bottom:1px solid #55534c;
}
.km-ad{font-family:Georgia,serif;font-size:14.5px;color:#f0e9d6;letter-spacing:.03em}
.km-kapat{
  flex:none;width:22px;height:22px;border-radius:4px;font-size:12px;
  color:#9b968a;border:1px solid transparent;background:none;
}
.km-kapat:hover{color:#f0e9d6;border-color:#55534c}
.km-bilgi{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;padding:9px 11px}
.km-bilgi>div{display:flex;justify-content:space-between;gap:6px;line-height:1.6}
.km-bilgi span{color:#9b968a}
.km-bilgi b{color:#efe9dc;font-weight:600;font-variant-numeric:tabular-nums}
.km-eylemler{display:flex;flex-direction:column;gap:5px;padding:0 10px 10px}
.km-eylem{
  text-align:left;padding:7px 10px;border-radius:5px;font-size:12.5px;
  background:#3d3b35;border:1px solid #57544c;color:#e6e0d2;
  transition:background .13s,border-color .13s;
}
.km-eylem:hover{background:#4a473f;border-color:#7d7768}
.km-eylem.premium{color:#e5c766;border-color:#6b5c30}
.km-eylem.premium:hover{background:#4a4128;border-color:#a08540}
.km-eylem.premium span{
  float:right;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
  color:#8a7a4a;margin-top:2px;
}
#harita-izgara:active{cursor:grabbing}
.karo{
  width:52px;height:52px;position:relative;
  background:url("../assets/harita/harita_zemin.jpg?v=3") center/cover;
  display:flex;align-items:center;justify-content:center;
}
.k-dis{background:#14110d!important}
/* sprite: karo içinde kalır, kesilmez */
.sp{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  max-width:94%;max-height:94%;width:auto;height:auto;
  pointer-events:none;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.5));
}
.karo:hover .sp{filter:drop-shadow(0 3px 5px rgba(0,0,0,.6)) brightness(1.12)}
/* süper vaha: 2×2 görselin bu kareye düşen çeyreği */
.sv-parca{
  position:absolute;inset:0;pointer-events:none;
  background-size:200% 200%;background-repeat:no-repeat;
}
.karo:hover .sv-parca{filter:brightness(1.12)}
/* açılış ekranı logosu */
.landing-logo{margin:0 0 6px;line-height:0;display:flex;justify-content:center}
.landing-logo img{
  width:min(420px,72vw);height:auto;
  filter:drop-shadow(0 8px 24px rgba(0,0,0,.6));
}

/* farm list paneli */
.farm-sekmeler{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}
.farm-sekme{
  padding:4px 11px;border-radius:5px;font-size:12px;
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);color:var(--soluk);
}
.farm-sekme:hover{color:var(--murekkep)}
.farm-sekme.aktif{background:var(--bronz);border-color:var(--bronz);color:#fff8e8;font-weight:600}
.farm-sekme.yeni{border-style:dashed}
.farm-sat{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);border-radius:6px;
  padding:6px 10px;margin-bottom:5px;
}
.farm-ad{flex:1;min-width:130px;font-size:13px;color:#3a2c08}
.farm-ad i{font-style:normal;color:var(--soluk);font-size:11.5px;margin-left:4px}
.farm-kadro{display:flex;gap:5px;flex-wrap:wrap}
.farm-birim{
  display:flex;align-items:center;gap:3px;padding:2px 5px;border-radius:4px;
  background:#fff;border:1px solid var(--cizgi-soft);
}
.farm-birim img{width:22px;height:22px;object-fit:contain}
.farm-adet{width:52px;padding:2px 4px;font-size:12px}
.farm-dugme{display:flex;gap:4px;flex:none}

/* tam savaş raporu — ayrı sekme yerine oyunun üstünde kutu */
#savas-rapor{
  position:fixed;inset:0;z-index:9600;overflow-y:auto;
  background:rgba(14,11,6,.72);padding:22px 14px 40px;
}
#savas-rapor .rp-kutu{
  position:relative;max-width:820px;margin:0 auto;
  background:linear-gradient(#f2efe8,#e8e4da);
  border:1px solid #b5ad9b;border-radius:8px;
  box-shadow:0 10px 34px rgba(0,0,0,.6);
  padding:18px 22px 20px;
}
.rp-kapat{
  position:absolute;top:10px;right:11px;
  width:30px;height:30px;border-radius:50%;
  background:#efece4;border:1px solid #a99f8a;color:#4a3d22;font-size:14px;
}
.rp-kapat:hover{background:#e2dccd;border-color:var(--bronz)}
.rp-baslik{
  display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;
  border-bottom:2px solid #cfc8b8;padding-bottom:9px;margin-bottom:14px;padding-right:34px;
}
.rp-baslik h1{font-size:21px;color:#5d4a17;letter-spacing:.05em}
.rp-baslik time{font-size:12.5px;color:#8a8171;font-variant-numeric:tabular-nums}
.rp-not{font-size:13px;color:#8a8171;margin:-8px 0 12px}
.rp-sonuc{
  display:inline-block;font-family:Georgia,serif;font-size:14px;letter-spacing:.12em;
  padding:3px 14px;border-radius:4px;margin-bottom:14px;
}
.rp-sonuc.zafer{background:#e2e8d2;color:#4c7030;border:1px solid #9db07e}
.rp-sonuc.bozgun{background:#efd9d2;color:#a03325;border:1px solid #c69384}
.rp-taraf{
  border:1px solid #cfc8b8;border-radius:6px;background:#efece3;
  padding:11px 14px 13px;margin-bottom:13px;
}
.rp-taraf-ust{
  display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;
  margin-bottom:9px;
}
.rp-taraf-ust h2{font-size:16px;color:#3a2c08;letter-spacing:.04em}
.rp-taraf-ust span{font-size:12px;color:#8a8171}
.rp-guc{font-size:12px;color:#6e6555;margin-top:2px}
.rp-guc b{color:#5d4a17}
.rp-grid{display:flex;flex-wrap:wrap;gap:9px}
.rp-birim{width:66px;text-align:center}
.rp-portre{
  width:66px;height:66px;border-radius:5px;padding:4px;
  background:#dcd6c8;border:1px solid #cfc8b8;
  display:flex;align-items:center;justify-content:center;
}
.rp-portre img{max-width:100%;max-height:100%;object-fit:contain}
.rp-adet{font-size:14px;font-weight:700;color:#2b241a;margin-top:3px;font-variant-numeric:tabular-nums}
.rp-dus{font-size:12.5px;font-weight:700;color:#a03325;font-variant-numeric:tabular-nums}
.rp-dus.yok{color:#b3ac9c;font-weight:400}
.rp-birim-ad{font-size:10px;color:#8a8171;margin-top:1px;line-height:1.25}
.rp-ganimet{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  border:1px dashed #cfc8b8;border-radius:6px;padding:9px 14px;background:#f4f1ea;
}
.rp-ganimet img{width:22px;height:22px;object-fit:contain;vertical-align:-5px}
.rp-ganimet b{font-variant-numeric:tabular-nums;color:#2b241a}
.rp-ganimet .etiket{font-family:Georgia,serif;font-size:12px;letter-spacing:.1em;color:#8a7a52}

/* rapor panelinin üstündeki olay şeridi — rutin bitişler, kaydedilmez */
.olay-serit{
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);border-radius:6px;
  padding:7px 11px 8px;margin-bottom:10px;
}
.olay-baslik{
  font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--soluk);margin-bottom:5px;
}
.olay-sat{
  display:flex;gap:8px;align-items:baseline;
  font-size:12px;line-height:1.5;color:#4a3d22;
}
.olay-sat time{flex:none;color:var(--soluk);font-size:11px;font-variant-numeric:tabular-nums}
.olay-sat.kotu span{color:#a03325}

/* ---- sunucu seçme ekranı ---- */
#ag-sunucular{
  width:min(520px,92vw);margin:0 auto 18px;text-align:left;
}
.ags-baslik{
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  color:#b8a76b;margin-bottom:9px;text-align:center;
}
.ags-sat{
  display:flex;align-items:center;gap:10px;width:100%;
  background:rgba(28,24,17,.82);border:1px solid #5c5443;border-radius:7px;
  padding:11px 14px;margin-bottom:7px;text-align:left;cursor:pointer;
  transition:border-color .13s,background .13s;
}
.ags-sat:hover{border-color:var(--bronz-acik);background:rgba(44,38,26,.9)}
.ags-sat.yaklasan{cursor:default;opacity:.72}
.ags-sat.yaklasan:hover{border-color:#5c5443;background:rgba(28,24,17,.82)}
.ags-ad{font-size:15px;font-weight:600;color:#e9dfc4;flex:none}
.ags-durum{flex:1;font-size:11.5px;color:#a89f88;line-height:1.4}
.ags-durum b{color:#d8c88f}
.ags-git{flex:none;font-size:12px;color:#e0b65f;font-weight:600}
.ags-git.soluk{color:#8a8271;font-weight:400}
.ags-not{font-size:11.5px;color:#8f8770;text-align:center;margin-top:11px;line-height:1.6}
.ags-not a{color:#b8a76b}

/* açılış ekranı dip bağlantıları */
.landing-dip{margin-top:18px;font-size:11.5px;color:#8f8770}
.landing-dip a{color:#a89f88;margin:0 7px;text-decoration:none}
.landing-dip a:hover{color:#e0b65f;text-decoration:underline}

/* ---- sunucu: giriş ekranı ve bağlantı rozeti ---- */
#ag-giris{
  position:fixed;inset:0;z-index:9700;display:flex;align-items:center;justify-content:center;
  padding:18px;background:rgba(14,11,6,.82);
}
.agk-kutu{
  width:min(380px,100%);
  background:linear-gradient(#fbf8f0,var(--kutu));
  border:1px solid var(--cizgi);border-radius:9px;
  box-shadow:0 14px 40px rgba(0,0,0,.6);padding:18px 20px 15px;
}
.agk-baslik{font-size:17px;font-weight:700;color:var(--murekkep);margin-bottom:6px;letter-spacing:.03em}
.agk-not{font-size:12.5px;color:var(--soluk);line-height:1.55;margin-bottom:13px}
.agk-google{
  display:flex;align-items:center;justify-content:center;gap:9px;width:100%;
  background:#fff;border:1px solid #c9c2b2;color:#2b241a;font-weight:600;font-size:13.5px;
  padding:9px;margin-bottom:4px;
}
.agk-google:hover{background:#f4f1e9;border-color:var(--bronz)}
.agk-ayrac{
  display:flex;align-items:center;gap:9px;margin:12px 0 11px;
  font-size:11px;color:var(--soluk);letter-spacing:.06em;
}
.agk-ayrac::before,.agk-ayrac::after{
  content:"";flex:1;height:1px;background:var(--cizgi-soft);
}
.agk-sekmeler{display:flex;gap:5px;margin-bottom:13px}
.agk-sekme{
  flex:1;padding:6px;border-radius:5px;font-size:12.5px;
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);color:var(--soluk);
}
.agk-sekme.aktif{background:var(--bronz);border-color:var(--bronz);color:#fff8e8;font-weight:600}
.agk-satir{display:block;margin-bottom:9px}
.agk-satir.gizli{display:none}
.agk-satir span{display:block;font-size:11.5px;color:var(--soluk);margin-bottom:3px}
.agk-satir input{
  width:100%;padding:6px 9px;font-size:13px;
  background:#fff;border:1px solid var(--cizgi-soft);border-radius:4px;color:var(--murekkep);
}
.agk-satir input:focus{outline:none;border-color:var(--bronz)}
.agk-hata{min-height:16px;font-size:12px;color:#a03325;margin-bottom:6px}
.agk-onay{width:100%;margin-bottom:9px}
.agk-alt{display:flex;justify-content:space-between;gap:8px}
.agk-baglanti{
  background:none;border:0;padding:2px 0;
  font-size:11.5px;color:var(--soluk);text-decoration:underline;cursor:pointer;
}
.agk-baglanti:hover{color:var(--bronz)}
#ag-rozet{
  position:fixed;right:10px;bottom:10px;z-index:8900;
  background:rgba(40,36,28,.88);color:#d8d2c2;
  border:1px solid #6b6455;border-radius:5px;
  padding:3px 9px;font-size:11px;letter-spacing:.02em;pointer-events:none;
}
#ag-rozet.kotu{background:#5c2020;border-color:#a05a4a;color:#ffd9c9}

/* mancınık hedef seçici */
.km-yikim{margin:8px 0 4px}
.km-yikim.gizli{display:none}
.km-yikim-sat{display:flex;align-items:center;gap:7px;margin-bottom:5px}
.km-yikim-et{flex:none;font-size:11.5px;color:#cfc7b4;min-width:74px}

/* Tuğ Meydanı: sefer masası ve simülatör */
.meydan-hedef{
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);border-radius:6px;
  padding:7px 11px;margin:7px 0 9px;font-size:12.5px;line-height:1.6;color:#3a2c08;
}
.meydan-hedef i{font-style:normal;color:var(--soluk)}
.meydan-hata{color:#a03325;font-weight:600}
.sim-kap{display:flex;gap:11px;flex-wrap:wrap;margin-bottom:9px}
.sim-yan,.sim-yan-sonuc{
  flex:1;min-width:250px;
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);border-radius:6px;padding:8px 11px 10px;
}
.sim-yan .kadro-kap{background:transparent;padding:0}
.sim-guc{font-size:12.5px;color:#4a3d22;margin-bottom:8px}
.sim-guc b{font-variant-numeric:tabular-nums;color:#5d4a17}
.sim-guc i{font-style:normal;color:var(--soluk)}
.sim-sonuc{margin-top:10px}

/* site içi onay/girdi kutusu — tarayıcının confirm/prompt'unun yerini alır */
#dialog{
  position:fixed;inset:0;z-index:9500;
  display:flex;align-items:center;justify-content:center;padding:18px;
  background:rgba(18,15,10,.62);
}
.dlg-kutu{
  width:min(400px,100%);
  background:linear-gradient(#fbf8f0,var(--kutu));
  border:1px solid var(--cizgi);border-radius:9px;
  box-shadow:0 14px 40px rgba(0,0,0,.55);
  padding:15px 17px 13px;
}
.dlg-baslik{
  font-size:15px;font-weight:700;color:var(--murekkep);
  border-bottom:1px solid var(--cizgi-soft);padding-bottom:7px;margin-bottom:9px;
}
.dlg-metin{font-size:13px;line-height:1.6;color:#4a3d22;margin-bottom:10px}
.dlg-kutu .ist-ad-gir{width:100%;margin-bottom:4px}
.dlg-dugmeler{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}

/* kısa haber şeridi — eylem sonuçları için, ekranın üstünde belirip söner */
#uyari-serit{
  position:fixed;top:-70px;left:50%;transform:translateX(-50%);z-index:9400;
  max-width:min(520px,92vw);
  background:linear-gradient(#fbf8f0,var(--kutu));color:var(--murekkep);
  border:1px solid var(--bronz);border-radius:7px;
  padding:9px 16px;font-size:13px;font-weight:600;line-height:1.45;text-align:center;
  box-shadow:0 6px 20px rgba(0,0,0,.45);
  transition:top .22s ease, opacity .22s ease;opacity:0;cursor:pointer;
}
#uyari-serit.acik{top:14px;opacity:1}
#uyari-serit.kotu{border-color:#a03325;color:#7a1d1d}

/* test modu rozeti — açık kaldığı fark edilsin diye bilerek göze batıyor */
#hile-rozet{
  position:fixed;left:10px;bottom:10px;z-index:9000;
  display:flex;align-items:center;gap:8px;
  background:#7a1d1d;color:#ffe9c9;border:1px solid #d08a5a;border-radius:6px;
  padding:5px 10px;font-size:11.5px;font-weight:600;letter-spacing:.02em;
  box-shadow:0 3px 10px rgba(0,0,0,.5);
}
#hile-rozet .btn{padding:2px 8px;font-size:11px}

/* harita menüsü: sefer modu sekmeleri */
.km-modlar{display:flex;gap:4px;margin-bottom:8px}
.km-mod{
  flex:1;padding:5px 8px;border-radius:4px;font-size:12px;
  background:rgba(255,255,255,.07);border:1px solid #55534c;color:#cfc7b4;
}
.km-mod:hover{background:rgba(255,255,255,.14)}
.km-mod.secili{background:var(--bronz);border-color:var(--bronz);color:#fff8e8;font-weight:600}
/* Koyu menüde form kutuları metin rengini miras alır ama zemini beyaz kalır
   (krem üstü beyaz = okunmaz). Zemini ve yazıyı burada açıkça veriyoruz. */
#karo-menu select,
#karo-menu input{
  background:#fbf8f0;color:#2b241a;
  border:1px solid #6b6455;border-radius:4px;padding:3px 6px;font-size:12.5px;
}
#karo-menu select{width:100%;font-weight:600}
#karo-menu select option{background:#fbf8f0;color:#2b241a}
/* obada olmayan birim: yazılabilir ama elde olmadığı belli olsun */
.kadro-satir.yok .kadro-birim img{opacity:.42;filter:grayscale(.75)}
.kadro-satir.yok .kadro-ad{opacity:.62}

/* pazar teklifleri */
.teklif-sat{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);border-radius:6px;
  padding:6px 10px;margin-bottom:5px;
}
.teklif-sat.benim{border-color:var(--bronz);background:#f4efe1}
.teklif-takas{display:flex;align-items:center;gap:5px;font-size:13.5px;flex:none}
.teklif-takas img{width:22px;height:22px;object-fit:contain}
.teklif-takas b{font-variant-numeric:tabular-nums;color:#3a2c08}
.teklif-yon{
  font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  padding:1px 6px;border-radius:3px;border:1px solid;
}
.teklif-yon.ver{color:#8a3a2a;border-color:#d3a898;background:#f7e7e1}
.teklif-yon.al{color:#3f6b2e;border-color:#a9c69a;background:#e7f2e0;margin-left:8px}
.teklif-not{flex:1;min-width:120px;font-size:11.5px;color:var(--soluk)}
.teklif-not b{margin-left:6px;font-variant-numeric:tabular-nums;color:var(--soluk)}
.teklif-not b.iyi{color:#3f6b2e}
.teklif-not b.kotu{color:#a03325}
.teklif-form{margin-bottom:8px}
.teklif-form .sayi-gir{width:96px;margin-left:6px}

/* NPC tüccar: kaynak logolu seçim jetonları */
.npc-satir{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.npc-satir .ist-etiket{width:38px;flex:none}
.npc-jeton{
  display:flex;flex-direction:column;align-items:center;gap:1px;
  padding:5px 9px;border-radius:6px;
  background:var(--kutu-2);border:2px solid var(--cizgi-soft);
  transition:border-color .13s, transform .13s;
}
.npc-jeton:hover{transform:translateY(-1px);border-color:var(--cizgi)}
.npc-jeton.secili{border-color:var(--bronz);background:#f2ecdb;box-shadow:0 0 0 1px var(--bronz)}
.npc-jeton img{width:26px;height:26px;object-fit:contain}
.npc-jeton i{font-style:normal;font-size:10.5px;color:var(--soluk);font-variant-numeric:tabular-nums}

/* altın düğmeleri: sarı, altın harcayan her eylem */
.btn.altin, .qb-altin{
  background:linear-gradient(#f7dd8c,#d8ad3e);
  border:1px solid #9c7418;color:#3f2f08;font-weight:650;
  text-shadow:0 1px 0 rgba(255,248,214,.6);
}
.btn.altin:hover:not(:disabled), .qb-altin:hover:not(:disabled){
  background:linear-gradient(#ffeaa4,#e8bd4a);
  border-color:#7d5c10;
}
.btn.altin img, .qb-altin img{width:15px;height:15px;object-fit:contain;vertical-align:-3px;margin-right:4px}
.qb-altin{
  display:block;width:100%;margin-top:7px;padding:6px 10px;border-radius:5px;
  font-size:12.5px;letter-spacing:.02em;
}
.qb-altin:disabled{opacity:.45;filter:grayscale(.4)}

/* premium çemberi: menünün sağında büyük altın madalyon */
.premium-cember{
  position:relative;width:74px;height:74px;border-radius:50%;
  margin-left:14px;flex:none;
  background:radial-gradient(circle at 34% 30%, #f0d488 0%, #c79a45 42%, #8a6220 78%, #5d420f 100%);
  border:2px solid #5d420f;
  box-shadow:0 3px 10px rgba(0,0,0,.5), inset 0 2px 4px rgba(255,244,200,.55), inset 0 -3px 6px rgba(61,42,8,.6);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  transition:transform .13s, box-shadow .13s;
}
.premium-cember:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.55), inset 0 2px 4px rgba(255,244,200,.55)}
.premium-cember.aktif{outline:2px solid #e0b65f;outline-offset:2px}
.pc-sikke{width:100%;height:100%;object-fit:contain;padding:3px;pointer-events:none}
.pc-bakiye{
  position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);
  background:#2a2210;color:#f0dda6;border:1px solid #8a6f1f;border-radius:9px;
  font-size:11px;font-weight:700;padding:0 8px;font-variant-numeric:tabular-nums;
  box-shadow:0 2px 5px rgba(0,0,0,.5);white-space:nowrap;
}
@media (max-width:760px){ .premium-cember{width:56px;height:56px;margin-left:8px} .pc-simge{font-size:15px} }

/* premium paneli */
.prem-bas{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.prem-altin{
  display:flex;align-items:center;gap:7px;
  font-family:Georgia,serif;font-size:20px;color:#8a6220;font-variant-numeric:tabular-nums;
}
.prem-altin img{width:28px;height:28px;object-fit:contain}
.prem-paket b img{width:19px;height:19px;object-fit:contain;vertical-align:-4px;margin-right:2px}
.prem-rozet{
  font-size:11px;letter-spacing:.08em;padding:3px 10px;border-radius:4px;
  background:linear-gradient(#6b5524,#513f18);color:#f4ead0;border:1px solid #3d2f11;
}
.prem-rozet.pasif{background:var(--kutu-2);color:var(--soluk);border-color:var(--cizgi-soft)}
.prem-paketler{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:4px}
@media (max-width:760px){ .prem-paketler{grid-template-columns:repeat(2,1fr)} }
.prem-paket{
  position:relative;padding:14px 6px 10px;border-radius:6px;text-align:center;
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);
  transition:border-color .13s, transform .13s;
}
.prem-paket:hover{border-color:var(--bronz);transform:translateY(-2px)}
.prem-paket b{display:block;font-size:16px;color:#8a6220;font-variant-numeric:tabular-nums}
.prem-paket span{display:block;font-size:12.5px;color:var(--metin-2,var(--soluk));margin-top:2px;font-variant-numeric:tabular-nums}
.prem-paket i{
  position:absolute;top:-8px;left:50%;transform:translateX(-50%);
  font-style:normal;font-size:9.5px;letter-spacing:.06em;white-space:nowrap;
  background:var(--bronz);color:#fff8e8;padding:1px 8px;border-radius:3px;
}
.prem-boost{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.prem-boost-kutu{
  display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:5px;
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);font-size:12px;
  font-variant-numeric:tabular-nums;
}
.prem-boost-kutu img{width:22px;height:22px;object-fit:contain}
.prem-boost-kutu.acik{border-color:#3f6b2e;background:rgba(63,107,46,.1);color:#3f6b2e;font-weight:600}
.prem-oto{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;color:var(--soluk);margin-bottom:8px;cursor:pointer}
.prem-durum{min-height:18px}

/* yıkım listesi */
.yikim-liste{display:flex;flex-direction:column;gap:5px}
.yikim-sat{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);border-radius:5px;
  padding:5px 10px;
}
.yikim-ad i{font-style:normal;color:var(--soluk);font-size:11.5px;margin-left:4px}

/* Ergenekon Kurganı: altın çerçeveli kutsal kare */
.k-kurgan{
  box-shadow:inset 0 0 0 2px #c79a45, inset 0 0 16px rgba(199,154,69,.55);
  animation:kurganNefes 3.4s ease-in-out infinite;
}
@keyframes kurganNefes{
  0%,100%{box-shadow:inset 0 0 0 2px #c79a45, inset 0 0 13px rgba(199,154,69,.45)}
  50%    {box-shadow:inset 0 0 0 3px #e0b65f, inset 0 0 22px rgba(224,182,95,.7)}
}
@media (prefers-reduced-motion:reduce){ .k-kurgan{animation:none} }
.kurgan-nis{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);
  font-size:26px;color:#e0b65f;text-shadow:0 2px 6px rgba(0,0,0,.8);
  pointer-events:none;
}

/* kurgan yönetim paneli */
.kurgan-ust{text-align:center;margin-bottom:10px}
.kurgan-sv b{font-family:Georgia,serif;font-size:34px;color:#5d4a17}
.kurgan-sv i{font-style:normal;font-size:15px;color:var(--soluk)}
.kurgan-bar{margin:8px auto 4px;max-width:420px}
.kurgan-depo{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.kurgan-depo b{font-variant-numeric:tabular-nums}
.kurgan-depo b.yeter{color:#3f6b2e}
.kurgan-depo b.yetmez{color:#a03325}
.kurgan-depo i{font-style:normal;font-size:11px;color:var(--soluk);font-variant-numeric:tabular-nums}

/* tılsım: mor çerçeve, hafif nefes alan parıltı */
.k-tilsim{
  box-shadow:inset 0 0 0 2px #8b4fd0, inset 0 0 14px rgba(139,79,208,.45);
  animation:tilsimNefes 2.8s ease-in-out infinite;
}
@keyframes tilsimNefes{
  0%,100%{box-shadow:inset 0 0 0 2px #8b4fd0, inset 0 0 12px rgba(139,79,208,.38)}
  50%    {box-shadow:inset 0 0 0 2px #b479f0, inset 0 0 20px rgba(180,121,240,.62)}
}
@media (prefers-reduced-motion:reduce){ .k-tilsim{animation:none} }
/* kendi yaylağın */
.k-benim-vaha{box-shadow:inset 0 0 0 2px #c79a45}
.k-oyuncu{box-shadow:inset 0 0 0 2px var(--gold)}
.k-haydut{box-shadow:inset 0 0 0 2px rgba(176,68,44,.5)}
/* seçim çerçevesi sprite'ın/kaplamanın üstünde kalsın */
.karo.secili{z-index:6}
.karo.secili::after{
  content:"";position:absolute;inset:0;z-index:4;pointer-events:none;
  box-shadow:inset 0 0 0 3px #f4ecd7;
}
.karo:hover{z-index:5}
.rozet-ok{color:#4c7030;font-weight:600;font-size:11.5px}
.rozet-yok{color:var(--soluk);font-size:11.5px}
#harita-panel{
  width:284px;flex:none;align-self:stretch;overflow-y:auto;
  padding:9px 12px 11px;scrollbar-width:thin;
}
.hp-baslik{
  display:flex;justify-content:space-between;align-items:baseline;gap:8px;
  border-bottom:1px solid var(--cizgi-soft);padding-bottom:5px;margin-bottom:7px;
}
.hp-baslik b{color:#5d4a17;font-size:15px}
.hp-baslik span{color:var(--soluk);font-size:12px;font-variant-numeric:tabular-nums;flex:none}
.hp-satir{font-size:12.5px;margin:5px 0;display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.hp-satir img.mini{width:16px;height:16px;vertical-align:-3px}
@media (max-width:1100px){
  #harita-ekran{padding-left:196px}
  #harita-panel{width:236px}
}

/* ---------- modal ---------- */
#modal{
  position:fixed;inset:0;z-index:90;
  background:rgba(8,6,3,.62);
  display:flex;align-items:center;justify-content:center;padding:20px;
}
#modal-kutu{
  position:relative;width:min(700px,96vw);max-height:88vh;
  display:flex;flex-direction:column;
  padding:16px 16px 14px;
}
#modal-icerik{overflow-y:auto;padding:2px 4px}
#modal-kapat{
  position:absolute;top:-13px;right:-11px;z-index:5;
  width:34px;height:34px;border-radius:50%;
  background:#efece4;border:1px solid #a99f8a;color:#4a3d22;
  font-size:15px;box-shadow:0 2px 6px rgba(0,0,0,.4);
}
#modal-kapat:hover{background:#e2dccd;border-color:var(--bronz)}

/* bina kurma menüsü */
.sec-kat{
  font-family:Georgia,serif;color:#5d4a17;font-size:13px;letter-spacing:.12em;
  text-transform:uppercase;border-bottom:1px solid var(--cizgi-soft);
  padding-bottom:3px;margin:14px 0 8px;
}
.sec-bina{
  display:flex;gap:12px;align-items:flex-start;
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);border-radius:4px;
  padding:9px 11px;margin-bottom:8px;
}
.sec-bina>img{width:56px;height:56px;object-fit:contain;flex:none}
.sec-ic{flex:1;min-width:0}
.sec-ic b{color:#5d4a17;font-size:14px}
.sec-ic p{font-size:12px;color:var(--soluk);margin:2px 0 4px;line-height:1.4}
.sec-ic .maliyet{margin:4px 0}

.bina-baslik{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.bina-baslik img{width:76px;height:76px;object-fit:contain;flex:none}
.bina-baslik h2{font-size:21px;color:#5d4a17}
.bina-baslik .sv{color:var(--soluk);font-size:13px;font-family:"Segoe UI",sans-serif;letter-spacing:.05em;margin-left:8px}
.bina-baslik p{font-size:12.5px;color:var(--soluk)}
.etki{font-size:13px;color:var(--soluk);margin:6px 0}
.etki b{color:var(--murekkep)}
.maliyet{display:flex;gap:12px;font-size:13px;margin:8px 0;flex-wrap:wrap}
.maliyet span{display:flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums;font-weight:600}
.maliyet img{width:20px;height:20px;object-fit:contain}
.maliyet .yetmez{color:var(--kirmizi)}
.ayrac{border:none;border-top:1px solid var(--cizgi-soft);margin:14px 0}
.bolum-baslik{font-family:Georgia,serif;color:#5d4a17;font-size:16px;letter-spacing:.06em;margin-bottom:8px}
.satir{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sayi-gir{
  width:88px;background:#f6f3ec;border:1px solid var(--cizgi);border-radius:4px;
  padding:7px 9px;text-align:right;
}
.sayi-gir:focus{outline:none;border-color:var(--bronz)}
.ipucu{font-size:12.5px;color:var(--soluk);margin-top:6px}
.buyuk-sayi{font-size:20px;color:var(--bronz);font-variant-numeric:tabular-nums;font-weight:700}
.statlar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}
.stat{background:var(--kutu-2);border:1px solid var(--cizgi-soft);border-radius:4px;padding:6px 4px;text-align:center}
.stat b{display:block;font-size:15px;color:var(--murekkep)}
.stat i{font-style:normal;font-size:10.5px;color:var(--soluk);letter-spacing:.06em}

.hedef{
  border:1px solid var(--cizgi-soft);border-radius:4px;background:var(--kutu-2);
  padding:9px 11px;margin-bottom:8px;
}
.hedef-ust{display:flex;justify-content:space-between;align-items:baseline}
.hedef-ust h4{color:#5d4a17;font-size:14.5px;font-family:Georgia,serif;letter-spacing:.04em}
.hedef-ust span{font-size:11.5px;color:var(--soluk)}
.hedef-bilgi{display:flex;gap:14px;font-size:12px;color:var(--soluk);margin:4px 0 8px}
.hedef-bilgi b{color:var(--murekkep)}

.rapor{
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);border-left:3px solid var(--gold-koyu);
  border-radius:4px;padding:9px 13px;margin-bottom:9px;
}
.rapor.kotu{border-left-color:var(--kirmizi)}
.rapor h4{font-size:14px;color:#5d4a17;font-family:Georgia,serif;letter-spacing:.04em}
.rapor.kotu h4{color:var(--kirmizi)}
.rapor time{font-size:11px;color:var(--soluk);float:right}
.rapor p{font-size:12.5px;margin-top:3px}

/* oyuncu savaşı: kompakt özet satırı */
.rp-ozet{
  display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;
  margin-top:7px;padding-top:7px;border-top:1px solid var(--cizgi-soft);
  font-size:12.5px;color:var(--soluk);
}

/* görsel çarpışma raporu */
.sr{margin-top:8px;border-top:1px solid var(--cizgi-soft);padding-top:7px}
.sr-etiket{
  font-family:Georgia,serif;font-size:10.5px;letter-spacing:.18em;
  color:#8a7a52;margin:6px 0 5px;
}
.sr-grid{display:flex;flex-wrap:wrap;gap:7px}
.sr-birim{width:58px;text-align:center}
.sr-portre{
  width:58px;height:58px;border-radius:5px;padding:3px;
  background:var(--kutu-koyu);border:1px solid var(--cizgi-soft);
  display:flex;align-items:center;justify-content:center;
}
.sr-portre img{max-width:100%;max-height:100%;object-fit:contain}
.sr-gonderilen{font-size:13px;font-weight:700;color:var(--murekkep);font-variant-numeric:tabular-nums;margin-top:2px}
.sr-kayip{font-size:12px;font-weight:700;color:var(--kirmizi);font-variant-numeric:tabular-nums}
.sr-kayip.yok{color:#b3ac9c;font-weight:400}
.sr-savunan{font-size:12.5px;color:var(--soluk)}
.sr-savunan b{color:var(--murekkep)}
.sr-ganimet{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin-top:7px;padding-top:6px;border-top:1px dashed var(--cizgi-soft);
}
.sr-etiket-mini{font-size:11.5px;color:#8a7a52;letter-spacing:.06em}
.sr-gan{display:flex;align-items:center;gap:4px;font-size:12.5px;font-variant-numeric:tabular-nums}
.sr-gan img{width:18px;height:18px;object-fit:contain}
.sr-gan b{color:var(--murekkep)}

/* ---------- istatistik: sunucu sıralamaları ---------- */
#modal-kutu.genis{width:min(880px,96vw)}

/* kendi obanın özet şeridi */
.oba-ozet{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:11px}
.ozet-kutu{
  flex:1 1 105px;background:var(--kutu-2);border:1px solid var(--cizgi-soft);
  border-radius:5px;padding:5px 8px 6px;text-align:center;
}
.ozet-kutu b{display:block;font-size:15px;color:#5d4a17;font-variant-numeric:tabular-nums}
.ozet-kutu i{display:block;font-style:normal;font-size:10px;letter-spacing:.08em;color:var(--soluk);text-transform:uppercase}
.ozet-kutu em{display:block;font-style:normal;font-size:10.5px;color:var(--bronz);margin-top:2px;font-variant-numeric:tabular-nums}

/* diplomasi */
.dip-rozet{
  font-size:11px;letter-spacing:.06em;padding:2px 8px;border-radius:3px;
  vertical-align:4px;border:1px solid;
}
.dip-dost{color:#3f6b2e;border-color:#8fae72;background:rgba(63,107,46,.12)}
.dip-ateskes{color:#8a6220;border-color:#c8a763;background:rgba(138,98,32,.12)}
.dip-dusman{color:#a03325;border-color:#c69384;background:rgba(160,51,37,.12)}
.davet-bilgi em.dip-dost,.davet-bilgi em.dip-ateskes,.davet-bilgi em.dip-dusman{
  border:none;background:none;padding:0;display:block;font-size:11px;margin-top:2px;
}
.bos-lider{color:var(--soluk);font-weight:400;font-style:italic}

/* tılsım / zafer bandı */
.tilsim-bant{
  display:flex;justify-content:space-between;align-items:baseline;gap:8px;
  padding:7px 12px;margin-bottom:8px;border-radius:6px;
  background:linear-gradient(#2e1a44,#241536);border:1px solid #6b3fa0;
  color:#e6d7ff;font-size:12.5px;box-shadow:0 2px 8px rgba(0,0,0,.35);
}
.tilsim-bant b{font-family:Georgia,serif;letter-spacing:.04em}
.tilsim-bant span{font-variant-numeric:tabular-nums;color:#c9a6f5;font-weight:600}
.tilsim-bant.zafer{
  background:linear-gradient(#3b2352,#2b1840);border-color:#a06fe0;
  animation:zaferNabiz 2s ease-in-out infinite;
}
@keyframes zaferNabiz{0%,100%{box-shadow:0 0 0 0 rgba(160,111,224,.4)}50%{box-shadow:0 0 14px 2px rgba(160,111,224,.55)}}
.tilsim-bant.bitti{
  background:linear-gradient(#5d4a17,#3f320f);border-color:var(--bronz);
  color:#f4ead0;cursor:pointer;
}
@media (prefers-reduced-motion:reduce){ .tilsim-bant.zafer{animation:none} }
.tilsim-aktif{color:#b479f0}

/* zafer ekranı */
.zafer-kutu{text-align:center;padding:14px 10px}
.zafer-tug{display:flex;justify-content:center;margin-bottom:12px;line-height:0}
.zafer-tug .bayrak{border-radius:6px;box-shadow:0 6px 22px rgba(0,0,0,.45)}
.zafer-kutu h2{font-size:30px;color:#5d4a17;letter-spacing:.05em;margin-bottom:2px}
.zafer-alt{color:var(--soluk);font-size:14px;margin-bottom:12px}
.zafer-tilsimlar{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:14px}
.zafer-tilsim{
  font-size:12px;padding:4px 10px;border-radius:4px;
  background:#2e1a44;border:1px solid #6b3fa0;color:#e6d7ff;
}

/* pazar: kervan yükü */
.kervan-yuk{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px}
.kervan-oge{
  display:flex;align-items:center;gap:5px;padding:4px 7px;
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);border-radius:5px;
}
.kervan-oge img{width:22px;height:22px;object-fit:contain}
.kervan-oge .sayi-gir{width:74px}

/* üst geçiş: oyuncular / ittifaklar */
.ist-kipler{display:flex;gap:4px;margin-bottom:7px}
.ist-kip{
  padding:6px 22px 7px;font-family:Georgia,serif;font-size:13.5px;letter-spacing:.05em;
  background:var(--kutu-2);border:1px solid var(--cizgi);border-radius:5px;color:var(--soluk);
}
.ist-kip:hover{color:var(--ink);background:#efece3}
.ist-kip.aktif{
  background:linear-gradient(#6b5524,#513f18);border-color:#3d2f11;color:#f4ead0;font-weight:600;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}

/* sekmeler */
.ist-sekmeler{display:flex;gap:3px;align-items:flex-end;border-bottom:2px solid var(--bronz)}
.ist-sekme{
  padding:5px 15px 6px;font-size:12.5px;letter-spacing:.03em;
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);border-bottom:none;
  border-radius:5px 5px 0 0;color:var(--soluk);
}
.ist-sekme:hover{color:var(--ink);background:#efece3}
.ist-sekme.aktif{background:var(--bronz);border-color:var(--bronz);color:#fff8e8;font-weight:600}

.ist-panel{padding-top:0}
.ist-govde{border:1px solid var(--cizgi-soft);border-top:none;background:#fbfaf6;padding:0 0 8px}
.ist-serit{
  background:var(--kutu-2);border-bottom:1px solid var(--cizgi-soft);
  padding:6px 11px;font-family:Georgia,serif;font-size:13.5px;color:#5d4a17;letter-spacing:.04em;
}

/* sıralama tablosu */
.ist-liste{width:100%;border-collapse:collapse;font-size:12.5px}
.ist-liste th{
  padding:5px 8px;text-align:left;font-size:11px;letter-spacing:.06em;
  color:var(--soluk);text-transform:uppercase;border-bottom:1px solid var(--cizgi-soft);
}
.ist-liste th.ist-sayi{text-align:right}
.ist-liste td{padding:4px 8px;border-bottom:1px solid #eceadf}
.ist-liste tbody tr:nth-child(even){background:#f5f3ec}
.ist-liste tbody tr:hover{background:#efeade}
.ist-sira{width:44px;color:var(--soluk);font-variant-numeric:tabular-nums}
.ist-ad{color:var(--ink)}
.ist-it{color:var(--bronz);font-weight:600}
.ist-it-ad{color:var(--soluk);font-weight:400;font-size:11px}
.ist-sayi{text-align:right;font-variant-numeric:tabular-nums}
.ist-liste tr.ist-benim,
.ist-liste tbody tr.ist-benim:nth-child(even){background:#e8ecd6;box-shadow:inset 2px 0 0 var(--bronz)}
.ist-liste tr.ist-benim .ist-ad{font-weight:700;color:#4c5a22}

/* alt bar: arama + sayfalama */
.ist-alt{
  display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;
  padding:8px 10px 2px;
}
.ist-ara{display:flex;align-items:center;gap:6px}
.ist-etiket{font-size:11.5px;color:var(--soluk)}
.ist-sira-gir{width:66px}
.ist-ad-gir{
  width:120px;padding:3px 7px;font-size:12.5px;
  background:#fff;border:1px solid var(--cizgi-soft);border-radius:4px;color:var(--ink);
}
.ist-sayfalar{display:flex;align-items:center;gap:2px}
.ist-sf{
  min-width:23px;padding:2px 5px;font-size:11.5px;border-radius:3px;
  border:1px solid transparent;color:var(--bronz);
}
.ist-sf:hover:not(:disabled){background:var(--kutu-2);border-color:var(--cizgi-soft)}
.ist-sf:disabled{color:#c3bcaa}
.ist-sf.simdi{background:var(--bronz);border-color:var(--bronz);color:#fff8e8;font-weight:700}
.ist-nokta{color:var(--soluk);padding:0 2px}

/* bayraklar, tıklanır adlar, ittifak çağrısı */
.bayrak{vertical-align:-3px;border-radius:2px;flex:none}
.it-etiket{display:inline-flex;align-items:center;gap:4px}
.ist-ad.tikla,.it-etiket.tikla{cursor:pointer}
.ist-ad.tikla:hover,.it-etiket.tikla:hover{color:var(--bronz);text-decoration:underline}
.ist-liste .ist-ad .bayrak{margin-right:4px}
.ist-cagri{
  display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;
  padding:7px 10px;background:#f4f1e8;border-bottom:1px solid var(--cizgi-soft);
  font-size:12.5px;color:var(--soluk);
}

/* sağ sütun: köy satırındaki kılıç göstergeleri */
.oba-kilic-kap{display:inline-flex;gap:3px;margin-right:6px;vertical-align:1px}
.oba-kilic{
  width:17px;height:17px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:10px;line-height:1;border:1px solid;
  animation:kilicYanip 1.15s ease-in-out infinite;
}
.oba-kilic.giden{color:#3f6b2e;border-color:#3f6b2e;background:rgba(63,107,46,.14)}
.oba-kilic.gelen{color:#a03325;border-color:#a03325;background:rgba(160,51,37,.14)}
@keyframes kilicYanip{0%,100%{opacity:1}50%{opacity:.28}}
@media (prefers-reduced-motion:reduce){ .oba-kilic{animation:none} }

/* kuyruk: saldırı satırları */
.kuyruk-satir .tur.giden{color:#3f6b2e}
.kuyruk-satir .tur.gelen{color:#a03325;font-weight:700}
.kuyruk-satir.tehlike{background:rgba(160,51,37,.07)}

/* bina modali: nüfus / kültür büyüme satırı */
.buyume-satir{
  display:flex;gap:14px;flex-wrap:wrap;margin:4px 0 9px;
  font-size:12px;color:var(--soluk);
}
.bs-oge i{font-style:normal;margin-right:5px}
.bs-oge b{color:#5d4a17;font-variant-numeric:tabular-nums}

/* bina kurma menüsü: kilitli bina */
.sec-bina.kilitli{opacity:.62}
.sec-bina.kilitli img{filter:grayscale(1) brightness(.8)}
.sec-sart{color:var(--kirmizi);font-size:11.5px;margin:2px 0 4px}

/* ittifak sözü */
.ittifak-soz{
  font-size:14px;line-height:1.6;color:var(--metin,var(--ink));
  border-left:2px solid var(--bronz);padding-left:12px;margin:0 0 6px;
}

/* profiller */
.geri-btn{font-size:12px;color:var(--soluk);margin-bottom:6px}
.geri-btn:hover{color:var(--bronz)}
.profil-bas{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.profil-bayrak{flex:none;line-height:0}
.profil-bayrak .bayrak{border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.profil-ad{flex:1;min-width:150px}
.profil-ad h2{font-size:22px;color:#5d4a17;line-height:1.15}
.profil-alt{font-size:12.5px;color:var(--soluk)}
.profil-sen{
  font-size:11px;letter-spacing:.08em;color:#4c5a22;background:#e8ecd6;
  border:1px solid #b9c397;border-radius:3px;padding:1px 6px;vertical-align:3px;
}
.profil-ittifak{
  display:flex;align-items:center;gap:9px;padding:6px 12px 6px 8px;
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);border-radius:6px;
}
.profil-ittifak:hover{border-color:var(--bronz)}
.profil-ittifak b{display:block;font-size:14px;color:#5d4a17}
.profil-ittifak i{display:block;font-style:normal;font-size:11px;color:var(--soluk)}
.profil-form{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:11px}
.ist-ad-gir.uzun{width:180px}

/* ittifak çağrıları (Kurultay) */
.alt-baslik{
  font-family:Georgia,serif;font-size:13px;color:#5d4a17;letter-spacing:.05em;
  border-bottom:1px solid var(--cizgi-soft);padding-bottom:3px;margin:12px 0 7px;
}
.davet-sat{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:var(--kutu-2);border:1px solid var(--cizgi-soft);border-radius:6px;
  padding:7px 10px;margin-bottom:6px;
}
.davet-bayrak{line-height:0;flex:none}
.davet-bilgi{flex:1;min-width:130px;font-size:12.5px}
.davet-bilgi b{color:#5d4a17;font-size:13.5px}
.davet-bilgi i{font-style:normal;color:var(--soluk)}
.davet-bilgi em{display:block;font-style:normal;font-size:11px;color:var(--soluk);margin-top:1px}
.davet-dugme{display:flex;gap:5px;flex:none}
.btn.tehlike{color:#a03325;border-color:#c69384}
.btn.tehlike:hover:not(:disabled){background:#efd9d2;border-color:#a03325}

/* bayrak düzenleyici */
.bayrak-oniz{display:flex;justify-content:center;margin-bottom:11px;line-height:0}
.bayrak-oniz .bayrak{border-radius:5px;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.bayrak-secim{display:flex;flex-direction:column;gap:3px}
.bayrak-etiket{font-size:10.5px;letter-spacing:.07em;color:var(--soluk);text-transform:uppercase;margin-top:5px}
.bayrak-satir{display:flex;flex-wrap:wrap;gap:5px}
.bayrak-dugme{
  width:34px;height:34px;padding:3px;border-radius:4px;line-height:0;
  background:var(--kutu-2);border:2px solid var(--cizgi-soft);
  display:flex;align-items:center;justify-content:center;
}
.bayrak-dugme:hover{border-color:var(--cizgi)}
.bayrak-dugme.secili{border-color:var(--bronz);box-shadow:0 0 0 1px var(--bronz)}
.bayrak-nokta{width:20px;height:20px;border-radius:3px;display:block;border:1px solid rgba(0,0,0,.25)}

/* mesajlar */
.msj-sat{border-bottom:1px solid #eceadf;background:#fff}
.msj-sat:nth-child(even){background:#f7f5ef}
.msj-sat.yeni .msj-kisi,.msj-sat.yeni .msj-konu{font-weight:700;color:var(--ink)}
.msj-sat.acik{background:#f2efe4}
.msj-ust{display:flex;align-items:baseline;gap:10px;padding:6px 11px;cursor:pointer;font-size:12.5px}
.msj-ust:hover{background:rgba(0,0,0,.03)}
.msj-kisi{flex:none;width:140px;color:var(--bronz);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msj-konu{flex:1;color:var(--soluk);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msj-t{flex:none;font-size:11px;color:var(--soluk);font-variant-numeric:tabular-nums}
.msj-metin{padding:2px 12px 9px;font-size:13px;line-height:1.6;color:var(--ink)}
.msj-sat .satir{padding:0 11px 9px}
.msj-form{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:9px 11px 4px}
.msj-govde{
  display:block;width:calc(100% - 22px);margin:0 11px;padding:7px 9px;
  font:inherit;font-size:13px;line-height:1.55;color:var(--ink);
  background:#fff;border:1px solid var(--cizgi-soft);border-radius:5px;resize:vertical;
}
.ist-govde>.satir{padding:9px 11px 0}
.ist-govde>.ipucu{padding:4px 11px 0}

/* ilk 10 kutuları */
.ist-top10{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:9px}
.ist-kutu{border:1px solid var(--cizgi-soft);border-radius:5px;background:#fff;overflow:hidden}
.ist-kutu-bas{
  background:var(--kutu-2);border-bottom:1px solid var(--cizgi-soft);
  padding:5px 9px;font-size:12px;color:#5d4a17;letter-spacing:.03em;
}
.ist-mini{font-size:12px}
.ist-mini td,.ist-mini th{padding:3px 8px}
.ist-mini .ist-sira{width:30px}
@media (max-width:760px){
  .ist-top10{grid-template-columns:1fr}
  .ist-sekme{padding:5px 9px;font-size:11.5px}
  .ist-alt{justify-content:center}
}

/* ---------- açılış ---------- */
#landing{
  position:fixed;inset:0;z-index:100;
  background:
    linear-gradient(rgba(10,8,4,.55),rgba(10,8,4,.88) 75%,#0a0804),
    url("../assets/landing.jpg") center/cover no-repeat #0a0804;
  display:flex;align-items:center;justify-content:center;
  overflow-y:auto;padding:30px 14px;
}
.landing-ic{max-width:840px;width:100%;text-align:center}
.landing-ic h1{font-size:54px;color:var(--gold);letter-spacing:.2em;text-shadow:0 3px 18px rgba(0,0,0,.9)}
.landing-ic h1 em{font-size:26px;color:#93835f}
.slogan{color:#d9c9a1;margin:8px 0 26px;font-size:16px;text-shadow:0 2px 8px #000}
.form-satir{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px}
.form-satir label{font-size:14px;color:#93835f}
.form-satir input{
  background:rgba(15,12,7,.85);border:1px solid #3a2f1d;border-radius:3px;
  padding:9px 12px;width:230px;color:#d9c9a1;
}
.form-satir input:focus{outline:none;border-color:var(--gold-koyu)}
#irk-secim{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}
@media (max-width:700px){#irk-secim{grid-template-columns:1fr}}
.irk-kart{
  background:rgba(22,17,10,.88);border:1px solid #3a2f1d;border-radius:6px;
  padding:14px 12px;cursor:pointer;transition:border-color .15s,transform .15s;color:#d9c9a1;
}
.irk-kart:hover{transform:translateY(-3px)}
.irk-kart img{height:190px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.7))}
.irk-kart h3{font-size:19px;margin:8px 0 4px}
.irk-kart p{font-size:12.5px;color:#93835f;line-height:1.45}
.irk-kart.secili{border-color:var(--irk);box-shadow:0 0 0 1px var(--irk),0 0 26px -6px var(--irk)}
.irk-kart.secili h3{color:var(--irk)}
#landing .btn{
  background:#2a2213;border:1px solid var(--gold-koyu);color:var(--gold);box-shadow:none;
}
#landing .btn:hover:not(:disabled){background:#372c15;border-color:var(--gold)}

/* ---------- çekmece sekmeleri (mobil) ---------- */
.cekmece-tab{display:none}
#cekmece-perde{display:none}

@media (max-width:900px){
  #menu{gap:12px}
  .menu-btn,.menu-btn img{width:46px;height:46px}
  .logo{display:none}
  #sag-sutun{width:210px}
  #resbar{width:170px}
  .res-kutu img{width:34px;height:34px}
  .landing-ic h1{font-size:36px}
}

/* ---------- mobil: kaydırmalı yan paneller ---------- */
@media (max-width:760px){
  /* kiriş ortalanır; oba kutusu yerini ⋯ menüsüne bırakır */
  #ust{top:6px;padding:0 8px;justify-content:center;position:relative}
  #kiris{padding:7px 24px;border-radius:13px}
  #kiris::before{left:9px}
  #kiris::after{right:9px}
  #menu{gap:9px}
  .menu-btn,.menu-btn img{width:44px;height:44px}
  .oba-bilgi{display:none}
  /* ⋯ butonu yok: oba kartına sağ çekmece sekmesinden ulaşılır */

  /* iki panel de ekran dışında bekler, sekmeyle kayarak girer —
     arkalarında pano yok, yalnız kutuların kendisi görünür */
  #resbar, #sag-sutun{
    top:0;bottom:0;height:100%;max-height:none;
    padding:78px 10px 16px;margin:0;
    background:none;border:none;box-shadow:none;
    overflow-y:auto;overflow-x:visible;z-index:60;
    transition:transform .26s ease;
  }
  #resbar{
    left:0;right:auto;width:196px;
    transform:translateX(-104%);
  }
  #sag-sutun{
    right:0;left:auto;width:232px;
    transform:translateX(104%);
  }
  body.sol-acik #resbar{transform:translateX(0)}
  body.sag-acik #sag-sutun{transform:translateX(0)}

  /* çekmece kutuları kendi gölgeleriyle sahnenin üstünde dursun */
  #resbar .res-kutu, #sag-sutun .cerceve, #resbar .ordu-kutu{
    width:100%;box-shadow:0 4px 14px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.6);
  }
  #resbar .ordu-kutu{box-shadow:0 4px 14px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12)}

  .cekmece-tab{
    display:flex;align-items:center;justify-content:center;
    position:fixed;top:50%;transform:translateY(-50%);
    width:26px;height:64px;z-index:61;
    background:linear-gradient(#f2efe8,var(--kutu));
    border:1px solid var(--cizgi);color:#5d4a17;font-size:13px;
    box-shadow:0 3px 10px rgba(0,0,0,.5);
    transition:transform .26s ease;
  }
  #cek-sol{left:0;border-radius:0 8px 8px 0;border-left:none}
  #cek-sag{right:0;border-radius:8px 0 0 8px;border-right:none}
  body.sol-acik #cek-sol{transform:translate(196px,-50%)}
  body.sag-acik #cek-sag{transform:translate(-232px,-50%)}

  #cekmece-perde{
    position:fixed;inset:0;z-index:55;background:rgba(6,5,3,.45);
    opacity:0;pointer-events:none;transition:opacity .26s;
  }
  body.sol-acik #cekmece-perde,
  body.sag-acik #cekmece-perde{display:block;opacity:1;pointer-events:auto}

  #queue-banner{width:min(320px,88vw);bottom:10px;padding:6px 10px}
  #altyazi{display:none}

  /* harita: tam genişlik (sağ sütun çekmecede) */
  #harita-ekran{flex-direction:column;padding:66px 8px 8px;gap:8px}
  .harita-ipucu{display:none}
  #karo-menu{width:min(280px,92vw)}
  #modal{padding:12px}
  #modal-kutu{border-width:20px;padding:12px}
  .statlar{grid-template-columns:repeat(2,1fr)}
  .sec-bina>img{width:44px;height:44px}
}