:root {
  --panel-zemin: rgba(14, 12, 10, .78);
  --panel-zemin-koyu: rgba(10, 8, 7, .9);
  --panel-cizgi: rgba(214, 186, 122, .55);
  --panel-cizgi-soluk: rgba(214, 186, 122, .22);
  --panel-golge: 0 8px 22px rgba(0, 0, 0, .45);
}

.simge, .kaynakSimge, .olaySimge, .pencereSimge, .durumSimge { flex: none; }



.panel {
  background: var(--panel-zemin);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  border: 1px solid var(--panel-cizgi);
  border-radius: 6px;
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, .55),
    inset 0 1px 0 rgba(255, 240, 210, .08),
    var(--panel-golge);
}


.levha.logo {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 46px;
  padding: 0 22px;
  background: var(--panel-zemin-koyu);
  border: 1px solid var(--panel-cizgi);
  border-radius: 4px;
  box-shadow:
    inset 0 0 0 3px rgba(10, 8, 7, .9),
    inset 0 0 0 4px var(--panel-cizgi-soluk),
    var(--panel-golge);
}

.levha.logo::before,
.levha.logo::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 7px;
  height: 7px;
  margin-top: -3.5px;
  background: var(--altin);
  transform: rotate(45deg);
}
.levha.logo::before { left: -4px; }
.levha.logo::after { right: -4px; }

.levha.logo span {
  font: 700 26px var(--oyma);
  letter-spacing: .1em;
  color: #f3e8d0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
}







#solUst {
  position: absolute;
  left: 14px;
  top: 12px;
  display: grid;
  grid-template-columns: minmax(186px, max-content);
  row-gap: 8px;
  z-index: 5;
}

#solUst .durum {
  width: 0;
  min-width: 100%;
}


.kalkanRozet {
  justify-self: start; display: flex; align-items: center; gap: 7px; padding: 3px 12px 3px 4px; cursor: pointer;
  background: linear-gradient(180deg, rgba(22, 46, 30, .94), rgba(12, 28, 18, .94));
  border: 1px solid rgba(124, 214, 136, .6); border-radius: 999px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(0, 0, 0, .5);
  font: 700 12.5px var(--yazi); color: #c6f0c9; white-space: nowrap;
}
.kalkanRozet[hidden] { display: none; }
.kalkanRozet img { width: 24px; height: 24px; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .8)); }
.kalkanRozet b { color: #f1fff1; font-variant-numeric: tabular-nums; letter-spacing: .02em; }





.etkinlikDugme {
  position: relative; width: 0; min-width: 100%; height: 46px; display: flex; align-items: center; gap: 7px; padding: 0 6px 0 5px;
  cursor: pointer; overflow: hidden; text-align: left; white-space: nowrap; isolation: isolate;
  background: linear-gradient(90deg, #5c0f0b 0%, #a52a17 30%, #c8481d 50%, #a52a17 70%, #5c0f0b 100%);
  border: 1px solid #f3c96a; border-radius: 6px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 220, 150, .35);
  font: 700 13px var(--yazi); color: #fff3d6;
}
.etkinlikDugme[hidden] { display: none; }

.etkinlikDugme::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: 0; pointer-events: none;
  background: radial-gradient(ellipse at 50% 50%, rgba(255, 196, 90, .75), rgba(255, 140, 40, .25) 60%, rgba(255, 120, 40, 0) 100%); }
.etkinlikDugme::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 80px; opacity: 0; pointer-events: none;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 248, 220, .6), rgba(255, 255, 255, 0)); transform: translateX(-90px); }
.etkinlikDugme.nabiz::before { animation: etkinlikParla .9s ease-in-out 3; }
.etkinlikDugme.nabiz::after { animation: etkinlikIsik 1.4s ease-in-out 2; }
@keyframes etkinlikParla { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
@keyframes etkinlikIsik { 0% { opacity: 1; transform: translateX(-90px); } 100% { opacity: 1; transform: translateX(520px); } }
@media (prefers-reduced-motion: reduce) { .etkinlikDugme.nabiz::before, .etkinlikDugme.nabiz::after { animation: none; } }
.etkinlikDugme img { width: 30px; height: 30px; object-fit: contain; flex: none; filter: drop-shadow(0 0 6px rgba(255, 220, 140, .6)) drop-shadow(0 1px 2px rgba(0, 0, 0, .8)); }
.etkinlikGovde { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.etkinlikUst { display: flex; align-items: center; gap: 6px; min-width: 0; }
.etkinlikEtiket { flex: none; padding: 1px 5px 0; border-radius: 3px; background: #f3c96a; color: #4a0d08;
  font: 800 9.5px/1.3 var(--oyma); letter-spacing: .12em; text-transform: uppercase; }
.etkinlikDugme b { min-width: 0; overflow: hidden; text-overflow: ellipsis; font: 800 13.5px/1.15 var(--yazi); color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .7); }
.etkinlikDugme em { min-width: 0; overflow: hidden; text-overflow: ellipsis; font: 700 11px var(--yazi); font-style: normal; color: #ffe2a0;
  font-variant-numeric: tabular-nums; }
.etkinlikOk { flex: none; font: 800 20px/1 var(--yazi); font-style: normal; color: #ffe2a0; margin-top: -2px; }

.etkinlikBaslikResim { width: 34px; height: 34px; object-fit: contain; }
.etkinlikPencere { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 4px 6px 2px; }
.etkinlikResim { width: 92px; height: 92px; object-fit: contain; filter: drop-shadow(0 0 18px rgba(255, 207, 90, .45)) drop-shadow(0 3px 4px rgba(0, 0, 0, .7)); }
.etkinlikPencere h3 { margin: 0; font: 800 22px var(--oyma); letter-spacing: .04em; color: #ffe2a0; }
.etkinlikOzet { margin: 0; font: 600 15px/1.4 var(--yazi); color: var(--metin); max-width: 440px; }
.etkinlikMaddeler { margin: 2px 0 0; padding: 10px 14px 10px 36px; text-align: left; align-self: stretch; counter-reset: none;
  font: 600 14.5px/1.45 var(--yazi); color: var(--metin); background: rgba(0, 0, 0, .25); border: 1px solid var(--panel-cizgi-soluk); border-radius: 6px; }
.etkinlikMaddeler li + li { margin-top: 4px; }
.etkinlikMaddeler li::marker { color: #ffcf5a; font-weight: 800; }
.etkinlikSure { display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 8px 18px; border: 1px solid rgba(240, 200, 110, .55);
  border-radius: 6px; background: rgba(40, 28, 10, .6); }
.etkinlikSure span { font: 700 11px var(--oyma); letter-spacing: .14em; text-transform: uppercase; color: #e9c77e; }
.etkinlikSure b { font: 800 16px var(--yazi); color: #fff2cf; }
.etkinlikSure small { font: 700 13px var(--yazi); color: #f6dc9a; font-variant-numeric: tabular-nums; }
.etkinlikBag { min-width: 220px; justify-content: center; text-decoration: none; }
.etkinlikNot { margin: 0; max-width: 460px; }

.etkinlikKatilim { align-self: stretch; display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; text-align: left;
  border: 1px dashed var(--panel-cizgi-soluk); border-radius: 6px; background: rgba(0, 0, 0, .2); }
.etkinlikKatilim label { font: 700 13px var(--yazi); color: var(--soluk, #cdbb92); }
.etkinlikKatilimSatir { display: flex; gap: 8px; }
.etkinlikKatilimSatir input { flex: 1; min-width: 0; height: 34px; }
.etkinlikKatilim.katildi { flex-direction: row; align-items: center; justify-content: space-between; border-style: solid;
  border-color: rgba(143, 209, 138, .5); font: 700 14px var(--yazi); color: #b6e6b1; }
.etkinlikKatilim.katildi b { color: #fff; }




.yardimKutu { position: absolute; left: 14px; bottom: 130px; width: 224px; z-index: 6; }
.yardimForm { display: flex; align-items: center; gap: 6px; padding: 6px 8px; }
.yardimForm .durumSimge { flex: none; width: 18px; height: 18px; }
.yardimForm input { flex: 1; min-width: 0; height: 30px; padding: 0 8px; font-size: 13px; }
.yardimForm .dugme { flex: none; height: 30px; min-height: 0; padding: 0 10px; }
.yardimKart { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 440px; max-height: 76%;
  overflow-y: auto; padding: 12px 14px 14px; z-index: 30; font-size: 15px; line-height: 1.5; color: var(--metin); }
.yardimBaslik { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.yardimBaslik b { color: var(--altin); font-size: 15px; }
.yardimKapat { flex: none; background: none; border: 0; color: var(--soluk); font-size: 22px; line-height: 1; cursor: pointer;
  padding: 0 2px; }
.yardimGovde p { margin: 0 0 8px; }
.yardimMetin { margin-bottom: 8px; }
.yardimMetin ol, .yardimMetin ul { margin: 4px 0 0; padding-left: 20px; }
.yardimMetin li { margin-bottom: 4px; }
.yardimSoruSatir { display: flex; align-items: center; gap: 8px; padding-top: 8px; border-top: 1px solid rgba(224, 187, 108, .2); }
.yardimSoruSatir span { flex: 1; color: var(--soluk); font-weight: 700; }
.yardimCipler { display: flex; flex-wrap: wrap; gap: 6px; }
.yardimCip { border: 1px solid rgba(224, 187, 108, .4); background: rgba(224, 187, 108, .08); color: var(--metin);
  border-radius: 14px; padding: 4px 10px; font: inherit; font-size: 13px; cursor: pointer; }
.yardimCip:hover { background: rgba(224, 187, 108, .18); }
.yardimEk { margin: 10px 0 6px; color: var(--soluk); font-size: 13px; }
.yardimNedenForm { display: flex; gap: 6px; }
.yardimNedenForm input { flex: 1; min-width: 0; height: 32px; padding: 0 8px; }
.yardimTamam { color: #9fe0a0; }
.yardimGit { margin: 2px 0 10px; }
.yardimIkinci { padding-top: 8px; border-top: 1px solid rgba(224, 187, 108, .2); }

.durum {
  padding: 8px 12px 9px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.durumSatir {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
}

.durumSimge {
  width: 22px;
  height: 22px;
  color: var(--altin);
}

.durumAd {
  color: var(--soluk);
  font-weight: 700;
}

.durumSatir strong {
  font: 800 19px var(--yazi);
  color: var(--metin);
}

.durumEk {
  color: var(--yesil);
  font-size: 13.5px;
  font-weight: 700;
}

.durumSatir.isciSatir { flex-wrap: wrap; row-gap: 0; }
.isciSatir .durumEk { flex-basis: 100%; padding-left: 30px; margin-top: -3px; }

.cubukKutu { flex: 1; }

.cubukUst {
  display: flex;
  justify-content: space-between;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--metin);
}

.cubuk {
  height: 6px;
  margin-top: 3px;
  border-radius: 3px;
  background: rgba(255, 255, 255, .1);
  overflow: hidden;
}

.cubuk span {
  display: block;
  height: 100%;
  border-radius: 3px;
  background: linear-gradient(90deg, #7fcf5f, #b8f09a);
}

.altinCubuk span { background: linear-gradient(90deg, #b0852e, #f0cf7c); }



.kaynakSeridi {
  position: absolute;
  left: 50%;
  top: 10px;
  transform: translateX(-50%);
  display: flex;
  margin: 0;
  padding: 5px 10px;
  list-style: none;
  z-index: 5;
}

.kaynak {
  position: relative;
  display: grid;
  grid-template-columns: 32px auto;
  grid-template-rows: auto auto;
  column-gap: 6px;
  align-items: center;
  min-width: 84px;
  padding: 3px 9px 3px 6px;
}

.kaynak + .kaynak::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: var(--panel-cizgi-soluk);
}

.kaynakSimge {
  grid-row: 1 / 3;
  width: 32px;
  height: 32px;
  object-fit: contain;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .6));
}

.kaynakAd {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--soluk);
  line-height: 1.1;
}

.miktar {
  font: 800 16px var(--yazi);
  color: var(--metin);
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
}

.kaynakSatir {
  display: flex;
  align-items: baseline;
  gap: 5px;
  white-space: nowrap;
}

.oran {
  font-size: 11px;
  font-weight: 700;
  color: var(--yesil);
}

.oran.eksi { color: var(--kirmizi); }

.elmasAl {
  position: absolute;
  right: 4px;
  bottom: 5px;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 1px solid rgba(155, 227, 255, .6);
  border-radius: 50%;
  background: rgba(45, 143, 214, .55);
  color: #fff;
  font-weight: 800;
  font-size: 13px;
  line-height: 1;
}



.dugmeSutunu {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 5;
}





#sagUst { left: 14px; bottom: 72px; flex-direction: row; }
#solAlt { left: 14px; bottom: 14px; flex-direction: row; }



.kareDugme {
  position: relative;
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--panel-cizgi);
  border-radius: 6px;
  background: var(--panel-zemin);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .55), var(--panel-golge);
  color: #ecd9ae;
  transition: background .12s, border-color .12s;
}

.kareDugme svg { width: 24px; height: 24px; }
.kareDugme:hover { background: rgba(40, 32, 22, .9); border-color: var(--altin); }
.kareDugme:active { transform: translateY(1px); }
.kareDugme.kucuk { width: 40px; height: 40px; }
.kareDugme.kucuk svg { width: 18px; height: 18px; }



#altOrta {
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 5;
}

.hapDugme {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 18px 0 12px;
  color: var(--metin);
  font-weight: 700;
  font-size: 15px;
}

.hapDugme svg { width: 22px; height: 22px; color: var(--altin); }
.hapDugme:hover { border-color: var(--altin); }

.hapRozet {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 14px;
  color: var(--soluk);
  font: 700 14px var(--yazi);
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}



#koyYonu {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  will-change: transform;
}
#koyYonu[hidden] { display: none; }
.koyYonuDaire {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(18, 15, 11, .88);
  border: 1px solid rgba(224, 187, 108, .75);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .55), inset 0 0 0 2px rgba(10, 8, 7, .6);
}
.koyYonuDaire svg { width: 24px; height: 24px; fill: none; stroke: #f0c75a; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.koyYonuUzak {
  padding: 2px 8px;
  border-radius: 4px;
  background: rgba(18, 15, 11, .88);
  border: 1px solid rgba(224, 187, 108, .35);
  color: #f6ecd4;
  font: 700 13px var(--yazi);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
#koyYonu:hover .koyYonuDaire, #koyYonu:focus-visible .koyYonuDaire { border-color: #f3d58c; }


#koordinat { pointer-events: auto; cursor: pointer; }
#koordinat:hover, #koordinat:focus-visible { border-color: var(--altin); color: var(--metin); outline: none; }
.koordinatForm { display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; align-items: end; }
.koordinatForm label, .koordinatAlan { display: grid; gap: 4px; min-width: 0; }
.koordinatForm label span, .koordinatAlan > span { font: 800 13px var(--yazi); color: var(--soluk); }

.koordinatGirdi { display: flex; gap: 6px; min-width: 0; }
.koordinatIsaret { flex: none; width: 40px; height: 40px; border: 1px solid rgba(224, 187, 108, .55); border-radius: 4px;
  background: rgba(6, 9, 16, .88); color: #ffe7a8; font: 800 18px var(--yazi); cursor: pointer; }
.koordinatIsaret:hover { border-color: #f3d58c; }
.koordinatIpucu { margin: 10px 0 0; }
.koordinatForm input { width: 100%; min-width: 0; height: 40px; padding: 0 10px; border: 1px solid var(--panel-cizgi-soluk); border-radius: 4px;
  font: 700 16px var(--yazi); font-variant-numeric: tabular-nums; }
.koordinatForm .dugme { height: 40px; }



#sagAlt {
  position: absolute;
  right: 14px;
  bottom: 14px;
  width: 262px;
  padding: 8px 12px 10px;
  z-index: 5;
}

.panelBaslik {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 5px;
  margin-bottom: 7px;
  border-bottom: 1px solid var(--panel-cizgi-soluk);
  font: 700 14px var(--oyma);
  letter-spacing: .08em;
  color: #eedcb0;
}

.panelBaslik.ikinci { margin-top: 10px; }

.baslikEk {
  font: 700 12.5px var(--yazi);
  letter-spacing: 0;
  color: var(--soluk);
}

.sehirListesi, .olayListesi {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sehirSatir {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  padding: 0 10px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 4px;
  background: rgba(255, 255, 255, .04);
  color: var(--metin);
}

.sehirSatir.aktif {
  border-color: var(--panel-cizgi);
  background: rgba(214, 186, 122, .12);
}

.sehirSatir:hover { border-color: var(--altin); }
.sehirAd { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 800; font-size: 15px; }
.sehirMerkez { flex: none; margin-left: 6px; white-space: nowrap; font-size: 13px; font-weight: 700; color: var(--soluk); }

.koyYuvalari {
  display: flex;
  gap: 4px;
  margin-top: 7px;
}

.yuva {
  flex: 1;
  height: 5px;
  border-radius: 2px;
  background: rgba(255, 255, 255, .12);
}

.yuva.dolu { background: var(--altin); }

.sehirMerkez i { font-style: normal; }


.sehirListesi.ikiSutun { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4px; }
.sehirListesi.ikiSutun .sehirSatir { height: 30px; padding: 0 5px 0 8px; }
.sehirListesi.ikiSutun .sehirAd { font-size: 13.5px; }
.sehirListesi.ikiSutun .sehirMerkez i { display: none; }
.sehirListesi.ikiSutun .sehirMerkez {
  min-width: 22px;
  padding: 1px 5px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 3px;
  background: rgba(0, 0, 0, .3);
  text-align: center;
  font-size: 12px;
  font-weight: 800;
  color: #eedcb0;
}

.yeniKoyAlani:empty { display: none; }
.yeniKoyAlani { margin-top: 8px; }
.yeniKoyDugme { height: auto; min-height: 34px; padding-top: 4px; padding-bottom: 5px; font-size: 13.5px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; }

.yeniKoyBedel { font: 700 11.5px var(--yazi); letter-spacing: 0; text-transform: none; opacity: .85; }

.yeniKoyDugme.pasif { opacity: .55; filter: grayscale(.6); }
.kurulusSatir {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 6px 5px 10px;
  border: 1px dashed var(--panel-cizgi);
  border-radius: 5px;
  font: 700 13.5px var(--yazi);
  color: var(--soluk);
}
.kurulusSatir span, .kurulusSatir .kurulusGit { flex: 1; }
.kurulusGit { padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.kurulusSatir b { color: var(--metin); }


.harita.yerSecimi, .harita.yerSecimi svg { cursor: crosshair; }
.yerSecimiSeridi {
  position: absolute;
  left: 50%;
  top: 76px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 10px 8px 16px;
  z-index: 8;
  font: 800 15px var(--yazi);
  color: var(--metin);
}
.yerSecimiSeridi .engel { margin: 0; }
.yerSecimiSeridi .ipucu { font-size: 13px; opacity: .8; }
.yerSecimiSeridi .uygunYer { color: #8fe06f; }
.kurulmakta { opacity: .55; }

.olayListesi {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
}

.olay {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  width: 100%;
  padding: 6px 0 5px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 4px;
  background: rgba(255, 255, 255, .03);
  color: var(--soluk);
  font-size: 12px;
  font-weight: 700;
}

.olay:hover { border-color: var(--altin); color: var(--metin); }
.olaySimge { width: 22px; height: 22px; }
.olay.kirmizi .olaySimge { color: #ff8a76; }
.olay.mavi .olaySimge { color: var(--mavi); }
.olay.altin .olaySimge { color: var(--altin); }
.olay.yesil .olaySimge { color: var(--yesil); }

.olaySayi {
  position: absolute;
  top: 3px;
  right: 6px;
  font-size: 11px;
  color: var(--soluk);
}



.pencere {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 470px;

  max-height: min(620px, calc(var(--sahneBoy, 640px) - 20px));
  display: flex;
  flex-direction: column;
  background: var(--panel-zemin-koyu);
  z-index: 10;
}

.pencere .pencereGovde { min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; }



html.telefon .noktaKoyler, html.telefon .gelistirmeListe, html.telefon .seferBirimler, html.telefon .seferlerKutu,
html.telefon .engelListe { max-height: none; overflow: visible; }

.pencere[hidden] { display: none; }

.pencereUst {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 10px 10px 16px;
  border-bottom: 1px solid var(--panel-cizgi-soluk);
}

.pencereUst h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font: 700 18px var(--oyma);
  letter-spacing: .05em;
  color: #f3e8d0;
}

.pencereSimge { width: 40px; height: 40px; object-fit: contain; }

.seviyeRozet, .iliskiRozet {
  padding: 2px 9px;
  border: 1px solid var(--panel-cizgi);
  border-radius: 999px;
  font: 800 12.5px var(--yazi);
  letter-spacing: 0;
  color: var(--altin);
}

.iliski-ben { border-color: var(--altin); color: var(--altin); }
.iliski-muttefik { border-color: var(--camgobegi); color: var(--camgobegi); }
.iliski-yabanci { border-color: var(--kirmizi); color: var(--kirmizi); }
.iliski-arkadas { border-color: #5b8cff; color: #8fb0ff; }
.iliski-asi { border-color: #e0a45c; color: #e0a45c; }

#pencereKapat, #profilKapat { margin-left: auto; }

.pencereGovde { padding: 14px 16px 16px; }

.bilgiIzgara {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.bilgiIzgara > div {
  padding: 8px 11px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 4px;
  background: rgba(255, 255, 255, .03);
}

.etiketYazi {
  display: block;
  color: var(--soluk);
  font-size: 13px;
  font-weight: 700;
}

.bilgiIzgara strong { font-size: 17px; font-weight: 800; }

.dolulukCubuk {
  display: flex;
  height: 8px;
  margin: 12px 0 4px;
  border-radius: 4px;
  background: rgba(255, 255, 255, .1);
  overflow: hidden;
}

.benimPay { background: var(--yesil); }
.digerPay { background: var(--kirmizi); }

.digerListe {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  font-size: 15px;
}

.digerListe li {
  display: flex;
  justify-content: space-between;
  padding: 4px 2px;
  color: #ffc4b8;
}

.digerAd { font-weight: 800; }

.kaydirmaEtiket {
  display: block;
  margin-top: 14px;
  font-size: 16px;
  font-weight: 700;
}

.kaydirmaEtiket strong { color: var(--yesil); font-size: 20px; }

.isciAyar { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 8px; }
.isciAyar strong { min-width: 72px; text-align: center; color: var(--yesil); font: 800 24px var(--yazi); font-variant-numeric: tabular-nums; }
.isciAdim { width: 44px; height: 38px; min-width: 0; padding: 0; font: 800 22px var(--yazi); line-height: 1; }

#isciKaydir {
  width: 100%;
  margin: 10px 0 2px;
  accent-color: #d9b56a;
  height: 30px;
}

.kaydirmaUclari {
  display: flex;
  justify-content: space-between;
  color: var(--soluk);
  font-size: 13px;
  font-weight: 700;
}

.ipucu {
  margin: 8px 0 0;
  color: var(--soluk);
  font-size: 15px;
  font-weight: 700;
}

.uyari {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 4px;
  font-size: 15px;
  line-height: 1.4;
  border: 1px solid;
}

.uyari.sari { background: rgba(217, 181, 106, .1); border-color: rgba(217, 181, 106, .45); color: #f3e3bd; }
.uyari.kirmizi { background: rgba(255, 106, 85, .1); border-color: rgba(255, 106, 85, .45); color: #ffd4cc; }
.uyari.gri { background: rgba(255, 255, 255, .04); border-color: rgba(255, 255, 255, .15); color: var(--soluk); }
.uyari strong { color: var(--metin); }

.otoIsciUyari { display: flex; align-items: center; gap: 10px; }
.otoIsciUyari span { flex: 1; min-width: 0; }
.otoIsciUyari .dugme { flex: none; }


.kalkanUyari {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 4px;
  background: rgba(255, 106, 85, .14);
  border: 1px solid rgba(255, 106, 85, .7);
  border-left-width: 4px;
  color: #ffd4cc;
  font-size: 15px;
  line-height: 1.35;
}
.kalkanUyari > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kalkanUyari b { color: #ffb0a2; font-size: 16px; }
.kalkanUyari u { text-decoration-color: rgba(255, 176, 162, .7); text-underline-offset: 2px; }
.kalkanUyariSimge { width: 30px; height: 30px; flex: none; object-fit: contain; }

.dugmeler {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
}

.dugme {
  height: 44px;
  padding: 0 22px;
  border-radius: 4px;
  border: 1px solid;
  font: 700 15px var(--oyma);
  letter-spacing: .06em;
  transition: filter .12s, background .12s;
}

.dugme:hover { filter: brightness(1.12); }
.dugme:active { transform: translateY(1px); }

.dugme.birincil {
  border-color: #e9c77a;
  background: linear-gradient(180deg, #d9b56a, #9c7630);
  color: #1c1307;
}

.dugme.ikincil {
  border-color: var(--panel-cizgi);
  background: rgba(255, 255, 255, .05);
  color: #eedcb0;
}

.dugme.tehlike {
  border-color: #ff8b7b;
  background: linear-gradient(180deg, #c8493a, #8a2618);
  color: #fff;
}



.bildirim {
  position: absolute;
  left: 50%;
  top: 76px;
  transform: translate(-50%, -8px);
  max-width: 560px;
  padding: 10px 20px;
  background: var(--panel-zemin-koyu);
  color: var(--metin);
  font-weight: 700;
  font-size: 15px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s, transform .2s;
  z-index: 20;
}

.bildirim.gorunur {
  opacity: 1;
  transform: translate(-50%, 0);
}



.ipucu.ust { margin: 0 0 10px; }

.binaListesi {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.binaSatir {
  width: 100%;
  min-height: 50px;
  padding: 6px 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 4px;
  background: rgba(255, 255, 255, .03);
  color: var(--metin);
  text-align: left;
}

.binaSatir strong { font-size: 14.5px; font-weight: 800; }
.binaSatir span { font-size: 12px; font-weight: 700; color: var(--soluk); line-height: 1.2; }
.binaSatir:hover { border-color: var(--altin); }
.binaSatir.kurulu { opacity: .45; cursor: default; }
.binaSatir.kurulu:hover { border-color: var(--panel-cizgi-soluk); }
.binaSatir small { font-size: 12px; font-weight: 800; color: #d8c49a; }
.binaSatir.kilitli { opacity: .6; }
.binaSatir.kilitli span { color: #ff9f8f; }



.altBaslik { margin: 12px 0 6px; font: 700 14px var(--oyma); letter-spacing: .06em; color: #eedcb0; }
.bedel { list-style: none; margin: 0 0 6px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.bedel li {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px 4px 5px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 6px;
  background: rgba(255, 255, 255, .04);
}
.bedel span { font: 800 17px var(--yazi); color: var(--metin); }
.bedel small { font: 700 12px var(--yazi); color: var(--soluk); }
.bedel li.yetmez span { color: var(--kirmizi); }
.bedelSimge { width: 28px; height: 28px; object-fit: contain; }
.bilgiSatir { margin: 6px 0; font: 700 14px var(--yazi); color: var(--soluk); }
.bilgiSatir b { color: var(--metin); }
.engel { margin: 6px 0; padding: 6px 10px; border-radius: 5px; background: rgba(255, 106, 85, .12); color: #ffb4a6; font: 700 13.5px var(--yazi); }



.isListesi { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 6px; }
.isListesi li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 8px 6px 10px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 5px;
  background: rgba(255, 255, 255, .03);
}



.isAdi { flex: 1; font: 800 15px var(--yazi); color: var(--metin); white-space: nowrap; }
.isAdi b { color: var(--altin); }
.sayac { font: 800 16px var(--yazi); font-style: normal; color: var(--yesil); font-variant-numeric: tabular-nums; }
.bekliyor { font: 700 13px var(--yazi); font-style: normal; color: var(--soluk); }

.bekliyor.eksikIs { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 2px 8px; text-align: right; color: #f0b968; }
.eksikKaynak { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.eksikSimge { width: 18px; height: 18px; object-fit: contain; }
.eksikSure { flex-basis: 100%; font: 700 11.5px var(--yazi); color: var(--soluk); }
.isListesi .eksikIs { flex: 1; }
.isIptal {
  width: 26px;
  height: 26px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 50%;
  background: rgba(0, 0, 0, .35);
  color: var(--soluk);
  font: 700 17px var(--yazi);
  line-height: 1;
}
.isIptal:hover { border-color: var(--kirmizi); color: var(--kirmizi); }


.koySagPaneller {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 300px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 5;
  cursor: default;
}
.insaatPaneli, .orduPaneli { padding: 8px 12px 2px; }


.binaYikAlan { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 14px; padding-top: 10px; border-top: 1px solid rgba(224, 187, 108, .18); }
.binaYikAlan .dugme { flex: none; }
.binaYikAlan small { flex: 1 1 200px; color: var(--soluk); font: 700 12.5px var(--yazi); }
.koySagPaneller .panelBaslik { margin-bottom: 6px; }

html.orduAcik:not(.dikeyEtkin) #sahne > #orduPaneli { position: absolute; left: 14px; bottom: 184px; width: 300px; max-height: calc(var(--sahneBoy, 640px) - 200px);
  overflow-y: auto; z-index: 9; }
html.orduAcik:not(.dikeyEtkin) #sahne > #orduPaneli .panelBaslik { margin-bottom: 6px; }
html.orduAcik #orduDugme { border-color: var(--altin); }
.orduPaneli .ipucu { margin: 2px 0 8px; font-size: 13px; }
.orduListesi { list-style: none; margin: 0 0 8px; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; }
.orduListesi button {
  position: relative;
  width: 100%;
  height: 62px;
  padding: 0;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 5px;
  background: rgba(0, 0, 0, .3);
  overflow: hidden;
}
.orduListesi button:hover { border-color: var(--altin); }
.orduResmi {
  position: absolute;
  left: 2px;
  top: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 30px);
  object-fit: contain;
  object-position: 50% 100%;
}

.orduListesi .orduAd { position: absolute; left: 2px; right: 2px; bottom: 15px; font: 700 10.5px/13px var(--yazi); font-style: normal;
  color: #e8d9b0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-shadow: 0 1px 2px #000; }
.orduListesi b {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  font: 800 12.5px var(--yazi);
  color: var(--metin);
  background: rgba(0, 0, 0, .55);
  text-align: center;
  line-height: 15px;
}



.pencere.genis { width: 980px; }

.sekmeCubugu {
  display: flex;
  gap: 6px;
  margin: 0 0 12px;
  border-bottom: 2px solid rgba(232, 196, 106, .55);
}
.pencereSekme {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 46px;
  padding: 0 12px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-bottom: 0;
  border-radius: 7px 7px 0 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(0, 0, 0, .3));
  color: var(--soluk);
  font: 700 15.5px var(--oyma);
  letter-spacing: .05em;
  cursor: pointer;
  transition: background .12s, color .12s;
}
.pencereSekme:hover { color: #eedcb0; background: linear-gradient(180deg, rgba(232, 196, 106, .14), rgba(0, 0, 0, .25)); }
.pencereSekme.secili {
  color: #fff3d2;
  border-color: var(--altin);
  background: linear-gradient(180deg, rgba(232, 196, 106, .42), rgba(232, 196, 106, .12));
  box-shadow: inset 0 3px 0 var(--altin-acik), 0 -4px 14px rgba(232, 196, 106, .18);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.sekmeSimge { width: 24px; height: 24px; flex: none; color: var(--soluk); }
.pencereSekme:hover .sekmeSimge { color: #eedcb0; }
.pencereSekme.secili .sekmeSimge { color: var(--altin-acik); filter: drop-shadow(0 0 4px rgba(232, 196, 106, .6)); }
.birimIzgara { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
.birimKarti {
  display: grid;
  grid-template-columns: 118px 1fr;
  gap: 10px;
  padding: 8px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 6px;
  background: rgba(255, 255, 255, .03);
}
.birimKarti.kilitli { opacity: .62; }
.birimKarti.kilitli .birimResmi img { filter: grayscale(.8); }
.birimResmi {
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: radial-gradient(ellipse at 50% 85%, rgba(214, 186, 122, .18), rgba(0, 0, 0, .35) 70%);
  cursor: pointer;
  overflow: hidden;
}
.birimResmi img { width: 118px; height: 168px; object-fit: contain; object-position: 50% 100%; display: block; }
.birimGovde header { display: flex; align-items: baseline; gap: 8px; }
.birimGovde header strong { font: 700 17px var(--oyma); color: #f3e8d0; letter-spacing: .03em; }
.birimGovde header em { font: 700 12px var(--yazi); font-style: normal; color: var(--altin); }
.koydeki { margin-left: auto; font: 800 12px var(--yazi); color: var(--yesil); }
.birimRol { margin: 2px 0 5px; font: 700 12.5px var(--yazi); color: var(--soluk); line-height: 1.25; }
.birimDeger { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px 8px; margin: 0 0 5px; }
.birimDeger div { display: flex; justify-content: space-between; gap: 4px; font: 700 12px var(--yazi); }
.birimDeger dt { color: var(--soluk); }
.birimDeger dd { margin: 0; color: var(--metin); font-weight: 800; }
.birimBedel { margin: 0 0 5px; font: 700 12px var(--yazi); color: #d8c49a; }
.adetSatir { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.birimKarti, .birimGovde { min-width: 0; }
.adetSatir input {
  width: 64px;
  height: 30px;
  padding: 0 6px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 4px;
  background: rgba(0, 0, 0, .45);
  color: var(--metin);
  font: 800 15px var(--yazi);
  text-align: center;
  user-select: text;
  -webkit-user-select: text;
}
.adetDugme {
  width: 28px;
  height: 30px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 4px;
  background: rgba(255, 255, 255, .05);
  color: var(--metin);
  font: 800 17px var(--yazi);
  line-height: 1;
}
.kucukDugme { height: 30px; min-width: 0; padding: 0 9px; font-size: 12.5px; white-space: nowrap; }
.birimToplam { margin: 4px 0 0; font: 700 11.5px var(--yazi); color: var(--soluk); }
.kuyrukResmi { width: 34px; height: 40px; object-fit: contain; object-position: 50% 100%; }
.birimAyrinti { display: grid; grid-template-columns: 170px 1fr; gap: 14px; }
.birimBuyukResim { width: 170px; height: 240px; object-fit: contain; object-position: 50% 100%; }
.birimNot { margin: 0 0 8px; font: italic 700 12.5px var(--yazi); color: #cdb98f; }
.insaatPaneli .ipucu { margin: 2px 0 8px; font-size: 13px; }



.miniHarita {
  position: absolute;
  right: 14px;
  top: 12px;
  width: 176px;
  height: 176px;
  border-radius: 50%;
  padding: 4px;
  background: var(--panel-zemin-koyu);
  box-shadow:
    0 0 0 1px var(--panel-cizgi),
    0 0 0 4px rgba(10, 8, 7, .85),
    0 0 0 5px rgba(214, 186, 122, .3),
    var(--panel-golge);
  z-index: 6;
}

.miniHarita canvas {
  display: block;
  width: 168px;
  height: 168px;
  border-radius: 50%;
  cursor: grab;
  touch-action: none;
}
.miniHarita canvas.surukleniyor { cursor: grabbing; }

.miniAciklama {
  position: absolute;
  right: 202px;
  top: 72px;
  margin: 0;
  padding: 7px 11px 7px 9px;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--metin);
  z-index: 6;
}

.miniAciklama li { display: flex; align-items: center; gap: 7px; }
.miniAciklama i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .7);
}
.miniAciklama i.kucuk { width: 6px; height: 6px; margin: 0 2px; }
.miniAciklama i.kare {
  width: 12px;
  height: 8px;
  border-radius: 1px;
  background: none;
  box-shadow: inset 0 0 0 1.5px rgba(255, 246, 220, .9);
}



body.koyKipi .miniHarita,
body.koyKipi .miniAciklama,
body.koyKipi .sunucuSaati { display: none; }


.miniRozet { display: none; position: absolute; z-index: 7; width: 28px; height: 28px; padding: 0; align-items: center;
  justify-content: center; border-radius: 50%; border: 1.5px solid #e3bf72; background: rgba(14, 16, 26, .94); color: #f3d58c;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .7), 0 2px 6px rgba(0, 0, 0, .55); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.miniRozet svg { width: 16px; height: 16px; }
.miniRozet .renkNokta { position: relative; width: 16px; height: 16px; }
.miniRozet .renkNokta i { position: absolute; width: 7px; height: 7px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(0, 0, 0, .7); }

.sunucuSaati {
  position: absolute; right: 14px; top: 196px; width: 176px; height: 24px; z-index: 5;
  display: flex; align-items: center; justify-content: center; gap: 7px; padding: 0 10px; border-radius: 12px;
  pointer-events: none;
}
.sunucuSaati .ssSus { font-size: 7px; color: rgba(224, 187, 108, .7); }
.sunucuSaati .ssEtiket { font: 700 10px var(--oyma); letter-spacing: .14em; text-transform: uppercase; color: var(--soluk); }
.sunucuSaati .ssSaat { font: 700 14px var(--oyma); letter-spacing: .06em; color: #ffe7a8; font-variant-numeric: tabular-nums; }



.acilis {
  position: absolute;
  top: 0;
  bottom: 0;

  left: calc(50% - 660px);
  width: 1320px;
  z-index: 40;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 26px;



  background: url(../gorsel/acilis-arka.webp) -320px -200px / 1960px 1040px no-repeat;
  transition: opacity .45s;
}



#acilisZemin {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 1960px;
  height: 1040px;
  transform: translate(-50%, -50%) scale(var(--olcek));
  background: url(../gorsel/acilis-arka.webp) 0 0 / 100% 100% no-repeat;
  pointer-events: none;
  visibility: hidden;
  transition: opacity .45s;
}



html.hazir.acilisAcik #acilisZemin { visibility: visible; }
html.acilisKapaniyor #acilisZemin { opacity: 0; }


html.acilisAcik:not(.acilisKapaniyor) #sahne { box-shadow: none; background: transparent; }
html.acilisAcik:not(.acilisKapaniyor) #sahne > :not(#acilis):not(#pencere):not(#onay):not(#bildirim) {
  visibility: hidden;
}

.acilis.kapaniyor { opacity: 0; pointer-events: none; }
.acilis > .acilisBaslik, .acilis > .panel { position: relative; z-index: 1; }

.acilisBaslik { text-align: center; margin-bottom: 18px; }
.acilisBaslik h1 {
  margin: 0;
  font: 800 64px var(--oyma);
  letter-spacing: .16em;
  padding-left: .16em;
  color: #f6ebcf;
  text-shadow: 0 3px 18px rgba(0, 0, 0, .75), 0 0 2px rgba(0, 0, 0, .9);
}
.acilisBaslik p {
  margin: 2px 0 0;
  font: 700 17px var(--yazi);
  letter-spacing: .08em;
  color: #e8d6a8;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .9);
}


.acilisDurum {
  position: relative;
  z-index: 1;
  margin-top: 26px;
  padding: 10px 26px;
  border-radius: 6px;
  background: rgba(12, 9, 6, .55);
  font: 700 19px var(--yazi);
  letter-spacing: .06em;
  color: #f0e2bd;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .9);
}
.acilisDurum:empty { display: none; }



.acilis.baslaAcik { padding-top: 10px; }
.acilis.baslaAcik .acilisBaslik { margin-bottom: 8px; }
.acilis.baslaAcik .acilisBaslik h1 { font-size: 36px; }
.acilis.baslaAcik .acilisBaslik p { display: none; }

.acilisPanel {
  width: 440px;
  padding: 16px 20px 18px;
  background: var(--panel-zemin-koyu);
}


#girisPanel[data-kip="kayit"] .alanlar { display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; }
#girisPanel[data-kip="unuttum"] .sekmeler,
#girisPanel[data-kip="yenile"] .sekmeler,
#girisPanel[data-kip="sosyal"] .sekmeler { display: none; }


#girisPanel:not([data-kip="giris"]):not([data-kip="kayit"]) .sosyalGiris { display: none; }
.sosyalGiris { margin-top: 8px; }
.sosyalGiris.gizli { display: none; }
.sosyalAyrac { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; font: 700 12px var(--yazi); color: var(--soluk); }
.sosyalAyrac::before, .sosyalAyrac::after { content: ''; flex: 1; height: 1px; background: rgba(224, 187, 108, .3); }
.sosyalDugmeler { display: flex; gap: 8px; }
.sosyalDugme { flex: 1; min-width: 0; height: 36px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 0 10px;
  border-radius: 4px; font: 600 14px/1 var(--yazi); cursor: pointer; white-space: nowrap; }
.sosyalDugme svg { flex: none; width: 18px; height: 18px; }
.sosyalDugme.google { border: 1px solid #747775; background: #fff; color: #1f1f1f; }



.sosyalDugme.apple { border: 1px solid #fff; background: #fff; color: #000; }
.sosyalDugme.apple .appleTam { display: none; height: 100%; max-width: 100%; object-fit: contain; }
.sosyalDugme.apple .appleLogo { flex: none; width: 24px; height: 24px; margin: 0 -6px 0 -4px; }
.sosyalDugmeler.tek .sosyalDugme.apple, .dikSosyal .sosyalDugme.apple { padding: 0; }
.sosyalDugmeler.tek .sosyalDugme.apple .appleTam, .dikSosyal .sosyalDugme.apple .appleTam { display: block; }
.sosyalDugmeler.tek .sosyalDugme.apple .appleLogo, .sosyalDugmeler.tek .sosyalDugme.apple span,
.dikSosyal .sosyalDugme.apple .appleLogo, .dikSosyal .sosyalDugme.apple span { display: none; }
.sosyalDugme.facebook { border: 1px solid #1877f2; background: #1877f2; color: #fff; }

.sosyalDugmeler.uclu .sosyalDugme span { font-size: 13px; }
.sosyalDugme:hover { filter: brightness(.94); }
.sosyalDugme:disabled { opacity: .6; cursor: default; }
.formBaslik { margin: 2px 0 4px; font: 700 20px var(--oyma); letter-spacing: .06em; color: #f3e8d0; }
.formAciklama { margin: 0 0 12px; line-height: 1.35; }
.formBaslik:empty, .formAciklama:empty { display: none; }
.formAlt { display: flex; align-items: center; gap: 10px; min-height: 18px; }
.baglanti {
  margin-left: auto;
  padding: 0;
  border: 0;
  background: none;
  color: var(--altin);
  font: 700 13.5px var(--yazi);
  cursor: pointer;
}
.baglanti:hover { text-decoration: underline; }
.hataYazi.olumlu { color: #a8d89a; }



.devletAdi {
  position: absolute;
  transform: translate(-50%, -100%);
  padding: 0 2px 3px;
  border-bottom: 2px solid;
  font: 700 13px var(--oyma);
  letter-spacing: .16em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #f3e6c4;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .95), 0 0 10px rgba(0, 0, 0, .7);
  pointer-events: none;
}
.devletAdi-hun { left: 190px; top: 280px; border-color: #c8513e; }
.devletAdi-gokturk { left: 1178px; top: 390px; border-color: #4f93d8; }
.devletAdi-selcuklu { left: 732px; top: 512px; border-color: #d9bd86; }
.acilis.baslaAcik .devletAdi { display: none; }

.sekmeler { display: flex; gap: 6px; margin-bottom: 14px; }
.sekme {
  flex: 1;
  height: 40px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 4px;
  background: rgba(255, 255, 255, .03);
  color: var(--soluk);
  font: 700 15px var(--oyma);
  letter-spacing: .04em;
}
.sekme.secili { border-color: var(--altin); color: #f3e8d0; background: rgba(214, 186, 122, .12); }

.alan { display: block; margin-bottom: 10px; }
.alan span { display: block; margin-bottom: 4px; font-size: 13.5px; font-weight: 700; color: var(--soluk); }
.alan input {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 4px;
  background: rgba(0, 0, 0, .45);
  color: var(--metin);
  font: 700 17px var(--yazi);
  user-select: text;
  -webkit-user-select: text;
}
.alan input:focus { outline: none; border-color: var(--altin); }

.ipucu.kucuk { margin: 2px 0 6px; font-size: 13px; }
.hataYazi { min-height: 18px; margin: 4px 0 8px; color: #ff8f7d; font-size: 14px; font-weight: 700; }
.dugme.genis { width: 100%; }
.dugme:disabled { opacity: .55; cursor: default; filter: none; }





.baslaPanel { position: relative; width: 1240px; padding: 12px 16px 14px; }
.adimBaslik { margin: 0 0 10px; font: 700 18px var(--oyma); letter-spacing: .12em; color: #eedcb0; }
.baslaSil { position: absolute; top: 4px; right: 12px; padding: 14px 8px; font-size: 14px; }

.devletler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.devlet-hun { --renk: #e0604c; --renk-golge: rgba(224, 96, 76, .45); }
.devlet-gokturk { --renk: #5fa8ff; --renk-golge: rgba(95, 168, 255, .45); }
.devlet-selcuklu { --renk: #4fc4b2; --renk-golge: rgba(79, 196, 178, .45); }
.devletKart {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 500px;
  overflow: hidden;
  border: 1px solid rgba(232, 196, 106, .38);
  border-radius: 6px;
  background: #0b0806;
  color: var(--metin);
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .6), 0 10px 26px rgba(0, 0, 0, .55);
  transition: border-color .2s, box-shadow .2s;
}
.devletResim {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 12%;
  transition: transform .5s ease;
  user-select: none;
  -webkit-user-drag: none;
}

.devletKart::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 6, 4, 0) 34%, rgba(8, 6, 4, .62) 52%, rgba(8, 6, 4, .93) 64%, rgba(8, 6, 4, .98) 100%);
  pointer-events: none;
}
.devletKart::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--renk), transparent);
  opacity: .85;
}
.devletKart:hover, .devletKart.secili { border-color: var(--renk); box-shadow: 0 0 0 1px var(--renk), 0 0 26px var(--renk-golge), 0 10px 26px rgba(0, 0, 0, .55); }
.devletKart:hover .devletResim { transform: scale(1.035); }
.devletGovde { position: relative; z-index: 1; display: flex; flex-direction: column; padding: 0 20px 18px; }
.devletGovde strong {
  font: 700 40px/1.05 var(--oyma);
  letter-spacing: .06em;
  background: linear-gradient(180deg, #fff3cf 0%, #f0cf7a 55%, #b98a35 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .9));
}
.devletGovde em { margin: 2px 0 6px; font: 800 15px var(--yazi); font-style: normal; letter-spacing: .16em; text-transform: uppercase; color: var(--renk);
  text-shadow: 0 1px 3px rgba(0, 0, 0, .95), 0 0 8px rgba(0, 0, 0, .8); }


.devletOzellik { margin: 0 0 14px; padding: 8px 0 0; border-top: 1px solid rgba(232, 196, 106, .28); list-style: none; }
.devletOzellik li { position: relative; padding: 3px 0 3px 20px; font: 700 16.5px/1.3 var(--yazi); color: #f6ead0;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .95); }
.devletOzellik li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 10px;
  width: 8px;
  height: 8px;
  background: var(--renk);
  transform: rotate(45deg);
  box-shadow: 0 0 6px var(--renk-golge);
}
.devletSec { width: 100%; height: 50px; font-size: 19px; letter-spacing: .04em; }

.devletOneri { margin: 0 0 8px; padding: 5px 10px; border-left: 3px solid var(--renk); border-radius: 0 4px 4px 0;
  background: rgba(8, 6, 4, .62); font: 700 15px/1.3 var(--yazi); color: #fff1cf; text-shadow: 0 1px 3px rgba(0, 0, 0, .95); }


.bolgeAdimi { display: grid; grid-template-columns: 300px 1fr; gap: 22px; align-items: start; }
.bolgeAdimi[hidden], .devletAdimi[hidden] { display: none; }
.secilenDevlet { display: flex; flex-direction: column; gap: 12px; }
.secilenKart { position: relative; height: 420px; overflow: hidden; border: 1px solid var(--renk); border-radius: 6px;
  box-shadow: 0 0 0 1px var(--renk), 0 0 22px var(--renk-golge); }
.secilenKart img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; }
.secilenKart::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(8, 6, 4, 0) 45%, rgba(8, 6, 4, .92) 100%); }
.secilenKart div { position: absolute; z-index: 2; left: 16px; right: 16px; bottom: 14px; display: flex; flex-direction: column; }
.secilenKart span { font: 700 13px var(--yazi); letter-spacing: .14em; text-transform: uppercase; color: rgba(246, 234, 208, .7); }
.secilenKart strong { font: 700 34px var(--oyma); letter-spacing: .06em; color: #f6dc95; text-shadow: 0 2px 6px rgba(0, 0, 0, .9); }
.secilenKart em { font: 800 14px var(--yazi); font-style: normal; letter-spacing: .14em; text-transform: uppercase; color: var(--renk); }
.secilenKart p { margin: 6px 0 0; font: 600 15.5px/1.32 var(--yazi); color: rgba(246, 234, 208, .9); }
.devletDegistir { height: 52px; font-size: 17px; }
.bolgeSag { padding-top: 2px; }
.bolgeler { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 18px; }
.bolgeKart {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-height: 104px;
  padding: 14px 18px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 6px;
  background: rgba(255, 255, 255, .03);
  color: var(--metin);
  text-align: left;
}
.bolgeKart strong { font: 700 22px var(--oyma); letter-spacing: .04em; }
.bolgeKart span { font-size: 17px; font-weight: 700; color: var(--soluk); }
.bolgeKart em { font-style: normal; font-size: 15px; font-weight: 800; color: var(--yesil); }
.bolgeKart:hover { border-color: var(--panel-cizgi); }
.bolgeKart.secili { border-color: var(--altin); background: rgba(214, 186, 122, .14); box-shadow: 0 0 0 1px var(--altin); }
.bolgeKart:disabled { opacity: .45; cursor: default; }
.baslaAlt { display: flex; align-items: flex-end; gap: 16px; }
.baslaAlt .alan.satir { flex: 1; margin: 0; }
.baslaAlt .alan span { font-size: 16px; }
.baslaAlt .alan input { height: 54px; font-size: 20px; }
.baslaAlt .dugme { min-width: 240px; height: 54px; font-size: 20px; }
.bolgeSag .hataYazi { margin: 10px 0 0; font-size: 16px; }

.grafikAdimi[hidden] { display: none; }
.grafikAdimIpucu { margin: -4px 0 12px; font-size: 15px; }
.grafikKart { min-height: 0; }
.grafikKart span { font-size: 14.5px; font-weight: 600; line-height: 1.35; }


@media (pointer: coarse) {
  .devletGovde strong { font-size: 44px; }
  .devletGovde em { font-size: 17px; }
  .devletOzellik li { font-size: 19px; padding: 4px 0 4px 22px; }
  .devletOzellik li::before { top: 12px; }
  .devletSec { height: 58px; font-size: 22px; }
  .bolgeKart strong { font-size: 25px; }
  .bolgeKart span { font-size: 19px; }
  .bolgeKart em { font-size: 17px; }
  .grafikKart span { font-size: 16px; }
}



.yoneticiDugme { color: #ffd36a; }
.yoneticiDugme.acik { border-color: #ffd36a; box-shadow: 0 0 0 1px #ffd36a, 0 0 14px rgba(255, 211, 106, .45); }
.yoneticiIzgara { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 4px; }
.pencere.orta { width: 640px; }
.yoneticiIzgara .dugme { width: 100%; min-width: 0; height: 36px; font-size: 13.5px; white-space: nowrap; }
.yoneticiSeviye select {
  flex: 1;
  height: 30px;
  padding: 0 6px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 4px;
  background: rgba(0, 0, 0, .45);
  color: var(--metin);
  font: 700 14px var(--yazi);
}



.etkiTablosu { width: 100%; margin: 0 0 8px; border-collapse: collapse; font: 700 13.5px var(--yazi); }
.etkiTablosu th, .etkiTablosu td { padding: 4px 6px; border-bottom: 1px solid rgba(214, 186, 122, .14); text-align: right; }
.etkiTablosu tbody th { text-align: left; color: var(--soluk); font-weight: 700; }
.etkiTablosu thead th { color: #eedcb0; font: 700 12.5px var(--oyma); letter-spacing: .04em; }
.etkiTablosu td { color: var(--metin); font-weight: 800; white-space: nowrap; }
.etkiTablosu td.sonraki { color: var(--yesil); }
.seviyeTablosu { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3px; margin: 0 0 10px; }
.seviyeTablosu span {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  padding: 3px 6px;
  border-radius: 3px;
  background: rgba(255, 255, 255, .04);
  font: 800 12px var(--yazi);
  color: var(--metin);
}
.seviyeTablosu span b { color: var(--soluk); font-weight: 700; }
.seviyeTablosu span.gecti { opacity: .5; }
.seviyeTablosu span.bu { background: rgba(214, 186, 122, .22); box-shadow: 0 0 0 1px var(--altin); }
.acilanlar { display: flex; flex-wrap: wrap; gap: 5px; margin: 0 0 8px; }
.acilanlar span {
  padding: 2px 8px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 999px;
  font: 700 12.5px var(--yazi);
  color: var(--soluk);
}
.acilanlar span.acik { border-color: var(--yesil); color: var(--yesil); }



.pazarKurlar { display: grid; gap: 4px; margin: 0 0 10px; }
.pazarKurlar span { display: flex; align-items: center; gap: 8px; font: 700 13.5px var(--yazi); color: var(--soluk); }
.pazarKurlar b { color: var(--metin); }
.kurSimge { width: 24px; height: 24px; object-fit: contain; }
.pazarSatir { display: flex; align-items: flex-end; gap: 8px; margin: 0 0 6px; }
.pazarSatir label { display: flex; flex-direction: column; gap: 3px; }
.pazarSatir label span { font: 700 12.5px var(--yazi); color: var(--soluk); }
.pazarSatir select, .pazarSatir input {
  height: 34px;
  padding: 0 8px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 4px;
  background: rgba(0, 0, 0, .45);
  color: var(--metin);
  font: 800 14.5px var(--yazi);
}
.pazarSatir select { min-width: 150px; }
.pazarSatir input { width: 110px; user-select: text; -webkit-user-select: text; }
.pazarOk { padding-bottom: 7px; font: 800 18px var(--yazi); color: var(--altin); }
.pazarHizli { display: flex; gap: 5px; margin: 0 0 8px; }
.pazarOzet { margin: 0 0 6px; padding: 7px 10px; border-radius: 5px; background: rgba(255, 255, 255, .04); font: 700 14.5px var(--yazi); color: var(--soluk); }
.pazarOzet b { color: var(--metin); }
.pazarOzet b.yetmez { color: var(--kirmizi); }
.kaynak-altin, .kaynak-at { cursor: pointer; }
.kaynak-altin:hover .kaynakAd, .kaynak-at:hover .kaynakAd { color: var(--altin); }



.onayPerde {
  position: absolute;
  inset: 0;
  z-index: 30;
  display: grid;
  place-items: center;
  background: radial-gradient(ellipse at center, rgba(6, 5, 4, .42), rgba(6, 5, 4, .8));
  animation: onayPerdeAc .16s ease-out;
}
.onayPerde[hidden] { display: none; }

.onayKutu {
  position: relative;
  width: 430px;
  padding: 30px 30px 24px;
  text-align: center;
  border: 1px solid var(--panel-cizgi);
  border-radius: 6px;
  background:
    radial-gradient(ellipse 70% 55% at 50% 0%, rgba(214, 186, 122, .13), transparent 70%),
    linear-gradient(180deg, rgba(26, 21, 15, .97), rgba(11, 9, 7, .97));
  box-shadow:
    inset 0 0 0 4px rgba(10, 8, 7, .92),
    inset 0 0 0 5px var(--panel-cizgi-soluk),
    0 26px 70px rgba(0, 0, 0, .72);
  animation: onayKutuAc .2s cubic-bezier(.2, .9, .3, 1.15);
}


.onayKutu::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -8px;
  width: 14px;
  height: 14px;
  transform: translateX(-50%) rotate(45deg);
  background: #0c0a08;
  border: 1px solid var(--altin);
  box-shadow: 0 0 0 3px rgba(10, 8, 7, .92), 0 0 12px rgba(232, 196, 106, .35);
}
.onayKutu.tehlike::before { border-color: #ff8b7b; box-shadow: 0 0 0 3px rgba(10, 8, 7, .92), 0 0 12px rgba(255, 106, 85, .45); }

.onayBaslik {
  margin: 0 0 12px;
  font: 700 21px var(--oyma);
  letter-spacing: .06em;
  color: #f3e8d0;
}

.onayBaslik::after {
  content: "";
  display: block;
  width: 200px;
  height: 1px;
  margin: 11px auto 0;
  background: linear-gradient(90deg, transparent, var(--panel-cizgi), transparent);
}

.onayYazi {
  margin: 0 0 16px;
  font: 600 16px/1.45 var(--yazi);
  color: var(--metin);
}

.onayEk:empty { display: none; }
.onayEk { display: grid; gap: 6px; margin: 0 0 20px; }


.onayKutu.kuralUyari { border-color: rgba(235, 95, 75, .8); box-shadow: 0 0 0 1px rgba(235, 95, 75, .25), 0 18px 50px rgba(0, 0, 0, .7), 0 0 30px rgba(220, 70, 50, .25); }
.onayKutu.kuralUyari .onayBaslik { color: #ff8b7b; }
.onayKutu.kuralUyari .onayYazi:empty { display: none; }
.kuralUyariYazi { text-align: left; }
.kuralUyariYazi p { margin: 0 0 8px; font: 600 15px/1.45 var(--yazi); color: #ffa494; }
.kuralUyariYazi p:last-child { margin-bottom: 0; color: #e6b8ae; font-weight: 500; }
.kuralUyariYazi .kuralUyariIlk { color: #ff7c68; font-weight: 800; }
.onayEk input { height: 40px; padding: 0 12px; border: 1px solid var(--panel-cizgi-soluk); border-radius: 4px; background: rgba(0, 0, 0, .45);
  color: var(--metin); font: 700 15px var(--yazi); user-select: text; -webkit-user-select: text; }
.onayEk input:focus { outline: none; border-color: var(--altin); }

.onaySatir {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px 14px;
  padding: 8px 12px 10px;
  border: 1px solid rgba(214, 186, 122, .14);
  border-radius: 4px;
  background: rgba(255, 255, 255, .035);
}
.onayEtiket {
  width: 100%;
  font: 700 12.5px var(--oyma);
  letter-spacing: .08em;
  color: var(--soluk);
}
.onayKaynak {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font: 800 16px var(--yazi);
  color: var(--metin);
}
.onaySatir.iade .onayKaynak b { color: var(--yesil); }
.onaySimge { width: 26px; height: 26px; object-fit: contain; }
.onayIsci { width: 22px; height: 22px; color: var(--altin); }

.onayDugmeler { display: flex; justify-content: center; gap: 12px; }
.onayDugmeler .dugme { min-width: 160px; }
.onayDugmeler .dugme:focus-visible { outline: 2px solid var(--altin-acik); outline-offset: 2px; }

@keyframes onayPerdeAc { from { opacity: 0; } }
@keyframes onayKutuAc { from { opacity: 0; transform: translateY(8px) scale(.97); } }



.sartlar { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin: 0 0 6px; }
.sartlar em { margin-right: 3px; font: 700 12.5px var(--oyma); font-style: normal; letter-spacing: .06em; color: var(--soluk); }
.sartlar span {
  padding: 2px 9px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 999px;
  font: 700 13px var(--yazi);
}
.sartlar span.tamam { border-color: rgba(143, 224, 111, .6); color: var(--yesil); }
.sartlar span.eksik { border-color: rgba(255, 106, 85, .7); color: var(--kirmizi); }
.sonrakiSart { margin-top: 0; }



.kaynak-tas, .kaynak-odun, .kaynak-tahil, .kaynak-demir { cursor: pointer; }
.kaynak-tas:hover .kaynakAd, .kaynak-odun:hover .kaynakAd,
.kaynak-tahil:hover .kaynakAd, .kaynak-demir:hover .kaynakAd { color: var(--altin); }



.kaynakOzet {
  margin: 0 0 10px;
  padding: 10px 12px;
  border: 1px solid rgba(214, 186, 122, .16);
  border-radius: 8px;
  background: rgba(255, 255, 255, .04);
  font: 700 14px var(--yazi);
  color: var(--soluk);
}
.kaynakOzet b { color: var(--metin); }
.kaynakOzet b.ozetArti { color: var(--yesil); }
.kaynakOzet b.ozetEksi { color: var(--kirmizi); }
.kaynakNet { display: flex; align-items: baseline; justify-content: center; gap: 8px; flex-wrap: wrap; }
.kaynakNet b { font: 800 26px var(--yazi); }
.kaynakNet small { font-size: 13.5px; }
.kaynakKalem { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 6px; margin-top: 8px; }
.kaynakKalem span { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 4px; border-radius: 6px;
  background: rgba(0, 0, 0, .22); text-align: center; }
.kaynakKalem small { font-size: 12px; line-height: 1.15; }
.kaynakKalem b { font-size: 15.5px; }
.kaynakNasil { margin-top: 4px; }
.kaynakNasil summary { cursor: pointer; color: var(--altin); font: 700 13.5px var(--yazi); }
.kaynakNasil .ipucu { margin: 6px 0 0; }

.noktaKoyler { max-height: 318px; overflow-y: auto; margin: 0 0 8px; padding-right: 4px; }


.noktaKoy { padding: 0 8px 8px; border: 1px solid rgba(224, 187, 108, .38); border-radius: 9px; background: rgba(0, 0, 0, .2); overflow: hidden; }
.noktaKoy + .noktaKoy { margin-top: 12px; }
.noktaKoy h4 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 0 -8px 6px;
  padding: 8px 12px 7px;
  border-bottom: 1px solid rgba(224, 187, 108, .38);
  background: linear-gradient(90deg, rgba(224, 187, 108, .26), rgba(224, 187, 108, .08));
  font: 700 16px var(--oyma);
  letter-spacing: .05em;
  color: #f6e6bd;
}
.noktaKoy .noktaKasa { margin: 0 2px 7px; }
.noktaKoy > .ipucu { margin: 6px 2px 0; }
.noktaKoy h4 em { font: 700 12.5px var(--yazi); font-style: normal; color: var(--soluk); }
.noktaKoy h4 .koyUretim { font: 800 16px var(--yazi); letter-spacing: 0; color: var(--yesil); }
.noktaKoy h4 .koyUretim.sifir { color: var(--soluk); }
.noktaKasa { margin: -2px 0 6px; font: 700 12.5px var(--yazi); color: var(--soluk); }
.noktaKasa b { color: var(--metin); }
.noktaListe { display: grid; gap: 5px; margin: 0; padding: 0; list-style: none; }
.noktaListe li {
  display: grid;
  gap: 5px;
  padding: 7px 8px 7px 10px;
  border-radius: 6px;
  background: rgba(255, 255, 255, .045);
  font: 700 14px var(--yazi);
  color: var(--metin);
}
.noktaListe li.bos { color: var(--soluk); }
.noktaUst, .noktaAlt { display: flex; align-items: center; gap: 8px; min-width: 0; }
.noktaSv { flex: none; padding: 1px 7px; border: 1px solid rgba(224, 187, 108, .45); border-radius: 9px; font: 800 12px/18px var(--yazi);
  color: var(--altin); background: rgba(224, 187, 108, .1); }
.noktaAd { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.noktaUretim { flex: none; text-align: right; color: var(--yesil); font-size: 15px; }
.noktaListe li.bos .noktaUretim { color: var(--soluk); font-size: 13px; font-weight: 700; }
.noktaCubuk { display: flex; flex: 1 1 auto; height: 8px; overflow: hidden; border-radius: 4px; background: rgba(0, 0, 0, .4);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06); }
.noktaCubuk i { display: block; height: 100%; background: linear-gradient(90deg, #4f9e57, #7fd27a); }
.noktaCubuk u { display: block; height: 100%; background: rgba(214, 90, 70, .55); }
.noktaIsci { flex: none; color: var(--soluk); font-size: 12.5px; white-space: nowrap; }
.noktaIsci b { color: var(--metin); font-size: 13.5px; }
.noktaIsci i { font-style: normal; color: var(--kirmizi); }
.noktaListe .kucukDugme { flex: none; height: 28px; padding: 0 12px; }
.yakindaNokta { margin: 4px 0 0; }

.geriBag {
  display: inline-block;
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  background: none;
  font: 700 13.5px var(--yazi);
  color: var(--altin);
  cursor: pointer;
}
.geriBag:hover { text-decoration: underline; }



.gelEk { margin-left: 3px; font-size: .78em; font-weight: 800; color: var(--yesil); }
.gelistirmeSuren {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 8px;
  padding: 5px 10px;
  border: 1px solid var(--panel-cizgi);
  border-radius: 5px;
  background: rgba(214, 186, 122, .08);
  font: 700 14px var(--yazi);
}
.gelistirmeSuren .isAdi { flex: 1; }
.gelistirmeSuren .sayac { color: var(--altin); font-weight: 800; }
.gelistirmeListe { display: grid; gap: 6px; max-height: 390px; overflow-y: auto; padding-right: 4px; }
.gelistirmeSatir {
  display: grid;
  grid-template-columns: 60px 130px 1fr 1fr;
  align-items: center;
  gap: 10px;
  padding: 6px 8px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 6px;
  background: rgba(255, 255, 255, .03);
}
.gelistirmeSatir .birimResmi img { width: 60px; height: 80px; }
.gelistirmeSatir header { display: grid; gap: 2px; }
.gelistirmeSatir header strong { font: 700 16px var(--oyma); color: #f3e8d0; letter-spacing: .03em; }
.gelistirmeSatir header em { font: 700 12px var(--yazi); font-style: normal; color: var(--altin); }
.gelistirmeSatir.kilitli { opacity: .6; }
.gelistirmeSatir.kilitli .engel { grid-column: 3 / 5; margin: 0; }
.izKutu { display: grid; gap: 4px; padding: 6px 9px; border-radius: 5px; background: rgba(0, 0, 0, .28); }
.izUst { display: flex; align-items: baseline; gap: 6px; font: 700 13px var(--yazi); color: var(--soluk); }
.izUst b { color: var(--metin); font-weight: 800; }
.izUst small { font-weight: 800; color: var(--yesil); }
.izCubuk { display: flex; gap: 2px; }
.izCubuk i { flex: 1; height: 5px; border-radius: 1px; background: rgba(255, 255, 255, .09); }
.izCubuk i.dolu { background: linear-gradient(90deg, #c9a24f, #e8c46a); }
.izBedel { margin: 0; font: 600 12px var(--yazi); color: #d8c49a; }
.izKutu .kucukDugme { justify-self: start; }
.izNot { margin: 0; font: 700 12.5px var(--yazi); color: var(--soluk); }
.izNot.suruyor { color: var(--altin); }



.dugmeSimge { width: 18px; height: 18px; margin-right: 7px; vertical-align: -3px; }

.koyDugmeleri .dugme { flex: 1 1 0; min-width: 0; padding: 0 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font-size: 13px; letter-spacing: .02em; }
.koyDugmeleri .dugmeSimge { margin-right: 5px; }

.koyDugmeleri:has(> .dugme:nth-child(4)) { flex-wrap: wrap; }
.koyDugmeleri:has(> .dugme:nth-child(4)) > .dugme { flex: 1 1 calc(50% - 6px); }
.seferDugmeleri { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
.seferDugmeleri .dugme { height: 42px; padding: 0 12px; }
.seferDugmeleri .dugme[disabled] { opacity: .45; cursor: not-allowed; }
.pencereSimgeKucuk { width: 26px; height: 26px; color: var(--altin); flex: none; }

.seferHedefKutu {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 8px;
  padding: 8px 12px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-left: 4px solid var(--renk, var(--altin));
  border-radius: 5px;
  background: rgba(255, 255, 255, .035);
}
.seferHedefKutu.tur-saldiri { --renk: #e0442f; }
.seferHedefKutu.tur-yagma { --renk: #e8a33a; }
.seferHedefKutu.tur-kesif { --renk: #79d36b; }
.seferHedefKutu.tur-transfer { --renk: #5fb6e8; }
.seferHedefSimge { width: 30px; height: 30px; color: var(--renk); flex: none; }
.seferHedefKutu div { display: grid; gap: 2px; flex: 1; }
.seferHedefKutu strong { font: 700 17px var(--oyma); color: #f3e8d0; letter-spacing: .03em; }
.seferHedefKutu span { font: 700 12.5px var(--yazi); color: var(--soluk); }
.seferHedefKutu em { font: 800 13px var(--yazi); font-style: normal; color: var(--soluk); }
.seferKoySec { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; font: 700 13px var(--yazi); color: var(--soluk); }
.seferKoySec select {
  flex: 1;
  height: 32px;
  padding: 0 8px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 4px;
  background: rgba(0, 0, 0, .45);
  color: var(--metin);
  font: 800 14px var(--yazi);
}
.seferBirimler { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; max-height: 200px; overflow-y: auto; margin: 0 0 6px; padding-right: 4px; }
.seferBirim {
  display: grid;
  grid-template-columns: 38px 1fr 76px auto;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 5px;
  background: rgba(255, 255, 255, .03);
}
.seferBirimResmi { width: 38px; height: 46px; object-fit: contain; object-position: 50% 100%; }
.seferBirimAd { display: grid; gap: 1px; }
.seferBirimAd b { font: 700 14px var(--oyma); color: #f3e8d0; }
.seferBirimAd small { font: 700 11.5px var(--yazi); color: var(--soluk); }

.seferAyrilan { font-style: normal; color: #f1d589; }
.seferPlanNot { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; padding: 6px 10px; border-radius: 5px;
  border: 1px dashed rgba(224, 187, 108, .55); background: rgba(224, 187, 108, .08); font: 700 12.5px/1.35 var(--yazi); color: #efe4c8; }
.seferPlanNot .simge { flex: none; width: 22px; height: 22px; }
.seferPlanNot b { color: #f1d589; }
.seferBirim input {
  width: 76px;
  height: 30px;
  padding: 0 6px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 4px;
  background: rgba(0, 0, 0, .45);
  color: var(--metin);
  font: 800 14px var(--yazi);
  user-select: text;
  -webkit-user-select: text;
}
.seferHizli { display: flex; gap: 6px; margin: 0 0 8px; }
.seferOzet {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px 14px;
  margin: 0 0 8px;
  padding: 8px 12px;
  border: 1px solid rgba(214, 186, 122, .14);
  border-radius: 5px;
  background: rgba(0, 0, 0, .25);
}
.seferOzet div { display: grid; gap: 1px; }
.seferOzet dt { font: 700 11.5px var(--oyma); letter-spacing: .06em; color: var(--soluk); }
.seferOzet dd { margin: 0; font: 800 15px var(--yazi); color: var(--metin); }
.seferOzet dd small { font-size: 11.5px; font-weight: 700; color: var(--soluk); }
.seferOzet .yetmez dd { color: var(--kirmizi); }

.seferNot { margin: -2px 0 8px; font: 700 12px var(--yazi); color: var(--soluk); }
.seferEngel { margin-right: auto; align-self: center; font: 700 13px var(--yazi); color: var(--kirmizi); }

.seferlerKutu { max-height: 360px; overflow-y: auto; padding-right: 4px; }
.seferListe { display: grid; gap: 6px; margin: 0 0 10px; padding: 0; list-style: none; }
.seferSatir {
  display: grid;
  grid-template-columns: 36px 1fr auto auto;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-left: 4px solid var(--renk);
  border-radius: 5px;
  background: rgba(255, 255, 255, .035);
}
.seferSatir.tur-saldiri { --renk: #e0442f; }
.seferSatir.tur-yagma { --renk: #e8a33a; }
.seferSatir.tur-kesif { --renk: #79d36b; }
.seferSatir.tur-destek, .seferSatir.tur-transfer { --renk: #5fb6e8; }
.seferSatir.tur-donus { --renk: #5fd6d0; }
.seferSatir.gelen { background: rgba(224, 68, 47, .1); }
.seferSatirSimge svg { width: 30px; height: 30px; color: var(--renk); }
.seferSatirBilgi { display: grid; gap: 2px; min-width: 0; }
.seferSatirBilgi b { font: 700 15px var(--oyma); color: #f3e8d0; letter-spacing: .03em; }
.seferSatirBilgi span { font: 700 12.5px var(--yazi); color: var(--soluk); }
.seferCipler { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; }
.seferSatirBilgi .seferGanimet { display: block; margin-top: 3px; font-size: 12.5px; color: var(--yesil, #9fd27a); }
.seferCip {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 1px 7px 1px 2px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 999px;
  background: rgba(0, 0, 0, .3);
  font: 800 12px var(--yazi);
  color: var(--metin);
}
.seferCipResmi { width: 20px; height: 22px; object-fit: contain; object-position: 50% 100%; }
.seferSatirZaman { display: grid; justify-items: end; gap: 1px; }
.seferSatirZaman .sayac { font: 800 17px var(--yazi); color: #fff3d2; }
.seferSatirZaman small { font: 700 11.5px var(--yazi); color: var(--soluk); }
.seferSatirDugme { display: grid; gap: 4px; }





.olay.gelenUyari { animation: olayUyari .8s ease-in-out 7 alternate forwards; }
@keyframes olayUyari { to { box-shadow: 0 0 0 2px #e0442f, 0 0 14px rgba(224, 68, 47, .7); } }



#raporlarDugme, #mektupDugme, #menuAc, #rehberDugme { position: relative; }

#rehberDugme.dikkat { box-shadow: 0 0 8px 1px rgba(240, 199, 90, .4); animation: rehberParla 2.4s ease-in-out 3; }
@keyframes rehberParla { 0%, 100% { box-shadow: 0 0 8px 1px rgba(240, 199, 90, .4); } 50% { box-shadow: 0 0 14px 3px rgba(240, 199, 90, .55); } }

.gorevUst { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin: 10px 0 4px; }
.gorevUst b { color: #f0c75a; font-size: 16px; }
.gorevCubuk { height: 7px; margin-bottom: 8px; }
.gorevListe { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
.gorevKart { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid var(--panel-cizgi-soluk); border-radius: 6px;
  background: rgba(255, 246, 220, .03); }
.gorevKart.tamam { border-color: var(--panel-cizgi); background: rgba(240, 199, 90, .1); }
.gorevKart.alindi { opacity: .55; }
.gorevKart.sirada { opacity: .78; border-style: dashed; }
.gorevNo { flex: none; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--panel-cizgi); border-radius: 50%;
  font-weight: 800; color: #f0c75a; }
.gorevBilgi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.gorevBilgi b { font-size: 15px; }
.gorevBilgi small { color: var(--soluk); font-size: 12.5px; line-height: 1.35; }
.gorevOdul { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 3px; font-size: 12px; color: var(--soluk); }
.gorevSag { flex: none; text-align: right; }
.gorevIlerleme { font-size: 12.5px; font-weight: 800; color: #e8dcc0; white-space: nowrap; }
.gorevDurum { font-size: 12.5px; color: var(--soluk); }
.gorevNot { margin: 8px 0 0; }

.savasIzle { position: absolute; inset: 0; z-index: 40; background: #0b0806; overflow: hidden; }
.savasIzle[hidden] { display: none; }




html.savasIzleAcik #sahne > :not(#savasIzle) { visibility: hidden; }
.siTuval { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.siUst { position: absolute; top: 10px; left: 12px; right: 12px; display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; pointer-events: none; }
.siTaraf { display: grid; grid-template-columns: 4px auto; column-gap: 9px; min-width: 230px; max-width: 34%; padding: 7px 12px 8px 8px;
  background: rgba(12, 9, 6, .66); border: 1px solid var(--panel-cizgi-soluk); border-radius: 6px; }
.siTaraf i { grid-row: 1 / 5; grid-column: 1; border-radius: 2px; }
.siTaraf > :not(i) { grid-column: 2; }
.siTaraf span { font: 700 11px var(--yazi); letter-spacing: .08em; text-transform: uppercase; color: var(--soluk); }
.siTaraf b { font: 700 18px var(--yazi); color: var(--metin); }
.siTaraf em { font: italic 13px var(--yazi); color: var(--soluk); }
.siTaraf .siSayi { font: 700 15px var(--yazi); color: var(--altin); margin-top: 2px; }
.siTaraf.savunan { text-align: right; grid-template-columns: auto 4px; padding: 7px 8px 8px 12px; }
.siTaraf.savunan i { grid-column: 2; }
.siTaraf.savunan > :not(i) { grid-column: 1; }
.siBaslik { text-align: center; padding-top: 4px; text-shadow: 0 2px 8px rgba(0, 0, 0, .85); }
.siBaslik b { display: block; font: 700 26px var(--oyma); color: var(--altin-acik); letter-spacing: .06em; }
.siBaslik span { font: 700 16px var(--yazi); color: var(--metin); }
.siAlt { position: absolute; left: 12px; right: 12px; bottom: 10px; display: flex; align-items: center; gap: 8px; }
.siCubuk { flex: 1; height: 5px; background: rgba(255, 255, 255, .14); border-radius: 3px; overflow: hidden; }
.siCubuk span { display: block; height: 100%; width: 0; background: var(--altin); }
.siSonuc { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(560px, 90%); padding: 18px 22px 16px; text-align: center; }
.siSonuc[hidden] { display: none; }
.siSonuc h3 { margin: 0; font: 700 34px var(--oyma); }
.siSonuc h3.iyi { color: var(--yesil); }
.siSonuc h3.kotu { color: var(--kirmizi); }
.siSonucAlt { margin: 4px 0 12px; color: var(--soluk); }
.siSonucTablo { text-align: left; display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.siSonucTablo p { margin: 0; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.siSonucTablo span:first-child { min-width: 84px; color: var(--soluk); font-weight: 700; }
.siSonucTablo .olen { color: var(--kirmizi); }
.siSonuc .dugmeler { justify-content: center; }
.siYukleniyor { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font: 700 20px var(--yazi); color: var(--soluk); }
.siYukleniyor[hidden] { display: none; }
.raporIzle { margin-right: auto; }
.ynSavasDugmeler { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }

.kilavuzBolum { border: 1px solid var(--panel-cizgi-soluk); border-radius: 6px; background: rgba(0, 0, 0, .22); margin-bottom: 6px; }
.kilavuzBolum summary { cursor: pointer; padding: 9px 12px; font: 700 15.5px var(--yazi); color: var(--altin); list-style: none; }
.kilavuzBolum summary::-webkit-details-marker { display: none; }
.kilavuzBolum summary::before { content: '▸'; display: inline-block; width: 16px; color: var(--soluk); transition: transform .15s; }
.kilavuzBolum[open] summary::before { transform: rotate(90deg); }
.kilavuzBolum ul { margin: 0; padding: 0 14px 10px 32px; display: flex; flex-direction: column; gap: 5px; }
.kilavuzBolum li { line-height: 1.45; }
.kilavuzBolum b { color: var(--altin-acik); }

.hesapBilgi { grid-template-columns: 1fr 1fr; margin-bottom: 6px; }
.hesapEposta { grid-column: 1 / 3; }
.hesapEposta small { display: block; color: #e0a45c; font-size: 12.5px; margin-top: 2px; }
.hesapForm { margin-top: 10px; }
.hesapForm .alan input { width: 100%; box-sizing: border-box; height: 38px; padding: 0 10px; border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 4px; background: rgba(0, 0, 0, .45); color: var(--metin); font: 700 15px var(--yazi); user-select: text; -webkit-user-select: text; }
.hesapForm .alan { display: flex; flex-direction: column; gap: 3px; margin-bottom: 6px; }
.hesapPenceresi .pencereGovde { max-height: none; }
.gorevSure { font-size: 12.5px; font-weight: 700; color: var(--soluk); white-space: nowrap; }
.gorevHafta { margin-top: 14px; }
.gorevSag .gorevDegis { display: block; margin: 4px 0 0 auto; }
.gorevSag .gorevGit { display: block; margin: 4px 0 0 auto; }
.dugmeRozet {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: var(--han-kirmizi);
  box-shadow: 0 0 0 2px rgba(10, 8, 7, .9);
  font: 800 11px/1 var(--yazi);
  color: #fff;
}

.raporPenceresi .sekmeCubugu { align-items: flex-end; }

.raporPaylas { margin-top: 10px; display: grid; gap: 8px; justify-items: start; }
.raporPaylasPanel { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid rgba(224, 187, 108, .3);
  border-radius: 5px; background: rgba(0, 0, 0, .25); }
.raporPaylasOyuncu { display: inline-flex; gap: 6px; }
.raporPaylasOyuncu input { width: 150px; height: 32px; padding: 0 8px; }
.raporKart { margin: 6px 0 2px; padding: 8px; border: 1px solid rgba(224, 187, 108, .35); border-radius: 6px; background: rgba(6, 9, 16, .6); }
.raporKart .raporTaraflar { gap: 8px; }
.sohbetSatir .raporKart { display: block; font-size: 13px; }

.raporKatli { --renk: #8fb0d8; display: block; max-width: 460px; margin: 5px 0 2px; }
.raporKatli.tur-saldiri { --renk: #e0442f; }
.raporKatli.tur-yagma { --renk: #e8a33a; }
.raporKatliUst { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto 10px; align-items: center; gap: 9px; width: 100%;
  padding: 6px 10px; border: 1px solid var(--panel-cizgi-soluk); border-left: 3px solid var(--renk); border-radius: 5px;
  background: rgba(255, 255, 255, .04); color: var(--soluk); text-align: left; cursor: pointer; }
.raporKatliUst:hover { background: rgba(255, 255, 255, .08); }
.raporKatli.acik .raporKatliUst { border-color: var(--altin); border-left-color: var(--renk); border-radius: 5px 5px 0 0; background: rgba(214, 186, 122, .1); }
.raporKatliOk { width: 7px; height: 7px; border-right: 2px solid var(--soluk); border-bottom: 2px solid var(--soluk); transform: rotate(45deg); margin-top: -3px; }
.raporKatli.acik .raporKatliOk { transform: rotate(-135deg); margin-top: 3px; }
.raporKatli .raporKart { margin-top: 0; border-top: 0; border-radius: 0 0 6px 6px; }
.raporHepsiOku {
  margin: 0 0 6px auto;
  padding: 5px 10px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 4px;
  background: rgba(255, 255, 255, .03);
  color: var(--soluk);
  font: 700 12.5px var(--yazi);
}
.raporHepsiOku:hover:not(:disabled) { color: var(--metin); border-color: var(--altin); }
.raporHepsiOku:disabled { opacity: .45; cursor: default; }
.raporHepsiSil:hover:not(:disabled) { color: #ffb3a6; border-color: rgba(230, 100, 85, .7); }

.raporIzgara { display: grid; grid-template-columns: 290px 1fr; gap: 12px; height: 452px; }
.raporListe {
  margin: 0;
  padding: 0 4px 0 0;
  list-style: none;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.raporSatir {
  width: 100%;
  display: grid;
  grid-template-columns: 26px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 7px 8px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-left: 3px solid var(--renk);
  border-radius: 5px;
  background: rgba(255, 255, 255, .03);
  color: var(--soluk);
  text-align: left;
}
.raporSatir.tur-saldiri { --renk: #e0442f; }
.raporSatir.tur-yagma { --renk: #e8a33a; }
.raporSatir:hover { background: rgba(255, 255, 255, .06); }
.raporSatir.secili { border-color: var(--altin); border-left-color: var(--renk); background: rgba(214, 186, 122, .12); }
.raporSatirSimge svg { width: 20px; height: 20px; color: var(--renk); }
.raporSatirBilgi { min-width: 0; display: flex; flex-direction: column; }
.raporSatirBilgi b { font: 700 13.5px var(--yazi); color: #e9dcbc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.raporSatirBilgi small { font: 600 11.5px var(--yazi); color: rgba(194, 173, 134, .85); }
.raporSatir.yeni .raporSatirBilgi b { color: #fff3d2; }
.raporSatir.yeni .raporSatirBilgi b::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 6px 1px 0;
  border-radius: 50%;
  background: var(--altin);
  box-shadow: 0 0 6px rgba(232, 196, 106, .8);
}
.raporSonuc { font: 800 11.5px var(--yazi); letter-spacing: .02em; white-space: nowrap; }
.raporSonuc.iyi { color: var(--yesil); }
.raporSonuc.kotu { color: var(--kirmizi); }

.raporAyrinti { min-width: 0; overflow-y: auto; padding-right: 4px; display: flex; flex-direction: column; gap: 10px; }
.raporBosAyrinti { height: 100%; display: grid; place-items: center; }
.raporSerit {
  display: flex;
  align-items: baseline;
  gap: 12px;
  padding: 9px 14px;
  border: 1px solid;
  border-radius: 5px;
}
.raporSerit b { font: 800 22px var(--oyma); letter-spacing: .06em; }
.raporSerit span { font: 700 12.5px var(--yazi); color: var(--soluk); }
.raporSerit.iyi { border-color: rgba(143, 224, 111, .45); background: linear-gradient(90deg, rgba(143, 224, 111, .16), rgba(143, 224, 111, .02)); }
.raporSerit.iyi b { color: #bff0a6; }
.raporSerit.kotu { border-color: rgba(255, 106, 85, .45); background: linear-gradient(90deg, rgba(224, 68, 47, .2), rgba(224, 68, 47, .02)); }
.raporSerit.kotu b { color: #ffab9c; }

.raporTaraflar { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.raporTaraflar.tek { grid-template-columns: 1fr; }
.raporTaraflar.tek .raporBirimOlen { display: none; }
.raporTaraf {
  min-width: 0;
  padding: 8px 10px 10px;
  border: 1px solid var(--panel-cizgi-soluk);
  border-top: 3px solid var(--renk);
  border-radius: 5px;
  background: rgba(255, 255, 255, .025);
}
.raporTaraf.saldiran { --renk: #e0442f; }
.raporTaraf.savunan { --renk: #5fb6e8; }
.raporTaraf h4 { margin: 0; display: flex; align-items: baseline; gap: 7px; flex-wrap: wrap; }
.raporTaraf h4 span { font: 700 11px var(--yazi); letter-spacing: .12em; text-transform: uppercase; color: var(--renk); }
.raporTaraf h4 b { font: 700 16px var(--oyma); color: #f3e8d0; }
.raporTaraf h4 em { font: 600 12px var(--yazi); font-style: normal; color: var(--soluk); }
.raporToplam { margin: 3px 0 7px; font: 600 12.5px var(--yazi); color: var(--soluk); }
.raporToplam b { color: var(--metin); }
.raporToplam b.olen { color: #ff9a88; }
.raporBirimler { display: grid; grid-template-columns: repeat(auto-fill, minmax(62px, 1fr)); gap: 6px; }
.raporBirim {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3px 3px 4px;
  border: 1px solid rgba(214, 186, 122, .18);
  border-radius: 4px;
  background: rgba(0, 0, 0, .25);
}
.raporBirim img { width: 52px; height: 52px; object-fit: cover; object-position: 50% 18%; border-radius: 3px; }
.raporBirimAd { max-width: 100%; margin-top: 2px; font: 700 10.5px var(--yazi); color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.raporBirimSayi { font: 800 13px var(--yazi); color: var(--metin); }
.raporBirimOlen { font: 800 12px var(--yazi); color: #ff8a76; }
.raporBirimOlen.sifir { color: rgba(194, 173, 134, .5); }
.raporBos { margin: 4px 0 0; }

.raporSonuclar { display: flex; flex-direction: column; gap: 5px; padding: 8px 12px; border: 1px solid var(--panel-cizgi-soluk); border-radius: 5px; background: rgba(0, 0, 0, .2); }
.raporSonuclar p { margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; font: 600 13px var(--yazi); color: var(--soluk); }
.raporSonuclar p > span:first-child { width: 72px; font: 700 11px var(--yazi); letter-spacing: .1em; text-transform: uppercase; color: rgba(194, 173, 134, .75); }
.raporSonuclar b { color: var(--metin); }
.raporSonuclar em { font-style: normal; color: rgba(194, 173, 134, .6); }

.raporSonuclar .raporKoordinat { font: 700 13px var(--yazi); color: #f0c75a; font-variant-numeric: tabular-nums; white-space: nowrap; }
.raporSonuclar .raporKonumGit { margin-left: auto; }
.raporGanimet { display: inline-flex; align-items: center; gap: 4px; font: 800 13px var(--yazi); color: var(--yesil); }
.raporGanimetSimge { width: 22px; height: 22px; }
.raporAlt { display: flex; justify-content: space-between; }
.miniAciklama i.dolu { width: 9px; height: 9px; margin: 0 .5px; border-radius: 1px; }


.birlikIcerik { display: flex; flex-direction: column; gap: 10px; padding-top: 10px; }
.birlikListe { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
.birlikSatir {
  display: flex; align-items: center; gap: 10px; padding: 8px 12px;
  border: 1px solid var(--panel-cizgi-soluk); border-radius: 6px; background: rgba(255, 246, 220, .03);
}
.birlikSatir.benim { border-color: var(--panel-cizgi); background: rgba(240, 199, 90, .07); }
.birlikSatirBilgi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.birlikSatirBilgi > b { font-size: 15px; display: flex; align-items: center; gap: 6px; }
.birlikSatirBilgi small { color: var(--soluk); font-size: 12.5px; }
.birlikSatirBilgi p { margin: 3px 0 0; font-size: 13px; opacity: .85; }
.birlikSatirDugme { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; align-items: center; }
.birlikSatirDugme select { height: 30px; font: inherit; font-size: 13px; }
.birlikEtiket { color: #f0c75a; letter-spacing: .04em; }
.birlikDolu { color: var(--soluk); font-size: 13px; }
.birlikBos { padding: 8px 2px; }
.birlikBas > div { display: flex; flex-direction: column; gap: 3px; font-size: 18px; }
.birlikBas small { font-size: 13px; color: var(--soluk); }
.birlikDuyuru { border-left: 3px solid var(--panel-cizgi); padding: 6px 12px; background: rgba(255, 246, 220, .04); }
.birlikDuyuru span { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--soluk); }
.birlikDuyuru p { margin: 4px 0 0; }
.birlikAlt { justify-content: flex-end; gap: 8px; }
.birlikAltBaslik { margin: 6px 0 0; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: var(--soluk); }
.birlikDavetForm { flex-direction: row; align-items: flex-end; gap: 8px; }
.birlikDavetForm .alan { flex: 1; }
.birlikCevrim { width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 246, 220, .25); flex: none; }
.birlikCevrim.acik { background: #6fdc6f; box-shadow: 0 0 6px #6fdc6f; }

.birlikOyunda { color: #8fe08f; font-weight: 800; }
.birlikSonGorulme.uzun { color: #e7a497; }
.birlikRutbe { font-weight: 800; }
.birlikRutbe.rutbe-kagan { color: #f0c75a; }
.birlikRutbe.rutbe-ayguci { color: #5fd6d0; }
.birlikRutbe.rutbe-buyruk { color: #e0a45c; }
.birlikAd { font-size: 16px; font-weight: 700; }
.birlikBas .birlikAd { font-size: 20px; }
.birlikIcerik .alan textarea, .birlikIcerik .alan input, .birlikIcerik .alan select { width: 100%; box-sizing: border-box; }
.birlikIcerik .alan { display: flex; flex-direction: column; gap: 4px; }
.destekKutu { margin-top: 10px; padding: 8px 12px; border: 1px solid rgba(95, 182, 232, .45); border-radius: 6px; background: rgba(95, 182, 232, .06); }
.destekKutu h4 { margin: 0 0 6px; font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: #8fd0f2; }
.destekKutu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
.destekKutu li { display: flex; align-items: center; gap: 10px; }
.destekKutu li > div { flex: 1; display: flex; flex-direction: column; }
.destekKutu small { color: var(--soluk); }
.destekKutu .ipucu { margin: 6px 0 0; }
.raporDestek { margin-top: 8px; padding-top: 6px; border-top: 1px dashed rgba(95, 182, 232, .45); }
.mektupBirlik { display: flex; align-items: center; gap: 8px; font-weight: 700; color: #8fd0f2; }


.zaferAnlatim { margin: 0; line-height: 1.45; }
.zaferKazanan { margin: 0; }
.zaferSutunlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.zaferSutun {
  display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 6px 8px 8px; min-width: 0;
  border: 1px solid var(--panel-cizgi-soluk); border-radius: 6px; background: rgba(255, 246, 220, .03);
}
.zaferSutun.dikili { border-color: var(--panel-cizgi); background: rgba(240, 199, 90, .08); }
.zaferSutunOtag { width: 96px; height: auto; filter: grayscale(.85) brightness(.7); opacity: .55; }
.zaferSutun.dikili .zaferSutunOtag { filter: none; opacity: 1; }
.zaferSutun.bekliyor .zaferSutunOtag { filter: grayscale(.35) brightness(.9); opacity: .85; }
.zaferSutun h4 { margin: 0; font-size: 15px; }
.zaferSutun h4 small { font-weight: 400; color: var(--soluk); font-size: 12px; }
.zaferHal { font-size: 12.5px; }
.zaferHal.tamam { color: #f0c75a; }
.zaferHal.bekliyor { color: #e0a45c; }
.zaferHal.yok { color: var(--soluk); font-weight: 400; }
.zaferSutun ul { margin: 2px 0 0; padding: 0; list-style: none; width: 100%; display: flex; flex-direction: column; gap: 3px; }
.zaferSutun li { display: flex; flex-direction: column; padding: 3px 6px; border-radius: 4px; background: rgba(255, 246, 220, .04); min-width: 0; }
.zaferSutun li b { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zaferSutun li small { color: var(--soluk); font-size: 11.5px; }
.zaferSutun li.sayiliyor small { color: #f0c75a; }
.zaferSutun .ipucu { margin: 2px 0 0; font-size: 12px; text-align: center; }
.zaferBenim { margin: 0; }
.zaferIlan { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; }
.zaferIlan h3 { margin: 2px 0 0; font-size: 22px; }
.zaferIlan p { margin: 0; }
.zaferOtaglar { display: flex; justify-content: center; gap: 4px; }
.zaferOtag { width: 150px; height: auto; }


.siralamaAra { display: flex; align-items: center; gap: 12px; margin: 10px 0 6px; }
.siralamaAra input { flex: 0 1 260px; height: 36px; padding: 0 12px; border: 1px solid var(--panel-cizgi-soluk); border-radius: 4px;
  background: rgba(0, 0, 0, .45); color: var(--metin); font: 700 15px var(--yazi); user-select: text; -webkit-user-select: text; }
.siralamaAra input:focus { outline: none; border-color: var(--altin); }
.siralamaAra span { color: var(--soluk); }
.siralamaAra b { color: #f0c75a; }
.siralamaTablo { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.siralamaTablo th { text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--soluk);
  padding: 4px 10px; border-bottom: 1px solid var(--panel-cizgi-soluk); }
.siralamaTablo td { padding: 7px 10px; border-bottom: 1px solid rgba(255, 246, 220, .06); }
.siralamaTablo .sayi { text-align: right; font-variant-numeric: tabular-nums; }
.siralamaTablo td.sira { width: 56px; font-weight: 800; color: var(--soluk); }
.siralamaTablo td.sira.ilk1 { color: #f0c75a; }
.siralamaTablo td.sira.ilk2 { color: #d9dde4; }
.siralamaTablo td.sira.ilk3 { color: #d59a5e; }
.siralamaTablo td.adHucre { font-weight: 700; }
.siralamaTablo tr.benim td { background: rgba(240, 199, 90, .12); }
.siralamaAlt { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 10px; margin-top: 8px; }

.siralamaKupa { display: inline-flex; align-items: center; gap: 2px; margin-left: 8px; vertical-align: middle; }
.siralamaKupaSimge { width: 24px; height: 24px; object-fit: contain; }
.siralamaKupa small { color: var(--soluk); font-size: 11.5px; margin-left: 2px; }

.sezonPano { display: flex; flex-direction: column; gap: 8px; padding: 10px 0 4px; }
.sezonBaslik { margin: 0; }
.sezonTakvim { display: flex; flex-direction: column; gap: 5px; }
.sezonTakvim > div:first-child { display: flex; justify-content: space-between; font-size: 16px; }
.sezonTakvim .cubuk { height: 8px; }
.sezonTakvim small { color: var(--soluk); }
.sezonKupalar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; }
.sezonKupa { display: flex; align-items: center; gap: 8px; padding: 4px 8px; border: 1px solid var(--panel-cizgi-soluk); border-radius: 6px;
  background: rgba(255, 246, 220, .03); }
.sezonKupa > div { display: flex; flex-direction: column; min-width: 0; }
.sezonKupa small { color: var(--soluk); font-size: 12px; }
.sezonKupaSimge { width: 44px; height: 44px; object-fit: contain; flex: none; }
.sezonYaris td.zaferHucre { font-weight: 700; }
.zaferHucre.dolu { color: #f0c75a; }
.zaferHucre.yarim { color: #e0a45c; }
.zaferHucre.bos, .zaferHucre.yok { color: var(--soluk); font-weight: 400; }
.sezonYarisNot { margin: 6px 0 2px; }
.sezonYarisNot b { color: var(--metin); }

.sezonBolumler { display: flex; gap: 6px; margin: 10px 0 2px; }
.sezonBolum { flex: 1; height: 34px; border: 1px solid var(--panel-cizgi-soluk); border-radius: 4px; background: rgba(255, 246, 220, .04);
  color: var(--soluk); font: 800 14px var(--yazi); cursor: pointer; }
.sezonBolum.secili { color: var(--metin); border-color: var(--panel-cizgi); background: rgba(240, 199, 90, .14); }
.kupaTablosu { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.kupaSayi { display: inline-flex; align-items: center; gap: 1px; }
.kupaSayi small { color: var(--soluk); font-size: 12px; font-weight: 800; }

.defterKart { padding: 8px 12px 10px; border: 1px solid var(--panel-cizgi-soluk); border-radius: 6px; background: rgba(255, 246, 220, .03); }
.defterBas { display: flex; justify-content: space-between; align-items: baseline; font-size: 17px; }
.defterBas small { color: var(--soluk); font-size: 12.5px; }
.defterSonuc { margin: 2px 0 6px; }
.defterSatirlar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px 10px; }
.defterSatir { display: flex; align-items: center; gap: 8px; min-width: 0; }
.defterSatir > div { display: flex; flex-direction: column; min-width: 0; }
.defterSatir b { font-size: 13px; }
.defterSatir span { font-size: 13px; color: var(--soluk); }
.defterSimge { width: 34px; height: 34px; object-fit: contain; flex: none; }

.profilAd { cursor: pointer; }
.profilAd:hover { color: #f0c75a; text-decoration: underline; text-underline-offset: 3px; }

.profilDugme { display: inline-flex; align-items: center; gap: 5px; margin-top: 5px; padding: 3px 9px 3px 5px; border: 1px solid var(--panel-cizgi);
  border-radius: 4px; background: rgba(240, 199, 90, .1); color: #f0c75a; font: 800 13px var(--yazi); cursor: pointer; }
.profilDugme:hover { background: rgba(240, 199, 90, .2); }
.profilDugmeSimge { width: 20px; height: 20px; }

.profilBilgi { grid-template-columns: repeat(3, 1fr); margin-bottom: 4px; }
.profilBilgi strong small { color: var(--soluk); font-weight: 400; font-size: 13px; }
.profilRozet { background: rgba(240, 199, 90, .16); color: #f0c75a; }

.profilKatman { position: absolute; inset: 0; z-index: 20; background: rgba(6, 5, 4, .45); }
.profilKatman[hidden] { display: none; }
.profilKatman .pencere { z-index: auto; }
.profilSezon { margin-top: 8px; }
.profilSezon h4 { margin: 0 0 4px; font-size: 14px; color: #f0c75a; }
.profilKupalar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; }
.profilKupa { display: grid; grid-template-columns: 52px 1fr; grid-template-rows: auto auto; column-gap: 8px; align-items: center; padding: 5px 8px;
  border: 1px solid var(--panel-cizgi-soluk); border-radius: 6px; background: rgba(255, 246, 220, .03); }
.profilKupaSimge { grid-row: 1 / 3; width: 52px; height: 52px; object-fit: contain; }
.profilKupa small { color: var(--soluk); font-size: 12px; }
.profilBos { margin: 4px 0 0; }
.sezonKazanc { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
.sezonKazanc > div { display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 13px; }
.sezonKazancSimge { width: 72px; height: 72px; object-fit: contain; }
#sezonSatir { cursor: pointer; }
#sezonSatir[hidden] { display: none; }
.siralamaBos { padding: 16px 4px; }
.siralamaNot { margin: 6px 0 0; font-size: 12.5px; }
.birlikBas { display: flex; align-items: center; justify-content: space-between; gap: 12px; }


.yeniSurum {
  position: fixed;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  padding: 10px 20px;
  border: 1px solid #e0bb6c;
  border-radius: 6px;
  background: rgba(20, 15, 9, .94);
  color: #f6e3b0;
  font: 700 15px var(--yazi);
  letter-spacing: .03em;
  box-shadow: 0 4px 18px rgba(0, 0, 0, .55);
  cursor: pointer;
}


.sekmeRozet {
  flex: none;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: var(--han-kirmizi);
  box-shadow: 0 0 0 2px rgba(10, 8, 7, .9), 0 0 8px rgba(224, 68, 47, .6);
  font: 800 11.5px/1 var(--yazi);
  font-style: normal;
  color: #fff;
  letter-spacing: 0;
}


.isHiz {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  height: 26px;
  padding: 0 8px 0 5px;
  border: 1px solid rgba(120, 190, 255, .55);
  border-radius: 13px;
  background: rgba(20, 40, 70, .55);
  color: #cfe6ff;
  font: 800 13px var(--yazi);
  cursor: pointer;
}
.isHiz:hover { border-color: #9fd0ff; background: rgba(40, 80, 130, .6); }
.isHiz[hidden] { display: none; }
.isHiz.bedava { padding: 0 10px; border-color: rgba(120, 210, 125, .7); background: rgba(40, 90, 45, .6); color: #d9f5d6; }
.isHizSimge { width: 17px; height: 17px; }


.dukkanBakiye { display: flex; align-items: center; gap: 8px; margin: 12px 0 4px; font: 700 15px var(--yazi); color: var(--soluk); }
.dukkanBakiye b { font-size: 20px; color: #cfe6ff; }
.dukkanBakiyeSimge { width: 24px; height: 24px; }
.dukkanPaketler { list-style: none; margin: 10px 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.dukkanPaket { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 8px; border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 8px; background: linear-gradient(180deg, rgba(90, 140, 220, .1), rgba(0, 0, 0, .25)); text-align: center; }
.paketAd { font: 800 15px var(--oyma, var(--yazi)); letter-spacing: .05em; color: #f0e2bd; }
.paketElmas { display: flex; align-items: center; gap: 4px; font: 800 20px var(--yazi); color: #cfe6ff; }
.dukkanElmas { width: 22px; height: 22px; }
.paketBonus { font-size: 11.5px; color: #9fe0a4; min-height: 14px; }
.dukkanPaket .dugme { width: 100%; }
.dukkanUrun p { margin: 6px 0; line-height: 1.45; }
.dukkanHak { display: flex; justify-content: space-between; margin: 10px 0 4px; font-weight: 700; }
.dukkanHak b { color: #cfe6ff; }
.dukkanDefter { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 4px; }
.dukkanDefter li { display: grid; grid-template-columns: 110px minmax(0, 1fr) 70px 60px; gap: 10px; align-items: center; padding: 6px 10px;
  border: 1px solid var(--panel-cizgi-soluk); border-radius: 5px; background: rgba(255, 255, 255, .03); font-size: 13px; }
.defterTarih { color: var(--soluk); }
.defterYazi { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.defterMiktar { text-align: right; font-weight: 800; }
.defterMiktar.arti { color: #9fe0a4; }
.defterMiktar.eksi { color: #ff9a8a; }
.defterBakiye { text-align: right; color: var(--soluk); }


.kaynak-vip { cursor: pointer; }
.kaynak-vip .kaynakAd { color: #f2cf6b; }
.kaynak-vip .vipKalan { color: #ffe7a0; font-size: 14px; }
.kaynak-vip:not(.vipAcik) .vipKalan { color: #9fe0a4; }
.vipTac { width: 34px; height: 34px; }



.vipSandikIsaret { position: relative; top: -3px; display: inline-grid; place-items: center; width: 28px; height: 24px; margin-left: 3px;
  vertical-align: middle; border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 226, 140, .8) 0%, rgba(255, 196, 70, .4) 45%, rgba(255, 196, 70, 0) 70%); pointer-events: none; }
.vipSandikResim { width: 24px; height: 24px; object-fit: contain; filter: drop-shadow(0 0 3px #ffe08a) drop-shadow(0 1px 2px rgba(0, 0, 0, .8));
  animation: vipSandikNabiz 1.1s ease-in-out 10; }
@keyframes vipSandikNabiz {
  0%, 100% { transform: translateY(0) scale(1); }
  30% { transform: translateY(-4px) scale(1.18); }
  60% { transform: translateY(0) scale(.96); }
}
.vipSandik { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 12px; align-items: center; margin-top: 10px;
  padding: 8px 14px 8px 8px; border: 1px solid var(--panel-cizgi-soluk); border-radius: 8px; background: rgba(0, 0, 0, .2); }
.vipSandik.hazir { border-color: #e9c36a; background: linear-gradient(90deg, rgba(233, 195, 106, .2), rgba(0, 0, 0, .2)); }
.vipSandik b { display: block; font: 800 15px var(--yazi); color: #ffd97a; margin-bottom: 3px; }
.vipSandik small { display: block; color: var(--soluk); font-size: 12.5px; line-height: 1.35; margin-top: 3px; }
.vipSandikSimge { width: 64px; height: 64px; object-fit: contain; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .6)); }
.vipDurum { display: flex; flex-direction: column; gap: 2px; padding: 10px 14px; border: 1px solid var(--panel-cizgi-soluk); border-radius: 7px;
  background: rgba(0, 0, 0, .25); }
.vipDurum b { font: 800 17px var(--oyma, var(--yazi)); letter-spacing: .06em; color: #f0e2bd; }
.vipDurum.acik { border-color: #e9c36a; background: linear-gradient(180deg, rgba(233, 195, 106, .18), rgba(0, 0, 0, .25)); }
.vipDurum.acik b { color: #ffd97a; }
.vipDurum span { font-size: 13.5px; color: var(--soluk); }
.vipListe { list-style: none; margin: 12px 0; padding: 0; display: grid; gap: 7px; }

.vipListe li { display: grid; grid-template-columns: 150px minmax(0, 1fr) 84px; gap: 12px; align-items: center; padding: 7px 10px;
  border-left: 3px solid #e9c36a; background: rgba(255, 246, 220, .04); border-radius: 4px; }
.vipListe b { color: #ffd97a; font-size: 14px; }
.vipListe span { font-size: 13.5px; line-height: 1.4; }
.vipListe .dugme { width: 84px; padding: 0 8px; }

.vipListe li.kapali { opacity: .5; filter: grayscale(1); }
.vipKapali { justify-self: center; font: 800 12px var(--yazi); font-style: normal; color: var(--soluk); letter-spacing: .04em; }

.isinlaKoyler { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.isinlaKoyler .dugme { height: auto; padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; }
.isinlaKoyler small { font-size: 12px; opacity: .8; }
.vipAl { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; border: 1px solid #e9c36a;
  border-radius: 8px; background: rgba(233, 195, 106, .08); }
.vipAl b { display: block; font: 800 16px var(--yazi); color: #ffd97a; }
.vipAl small { color: var(--soluk); font-size: 12.5px; }
.isciDagit { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 6px 0 10px; padding: 8px 10px;
  border: 1px dashed var(--panel-cizgi-soluk); border-radius: 6px; font-size: 13.5px; }

.birlikAltBaslik .vipRozet, .dugme .vipRozet { display: inline-block; margin-left: 6px; padding: 1px 5px; border-radius: 3px; font: 800 10.5px var(--yazi);
  letter-spacing: .04em; vertical-align: 1px; background: linear-gradient(180deg, #ffe7a0, #c8952f); color: #2a1a05; }
.sohbetRozet.vipRozet, .profilRozet.vipRozet { background: linear-gradient(180deg, #ffe7a0, #c8952f); color: #2a1a05; border-color: #e9c36a; }
.sohbetSatir.vip .sohbetAd { color: #ffd97a; }


.baglantiPerde { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; background: rgba(8, 6, 4, .55); }
.baglantiKutu { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 18px 28px; border: 1px solid #e0bb6c;
  border-radius: 8px; background: rgba(16, 12, 8, .95); box-shadow: 0 8px 30px rgba(0, 0, 0, .6); color: #f0e2bd; text-align: center; }
.baglantiKutu b { font: 800 18px var(--yazi); letter-spacing: .04em; }
.baglantiKutu span { font: 600 14px var(--yazi); color: #cdbb92; }



.anketKutu { position: absolute; left: 14px; bottom: 184px; width: 224px; z-index: 6; padding: 8px 10px 10px; }
.anketBaslik { display: block; font: 700 12px var(--oyma); letter-spacing: .08em; text-transform: uppercase; color: var(--altin, #e0bb6c); }
.anketSoru { margin: 2px 0 8px; font: 700 14px/1.3 var(--yazi); color: var(--metin); }
.anketSecenekler { display: flex; flex-wrap: wrap; gap: 6px; }
.anketSecenekler .dugme { flex: 1 1 auto; min-height: 0; height: 30px; padding: 0 10px; }
.anketTesekkur { margin: 4px 0; font: 700 14px var(--yazi); color: #8fd18a; }

.anketKutu.katildi { padding: 6px 10px; }
.anketKatildi { display: flex; align-items: center; gap: 8px; margin: 0; font: 600 12.5px/1.3 var(--yazi); color: var(--soluk); }
.anketKatildi span { flex: 1; min-width: 0; }
.anketKatildi b { color: var(--metin); }
.anketKatildi .baglanti, .anketVazgec { flex: none; font: 700 12.5px var(--yazi); }
.anketVazgec { margin-top: 6px; }
.anketSecenekler .dugme.secili { box-shadow: 0 0 0 1px rgba(143, 209, 138, .8); }
.anketKutu.nabiz { animation: anketNabiz 1.1s ease-in-out 4; }
@keyframes anketNabiz {
  0%, 100% { box-shadow: 0 0 0 0 rgba(224, 187, 108, 0); }
  50% { box-shadow: 0 0 0 3px rgba(224, 187, 108, .7), 0 0 22px rgba(224, 187, 108, .55); }
}



.danisman { position: absolute; left: 50%; bottom: 70px; transform: translateX(-50%); width: 500px; max-width: calc(100% - 520px);
  min-width: 380px; display: flex; gap: 12px; padding: 12px 14px 10px; z-index: 9; color: var(--metin); font-size: 14px;
  line-height: 1.45; background: var(--panel-zemin-koyu); }
.danismanPortre { flex: none; width: 84px; height: 112px; object-fit: cover; border-radius: 3px;
  border: 1px solid var(--panel-cizgi); }
.danismanGovde { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.danismanUst { display: flex; align-items: center; gap: 8px; }
.danismanAd { flex: 1; font: 700 13px var(--oyma); letter-spacing: .06em; color: var(--altin); }
.danismanAd small { font: 600 11px var(--yazi); letter-spacing: 0; color: var(--soluk); margin-left: 4px; }
.danismanSayac { font-size: 12px; color: var(--soluk); font-variant-numeric: tabular-nums; }
.danismanKucult { flex: none; width: 24px; height: 22px; background: none; border: 1px solid var(--panel-cizgi-soluk);
  border-radius: 3px; color: var(--soluk); font-size: 16px; line-height: 1; cursor: pointer; }
.danisman h3 { margin: 4px 0 2px; font: 700 17px var(--oyma); letter-spacing: .03em; color: #f3e8d0; }
.danismanTamam { font: 700 12px var(--yazi); font-style: normal; color: #8fd18a; margin-left: 6px; }
.danisman p { margin: 0 0 8px; }
.danisman p b { color: #f3e1b4; }
.danismanDugmeler { display: flex; flex-wrap: wrap; gap: 6px; }
.danismanDugmeler .dugme { height: 32px; padding: 0 12px; font-size: 13px; }
.danismanKapat { align-self: flex-end; margin-top: 4px; background: none; border: 0; padding: 2px 0; color: var(--soluk);
  font-size: 12px; text-decoration: underline; cursor: pointer; }
.danisman.kucuk { width: auto; min-width: 0; max-width: none; padding: 4px; }
.danismanBalon { position: relative; display: block; width: 58px; height: 58px; padding: 0; border: 0; background: none; cursor: pointer; }
.danismanBalon img { width: 58px; height: 58px; object-fit: cover; object-position: 50% 30%; border-radius: 50%;
  border: 2px solid var(--altin); }
.danismanBalon i { position: absolute; right: -6px; bottom: -4px; padding: 1px 5px; border-radius: 8px; font: 700 11px var(--yazi);
  font-style: normal; background: var(--panel-zemin-koyu); color: var(--altin); border: 1px solid var(--panel-cizgi); }


.danismanHedef { outline: 3px solid #ffd77a; outline-offset: 3px; animation: danismanNabiz .8s ease-in-out 6; }
@keyframes danismanNabiz {
  0%, 100% { box-shadow: 0 0 0 0 rgba(255, 215, 122, 0); outline-color: rgba(255, 215, 122, .35); }
  50% { box-shadow: 0 0 0 6px rgba(255, 215, 122, .75), 0 0 34px 6px rgba(255, 200, 90, .85); outline-color: #fff1c4; }
}
.kareDugme.danismanHedef { animation-name: danismanNabizKare; }
@keyframes danismanNabizKare {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 215, 122, 0); outline-color: rgba(255, 215, 122, .35); }
  50% { transform: scale(1.14); box-shadow: 0 0 0 6px rgba(255, 215, 122, .75), 0 0 34px 6px rgba(255, 200, 90, .85); outline-color: #fff1c4; }
}

.danismanEtiket { position: absolute; z-index: 60; max-width: 260px; padding: 6px 12px; pointer-events: none; white-space: nowrap;
  font: 800 15px var(--yazi); color: #1c140a; background: linear-gradient(#ffe7a6, #e9bf62); border: 1px solid #fff1c4;
  border-radius: 6px; box-shadow: 0 4px 14px rgba(0, 0, 0, .6); }
.danismanEtiket::after { content: ""; position: absolute; left: 50%; bottom: -6px; margin-left: -6px; border: 6px solid transparent;
  border-bottom: 0; border-top-color: #e9bf62; }
.danismanEtiket[hidden] { display: none; }

html.telefon .danisman { left: 432px; transform: none; bottom: 64px; width: 560px; max-width: none; font-size: 15px; }
html.telefon .danisman h3 { font-size: 18px; }
html.telefon .danismanPortre { width: 76px; height: 100px; }
html.telefon .danismanDugmeler .dugme { height: 36px; font-size: 14px; }


.askerTabloKap { overflow-x: auto; padding: 0 8px 8px; }
.askerTablosu table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 13px; }
.askerTablosu th { position: sticky; top: 0; padding: 6px 6px; text-align: right; font: 700 12px var(--yazi); color: var(--soluk);
  border-bottom: 1px solid var(--panel-cizgi-soluk); background: rgba(10, 8, 7, .9); }
.askerTablosu th:first-child, .askerTablosu td:first-child { text-align: left; }
.askerTablosu td { padding: 6px 6px; text-align: right; border-bottom: 1px solid rgba(214, 186, 122, .1); color: var(--metin);
  font-variant-numeric: tabular-nums; vertical-align: top; }
.askerTablosu td b { color: #f3e8d0; }
.askerTablosu td small { display: block; color: var(--soluk); font-size: 11.5px; margin-top: 2px; }
.askerTablosu .askerBedel { font-size: 12px; color: var(--soluk); max-width: 170px; }
html.telefon .askerTablosu table { font-size: 14px; }
.askerUst { margin: 0 0 10px; }


.birlikBag { cursor: pointer; }
.birlikBag:hover { color: #f0c75a; text-decoration: underline; text-underline-offset: 3px; }
.birlikUyeGor { margin-left: 6px; font: 700 11px var(--yazi); color: var(--soluk); }
.birlikUyeListe { margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; }
.birlikUyeListe li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 8px; padding: 6px 10px;
  border: 1px solid rgba(224, 187, 108, .18); border-radius: 4px; background: rgba(255, 255, 255, .03); font: 700 14px var(--yazi); }
.birlikUyeListe li.benim { border-color: rgba(224, 187, 108, .55); background: rgba(224, 187, 108, .08); }
.birlikUyeListe li .uyeAd { min-width: 0; display: flex; align-items: center; gap: 6px; }
.birlikUyeListe li .profilAd { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f3e6c4; }
.birlikUyeListe li > small { color: var(--soluk); font-weight: 600; }
.birlikUyeListe li > b { text-align: right; color: var(--metin); white-space: nowrap; }
.birlikUyeListe li > b small { color: var(--soluk); font-weight: 600; }
.birlikUyeListe li .birlikRutbe { flex: none; padding: 0 6px; border-radius: 3px; font: 800 10px/16px var(--yazi);
  font-style: normal; text-transform: uppercase; background: rgba(224, 187, 108, .22); color: #ffe3a6; }
.birlikUyeListe li .birlikRutbe.rutbe-kagan { background: rgba(230, 170, 60, .45); color: #fff1c9; }



.raporSatir.yeni { border-color: rgba(240, 199, 90, .55); background: linear-gradient(90deg, rgba(232, 180, 80, .2), rgba(232, 180, 80, .07)); color: #f3e6c4; }
.raporSatir.yeni:hover { background: linear-gradient(90deg, rgba(232, 180, 80, .26), rgba(232, 180, 80, .1)); }
.raporSatir.yeni .raporSatirBilgi small { color: #e8d6a8; }
.raporSatir.yeni .raporSatirBilgi b::before { width: 9px; height: 9px; }
.raporSatir:not(.yeni):not(.secili) { background: rgba(255, 255, 255, .015); border-left-color: rgba(150, 140, 120, .55); }
.raporSatir:not(.yeni):not(.secili) .raporSatirBilgi b { color: #a99d84; font-weight: 600; }
.raporSatir:not(.yeni):not(.secili) .raporSatirBilgi small { color: rgba(160, 148, 124, .75); }
.raporSatir:not(.yeni):not(.secili) .raporSatirSimge { filter: grayscale(.85); opacity: .6; }
.raporSatir:not(.yeni):not(.secili) .raporSonuc { opacity: .55; }


.gucUyari { display: grid; gap: 3px; margin: 8px 0; padding: 8px 12px; border-radius: 6px; border: 1px solid rgba(224, 187, 108, .55);
  background: rgba(224, 187, 108, .1); }
.gucUyari b { color: #f1d589; font-size: 14px; }
.gucUyari span { color: #efe4c8; font-size: 13px; line-height: 1.35; }


.isCipler, .insaatOk { display: none; }

.levhaSira { font-style: normal; color: #f1c26b; }


.koySeridi { display: none; }

.koySeridiOk { display: none; }




.yatayOge { display: none; }
html.yatayYeni .yatayOge { display: grid; }
html.yatayYeni body.koyKipi #yatayKoyler { display: none; }

html.yatayYeni #altOrta { left: 472px; transform: none; }
html.yatayYeni.yatayKoyler #yatayKoyler { border-color: var(--altin); background: rgba(60, 46, 26, .92); }

html.yatayYeni .miniAciklama, html.yatayYeni .sunucuSaati { display: none; }
html.yatayYeni.miniRozetVar body:not(.koyKipi) .miniRozet { display: flex; }
html.yatayYeni .miniRozet { width: 34px; height: 34px; }
html.yatayYeni .miniRozet svg, html.yatayYeni .miniRozet .renkNokta { width: 19px; height: 19px; }
html.yatayYeni #miniRozetRenk { top: 14px; right: 122px; }
html.yatayYeni #miniRozetSaat { top: 120px; right: 122px; }
html.yatayYeni.miniAciklamaAcik body:not(.koyKipi) .miniAciklama { display: flex; top: 10px; right: 164px; z-index: 8; font-size: 15px; }
html.yatayYeni.miniSaatAcik body:not(.koyKipi) .sunucuSaati { display: flex; top: 122px; right: 164px; width: 176px; height: 30px; z-index: 8; }
html.yatayYeni.miniAciklamaAcik #miniRozetRenk, html.yatayYeni.miniSaatAcik #miniRozetSaat { border-color: #fff0c0;
  box-shadow: 0 0 0 1px #f3d58c, 0 0 12px rgba(243, 213, 140, .55); }

html.yatayYeni .yatayUstOk { position: absolute; z-index: 6; left: 50%; top: 76px; width: 70px; height: 24px; margin-left: -35px;
  place-items: center; padding: 0; border: 1px solid var(--panel-cizgi); border-top: 0; border-radius: 0 0 10px 10px;
  background: var(--panel-zemin); color: var(--altin); transition: top .25s ease; }
html.yatayYeni .yatayUstOk svg { width: 20px; height: 20px; transition: transform .25s ease; }
html.yatayYeni .kaynakSeridi { transition: translate .25s ease; }
html.yatayYeni.yatayUstKapali .kaynakSeridi { translate: 0 -96px; }
html.yatayYeni.yatayUstKapali .yatayUstOk { top: 0; }
html.yatayYeni.yatayUstKapali .yatayUstOk svg { transform: rotate(180deg); }

html.yatayYeni:not(.yatayKoyler) #sagAlt { right: 14px; top: 196px; bottom: auto; width: 84px; padding: 0;
  background: none; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
html.yatayYeni:not(.yatayKoyler) #sagAlt::before, html.yatayYeni:not(.yatayKoyler) #sagAlt::after { display: none; }
html.yatayYeni:not(.yatayKoyler) #sagAlt > :not(#olayListesi) { display: none !important; }
html.yatayYeni:not(.yatayKoyler) #sagAlt .olayListesi { grid-template-columns: 1fr; gap: 6px; }
html.yatayYeni:not(.yatayKoyler) #sagAlt .olay { text-shadow: 0 1px 3px #000, 0 0 6px rgba(0, 0, 0, .8); }

html.yatayYeni.yatayKoyler #sagAlt { z-index: 9; }
html.yatayYeni.yatayKoyler #sagAlt .panelBaslik.ikinci, html.yatayYeni.yatayKoyler #sagAlt .olayListesi { display: none; }
html.yatayYeni.yatayKoyler #sagAlt .sehirListesi { max-height: calc(var(--sahneBoy, 640px) - 300px); overflow-y: auto; }

html.yatayYeni.koySeridiAcik body:not(.koyKipi) .koySeridi { display: flex; position: absolute; right: 110px; bottom: 14px; z-index: 6;
  flex-direction: column-reverse; gap: 6px; max-height: calc(100% - 120px); overflow-y: auto; padding: 10px 12px 0 0; scrollbar-width: none; }
html.yatayYeni.yatayKoyler .koySeridi { display: none !important; }
html.yatayYeni .koySeridiKoy { position: relative; flex: none; display: flex; align-items: center; width: 150px; height: 38px; padding: 0 12px;
  border: 1px solid rgba(224, 187, 108, .45); border-radius: 6px; background: rgba(16, 13, 9, .84); color: #efe4c8; font: 700 17px var(--yazi);
  text-align: left; box-shadow: 0 2px 6px rgba(0, 0, 0, .35); }
html.yatayYeni .koySeridiKoy span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html.yatayYeni .koySeridiKoy.aktif { border-color: var(--altin); background: rgba(60, 46, 26, .94); color: #f1d589; }
html.yatayYeni .koySeridiKoy.saldiri { border-color: #e05a4a; }
html.yatayYeni .koySeridiKoy b { position: absolute; right: -10px; top: -9px; min-width: 24px; height: 24px; padding: 0 5px; border-radius: 12px;
  background: #d63b2b; color: #fff; font: 800 14px/24px var(--yazi); text-align: center; box-shadow: 0 0 7px rgba(214, 59, 43, .85); }



html.yatayYeni .digerPaneli { display: none; }
html.yatayYeni.yatayDiger #sagUst { display: none; }

html.yatayYeni.yatayDiger #solAlt { left: 26px; bottom: 18px; gap: 6px; }
html.yatayYeni.yatayDiger body.koyKipi #solAlt > #yatayKoyler { display: none !important; }
html.yatayYeni.yatayDiger #solAlt > .dikeyOge { display: none !important; }
html.yatayYeni.yatayDiger #solAlt > .kareDugme:not([hidden]):not(.dikeyOge) { display: flex !important; flex-direction: column; align-items: center; justify-content: center;
  gap: 3px; width: 60px; height: 66px; padding: 4px 0 3px; }
html.yatayYeni.yatayDiger #solAlt > .kareDugme .gercekSimge, html.yatayYeni.yatayDiger #solAlt > .kareDugme > svg { width: 32px; height: 32px; }
html.yatayYeni.yatayDiger .kareDugme[data-ad]::before { content: attr(data-ad); order: 2; font: 700 13px/1 var(--yazi); letter-spacing: 0; color: #efe4c8;
  white-space: nowrap; text-shadow: 0 1px 2px #000; }
html.yatayYeni.yatayDiger .yardimKutu { left: 26px; bottom: 94px; width: 588px !important; }
html.yatayYeni.yatayDiger .yardimKutu .yardimForm { flex: 1 1 auto; }
html.yatayYeni.yatayDiger #altOrta { left: 630px; }
html.yatayYeni.yatayDiger.digerAcik #digerDugme { border-color: var(--altin); background: rgba(60, 46, 26, .92); }
html.yatayYeni.yatayDiger .digerSes { position: absolute; left: 6px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: #6fdc6a;
  box-shadow: 0 0 6px rgba(111, 220, 106, .9); }
html.yatayYeni.yatayDiger .digerSes[hidden] { display: none; }
html.yatayYeni.yatayDiger #digerDugme .dugmeRozet { right: -4px; }
html.yatayYeni.yatayDiger.digerAcik .digerPaneli { display: grid; position: absolute; left: 26px; bottom: 94px; width: 588px; z-index: 9;
  grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 14px; }
html.yatayYeni.yatayDiger .digerPaneli .kareDugme:not([hidden]) { display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 5px; width: auto; height: 84px; }
html.yatayYeni.yatayDiger .digerPaneli .kareDugme[data-ad]::before { font-size: 15px; }
html.yatayYeni.yatayDiger .digerPaneli .gercekSimge { width: 38px; height: 38px; }