:root {
  --panel-zemin: rgba(13, 17, 29, .8);
  --panel-zemin-koyu: rgba(10, 13, 23, .93);
  --panel-cizgi: rgba(224, 187, 108, .78);
  --panel-cizgi-soluk: rgba(224, 187, 108, .26);
  --panel-golge: 0 8px 22px rgba(0, 0, 0, .5);
  --kece: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='k'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .55  0 0 0 0 .6  0 0 0 0 .75  0 0 0 .09 0'/></filter><rect width='100%25' height='100%25' filter='url(%23k)'/></svg>");

  --kilim: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='10' viewBox='0 0 24 10'><g fill='none' stroke='%23deb86a' stroke-width='1' stroke-linecap='round'><path d='M0 5H8.5M15.5 5H24' opacity='.55'/><path d='M12 1.4L15.6 5L12 8.6L8.4 5Z'/><path d='M2.2 5c0-2.1 3-2.1 3 0' /><path d='M21.8 5c0 2.1-3 2.1-3 0'/></g><path d='M12 3.6L13.4 5L12 6.4L10.6 5Z' fill='%23deb86a'/></svg>");

  --kose-su: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14'><path d='M1.5 11V1.5H11' fill='none' stroke='%23e6c47a' stroke-width='1.3'/><path d='M5 3.2L6.8 5L5 6.8L3.2 5Z' fill='%23e6c47a'/></svg>");
  --kose-sa: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14'><g transform='rotate(90 7 7)'><path d='M1.5 11V1.5H11' fill='none' stroke='%23e6c47a' stroke-width='1.3'/><path d='M5 3.2L6.8 5L5 6.8L3.2 5Z' fill='%23e6c47a'/></g></svg>");
  --kose-aa: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14'><g transform='rotate(180 7 7)'><path d='M1.5 11V1.5H11' fill='none' stroke='%23e6c47a' stroke-width='1.3'/><path d='M5 3.2L6.8 5L5 6.8L3.2 5Z' fill='%23e6c47a'/></g></svg>");
  --kose-as: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14'><g transform='rotate(270 7 7)'><path d='M1.5 11V1.5H11' fill='none' stroke='%23e6c47a' stroke-width='1.3'/><path d='M5 3.2L6.8 5L5 6.8L3.2 5Z' fill='%23e6c47a'/></g></svg>");

  --tamga: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='22' viewBox='0 0 14 22'><g fill='none' stroke='%23e6c47a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M7 3v16M7 8L2.5 3.5M7 8l4.5-4.5M3.5 19h7'/></g><path d='M7 11.3L8.4 12.7L7 14.1L5.6 12.7Z' fill='%23e6c47a'/></svg>");
}



.panel {
  background-color: var(--panel-zemin);
  background-image: var(--kose-su), var(--kose-sa), var(--kose-aa), var(--kose-as), var(--kece);
  background-position: 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
  border: 1px solid var(--panel-cizgi);
  border-radius: 5px;
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, .6),
    inset 0 0 0 2px rgba(224, 187, 108, .1),
    inset 0 1px 0 rgba(255, 240, 210, .08),
    var(--panel-golge);
}


.pencere.panel { background-color: var(--panel-zemin-koyu); }
.pencereUst {
  position: relative;
  border-bottom: none;
  padding-bottom: 16px;
}
.pencereUst::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 3px;
  height: 10px;
  background: var(--kilim) 0 50% / 24px 10px repeat-x;
  opacity: .75;
}



.levha.logo {
  height: 48px;
  justify-content: center;
  padding: 0 22px 0 24px;
  background-color: var(--panel-zemin-koyu);
  background-image: var(--kece);
  border: 1px solid var(--panel-cizgi);
  border-radius: 4px;
  box-shadow:
    inset 0 0 0 3px rgba(10, 13, 23, .95),
    inset 0 0 0 4px rgba(224, 187, 108, .45),
    var(--panel-golge);
}
.levha.logo::before,
.levha.logo::after {
  width: 11px;
  height: 18px;
  margin-top: -9px;
  background: var(--tamga) center / contain no-repeat;
  transform: none;
}
.levha.logo::before { left: 7px; }
.levha.logo::after { right: 6px; }
.levha.logo span {
  font: 700 23px var(--oyma);
  letter-spacing: .07em;
  background: linear-gradient(180deg, #fff3cf 0%, #f1cf82 45%, #c9953f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .85));
}



.logoKumesi { display: grid; gap: 11px; }
.sezonLevha {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
  min-height: 42px; padding: 5px 14px 6px;
  background-color: var(--panel-zemin-koyu);
  background-image: var(--kece);
  border: 1px solid var(--panel-cizgi);
  border-radius: 4px;
  box-shadow: inset 0 0 0 3px rgba(10, 13, 23, .95), inset 0 0 0 4px rgba(224, 187, 108, .45), var(--panel-golge);
}
.sezonLevha[hidden] { display: none; }
.sezonLevha b { font: 700 12.5px var(--oyma); letter-spacing: .08em; text-transform: uppercase; color: #f0d08a; white-space: nowrap; }
.sezonLevha span { font: 700 13px var(--yazi); color: #f6ecd4; white-space: nowrap; font-variant-numeric: tabular-nums; }

.sezonLevha .sezonLevhaBolge { font: 700 11.5px var(--yazi); color: #e3c27a; letter-spacing: .02em; }
.sezonLevhaBolge[hidden] { display: none; }

.sezonGeriSayim { display: none; }



#altOrta .hapDugme.koyGecis { width: 46px; padding: 0; justify-content: center; color: #f6d77e;
  background-image: radial-gradient(circle at 50% 50%, rgba(240, 196, 92, .28), rgba(240, 196, 92, 0) 70%), var(--kece);
  border-color: rgba(240, 200, 110, .75); }
#altOrta .hapDugme.koyGecis svg { width: 26px; height: 26px; color: #f6d77e; filter: drop-shadow(0 0 4px rgba(246, 215, 126, .55)) drop-shadow(0 1px 1px #000); }
#altOrta .hapDugme.koyGecis:active { transform: scale(.94); }
#altOrta .hapDugme.koyGecis[hidden] { display: none; }



.kaynakSeridi { padding: 5px 8px 12px; }

.kaynak { min-width: 80px; padding: 3px 8px 3px 5px; }
.kaynakSeridi::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 2px;
  height: 10px;
  background: var(--kilim) 0 50% / 24px 10px repeat-x;
  opacity: .85;
  pointer-events: none;
}
.kaynak + .kaynak::before { background: linear-gradient(180deg, transparent, var(--panel-cizgi), transparent); }
.kaynakAd { color: #cdb993; }



.panelBaslik {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  column-gap: 8px;
  border-bottom: none;
  padding-bottom: 3px;
  font: 700 14px var(--oyma);
  color: #f0d99c;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
}
.panelBaslik::after {
  content: "";
  grid-row: 1;
  grid-column: 2;
  height: 10px;
  background: var(--kilim) 0 50% / 24px 10px repeat-x;
  opacity: .8;
}
.panelBaslik > :last-child:not(:first-child) { grid-column: 3; }



.kareDugme {
  border: 1px solid var(--panel-cizgi);
  border-radius: 6px;
  background-color: var(--panel-zemin);
  background-image: var(--kece);
  box-shadow:
    inset 0 0 0 2px rgba(10, 13, 23, .9),
    inset 0 0 0 3px rgba(224, 187, 108, .22),
    var(--panel-golge);
  color: #f0d08a;
}
.kareDugme svg { filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .8)); }
.kareDugme:hover {
  background-color: rgba(28, 34, 52, .92);
  border-color: #f3d58c;
  box-shadow:
    inset 0 0 0 2px rgba(10, 13, 23, .9),
    inset 0 0 0 3px rgba(224, 187, 108, .4),
    0 0 12px rgba(232, 196, 106, .3),
    var(--panel-golge);
}
.yoneticiDugme.acik {
  border-color: #ffd36a;
  box-shadow: inset 0 0 0 2px rgba(10, 13, 23, .9), 0 0 0 1px #ffd36a, 0 0 16px rgba(255, 190, 80, .55);
}



.hapDugme svg { color: #f0d08a; }
.hapDugme:hover { border-color: #f3d58c; box-shadow: 0 0 12px rgba(232, 196, 106, .25), var(--panel-golge); }



.sehirSatir {
  border-color: rgba(224, 187, 108, .2);
  background: rgba(255, 255, 255, .035);
}
.sehirSatir.aktif {
  border-color: rgba(240, 206, 128, .9);
  background: linear-gradient(90deg, rgba(224, 187, 108, .26), rgba(224, 187, 108, .08));
  box-shadow: inset 3px 0 0 #e8c46a, 0 0 10px rgba(232, 196, 106, .2);
}
.sehirSatir.aktif .sehirAd { color: #fff3d2; }
.yuva { background: rgba(255, 255, 255, .1); }
.yuva.dolu { background: linear-gradient(90deg, #c9953f, #f3d58c); }



.olay {
  padding: 2px 0 3px;
  border: none;
  background: none;
  color: #d9c69c;
}
.olay:hover { color: #fff3d2; }
.olay .olaySimge {
  width: 40px;
  height: 40px;
  padding: 9px;
  border-radius: 50%;
  color: #fff3d6;
  background: radial-gradient(circle at 38% 30%, var(--acik), var(--koyu) 70%);
  box-shadow:
    0 0 0 1.5px #e3bf72,
    0 0 0 3px rgba(10, 13, 23, .85),
    0 0 0 4px rgba(224, 187, 108, .45),
    inset 0 -3px 6px rgba(0, 0, 0, .45),
    0 3px 6px rgba(0, 0, 0, .5);
  filter: none;
}
.olay.kirmizi { --acik: #e0543d; --koyu: #6d160d; }
.olay.mavi { --acik: #4f94d6; --koyu: #16345e; }
.olay.altin { --acik: #e6a23c; --koyu: #6b3f0c; }
.olay.yesil { --acik: #6cbf52; --koyu: #1f4d18; }
.olay.kirmizi .olaySimge, .olay.mavi .olaySimge, .olay.altin .olaySimge, .olay.yesil .olaySimge { color: #fff3d6; }
.olay:hover .olaySimge { box-shadow: 0 0 0 1.5px #ffe19a, 0 0 0 3px rgba(10, 13, 23, .85), 0 0 0 4px rgba(224, 187, 108, .7),
  inset 0 -3px 6px rgba(0, 0, 0, .45), 0 0 12px rgba(232, 196, 106, .45); }
.olaySayi {
  top: -2px;
  right: 50%;
  margin-right: -26px;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: rgba(10, 13, 23, .95);
  box-shadow: 0 0 0 1px rgba(224, 187, 108, .7);
  font: 800 11px/1 var(--yazi);
  color: #f3e3bd;
}


.olayGelen {
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -26px;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #c8321f;
  box-shadow: 0 0 0 1px rgba(255, 200, 180, .85);
  font: 800 11px/1 var(--yazi);
  color: #fff;
}
.olayGelen.dost { background: #2f6fc8; box-shadow: 0 0 0 1px rgba(190, 215, 255, .85); }



.miniHarita {
  background: var(--panel-zemin-koyu);
  box-shadow:
    0 0 0 1.5px #e3bf72,
    0 0 0 5px rgba(10, 13, 23, .92),
    0 0 0 6px rgba(224, 187, 108, .55),
    var(--panel-golge);
}
.miniHarita::before {
  content: "";
  position: absolute;
  inset: -5px;
  border-radius: 50%;
  background: repeating-conic-gradient(from 0deg, rgba(232, 196, 106, .85) 0 1.4deg, transparent 1.4deg 9deg);
  -webkit-mask: radial-gradient(circle, transparent calc(50% - 4px), #000 calc(50% - 3.5px), #000 calc(50% - 1px), transparent 50%);
  mask: radial-gradient(circle, transparent calc(50% - 4px), #000 calc(50% - 3.5px), #000 calc(50% - 1px), transparent 50%);
  pointer-events: none;
}



.dugmeRozet { box-shadow: 0 0 0 2px rgba(10, 13, 23, .95), 0 0 8px rgba(224, 68, 47, .6); }



.koyLevha {
  background-color: rgba(11, 14, 24, .88);
  background-image: var(--kece);
  border-color: rgba(224, 187, 108, .75);
  box-shadow: inset 0 0 0 2px rgba(10, 13, 23, .9), inset 0 0 0 3px rgba(224, 187, 108, .16), 0 4px 10px rgba(0, 0, 0, .55);
}







#pencereBaslik > span:not(.seviyeRozet),
#profilBaslik > span:not(.iliskiRozet) {
  background: linear-gradient(180deg, #fff3cf 0%, #f1cf82 45%, #c9953f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .85));
}
.seviyeRozet {
  border-color: rgba(224, 187, 108, .8);
  background: rgba(10, 13, 23, .9);
  color: #f3d58c;
  box-shadow: inset 0 0 0 1px rgba(224, 187, 108, .18);
}



.sekmeCubugu {
  position: relative;
  margin-bottom: 8px;
  padding-bottom: 11px;
  border-bottom: none;
}
.sekmeCubugu::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 10px;
  background: var(--kilim) 0 50% / 24px 10px repeat-x;
  opacity: .75;
  pointer-events: none;
}


.pencereSekme {
  height: 40px;
  border: 1px solid rgba(224, 187, 108, .5);
  border-radius: 5px;
  background-color: rgba(26, 32, 50, .95);
  background-image: linear-gradient(180deg, rgba(232, 196, 106, .08), rgba(0, 0, 0, .15)), var(--kece);
  color: #ead9ad;
  font-size: 16.5px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .5);
}
.pencereSekme .sekmeSimge.gercekSimge { opacity: .95; }
.pencereSekme:hover { color: #fbe6ae; border-color: rgba(232, 196, 106, .8); }
.pencereSekme.secili {
  border-color: #e8c46a;
  background-color: rgba(24, 30, 50, .96);
  background-image: linear-gradient(180deg, rgba(232, 196, 106, .22), rgba(232, 196, 106, .04) 70%), var(--kece);
  color: #ffe7a8;
  box-shadow: inset 0 2px 0 #f3d58c, inset 0 0 0 1px rgba(10, 13, 23, .9), 0 0 16px rgba(232, 196, 106, .22);
}



.dugme { border-radius: 3px; }

.dugme.birincil {
  border-color: #ffe6a6;
  background: linear-gradient(180deg, #f7df9f 0%, #dcb05a 46%, #a97b2d 100%);
  color: #1f1405;
  text-shadow: 0 1px 0 rgba(255, 240, 200, .55);
  box-shadow: inset 0 1px 0 rgba(255, 250, 230, .75), inset 0 -2px 0 rgba(90, 55, 10, .45), 0 2px 6px rgba(0, 0, 0, .5);
}

.dugme.ikincil {
  border-color: rgba(224, 187, 108, .72);
  background-color: rgba(17, 22, 37, .94);
  background-image: var(--kece);
  color: #f0d08a;
  box-shadow: inset 0 0 0 1px rgba(10, 13, 23, .9), inset 0 0 0 2px rgba(224, 187, 108, .14);
}

.dugme.tehlike {
  border-color: #e8c46a;
  background: linear-gradient(180deg, #b8412f, #6e1a10);
  color: #fff1dc;
  box-shadow: inset 0 1px 0 rgba(255, 200, 180, .35), inset 0 -2px 0 rgba(40, 5, 0, .4), 0 2px 6px rgba(0, 0, 0, .5);
}



.altBaslik { display: flex; align-items: center; gap: 10px; color: #f0d99c; }
.altBaslik::after {
  content: "";
  flex: 1;
  height: 10px;
  background: var(--kilim) 0 50% / 24px 10px repeat-x;
  opacity: .7;
}



.ipucu.ust {
  padding: 2px 0 2px 12px;
  border-left: 2px solid rgba(224, 187, 108, .7);
  color: #e3d3ad;
  font-style: italic;
}



.etkiTablosu {
  border: 1px solid rgba(224, 187, 108, .3);
  border-radius: 5px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, .25);
}
.etkiTablosu thead th {
  background: linear-gradient(180deg, rgba(224, 187, 108, .2), rgba(224, 187, 108, .05));
  border-bottom: 1px solid rgba(224, 187, 108, .45);
  color: #f3d58c;
}
.etkiTablosu th, .etkiTablosu td { padding: 5px 10px; }
.etkiTablosu tbody tr:nth-child(even) { background: rgba(255, 255, 255, .03); }
.etkiTablosu tbody tr:last-child th, .etkiTablosu tbody tr:last-child td { border-bottom: none; }
.etkiTablosu thead th { white-space: nowrap; }

.etkiTablosu tbody tr.gecerli { background: rgba(110, 190, 255, .1); }
.etkiTablosu tbody tr.gecerli th, .etkiTablosu tbody tr.gecerli td:not(.sonraki) { color: #9fe3ff; }
.etkiTablosu tbody th::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 8px 2px 0;
  background: #e8c46a;
  transform: rotate(45deg);
}



.bedel li {
  border-color: rgba(224, 187, 108, .38);
  background: rgba(8, 11, 20, .6);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .4);
}
.bedelCipler { display: inline-flex; flex-wrap: wrap; gap: 4px; vertical-align: middle; }
.bedelCip {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 1px 7px 1px 2px;
  border: 1px solid rgba(224, 187, 108, .32);
  border-radius: 10px;
  background: rgba(0, 0, 0, .32);
  font: 800 12px var(--yazi);
  color: #f3e3bd;
  white-space: nowrap;
}
.bedelCipSimge { width: 18px; height: 18px; object-fit: contain; }



.birimKarti {
  border-color: rgba(224, 187, 108, .4);
  background-color: rgba(15, 20, 34, .88);
  background-image: var(--kose-su), var(--kose-sa), var(--kose-aa), var(--kose-as), var(--kece);
  background-position: 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .5), 0 3px 8px rgba(0, 0, 0, .35);
}
.birimResmi {
  border: 1px solid rgba(224, 187, 108, .55);
  background: radial-gradient(ellipse at 50% 82%, rgba(224, 187, 108, .24), rgba(6, 8, 14, .92) 72%);
  box-shadow: inset 0 0 18px rgba(0, 0, 0, .8);
}
.birimGovde header strong {
  font-size: 18px;
  background: linear-gradient(180deg, #fff3cf 0%, #f1cf82 50%, #c9953f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.birimGovde header em {
  padding: 1px 7px;
  border: 1px solid rgba(224, 187, 108, .45);
  border-radius: 9px;
  font-size: 10.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #e8c46a;
}
.koydeki {
  padding: 1px 7px;
  border: 1px solid rgba(143, 224, 111, .45);
  border-radius: 9px;
  background: rgba(143, 224, 111, .1);
}
.birimDeger {
  gap: 2px 10px;
  padding: 5px 8px;
  border: 1px solid rgba(224, 187, 108, .16);
  border-radius: 4px;
  background: rgba(0, 0, 0, .28);
}
.birimDeger div { border-bottom: 1px dotted rgba(224, 187, 108, .16); padding-bottom: 1px; }



.adetSatir input,
.seferBirim input,
.koordinatForm input {
  border-color: rgba(224, 187, 108, .45);
  background: rgba(6, 9, 16, .88);
  color: #fff3d2;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .6);
}
.adetSatir input:focus,
.seferBirim input:focus,
.koordinatForm input:focus { outline: none; border-color: #f3d58c; box-shadow: 0 0 0 2px rgba(232, 196, 106, .25); }
.adetDugme {
  width: 30px;
  border-color: rgba(224, 187, 108, .6);
  border-radius: 50%;
  background-color: rgba(17, 22, 37, .92);
  background-image: var(--kece);
  color: #f0d08a;
}



.seferBirim {
  border-color: rgba(224, 187, 108, .3);
  background-color: rgba(15, 20, 34, .85);
  background-image: var(--kece);
}
.seferOzet {
  border-color: rgba(224, 187, 108, .3);
  background: rgba(0, 0, 0, .3);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .4);
}
.seferOzet dt { color: #d9bf85; }


.pencereUst { padding-top: 8px; padding-bottom: 14px; }







.acilis { padding-top: 14px; }
.acilisBaslik { margin-bottom: 8px; }
.acilisBaslik h1 { font-size: 58px; line-height: 1.1; }
.acilisBaslik p { margin-top: 0; }

.acilis .acilisPanel { padding: 12px 20px 14px; }
.acilis .sekmeler { position: relative; margin-bottom: 10px; padding-bottom: 12px; }
.acilis .sekmeler::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 10px;
  background: var(--kilim) 0 50% / 24px 10px repeat-x;
  opacity: .75;
  pointer-events: none;
}
.acilis .sekme {
  height: 38px;
  border: 1px solid rgba(224, 187, 108, .28);
  border-radius: 5px;
  background-color: rgba(17, 22, 37, .92);
  background-image: var(--kece);
  color: #b9a883;
}
.acilis .sekme:hover { color: #f0d99c; border-color: rgba(224, 187, 108, .55); }
.acilis .sekme.secili {
  border-color: #e8c46a;
  background-image: linear-gradient(180deg, rgba(232, 196, 106, .22), rgba(232, 196, 106, .04) 70%), var(--kece);
  color: #ffe7a8;
  box-shadow: inset 0 2px 0 #f3d58c, 0 0 16px rgba(232, 196, 106, .22);
}
.acilis .formBaslik {
  background: linear-gradient(180deg, #fff3cf 0%, #f1cf82 50%, #c9953f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.acilis .alan { margin-bottom: 8px; }
.acilis .alan span { color: #d9bf85; }
.acilis .alan input {
  height: 40px;
  border-color: rgba(224, 187, 108, .45);
  background: rgba(6, 9, 16, .88);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .6);
}
.acilis .alan input:focus { border-color: #f3d58c; box-shadow: 0 0 0 2px rgba(232, 196, 106, .25); }
.acilis .hataYazi { margin: 2px 0 6px; }
.acilis .dugme.genis { height: 42px; }






.gercekSimge { display: block; flex: none; object-fit: contain; filter: drop-shadow(0 1px 1.5px rgba(0, 0, 0, .75)); }
.kareDugme .gercekSimge { width: 32px; height: 32px; }
.kareDugme.kucuk .gercekSimge { width: 24px; height: 24px; }
.kareDugme:hover .gercekSimge { filter: drop-shadow(0 0 5px rgba(255, 214, 120, .55)) brightness(1.08); }
.hapDugme .gercekSimge { width: 26px; height: 26px; }
.durumSimge.gercekSimge { width: 24px; height: 24px; }
.sekmeSimge.gercekSimge { width: 28px; height: 28px; opacity: .8; }
.pencereSekme:hover .sekmeSimge.gercekSimge,
.pencereSekme.secili .sekmeSimge.gercekSimge { opacity: 1; filter: drop-shadow(0 0 5px rgba(255, 214, 120, .5)); }
.dugmeSimge.gercekSimge { display: inline-block; width: 22px; height: 22px; vertical-align: -5px; }
.pencereSimge.gercekSimge { width: 36px; height: 36px; }
.seferSatirSimge .gercekSimge, .raporSatirSimge .gercekSimge { width: 24px; height: 24px; }

.olay .olaySimge.gercekSimge { padding: 7px; object-fit: contain; }
.onayIsci.gercekSimge { display: inline-block; width: 20px; height: 20px; }






.tuzakAlan { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.misafirDugme {
  width: 100%;
  margin-top: 8px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px dashed rgba(224, 187, 108, .55);
  border-radius: 4px;
  background: rgba(8, 11, 20, .55);
  color: #f0d08a;
  font: 700 14px var(--oyma);
  letter-spacing: .04em;
  cursor: pointer;
}
.misafirDugme small { font: 700 12px var(--yazi); letter-spacing: 0; color: var(--soluk); }
.misafirDugme:hover { border-style: solid; color: #ffe7a8; background: rgba(24, 30, 50, .8); }
.misafirDugme:disabled { opacity: .6; cursor: default; }


.misafirSerit {
  position: absolute;
  left: 50%;
  bottom: 70px;
  transform: translateX(-50%);
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 7px 8px 7px 16px;
  white-space: nowrap;
  font: 700 14px var(--yazi);
  color: var(--metin);
}
.misafirSerit b { color: #ffe7a8; }



.yonetimPenceresi .ynSekmeler { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 4px 6px; }
.yonetimPenceresi .ynSekmeler .pencereSekme { height: 32px; min-width: 0; padding: 0 8px; gap: 6px; font-size: 12.5px; }
.yonetimPenceresi .ynSekmeler .sekmeSimge.gercekSimge { width: 22px; height: 22px; }

.ynIcerik { height: min(400px, calc(var(--sahneBoy, 640px) - 240px)); overflow-y: auto; padding-right: 4px; }
.ynAlt { margin: 6px 0 0; font: 700 12px var(--yazi); color: var(--soluk); text-align: right; }
.ynKartlar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 10px; }
.ynKart {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 9px 12px;
  border: 1px solid rgba(224, 187, 108, .3);
  border-radius: 5px;
  background: rgba(0, 0, 0, .28);
}
.ynKart span { font: 700 11.5px var(--yazi); letter-spacing: .06em; text-transform: uppercase; color: #d9bf85; }
.ynKart b { font: 800 26px var(--yazi); color: #fff3d2; }
.ynKart small { font: 700 11.5px var(--yazi); color: var(--soluk); }
.ynKart.iyi b { color: #a8ea8c; }
.ynKart.uyari { border-color: rgba(255, 106, 85, .55); }
.ynKart.uyari b { color: #ff9f8f; }
.ynGrafikler { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ynGrafik { padding: 8px 10px; border: 1px solid rgba(224, 187, 108, .2); border-radius: 5px; background: rgba(0, 0, 0, .22); }
.ynGrafik h4 { margin: 0 0 6px; font: 700 12.5px var(--oyma); color: #f0d99c; }
.ynCubuklar { display: flex; align-items: flex-end; gap: 3px; height: 110px; }
.ynCubuk { flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 1px; }
.ynCubuk i { width: 100%; min-height: 2px; border-radius: 2px 2px 0 0; background: linear-gradient(180deg, #f3d58c, #a97b2d); }
.ynCubuk b { order: -1; font: 800 10px var(--yazi); color: #fff3d2; }
.ynCubuk small { font: 700 9.5px var(--yazi); color: var(--soluk); }
.ynTablo { width: 100%; border-collapse: collapse; font: 700 12.5px var(--yazi); }
.ynTablo th { position: sticky; top: 0; padding: 5px 8px; background: rgba(20, 25, 42, .98); border-bottom: 1px solid rgba(224, 187, 108, .45);
  color: #f3d58c; font: 700 11.5px var(--oyma); text-align: left; }
.ynTablo td { padding: 5px 8px; border-bottom: 1px solid rgba(224, 187, 108, .1); color: var(--metin); white-space: nowrap; }
.ynTablo .sag { text-align: right; }
.ynTablo tbody tr[data-yn-oyuncu], .ynTablo tbody tr[data-yn-birlik] { cursor: pointer; }
.ynTablo tbody tr:hover td { background: rgba(224, 187, 108, .08); }
.ynTablo tbody tr.secili td { background: rgba(224, 187, 108, .18); }
.ynTablo tbody tr.yasakli td { color: #ff9f8f; }
.ynNokta { display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: rgba(255, 255, 255, .18); }
.ynNokta.acik { background: #8fe06f; box-shadow: 0 0 6px rgba(143, 224, 111, .8); }
.ynEtiket { padding: 0 5px; border: 1px solid rgba(224, 187, 108, .4); border-radius: 7px; font: 700 10px var(--yazi); font-style: normal; color: var(--soluk); }
.ynEtiket.altin { color: #f3d58c; }
.ynEtiket.kirmizi { color: #ff9f8f; border-color: rgba(255, 106, 85, .5); }


.ynOyuncular { display: grid; grid-template-columns: minmax(0, 1fr) 340px; grid-template-rows: minmax(0, 1fr); gap: 10px; height: 100%; }
.ynSol { min-width: 0; min-height: 0; display: flex; flex-direction: column; gap: 6px; }
.ynArama {
  height: 34px;
  padding: 0 10px;
  border: 1px solid rgba(224, 187, 108, .45);
  border-radius: 4px;
  background: rgba(6, 9, 16, .88);
  color: #fff3d2;
  font: 700 14px var(--yazi);
  user-select: text;
  -webkit-user-select: text;
}

.yonetimPenceresi :is(td, dd, dt, .ynKoyler, .ynAyni, .ynAyrinti h3) { user-select: text; -webkit-user-select: text; }
.ynKopya { padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: copy; text-decoration: underline dotted rgba(224, 187, 108, .6); text-underline-offset: 3px; }
.ynKopya:hover { color: #f0c75a; }
.ynKaydir { flex: 1; min-height: 0; overflow-y: auto; }
.yonetimPenceresi .ynIcerik.oyuncularda { overflow: hidden; }
.ynAyrinti { padding: 10px 12px; border: 1px solid rgba(224, 187, 108, .3); border-radius: 5px; background: rgba(0, 0, 0, .25); overflow-y: auto; }
.ynAyrinti.bos { display: grid; place-items: center; }
.ynAyrinti h4 { margin: 0 0 6px; font: 700 18px var(--oyma); color: #ffe7a8; }
.ynBilgi { display: grid; gap: 3px; margin: 0 0 8px; }
.ynBilgi div { display: flex; justify-content: space-between; gap: 8px; font: 700 12.5px var(--yazi); }
.ynBilgi dt { color: var(--soluk); }
.ynBilgi dd { margin: 0; color: var(--metin); text-align: right; word-break: break-all; }
.ynKoyler { margin: 0 0 6px; font: 700 12px var(--yazi); color: #d9c69c; }
.ynKaynak { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 8px; }
.ynKaynak span { display: inline-flex; align-items: center; gap: 3px; padding: 1px 6px 1px 2px; border: 1px solid rgba(224, 187, 108, .3);
  border-radius: 9px; font: 800 11.5px var(--yazi); color: #f3e3bd; }
.ynIslemler { display: flex; flex-direction: column; gap: 6px; padding-top: 8px; border-top: 1px solid rgba(224, 187, 108, .2); }
.ynVer { display: flex; gap: 6px; }
.ynVer input { flex: 1; min-width: 0; height: 30px; padding: 0 8px; border: 1px solid rgba(224, 187, 108, .45); border-radius: 4px;
  background: rgba(6, 9, 16, .88); color: #fff3d2; font: 800 13px var(--yazi); user-select: text; -webkit-user-select: text; }
.ynAyar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 8px; padding: 10px 12px;
  border: 1px solid rgba(224, 187, 108, .28); border-radius: 5px; background: rgba(0, 0, 0, .25); }
.ynAyar b { display: block; font: 700 15px var(--oyma); color: #f0d99c; }
.ynAyar small { font: 700 12.5px var(--yazi); color: var(--soluk); }
.ynHatalar details { margin-bottom: 5px; padding: 6px 10px; border: 1px solid rgba(255, 106, 85, .3); border-radius: 4px; background: rgba(0, 0, 0, .25); }
.ynHatalar summary { cursor: pointer; font: 700 12.5px var(--yazi); color: #ffcfc5; }
.ynHatalar pre { margin: 6px 0 0; white-space: pre-wrap; font: 11px/1.4 Consolas, monospace; color: #e0cfa6; user-select: text; -webkit-user-select: text; }

html.misafir .yeniKoyAlani { display: none; }
.ynAyar > div { flex: 1; }

.ynShopier { flex-wrap: wrap; }
.ynShopier > .ynVer { flex-basis: 100%; }
.ynOdemeler { flex-basis: 100%; display: flex; flex-direction: column; gap: 6px; margin-top: 4px; }
.ynOdemeler summary { cursor: pointer; font: 700 13px var(--yazi); color: #f0d99c; }
.ynOdeme { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font: 700 12.5px var(--yazi); }
.ynOdeme span { flex: 1 1 260px; }
.ynOdeme input { height: 28px; padding: 0 8px; border: 1px solid rgba(224, 187, 108, .45); border-radius: 4px; background: rgba(10, 12, 20, .7); color: inherit; }
.ynOdeme input[type="text"] { width: 150px; }
.ynOdeme input[type="number"] { width: 64px; }
.ynDurum { padding: 3px 10px; border-radius: 10px; font: 800 12px var(--yazi); letter-spacing: .04em; text-transform: uppercase; }
.ynDurum.acik { background: rgba(88, 170, 96, .22); color: #9fe0a4; border: 1px solid rgba(120, 200, 125, .5); }
.ynDurum.kapali { background: rgba(200, 70, 55, .22); color: #ffb3a6; border: 1px solid rgba(230, 100, 85, .5); }

a.dugme { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
a.dugme.genis { display: flex; width: 100%; }


#cevirUyarisi { display: none; background: #2a2a16; overflow: hidden; overflow: clip; }
html.cevir #cevirUyarisi { display: block; }
#cevirUyarisi .dikeySahne { position: absolute; left: 50%; top: 50%; width: 600px; height: 1040px;
  transform: translate(-50%, -50%) scale(var(--dikeyOlcek, 1)); background: url(../gorsel/arka-dikey.webp) 0 0 / 100% 100% no-repeat;
  text-align: center; }
#cevirUyarisi .dkBaslik { position: absolute; left: 0; right: 0; top: 104px; }
#cevirUyarisi .dkBaslik h1 { margin: 0; padding-left: .16em; font: 800 58px var(--oyma); letter-spacing: .16em; color: #f6ebcf;
  text-shadow: 0 3px 18px rgba(0, 0, 0, .75), 0 0 2px rgba(0, 0, 0, .9); }
#cevirUyarisi .dkBaslik p { margin: 2px 0 0; font: 700 19px var(--yazi); letter-spacing: .08em; color: #e8d6a8;
  text-shadow: 0 2px 8px rgba(0, 0, 0, .9); }
#cevirUyarisi .dkDevlet { position: absolute; transform: translate(-50%, -100%); padding: 0 2px 3px; border-bottom: 2px solid;
  font: 700 14px 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); }
#cevirUyarisi .dkDevlet-hun { left: 360px; top: 687px; border-color: #c8513e; }
#cevirUyarisi .dkDevlet-gokturk { left: 225px; top: 503px; border-color: #4f93d8; }
#cevirUyarisi .dkDevlet-selcuklu { left: 380px; top: 334px; border-color: #d9bd86; }
#cevirUyarisi .cevirKutu { position: absolute; left: 0; right: 0; top: 818px; display: flex; flex-direction: column; align-items: center; gap: 6px; }
#cevirUyarisi .cevirKutu svg { width: 70px; height: 70px; color: var(--altin); filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .8)); }
#cevirUyarisi .cevirUst { margin: 4px 0 0; font: 700 18px var(--yazi); letter-spacing: .06em; color: #e8d6a8; text-shadow: 0 2px 8px rgba(0, 0, 0, .95); }
#cevirUyarisi .cevirYazi { margin: 0; font: 700 26px var(--oyma); letter-spacing: .08em; color: var(--metin); text-shadow: 0 2px 8px rgba(0, 0, 0, .9); }
#cevirUyarisi small { max-width: 330px; margin-top: 2px; font: 700 16px/1.4 var(--yazi); color: #e0cfa6; text-shadow: 0 1px 6px rgba(0, 0, 0, .95); }


html.dikAltVar #cevirUyarisi .cevirKutu { top: 700px; }
html.dikAltVar #cevirUyarisi .cevirKutu svg { width: 52px; height: 52px; }
html.dikAltVar #cevirUyarisi #donmuyor { display: none; }

html.dikeyBekle #cevirUyarisi .cevirKutu svg, html.dikeyBekle #cevirUyarisi #donmuyor { display: none; }

#cevirUyarisi .dikMagaza { display: flex; flex-direction: column; gap: 8px; margin-top: 4px; padding-top: 12px;
  border-top: 1px solid rgba(224, 187, 108, .25); text-align: center; }
#cevirUyarisi .dikMagaza > span { font: 700 13px var(--oyma); letter-spacing: .1em; text-transform: uppercase; color: #f0d08a; }
#cevirUyarisi .dikMagaza > div { display: flex; gap: 8px; }
#cevirUyarisi .dikMagaza .magazaDugme { color: #fff; min-height: 46px; justify-content: center; }
#cevirUyarisi .dikMagaza .magazaDugme svg { width: 26px; height: 26px; }
#cevirUyarisi .dikMagaza .magazaDugme small { font-size: 10.5px; white-space: normal; }


html.dikeyBekle:not(.dikFormAcik) #cevirUyarisi { background: #14100b; }
html.dikeyBekle:not(.dikFormAcik) #cevirUyarisi .dikeySahne::before { content: ""; position: absolute; inset: 0; z-index: 1; background: rgba(14, 11, 8, .88); }
html.dikeyBekle:not(.dikFormAcik) #cevirUyarisi .cevirKutu { z-index: 2; top: 480px; }

html.dikFormAcik #cevirUyarisi .cevirKutu { display: none; }
#cevirUyarisi .dikMagaza p { margin: 0; font: 700 14px/1.35 var(--yazi); color: #e8d6a8; }
#cevirUyarisi .dikAlt { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; align-items: center;
  gap: 8px; padding: 14px 16px calc(14px + env(safe-area-inset-bottom)); background: linear-gradient(180deg, rgba(20, 15, 8, 0), rgba(20, 15, 8, .92) 35%); }
#cevirUyarisi .dikAlt[hidden], #cevirUyarisi .dikKayit[hidden], #cevirUyarisi .dikKart[hidden], #cevirUyarisi .dikTarayici[hidden] { display: none; }
#cevirUyarisi .dikAlt .dugme { width: 100%; max-width: 340px; min-height: 48px; font: 800 18px var(--yazi); letter-spacing: .02em; }
#cevirUyarisi .dikTarayici { margin: 0; max-width: 340px; font: 700 14px/1.35 var(--yazi); letter-spacing: 0; color: #e8d6a8; text-shadow: 0 1px 4px #000; }
#cevirUyarisi .dikChrome { color: var(--altin); font-weight: 800; text-decoration: underline; }
#cevirUyarisi .dikKart .dikTarayici { align-self: center; text-align: center; }
#cevirUyarisi .dikKayit { position: absolute; inset: 0; z-index: 3; overflow-y: auto; -webkit-overflow-scrolling: touch;
  display: flex; justify-content: center; align-items: flex-start; padding: 24px 16px calc(24px + env(safe-area-inset-bottom));
  background: rgba(14, 11, 8, .88); }



#cevirUyarisi .dikKayit { flex-direction: column; justify-content: flex-start; align-items: center; gap: 18px; }
#cevirUyarisi .dikVitrin { width: 100%; max-width: 360px; display: flex; flex-direction: column; gap: 10px; font-family: var(--yazi); letter-spacing: 0; }
#cevirUyarisi .dikVitrin h3 { margin: 4px 0 0; font: 700 14px var(--oyma); letter-spacing: .12em; text-transform: uppercase; color: #f0d08a; text-align: center; }
#cevirUyarisi .dikVideo video { display: block; width: 100%; aspect-ratio: 9 / 16; border: 1px solid var(--panel-cizgi); border-radius: 6px; background: #000; object-fit: cover; }
#cevirUyarisi .dikResimler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
#cevirUyarisi .dikResimler button { position: relative; padding: 0; border: 1px solid var(--panel-cizgi); border-radius: 5px; overflow: hidden;
  background: #000; aspect-ratio: 300 / 145; cursor: pointer; }
#cevirUyarisi .dikResimler img { display: block; width: 100%; height: 100%; object-fit: cover; }
#cevirUyarisi .dikResimler span { position: absolute; left: 0; right: 0; bottom: 0; padding: 14px 8px 5px; text-align: left;
  font: 700 13px var(--yazi); color: #fff3d2; background: linear-gradient(transparent, rgba(0, 0, 0, .8)); }
#cevirUyarisi .dikVitrin .baglanti { align-self: center; font: 700 15px var(--yazi); color: var(--altin); }
#cevirUyarisi .dikKart { width: 100%; max-width: 360px; display: flex; flex-direction: column; gap: 10px; padding: 18px 16px 16px; text-align: left;
  border: 1px solid var(--panel-cizgi); border-radius: 6px; background: var(--panel-zemin); font-family: var(--yazi); letter-spacing: 0; }
#cevirUyarisi .dikKart h2 { margin: 0; font: 800 22px var(--oyma); letter-spacing: .08em; color: var(--altin); text-align: center; }
#cevirUyarisi .dikAciklama { margin: 0; font: 700 15px/1.4 var(--yazi); color: #e8d6a8; text-align: center; }
#cevirUyarisi .dikKart label { display: flex; flex-direction: column; gap: 4px; font: 700 14px var(--yazi); color: #e8d6a8; }
#cevirUyarisi .dikKart input:not([type="checkbox"]) { height: 44px; padding: 0 10px; font: 600 16px var(--yazi); color: #fff3d2;
  background: #1b140c; border: 1px solid rgba(224, 187, 108, .5); border-radius: 4px; }
#cevirUyarisi .dikKart .dikSart { flex-direction: row; align-items: flex-start; gap: 8px; font-size: 13.5px; line-height: 1.4; }
#cevirUyarisi .dikKart .dikSart input { width: 20px; height: 20px; flex: none; margin-top: 1px; }
#cevirUyarisi .dikKart a { color: var(--altin); }
#cevirUyarisi .dikHata { margin: 0; min-height: 1em; font: 700 14px/1.35 var(--yazi); color: #ff9c8a; }
#cevirUyarisi .dikKart .dugme { min-height: 48px; font: 800 17px var(--yazi); }
#cevirUyarisi .dikKart .baglanti { align-self: center; font: 700 15px var(--yazi); }

#cevirUyarisi .dikKart .baglanti.dikSag { align-self: flex-end; margin-top: -4px; font-size: 14px; }
#cevirUyarisi .dikHata.olumlu { color: #9fdc8f; }

#cevirUyarisi .dikSosyal .sosyalAyrac { margin: 2px 0 8px; font-size: 13px; }
#cevirUyarisi .dikSosyal .sosyalDugmeler { flex-direction: column; gap: 8px; }
#cevirUyarisi .dikSosyal .sosyalDugme { flex: none; height: 46px; font: 600 16px/1 var(--yazi); }
#cevirUyarisi .dikSosyal .sosyalDugme span { font-size: 16px; }
#cevirUyarisi .dikCevir { margin: 4px 0 0; font: 800 20px var(--oyma); letter-spacing: .06em; color: var(--metin); text-align: center; }





html.telefon .miniHarita { width: 144px; height: 144px; }
html.telefon .miniHarita canvas { width: 136px; height: 136px; }


html.telefon .miniAciklama { right: 170px; top: 76px; }
html.telefon .sunucuSaati { top: 162px; width: 144px; height: 22px; }

.ynDefter { margin: 10px 0; padding: 8px 10px; border: 1px solid var(--panel-cizgi-soluk); border-radius: 5px; background: rgba(0, 0, 0, .2); }
.ynDefter > b { display: block; margin-bottom: 6px; font: 700 12px var(--oyma); letter-spacing: .08em; text-transform: uppercase; color: #ffe7a8; }
.ynDefter > b small { color: var(--soluk); }
.ynDefter ol { list-style: none; margin: 0; padding: 0; max-height: 240px; overflow-y: auto; }
.ynDefter li { display: flex; gap: 8px; padding: 3px 0; border-bottom: 1px solid rgba(224, 187, 108, .1); font: 600 12.5px/1.35 var(--yazi); color: var(--metin);
  user-select: text; -webkit-user-select: text; }
.ynDefter li time { flex: none; width: 84px; color: var(--soluk); font-variant-numeric: tabular-nums; }
html.telefon .ynDefter ol { max-height: none; overflow: visible; }
html.telefon .sehirListesi { max-height: calc(var(--sahneBoy, 640px) - 400px); overflow-y: auto; }


.hatirla { display: inline-flex; align-items: center; gap: 6px; margin-right: auto; font: 700 13px var(--yazi); color: var(--soluk);
  cursor: pointer; user-select: none; }
.hatirla input { width: 15px; height: 15px; margin: 0; accent-color: #d9b56a; cursor: pointer; }




.sohbetPenceresi .pencereGovde { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 8px;
  height: min(460px, calc(var(--sahneBoy, 640px) - 120px)); }



.sohbetPenceresi.bayramSusu .pencereUst { background: radial-gradient(ellipse 70% 120% at 18% 0%, rgba(227, 10, 23, .28), transparent 70%); }
.sohbetPenceresi.bayramSusu { border-color: transparent; }
.sohbetPenceresi.bayramSusu::after { content: ""; position: absolute; inset: -1px; z-index: 3; padding: 4px; border-radius: 6px; pointer-events: none;
  background: repeating-linear-gradient(45deg, #e30a17 0 12px, #fff 12px 24px);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation: bayramSeridi 2.4s linear infinite; }

@keyframes bayramSeridi { to { background-position: 33.941px 0; } }
.sohbetBayrak { flex: none; width: 45px; height: 30px; margin-left: 14px; vertical-align: middle; border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .6); transform-origin: 0 50%; animation: sohbetBayrakDalga 3.4s ease-in-out infinite; }
@keyframes sohbetBayrakDalga {
  0%, 100% { transform: perspective(80px) rotateY(0deg) skewY(0deg); }
  50% { transform: perspective(80px) rotateY(-10deg) skewY(-2deg); }
}

.sohbetPenceresi.bayramSusu #pencereBaslik { flex: 1; min-width: 0; }
.sohbetSoz { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 1px; font: italic 700 13px/1.15 var(--yazi);
  letter-spacing: 0; color: #fff4dc; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .9); }
.sohbetSoz q { quotes: "“" "”"; }
.sohbetSoz img { width: 74px; height: auto; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .9)); }
@media (prefers-reduced-motion: reduce) { .sohbetBayrak, .sohbetPenceresi.bayramSusu::after { animation: none; } }
.sohbetYonetim { flex: none; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; padding: 6px 8px;
  border: 1px solid rgba(224, 187, 108, .35); border-radius: 5px; background: rgba(0, 0, 0, .3); }
.sohbetYonetim > span { flex: 1; min-width: 0; font: 800 12px var(--yazi); letter-spacing: .06em; text-transform: uppercase; color: var(--soluk); }
.sohbetSabit { flex: none; display: flex; align-items: center; gap: 8px; padding: 6px 8px; border: 1px solid rgba(224, 187, 108, .55);
  border-radius: 5px; background: linear-gradient(90deg, rgba(224, 187, 108, .16), rgba(224, 187, 108, .04)); }
.sohbetSabitEtiket { flex: none; padding: 1px 7px; border-radius: 8px; background: linear-gradient(180deg, #e8c46a, #b58a3a);
  color: #1c1307; font: 800 11px var(--yazi); letter-spacing: .04em; text-transform: uppercase; }
.sohbetSabit p { flex: 1; min-width: 0; margin: 0; font: 700 13.5px/1.35 var(--yazi); color: #ffe3a8; overflow-wrap: anywhere; }
.sohbetSabit p b { color: #f0d99c; }
.sohbetAkis { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; gap: 2px;
  padding: 4px 6px 4px 4px; border: 1px solid rgba(224, 187, 108, .18); border-radius: 5px; background: rgba(0, 0, 0, .28);
  user-select: text; -webkit-user-select: text; }
.sohbetSatir { position: relative; padding: 2px 6px; border-radius: 4px; font: 600 14px/1.45 var(--yazi); color: var(--metin);
  overflow-wrap: anywhere; }
.sohbetSatir:hover { background: rgba(255, 255, 255, .04); }
.sohbetSatir.benim .sohbetAd { color: #9fe0a4; }


.sohbetSatir.yonetici { background: linear-gradient(90deg, rgba(150, 28, 24, .42), rgba(150, 28, 24, .08) 70%, rgba(150, 28, 24, 0));
  box-shadow: inset 3px 0 0 #e0443a, inset 0 1px 0 rgba(240, 199, 90, .18), inset 0 -1px 0 rgba(240, 199, 90, .12); }
.sohbetSatir.yonetici .sohbetAd { color: #ff9478; text-shadow: 0 0 8px rgba(255, 90, 60, .55); letter-spacing: .04em; }
.sohbetSatir.yonetici .sohbetMetin { color: #fff1e6; font-weight: 700; }
.sohbetSatir.yonetici .sohbetRozet { background: linear-gradient(180deg, #c8302a, #7a1410); color: #ffe3a0;
  box-shadow: 0 0 0 1px #e9c36a, 0 0 8px rgba(224, 68, 47, .45); text-transform: uppercase; letter-spacing: .08em; }
.sohbetSatir.secili { background: rgba(230, 100, 85, .16); }
.sohbetSaat { font: 700 11.5px var(--yazi); color: rgba(194, 173, 134, .75); font-variant-numeric: tabular-nums; }
.sohbetAd { font: 800 14px var(--yazi); color: #f0d99c; }
.sohbetBirlik { margin-left: 4px; font: 800 12.5px var(--yazi); color: #f0c75a; letter-spacing: .04em; }
.sohbetDevlet { margin-left: 5px; font: italic 700 11.5px var(--yazi); color: var(--soluk); }
.sohbetRozet { margin-left: 5px; padding: 0 6px; border-radius: 8px; background: linear-gradient(180deg, #e8c46a, #b58a3a); color: #1c1307;
  font: 800 11px var(--yazi); letter-spacing: .03em; vertical-align: 1px; }
.sohbetSecimKutu { width: 14px; height: 14px; margin: 0 6px 0 0; vertical-align: -2px; accent-color: #d9534f; }


.sohbetSatirIsler { display: inline-flex; gap: 4px; margin-left: 8px; vertical-align: -3px; opacity: .85; }
.sohbetSatir:hover .sohbetSatirIsler { opacity: 1; }

.sohbetSatirIsler .sohbetIsaret { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 20px; padding: 0;
  border: 1px solid rgba(224, 187, 108, .38); border-radius: 4px; background: rgba(0, 0, 0, .32); color: #d8bd93; cursor: pointer;
  transition: background .12s, color .12s, border-color .12s; }
.sohbetSatirIsler .sohbetIsaret svg { width: 13px; height: 13px; }
.sohbetSatirIsler .sohbetIsaret:hover { border-color: rgba(255, 200, 90, .8); background: rgba(240, 192, 90, .22); color: #fff1d6; }
.sohbetSatirIsler .sohbetIsaret.tehlike { border-color: rgba(230, 110, 90, .45); color: #f0a898; }
.sohbetSatirIsler .sohbetIsaret.tehlike:hover { border-color: rgba(230, 110, 90, .85); background: rgba(180, 60, 40, .35); color: #ffd6cc; }
html.telefon .sohbetSatirIsler .sohbetIsaret { width: 28px; height: 24px; }
html.telefon .sohbetSatirIsler .sohbetIsaret svg { width: 15px; height: 15px; }
.sohbetAkis.sabitleKipi .sohbetSatir { cursor: pointer; border-radius: 4px; }
.sohbetAkis.sabitleKipi .sohbetSatir:hover { background: rgba(233, 195, 106, .14); box-shadow: inset 0 0 0 1px rgba(233, 195, 106, .5); }
.sohbetSatirIsler button { padding: 0 7px; border: 1px solid rgba(224, 187, 108, .5); border-radius: 3px; background: rgba(10, 13, 23, .9);
  color: #f0d99c; font: 800 11px var(--yazi); cursor: pointer; }
.sohbetSatirIsler button.tehlike { border-color: rgba(230, 100, 85, .6); color: #ffb3a6; }
.sohbetBos { margin: auto; text-align: center; }
.sohbetYaz { flex: none; display: flex; gap: 8px; }

.sohbetYaz { position: relative; }
.sohbetAnmaListe { position: absolute; left: 0; right: 0; bottom: calc(100% + 4px); z-index: 5; display: flex; flex-wrap: wrap; gap: 4px; padding: 6px;
  border: 1px solid rgba(224, 187, 108, .5); border-radius: 6px; background: rgba(20, 16, 11, .97); box-shadow: 0 6px 16px rgba(0, 0, 0, .5); }
.sohbetAnmaListe button { padding: 4px 9px; border: 1px solid rgba(224, 187, 108, .4); border-radius: 12px; background: rgba(224, 187, 108, .12);
  color: #f3dfb0; font: 700 13px var(--yazi); cursor: pointer; }
.sohbetAnmaListe button:hover { background: rgba(224, 187, 108, .28); }
.sohbetAnma { color: #8fd3ff; font-weight: 800; }
.sohbetAnma.ben { color: #ffd76a; }
.sohbetSatir.anildi { background: rgba(255, 205, 90, .12); box-shadow: inset 3px 0 0 #f0c24a; }
.sohbetYaz input { flex: 1; min-width: 0; height: 36px; padding: 0 12px; border: 1px solid rgba(224, 187, 108, .45); border-radius: 4px;
  background: rgba(6, 9, 16, .88); color: #fff3d2; font: 700 14.5px var(--yazi); user-select: text; -webkit-user-select: text; }
.sohbetYaz input:focus { outline: none; border-color: #e0bb6c; box-shadow: 0 0 0 2px rgba(224, 187, 108, .22); }
.sohbetYaz.not { align-items: center; justify-content: space-between; min-height: 36px; padding: 4px 10px;
  border: 1px dashed rgba(224, 187, 108, .4); border-radius: 4px; color: var(--soluk); font: 700 13.5px var(--yazi); }
.sohbetYaz.not.kapali { border-color: rgba(230, 100, 85, .5); color: #ffb3a6; justify-content: center; }
.sohbetUyari { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(5, 7, 12, .55);
  z-index: 3; }
.sohbetUyariKutu { width: min(380px, 90%); padding: 14px 16px 12px; border: 1px solid rgba(230, 100, 85, .7); border-radius: 6px;
  background: #1a1210; box-shadow: 0 10px 28px rgba(0, 0, 0, .6); text-align: center; }
.sohbetUyariKutu b { display: block; margin-bottom: 6px; font: 800 15px var(--oyma); letter-spacing: .06em; color: #ffb3a6; }
.sohbetUyariKutu p { margin: 0 0 12px; font: 700 14px/1.4 var(--yazi); color: var(--metin); }

.sohbetSerit { position: absolute; left: 50%; top: 76px; width: 640px; height: 34px; transform: translateX(-50%); overflow: hidden;
  z-index: 30; display: flex; align-items: center; border-color: rgba(230, 100, 85, .7); pointer-events: none; }
.sohbetSerit.acildi { border-color: rgba(120, 200, 125, .7); }
.sohbetSerit[hidden] { display: none; }
.sohbetSerit span { white-space: nowrap; padding-left: 100%; font: 800 14px var(--yazi); letter-spacing: .04em; color: #ffb3a6;
  animation: sohbetSeritKay 12s linear 1; }
.sohbetSerit.acildi span { color: #9fe0a4; }
@keyframes sohbetSeritKay { from { transform: translateX(0); } to { transform: translateX(-100%); } }

.ynBag { padding: 0 2px; border: 0; background: none; color: #f3d58c; font: 700 12.5px var(--yazi); text-decoration: underline dotted;
  text-underline-offset: 3px; cursor: pointer; }
.ynAyni { margin: 0 0 4px; font: 700 12px var(--yazi); line-height: 1.5; }
.ynAyni span { color: var(--soluk); }
.ynCezaVar { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; padding: 6px 8px; border: 1px solid rgba(255, 106, 85, .45);
  border-radius: 4px; background: rgba(120, 30, 20, .22); }
.ynCezaVar > div { flex: 1; min-width: 0; }
.ynCezaVar b { display: block; font: 800 12.5px var(--yazi); color: #ffb3a6; }
.ynCezaVar small { display: block; font: 700 11.5px var(--yazi); color: #e8cfc5; overflow-wrap: anywhere; }
.ynYasaklar { display: flex; flex-wrap: wrap; gap: 5px; margin: 0 0 6px; }
.ynYasakEtiket { padding: 1px 7px; border: 1px solid rgba(255, 106, 85, .5); border-radius: 9px; font: 700 11.5px var(--yazi); color: #ff9f8f; }
.ynYasakEtiket .baglanti { font-size: 11.5px; }
.ynCeza { display: flex; flex-direction: column; gap: 5px; padding: 7px 8px; border: 1px solid rgba(224, 187, 108, .25); border-radius: 4px;
  background: rgba(0, 0, 0, .2); }
.ynCeza > b { font: 700 12px var(--oyma); letter-spacing: .06em; color: #f0d99c; }
.ynCeza input, .ynCeza select, .ynElIp input, .onayGirdi input { height: 30px; padding: 0 8px; border: 1px solid rgba(224, 187, 108, .45);
  border-radius: 4px; background: rgba(6, 9, 16, .88); color: #fff3d2; font: 700 13px var(--yazi); user-select: text; -webkit-user-select: text; }
.ynCeza select { padding: 0 4px; }
.ynMesaj textarea { min-height: 96px; padding: 6px 8px; border: 1px solid rgba(224, 187, 108, .45); border-radius: 4px; resize: vertical;
  background: rgba(6, 9, 16, .88); color: #fff3d2; font: 400 13px/1.45 var(--yazi); user-select: text; -webkit-user-select: text; }
.ynCezaSatir { display: flex; flex-wrap: wrap; gap: 5px; }
.ynCezaSatir .dugme { flex: 1 1 0; min-width: 0; padding: 0 4px; font-size: 11.5px; letter-spacing: .02em; }
.ynTehlike { padding-top: 6px; border-top: 1px dashed rgba(255, 106, 85, .35); }
.ynKod { font: 12px Consolas, monospace !important; color: #e0cfa6 !important; }
.ynTablo td.ynSar { white-space: normal; overflow-wrap: anywhere; }
.ynAra { margin: 14px 0 6px; font: 700 14px var(--oyma); color: #f0d99c; }

.ynBolum > summary.ynAra { cursor: pointer; list-style: none; }
.ynBolum > summary.ynAra::-webkit-details-marker { display: none; }
.ynBolum > summary.ynAra::before { content: "▸ "; color: var(--soluk); }
.ynBolum[open] > summary.ynAra::before { content: "▾ "; }
.ynElIp { max-width: 420px; margin-bottom: 6px; }
.ynDelil { margin-bottom: 8px; padding: 7px 10px; border: 1px solid rgba(255, 106, 85, .3); border-radius: 4px; background: rgba(0, 0, 0, .25); }
.ynDelilBas { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; margin-bottom: 4px; }
.ynDelilBas b { font: 700 14px var(--oyma); color: #ffe7a8; }
.ynDelilBas small { flex-basis: 100%; font: 700 11.5px var(--yazi); color: var(--soluk); }
.ynDelil p { margin: 2px 0; font: 700 12.5px var(--yazi); color: var(--metin); overflow-wrap: anywhere; user-select: text; -webkit-user-select: text; }
.ynDelil time { margin-right: 8px; color: var(--soluk); font-size: 11.5px; }

.ynBirlikSohbet { grid-template-columns: 300px minmax(0, 1fr); }
.ynSohbetBaslik { margin: 0 0 2px; font: 700 15px var(--oyma); color: #ffe7a8; }
.ynSohbetUyeler { margin: 0 0 8px; font: 700 11.5px var(--yazi); color: var(--soluk); }
.ynSohbetAkis > p:not(.ynSohbetUyeler):not(.ipucu) { margin: 2px 0; font: 700 12.5px var(--yazi); color: var(--metin); overflow-wrap: anywhere; user-select: text; -webkit-user-select: text; }
.ynSohbetAkis time { margin-right: 8px; color: var(--soluk); font-size: 11.5px; }

.ynSohbetAkis .ynRaporAc { cursor: pointer; font: inherit; font-size: 11px; border-color: var(--altin); color: #f1d589; }

.ynRaporPerde { z-index: 31; }
.ynRaporKutu { width: min(680px, calc(100% - 40px)); max-height: calc(100% - 40px); overflow-y: auto; padding: 22px 26px 20px; text-align: left; }
.ynRaporKutu .onayBaslik { text-align: center; }
.ynRaporKimden { margin: 2px 0 12px; text-align: center; font: 700 13px var(--yazi); color: var(--soluk); }
.ynRaporKapat { position: absolute; top: 10px; right: 12px; width: 40px; height: 40px; padding: 0; border: 1px solid var(--panel-cizgi);
  border-radius: 6px; background: rgba(20, 16, 11, .9); color: #f1d589; font: 400 26px/1 var(--yazi); cursor: pointer; }
.ynSohbetAkis p b[data-yn-oyuncu] { margin-right: 4px; color: #f0d99c; cursor: pointer; }

.ynMkOzet { display: block; max-width: 220px; margin-top: 2px; overflow: hidden; color: var(--soluk); font-size: 11.5px; text-overflow: ellipsis; white-space: nowrap; }
.ynMektup { margin: 0 0 8px; padding: 5px 8px; border-left: 2px solid rgba(224, 187, 108, .35); background: rgba(0, 0, 0, .18); }
.ynMektup p { margin: 2px 0; font: 700 12.5px var(--yazi); color: var(--metin); overflow-wrap: anywhere; user-select: text; -webkit-user-select: text; }
.ynMektup time { margin-right: 8px; color: var(--soluk); font-size: 11.5px; }
.ynMkKonu { color: var(--soluk); font-weight: 600; }
.ynMkMetin { white-space: pre-wrap; }

.ynCezaAyrinti p { margin: 3px 0; overflow-wrap: anywhere; }
.ynCezaIleti { color: #ffd2c8; }
.ynCezaIletiler { max-height: 220px; overflow-y: auto; padding: 6px 8px; border: 1px solid rgba(224, 187, 108, .18); border-radius: 5px; background: rgba(0, 0, 0, .25); }

.ynIpListe { display: flex; flex-direction: column; gap: 6px; margin-bottom: 8px; }
.ynIpKart { padding: 7px 10px; border: 1px solid rgba(224, 187, 108, .18); border-radius: 5px; background: rgba(0, 0, 0, .22); }
.ynIpKart.acik { border-color: rgba(224, 187, 108, .5); }

.ynIpKart.yeni { border-color: rgba(255, 106, 85, .7); box-shadow: inset 3px 0 0 #e0503c; }
.ynEtiket.ynYeniEtiket { color: #fff; background: #c8412f; border-color: #e0503c; }
.ynIpSon { font: 600 11px var(--yazi); color: var(--soluk); }
.ynIpUst { cursor: pointer; }
.ynIpAdlar { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; font: 700 14px var(--yazi); }
.ynIpAyrac { color: var(--soluk); }
.ynIpBilgi { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin-top: 4px; font: 700 12px var(--yazi); color: var(--soluk); }
.ynIpOk { margin-left: auto; color: var(--altin); }
.ynIpAyrinti { margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(224, 187, 108, .18); overflow-x: auto; }
.ynIpYasaklar { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 4px; font: 700 12px var(--yazi); color: var(--soluk); }
.ynIpKaldir { padding: 0 4px; color: #ff9b8a; }
.ynEtkDetay { margin-top: 8px; }
.ynEtkDetay > summary { list-style: none; display: inline-flex; margin-bottom: 6px; cursor: pointer; }
.ynEtkDetay > summary::-webkit-details-marker { display: none; }

.ynGunlukListe { display: flex; flex-direction: column; gap: 6px; }
.ynGunlukSatir { padding: 7px 10px; border: 1px solid rgba(224, 187, 108, .18); border-radius: 5px; background: rgba(0, 0, 0, .22); }
.ynGunlukUst { font: 700 13.5px var(--yazi); color: var(--metin); overflow-wrap: anywhere; }
.ynGunlukKime { color: #f0d99c; }
.ynGunlukAlt { margin-top: 2px; font: 700 11.5px var(--yazi); color: var(--soluk); }
.ynGunlukAyrinti { margin-top: 4px; font: 500 12.5px var(--yazi); color: var(--metin); overflow-wrap: anywhere; user-select: text; -webkit-user-select: text; }
.ynGunlukAyrinti summary { cursor: pointer; list-style: none; }
.ynGunlukAyrinti[open] summary { display: none; }
.onayGirdi { display: flex; flex-direction: column; gap: 6px; margin: 4px 0 10px; font: 700 13px var(--yazi); color: var(--metin); text-align: left; }
.onayGirdi b { color: #ffe7a8; }
.ynUyar { flex: 0 0 auto !important; padding: 0 10px !important; }
.ynUyarilar { display: flex; flex-direction: column; gap: 1px; margin: 0 0 6px; padding: 5px 8px; border: 1px solid rgba(232, 163, 58, .45);
  border-radius: 4px; background: rgba(120, 80, 20, .18); }
.ynUyarilar b { font: 800 12px var(--yazi); color: #f3c77a; }
.ynUyarilar small { font: 700 11.5px var(--yazi); color: #e8d9b8; overflow-wrap: anywhere; }

.ynDuyurular { display: flex; flex-direction: column; gap: 10px; }
.ynDuyuru { display: flex; flex-direction: column; gap: 6px; padding: 9px 12px; border: 1px solid rgba(224, 187, 108, .28); border-radius: 5px;
  background: rgba(0, 0, 0, .25); }
.ynDuyuru h4 { margin: 0; font: 700 15px var(--oyma); color: #f0d99c; }
.ynDuyuru .ipucu { margin: 0; }
.ynDuyuru textarea, .ynDuyuru input { padding: 6px 8px; border: 1px solid rgba(224, 187, 108, .45); border-radius: 4px; background: rgba(6, 9, 16, .88);
  color: #fff3d2; font: 700 13px/1.4 var(--yazi); resize: none; user-select: text; -webkit-user-select: text; }
.ynDuyuruAlt { display: flex; align-items: center; gap: 10px; }
.ynDuyuruAlt > small { flex: 1; min-width: 0; font: 700 11.5px var(--yazi); color: var(--soluk); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ynDuyuruAlt label { display: flex; align-items: center; gap: 6px; font: 700 12.5px var(--yazi); color: var(--soluk); }
.ynDuyuruAlt label input { width: 110px; height: 30px; }
.ynDuyuruAlt > input { flex: 1; min-width: 0; height: 30px; }
.ynDuyuruAlt .dugme { margin-left: auto; }

.mektupSatir { --renk: #d6ba7a; }
.mektupSatir.tur-uyari, .mektupSatir.tur-ceza { --renk: #e0442f; }
.mektupSatir.tur-toplu { --renk: #8fc86a; }
.mektupTur { font: 800 11px var(--yazi); letter-spacing: .04em; color: var(--renk); white-space: nowrap; }

.mektupSatir { grid-template-columns: 36px minmax(0, 1fr) auto; column-gap: 10px; padding: 8px 10px; }
.mektupSatir .raporSatirSimge { justify-self: center; }
.mektupMuhur { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; font: 700 17px/1 var(--oyma); color: #f6e2a9;
  background: radial-gradient(circle at 35% 30%, rgba(226, 190, 112, .38), rgba(58, 42, 20, .9)); border: 1px solid rgba(232, 196, 106, .75);
  box-shadow: inset 0 0 0 2px rgba(18, 13, 7, .5); }
.mektupSatir .raporSatirBilgi { gap: 2px; }
.mektupSatir .raporSatirBilgi b { font-size: 15.5px; }
.mektupSatir .raporSatirBilgi b i { margin-left: 6px; font: 700 11.5px var(--yazi); color: var(--altin); }
.mektupSatir .raporSatirBilgi small { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mektupSatirYan { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.mektupSatirYan time { font: 600 11.5px var(--yazi); color: rgba(194, 173, 134, .85); white-space: nowrap; }
.mektupSatir:not(.yeni):not(.secili) .raporSatirBilgi b { color: #d8caa8; font-weight: 700; }
.mektupSatir:not(.yeni):not(.secili) .mektupMuhur { color: #bdab84; border-color: rgba(190, 165, 115, .38); background: rgba(84, 70, 48, .34); box-shadow: none; }
.mektupSatir.yeni .mektupSatirYan time { color: #f0c75a; }
.mektupKagit { flex: 1; min-height: 0; overflow-y: auto; padding: 16px 20px; border: 1px solid rgba(224, 187, 108, .35); border-radius: 5px;
  background: linear-gradient(180deg, rgba(58, 46, 30, .55), rgba(30, 24, 18, .6)); }
.mektupBas { display: flex; flex-direction: column; gap: 2px; padding-bottom: 8px; margin-bottom: 10px; border-bottom: 1px solid rgba(224, 187, 108, .3); }
.mektupBas b { font: 700 19px var(--oyma); color: #ffe7a8; }
.mektupBas span { font: 700 12px var(--yazi); color: var(--soluk); }
.mektupKagit.tur-uyari .mektupBas b, .mektupKagit.tur-ceza .mektupBas b { color: #ffb3a6; }
.mektupMetin { font: 600 14.5px/1.55 var(--yazi); color: #efe3c6; overflow-wrap: anywhere; user-select: text; -webkit-user-select: text; }
.mektupImza { margin: 14px 0 0; text-align: right; font: italic 700 14px var(--oyma); color: #d9bf85; }
.mektupPenceresi .raporAlt { align-items: center; gap: 10px; }
.mektupPenceresi .raporAlt .ipucu { margin: 0; }

.sohbetSerit.borozan { border-color: rgba(232, 196, 106, .8); }
.sohbetSerit.borozan span { color: #ffe7a8; }

.sohbetSerit.dunya { border-color: rgba(143, 208, 242, .75); }
.sohbetSerit.dunya span { color: #cfeaff; }

.girisDuyurusu { position: absolute; left: 24px; top: 24px; z-index: 2; width: 340px; padding: 9px 14px;
  border: 1px solid rgba(255, 106, 85, .7); border-radius: 5px; background: rgba(90, 20, 14, .88); box-shadow: 0 6px 18px rgba(0, 0, 0, .5);
  font: 800 14px/1.4 var(--yazi); color: #ffe0d8; }
.girisDuyurusu[hidden] { display: none; }


.ynDelil p.bu { margin: 2px -4px; padding: 1px 4px; border-radius: 3px; background: rgba(230, 100, 85, .18); }
.ynDelil p b { margin-right: 4px; color: #f0d99c; }
.ynSikayet.kapandi, .ynDestek.durum-kapali { opacity: .6; }
.ynKapanis { margin: 6px 0 0 !important; font-size: 11.5px !important; color: var(--soluk) !important; }
.ynSikayetKarar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; }
.ynSikayetKarar input, .ynSikayetKarar select, .ynDestekCevap textarea { height: 30px; padding: 0 8px; border: 1px solid rgba(224, 187, 108, .45);
  border-radius: 4px; background: rgba(6, 9, 16, .88); color: #fff3d2; font: 700 13px var(--yazi); user-select: text; -webkit-user-select: text; }
.ynSikayetKarar input { flex: 1; min-width: 180px; }

.ynOneri { margin: 4px 0 0 !important; padding: 3px 7px; border-left: 2px solid rgba(224, 187, 108, .55); background: rgba(224, 187, 108, .07);
  font-size: 12px !important; color: #e9dcb8 !important; }
.ynOneri.ceza { border-left-color: rgba(255, 106, 85, .75); background: rgba(255, 106, 85, .08); }
.ynOneri b { color: #f3d58c !important; }
.ynDenetimUst { margin-bottom: 10px; padding: 8px 10px; border: 1px solid var(--panel-cizgi-soluk); border-radius: 5px; background: rgba(0, 0, 0, .2); }
.ynDenetimKip { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; }
.ynDenetimSayi { margin: 4px 0 0; font: 700 12.5px var(--yazi); color: var(--metin); }
.ynDenetimListe { display: flex; flex-direction: column; gap: 4px; }
.ynDenetimSatir { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; width: 100%; padding: 7px 10px; border: 1px solid rgba(224, 187, 108, .22);
  border-radius: 4px; background: rgba(0, 0, 0, .28); color: var(--metin); font: 700 13px var(--yazi); text-align: left; cursor: pointer; }
.ynDenetimSatir:hover { border-color: rgba(224, 187, 108, .55); background: rgba(224, 187, 108, .07); }
.ynDenetimSatir time { flex: none; width: 92px; color: var(--soluk); font-size: 12px; font-variant-numeric: tabular-nums; }
.ynDenetimSatir > b { min-width: 110px; color: #f3d58c; }
.ynDenetimSatir.kapandi { opacity: .6; }
.ynSicil li.kaldirildi span { text-decoration: line-through; opacity: .7; }

.ynDenetimKutu { display: flex; flex-direction: column; gap: 6px; width: min(640px, 94%); max-height: 92%; overflow-y: auto;
  border-color: rgba(224, 187, 108, .7); text-align: left; }
.ynDenetimKutu > b { margin: 0 !important; font-size: 17px !important; color: #ffe7a8 !important; }
.ynDenetimKutu h5 { margin: 6px 0 0; font: 700 11.5px var(--oyma); letter-spacing: .08em; text-transform: uppercase; color: #e0bb6c; }
.ynDenetimKutu p { margin: 0 !important; font-size: 13px !important; }
.ynDenetimAlt { color: var(--soluk) !important; font-size: 12px !important; }
.ynDenetimEtiketler { display: flex; flex-wrap: wrap; gap: 6px; }
.ynDenetimIleti { padding: 6px 9px; border-radius: 4px; background: rgba(230, 100, 85, .18); color: #fff3d2 !important; font-size: 14px !important; }
.ynDenetimBas { color: var(--soluk); }
.ynDenetimBaglam { margin: 0; }
.ynDenetimBaglam p { display: block; text-align: left; }
.ynDenetimBaglam p b { display: inline; margin: 0 4px 0 0; font: 700 12.5px var(--yazi); letter-spacing: 0; color: #f0d99c; }
.ynDenetimSicil { margin: 0; padding: 0; list-style: none; }
.ynDenetimSicil li { padding: 2px 0; border-bottom: 1px solid rgba(224, 187, 108, .1); font: 600 12.5px/1.35 var(--yazi); color: var(--metin); }
.ynDenetimSicil li time { margin-right: 6px; color: var(--soluk); }
.ynDenetimSicil li.kaldirildi { text-decoration: line-through; opacity: .7; }
.ynDenetimKutu .sohbetKisiDugmeler { margin-top: 6px; justify-content: flex-start; }
.ynDestek p.yonetim b { color: #9fe0a4; }
.ynDestekCevap { display: flex; gap: 6px; margin-top: 8px; }
.ynDestekCevap textarea { flex: 1; height: auto; min-height: 52px; padding: 6px 8px; resize: none; font-weight: 600; line-height: 1.4; }
.ynDestekCevap > div { display: flex; flex-direction: column; gap: 5px; }

.ynOnayAlinti { margin: 8px 0 0; padding: 6px 10px; border-left: 3px solid rgba(224, 187, 108, .6); background: rgba(0, 0, 0, .2);
  font: 600 13px/1.4 var(--yazi); color: var(--metin); white-space: pre-wrap; text-align: left; }

button.sohbetAd { padding: 0; border: 0; background: none; cursor: pointer; }
button.sohbetAd:hover { text-decoration: underline; text-underline-offset: 3px; }
.sohbetKisiKutu { display: flex; flex-direction: column; gap: 8px; border-color: rgba(224, 187, 108, .7); }
.sohbetKisiKutu > b { margin: 0 !important; color: #ffe7a8 !important; }
.sohbetKisiAlinti { margin: 0 !important; font: 600 13px/1.4 var(--yazi) !important; color: var(--soluk) !important; overflow-wrap: anywhere; }
.sohbetKisiKutu select, .sohbetKisiKutu textarea { padding: 6px 8px; border: 1px solid rgba(224, 187, 108, .45); border-radius: 4px;
  background: rgba(6, 9, 16, .88); color: #fff3d2; font: 700 13px var(--yazi); resize: none; user-select: text; -webkit-user-select: text; }
.sohbetKisiDugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }

.sohbetKoyler { list-style: none; margin: 8px 0 10px; padding: 0; display: grid; gap: 5px; max-height: 260px; overflow-y: auto; text-align: left; }
.sohbetKoyler button { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 10px;
  border: 1px solid rgba(224, 187, 108, .3); border-radius: 4px; background: rgba(0, 0, 0, .3); color: #f2e3bd; cursor: pointer; text-align: left; }
.sohbetKoyler button:hover { border-color: #f0c75a; background: rgba(240, 199, 90, .1); }
.sohbetKoyler span { display: flex; flex-direction: column; }
.sohbetKoyler b { font: 800 14px var(--yazi); }
.sohbetKoyler small { font: 700 11.5px var(--yazi); color: var(--soluk); }
.sohbetKoyler em { font: 800 13px var(--yazi); font-style: normal; color: #f0c75a; white-space: nowrap; }

.destekForm, .destekCevap { display: flex; flex-direction: column; gap: 8px; }
.destekForm h4 { margin: 0; font: 700 18px var(--oyma); color: #ffe7a8; }
.destekForm .ipucu, .destekPenceresi .raporAlt .ipucu { margin: 0; }
.destekForm select, .destekForm textarea, .destekCevap textarea { padding: 7px 10px; border: 1px solid rgba(224, 187, 108, .45); border-radius: 4px;
  background: rgba(6, 9, 16, .88); color: #fff3d2; font: 600 14px/1.45 var(--yazi); resize: none; user-select: text; -webkit-user-select: text; }
.destekBas { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; padding-bottom: 6px; border-bottom: 1px solid rgba(224, 187, 108, .3); }
.destekBas b { font: 700 18px var(--oyma); color: #ffe7a8; }
.destekBas small { margin-left: auto; font: 700 12px var(--yazi); color: var(--soluk); }
.destekDurum { padding: 1px 8px; border-radius: 9px; font: 800 11px var(--yazi); border: 1px solid rgba(224, 187, 108, .5); color: #f3d58c; }
.destekDurum.durum-bekliyor { border-color: rgba(232, 163, 58, .6); color: #f3c77a; }
.destekDurum.durum-cevaplandi { border-color: rgba(120, 200, 125, .6); color: #9fe0a4; }
.destekMesajlar { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; }
.destekMesaj { max-width: 85%; padding: 7px 11px; border: 1px solid rgba(224, 187, 108, .25); border-radius: 6px; background: rgba(255, 255, 255, .04); }
.destekMesaj.oyuncu { align-self: flex-end; }
.destekMesaj.yonetim { align-self: flex-start; border-color: rgba(120, 200, 125, .45); background: rgba(60, 110, 60, .16); }
.destekMesaj small { display: block; font: 700 11.5px var(--yazi); color: var(--soluk); }
.destekMesaj p { margin: 2px 0 0; font: 600 14px/1.45 var(--yazi); color: #efe3c6; overflow-wrap: anywhere; user-select: text; -webkit-user-select: text; }
.destekSatir { --renk: #d6ba7a; }
.destekSatir.durum-cevaplandi { --renk: #8fc86a; }
.destekSatir.durum-kapali { --renk: rgba(194, 173, 134, .5); }

.engelListe { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; max-height: 360px; overflow-y: auto; }
.engelListe li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 10px; border: 1px solid rgba(224, 187, 108, .25);
  border-radius: 4px; font: 700 14px var(--yazi); color: var(--metin); }
.menuSayi { min-width: 20px; padding: 0 6px; border-radius: 10px; background: var(--han-kirmizi, #b3261e); font: 800 12px/20px var(--yazi); font-style: normal; color: #fff; }

.ynBolum { margin: 10px 0 6px; font: 700 12.5px var(--oyma); letter-spacing: .1em; text-transform: uppercase; color: #d9bf85; }
.ynBolum:first-child { margin-top: 0; }
.ynKartlar.uclu { grid-template-columns: repeat(3, 1fr); }
.ynGrafikler.uclu { grid-template-columns: repeat(3, 1fr); margin-top: 10px; }
.ynEtiket.yesil { color: #9fe0a4; border-color: rgba(120, 200, 125, .55); }
.ynSerit { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; }
.ynCip { height: 28px; padding: 0 12px; border: 1px solid rgba(224, 187, 108, .35); border-radius: 14px; background: rgba(0, 0, 0, .25);
  color: var(--soluk); font: 700 12.5px var(--yazi); cursor: pointer; }
.ynCip.secili { border-color: #e8c46a; color: #ffe7a8; background: rgba(224, 187, 108, .14); }
.ynTablo tr.toplam td { border-top: 1px solid rgba(224, 187, 108, .45); font-weight: 800; color: #fff3d2; }
.ynTablo tr.ynSoluk td { opacity: .45; }
.ynReklamYeni { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 8px; }
.ynReklamYeni input, .ynReklamYeni select { height: 30px; padding: 0 8px; border: 1px solid rgba(224, 187, 108, .45); border-radius: 4px;
  background: rgba(6, 9, 16, .88); color: #fff3d2; font: 700 13px var(--yazi); user-select: text; -webkit-user-select: text; }
.ynReklamYeni input:first-child { width: 130px; }
.ynReklamYeni input:nth-child(2) { flex: 1; min-width: 200px; }


.ynReklamYol { margin: 0 0 6px; padding: 7px 12px; border: 1px solid rgba(224, 187, 108, .3); border-radius: 5px; background: rgba(0, 0, 0, .22);
  font: 700 12.5px var(--yazi); color: var(--metin); }
.ynReklamYol > b { font: 700 13px var(--oyma); letter-spacing: .04em; color: #f0d99c; }
.ynReklamYol ol { display: grid; gap: 2px; margin: 4px 0 0; padding-left: 20px; }
.ynReklamYol li b { color: #ffe7a8; }
.ynReklamTablo tbody tr.ynReklamSatir { cursor: pointer; }
.ynReklamSatir > td:first-child::before { content: '▸'; display: inline-block; width: 14px; color: #d9bf85; }
.ynReklamSatir.acik > td:first-child::before { content: '▾'; }
.ynReklamTablo tbody tr.ynReklamSatir.acik > td { background: rgba(224, 187, 108, .14); }
.ynReklamTablo tbody tr.ynReklamAyrinti:hover > td { background: rgba(0, 0, 0, .2); }

.ynEtkilesimCift { margin: 2px 0 8px; padding-left: 18px; font: 700 12.5px var(--yazi); color: var(--metin); }
.ynEtkilesimCift li { margin-bottom: 3px; }
.ynEtkilesim { margin-bottom: 6px; }
.ynEtkOzetBaslik { margin: 2px 0; font: 700 13px var(--oyma); color: #ffe7a8; }

.ynSupheliNot { margin: 6px 0; padding: 6px 10px; border: 1px solid rgba(255, 106, 85, .4); border-radius: 4px; background: rgba(230, 100, 85, .1); }
.ynSupheliNot > b { display: block; font: 700 13px var(--oyma); color: #ffb3a6; }
.ynSupheliNot small { display: block; font: 700 12px var(--yazi); color: var(--metin); }

.ynGeriAna { display: block; margin: 2px 0; font: 700 13px var(--yazi); color: #ffd9a0; }
.ynGeriDonen .ynCezaSatir { margin-top: 6px; }
.ynSupheliNot.ynGeri-orta { border-color: rgba(230, 180, 90, .5); background: rgba(230, 180, 90, .08); }

.ynBotIzler { margin: 4px 0 0; padding: 0; list-style: none; display: grid; gap: 2px; }
.ynBotIzler li { font: 600 12px/1.35 var(--yazi); color: var(--metin); }
.ynBotIzler li em { display: inline-block; min-width: 44px; margin-right: 6px; padding: 0 5px; border-radius: 3px; font: 800 10px/16px var(--yazi);
  font-style: normal; text-align: center; text-transform: uppercase; background: rgba(255, 255, 255, .08); color: var(--soluk); }
.ynBotIzler li b { margin-right: 4px; color: #f3e6c4; }
.ynBotIzler li.guc-guclu em { background: rgba(230, 90, 75, .35); color: #ffd2c9; }
.ynBotIzler li.guc-orta em { background: rgba(224, 187, 108, .3); color: #ffe3a6; }
.ynBotIzler li.guc-yok { opacity: .7; }
.ynBotOlcum { margin: 6px 0; padding: 6px 10px; border: 1px solid rgba(224, 187, 108, .25); border-radius: 4px; background: rgba(255, 255, 255, .03); }
.ynBotOlcum > b { display: block; font: 700 13px var(--oyma); color: #f0d08a; }
.ynBotOlcum small { display: block; font: 700 12px var(--yazi); color: var(--soluk); }
.ynSupheliSecim { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 4px 0 10px; font: 700 13px var(--yazi); color: var(--metin); text-align: left; }
.ynSupheliSecim label { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
.ynReklamAyrinti > td { padding: 4px 10px 10px 24px; background: rgba(0, 0, 0, .2); white-space: normal; }
.ynReklamAyrinti .ipucu { margin: 2px 0 6px; }
.ynReklamBag { margin: 4px 0 0; user-select: text; -webkit-user-select: text; }
.ynIcTablo th { position: static; background: transparent; }
html.telefon .ynReklamYol, html.telefon .ynReklamTablo, html.telefon .ynReklamAyrinti .ipucu { font-size: 14.5px; }
html.telefon .ynReklamTablo th { font-size: 13px; }
html.telefon .ynReklamTablo td, html.telefon .ynReklamTablo th { padding: 8px 10px; }
html.telefon .ynReklamTablo .ynEtiket { font-size: 12px; }
html.telefon .ynReklamTablo .kucukDugme { height: 34px; font-size: 14px; }
html.telefon .ynReklamTablo .baglanti { font-size: 14.5px; }
html.telefon .ynReklamBag .ynKod { font-size: 14px !important; }


.menuListe { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }


.menuListe .dugme { width: 100%; min-width: 0; display: flex; align-items: center; justify-content: flex-start; gap: 8px; padding: 0 10px; letter-spacing: .03em; }
.menuListe .dugme:not(:has(.dugmeSimge)) { justify-content: center; }
.menuListe .dugme .dugmeSimge { flex: none; width: 26px; height: 26px; margin: 0; }
.menuListe .dugme span { flex: 1 1 auto; min-width: 0; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.menuListe .dugme:not(:has(.dugmeSimge)) span { flex: none; text-align: center; }
.menuListe .dugme.genis { grid-column: 1 / -1; }

.menuListe .dugme:nth-child(odd):has(+ .dugme.genis) { grid-column: 1 / -1; }
.menuListe:has(> .dugme.genis:first-child) .dugme:nth-child(odd):has(+ .dugme.genis) { grid-column: auto; }
.menuListe:has(> .dugme.genis:first-child) .dugme:nth-child(even):has(+ .dugme.genis) { grid-column: 1 / -1; }
.menuListe .menuSayi { flex: none; }

.pencere.sesAyarPencere { width: 440px; }
.sesAyarListe { display: flex; flex-direction: column; gap: 8px; margin: 4px 0 2px; }
.sesAyarSatir { display: flex; align-items: center; gap: 12px; padding: 9px 10px 9px 14px; border: 1px solid rgba(224, 187, 108, .2); border-radius: 4px; background: rgba(0, 0, 0, .22); }
.sesAyarAd { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.sesAyarAd b { font: 800 15px var(--yazi); color: #f2e3bd; }
.sesAyarAd small { font: 700 12px var(--yazi); color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sesAyarSatir .dugme { flex: none; width: 92px; min-width: 0; padding: 0 8px; }
.sesAyarSatir.kapali .sesAyarAd { opacity: .55; }

.sesDuzeySatir { margin: 4px 0 10px; }
.sesDuzeySatir .sesAyarAd { flex: none; width: 150px; }
.sesDuzeySatir input[type="range"] { flex: 1; min-width: 0; accent-color: #e0bb6c; height: 24px; cursor: pointer; }
.sesDuzeyYazi { flex: none; width: 48px; text-align: right; font: 800 15px var(--yazi); color: #f2e3bd; }
html.telefon .sesDuzeySatir input[type="range"] { height: 32px; }
html.telefon .sesAyarAd b { font-size: 17px; }
html.telefon .sesAyarAd small { font-size: 13.5px; }

.yonetimPenceresi .ynSekmeler .pencereSekme { height: 34px; min-width: 0; padding: 0 4px; gap: 4px; font-size: 11.5px; letter-spacing: .01em; }
.yonetimPenceresi .ynSekmeler .pencereSekme span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.yonetimPenceresi .ynSekmeler .sekmeSimge.gercekSimge { width: 20px; height: 20px; }
.ynSekmeler .ynSayi { flex: none; min-width: 18px; padding: 0 5px; border-radius: 9px; background: rgba(120, 200, 125, .2); color: #9fe0a4;
  font: 800 11px/18px var(--yazi) !important; font-style: normal; text-align: center; letter-spacing: 0; }
.ynSekmeler .ynSayi.is { background: var(--han-kirmizi, #b3261e); color: #fff; }
.ynCeza select { width: 100%; }

.sohbetBorozan { flex: none; width: 40px; height: 36px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(224, 187, 108, .45);
  border-radius: 4px; background: rgba(10, 13, 23, .9); cursor: pointer; }
.sohbetBorozan:hover, .sohbetBorozan.acik { border-color: #e8c46a; background: rgba(224, 187, 108, .18); box-shadow: 0 0 8px rgba(232, 196, 106, .35); }
.borozanSimge { width: 36px; height: 26px; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .6)); }
.sohbetYaz.borozanKipi input { border-color: #e8c46a; background: rgba(60, 44, 14, .85); color: #ffe7a8; }
.sohbetYaz.borozanKipi input::placeholder { color: rgba(255, 231, 168, .6); }


.sohbetEfektDugme { flex: none; width: 40px; height: 36px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(224, 187, 108, .45);
  border-radius: 4px; background: rgba(10, 13, 23, .9); cursor: pointer; }
.sohbetEfektDugme:hover, .sohbetEfektDugme.acik { border-color: #e8c46a; background: rgba(224, 187, 108, .18); box-shadow: 0 0 8px rgba(232, 196, 106, .35); }
.efektSimge { width: 24px; height: 24px; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .6)); }
.sohbetEfektPanel { flex: none; display: grid; gap: 6px; padding: 8px 10px; border: 1px solid rgba(224, 187, 108, .45); border-radius: 6px;
  background: rgba(14, 16, 26, .96); }
.sohbetEfektBaslik { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.sohbetEfektBaslik b { color: #f0cd7a; font: 800 14px var(--yazi); }
.sohbetEfektBaslik small { color: rgba(232, 220, 192, .7); font-size: 12px; }
.sohbetEfektler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.sohbetEfektler .dugme { min-width: 0; height: auto; min-height: 34px; padding: 5px 4px; white-space: normal; line-height: 1.15; overflow-wrap: anywhere; }
.sohbetKisiKutu .sohbetEfektler { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
.sohbetEfektPanel .ipucu { margin: 0; font-size: 12px; }
.sohbetEfektGelen { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 8px; border-radius: 5px;
  background: rgba(70, 160, 90, .14); border: 1px solid rgba(110, 200, 130, .45); }
.sohbetEfektGelen > span { color: #f1e6cc; font: 800 16px var(--yazi); }
.sohbetEfektGelen.kapali { background: rgba(180, 60, 50, .16); border-color: rgba(220, 100, 90, .5); }
.sohbetEfektAnahtar { display: flex; align-items: center; gap: 8px; padding: 4px 10px 4px 4px; border-radius: 999px; cursor: pointer;
  border: 1px solid rgba(110, 200, 130, .7); background: rgba(10, 13, 23, .9); color: #9fe3ae; font: 800 16px var(--yazi); }
.sohbetEfektAnahtar i { width: 40px; height: 22px; border-radius: 999px; background: #3fa35a; position: relative; flex: none; }
.sohbetEfektAnahtar i::after { content: ''; position: absolute; top: 3px; left: 21px; width: 16px; height: 16px; border-radius: 50%; background: #f4f0e2; }
.sohbetEfektGelen.kapali .sohbetEfektAnahtar { border-color: rgba(220, 100, 90, .75); color: #f2a59b; }
.sohbetEfektGelen.kapali .sohbetEfektAnahtar i { background: #8a3a32; }
.sohbetEfektGelen.kapali .sohbetEfektAnahtar i::after { left: 3px; }
.sohbetSatir.efektSatir .sohbetMetin { color: #f0cd7a; font-style: italic; }

.sohbetGif { width: 240px; height: 150px; margin: 4px 0 2px; border-radius: 10px; overflow: hidden; background: rgba(40, 30, 18, .6); }
.sohbetGif > div { transform: scale(.75); transform-origin: 0 0; }
.sohbetMetin.gifEski { color: rgba(240, 205, 122, .8); font-style: italic; }
.sohbetGifListe { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; max-height: 190px; overflow-y: auto; padding-right: 2px; }
.sohbetGifListe .dugme { min-width: 0; height: auto; min-height: 32px; padding: 5px 8px; white-space: normal; text-align: left; line-height: 1.2;
  text-transform: none; letter-spacing: 0; font: 700 13px var(--yazi); }

html.klavyeAcik #pencere .sohbetEfektPanel { display: none !important; }

.mektupYazAlani { height: 452px; }
.mektupYaz { height: 100%; }
.mektupYazSatir { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
.mektupYazSatir label { display: flex; flex-direction: column; gap: 4px; font: 700 12.5px var(--yazi); color: var(--soluk); }
.mektupYazSatir input { height: 36px; padding: 0 10px; border: 1px solid rgba(224, 187, 108, .45); border-radius: 4px; background: rgba(6, 9, 16, .88);
  color: #fff3d2; font: 700 14px var(--yazi); user-select: text; -webkit-user-select: text; }
.mektupYaz textarea { flex: 1; min-height: 0; }
.mektupSikayet { display: flex; flex-direction: column; gap: 6px; padding: 8px 10px; border: 1px solid rgba(230, 100, 85, .45); border-radius: 5px;
  background: rgba(90, 20, 14, .2); }
.mektupSikayet b { font: 700 14px var(--oyma); color: #ffb3a6; }
.mektupSikayet select, .mektupSikayet textarea { padding: 6px 8px; border: 1px solid rgba(224, 187, 108, .45); border-radius: 4px;
  background: rgba(6, 9, 16, .88); color: #fff3d2; font: 700 13px var(--yazi); resize: none; }
.mektupDugmeler { display: flex; gap: 6px; margin-left: auto; }
.mektupSatir.tur-oyuncu { --renk: #7ab8e8; }
.mektupSatir.tur-giden { --renk: rgba(194, 173, 134, .6); }
.mektupKagit.tur-oyuncu { background: linear-gradient(180deg, rgba(40, 50, 70, .5), rgba(24, 28, 40, .6)); }
.mektupPenceresi .sekmeCubugu .menuSayi { margin-left: 4px; }


.ynOnaysiz { color: #ff9a8a; font-size: 12px; }




.acilisSol, .acilisSag { position: absolute; top: 24px; z-index: 2; width: 300px; display: flex; flex-direction: column; gap: 10px; }
.acilisSol { left: 24px; }
.acilisSag { right: 24px; }
.acilis.baslaAcik .acilisSol, .acilis.baslaAcik .acilisSag { display: none; }
.acilisSag .girisDuyurusu { position: static; width: auto; }



.acilisMagaza { position: absolute; left: 24px; top: 436px; z-index: 2; width: 300px; padding: 10px 12px 12px; text-align: center;
  background: var(--panel-zemin-koyu); border: 1px solid rgba(232, 196, 106, .45); border-radius: 6px; box-shadow: 0 6px 18px rgba(0, 0, 0, .45); }
.acilisMagaza p { margin: 0 0 8px; font: 700 15px var(--oyma); letter-spacing: .1em; text-transform: uppercase; color: #f0d08a; }
.acilis.baslaAcik .acilisMagaza { display: none; }
.magazaSira { display: flex; gap: 8px; justify-content: center; }
.magazaDugme { flex: 1 1 0; min-width: 0; display: flex; align-items: center; gap: 8px; padding: 6px 10px; text-align: left; text-decoration: none;
  color: #fff; background: #0b0b0b; border: 1px solid rgba(255, 255, 255, .55); border-radius: 8px; transition: border-color .15s, transform .15s; }
.magazaDugme:hover { border-color: #fff; transform: translateY(-1px); }
.magazaDugme svg { flex: 0 0 auto; width: 24px; height: 24px; }
.magazaDugme span { display: flex; flex-direction: column; min-width: 0; line-height: 1.1; }
.magazaDugme small { font: 700 11px var(--yazi); letter-spacing: .02em; color: rgba(255, 255, 255, .78); white-space: nowrap; }
.magazaDugme b { font: 700 17px var(--yazi); white-space: nowrap; }
.magazaDugme.yakinda { border-color: var(--altin); }
.magazaDugme.yakinda small { color: #ffd97a; }
.magazaNot { display: block; margin-top: 8px; font: 700 12px/1.35 var(--yazi); color: #e8dcc0; }
.magazaNot[hidden] { display: none; }
html.mobilUygulama .acilisMagaza { display: none; }

.onKayitKarti { padding: 14px 18px 16px; text-align: center; background: var(--panel-zemin-koyu); }
.onKayitKarti[hidden] { display: none; }
.okBaslik { font: 700 20px var(--oyma); letter-spacing: .12em; text-transform: uppercase; color: #f0d08a; }
.okDurum { margin-top: 8px; font: 700 17px/1.35 var(--yazi); color: #f6ecd4; }

.okSezonAd { margin-top: 4px; font: 800 36px/1.1 var(--oyma); letter-spacing: .06em; color: #f6dc9a; text-shadow: 0 2px 10px rgba(0, 0, 0, .8); }
.okSayac { margin: 6px 0 1px; font: 700 14px var(--yazi); color: #d9cdb0; }
.okSayac b, .bekleSayac b { font: 700 28px var(--oyma); letter-spacing: .03em; color: #fff3d6; text-shadow: 0 2px 6px rgba(0, 0, 0, .6); }
.okTarih { font-size: 12.5px; color: var(--soluk); }
.okVip { margin-top: 12px; padding-top: 11px; border-top: 1px solid var(--panel-cizgi-soluk); font: 700 15px var(--yazi); color: #e8dcc0; }
.okVip b { display: block; margin-top: 2px; font: 700 22px var(--oyma); letter-spacing: .03em; }
.okInsta { margin-top: 12px; padding-top: 11px; border-top: 1px solid var(--panel-cizgi-soluk); font: 700 15px/1.35 var(--yazi); color: #e8dcc0; }
.okInsta .dugme { display: flex; align-items: center; justify-content: center; height: 38px; margin-top: 9px; text-decoration: none; font-size: 15px; }
.okVip b, .bekleVip b { color: #ffd97a; }
.okVip small { display: block; margin-top: 2px; font-size: 12.5px; color: #9fe0a4; }

.galeriKarti { padding: 9px 11px 10px; background: var(--panel-zemin-koyu); }
.galeriBaslik { margin-bottom: 8px; text-align: center; font: 700 13px var(--oyma); letter-spacing: .14em; text-transform: uppercase; color: #f0d08a; }
.galeriKucukler { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.galeriKucuk { display: block; padding: 0; aspect-ratio: 2 / 1; overflow: hidden; border: 1px solid rgba(224, 187, 108, .35); border-radius: 3px;
  background: #0b0d14; cursor: pointer; }
.galeriKucuk img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
.galeriKucuk:hover { border-color: #e9c36a; }
.galeriKucuk:hover img { transform: scale(1.06); }
.galeriHepsi { width: 100%; margin-top: 7px; padding: 4px 10px; border: 1px dashed rgba(224, 187, 108, .55); border-radius: 4px;
  background: rgba(8, 11, 20, .55); color: #f0d08a; font: 700 13.5px var(--oyma); letter-spacing: .04em; cursor: pointer; }
.galeriHepsi:hover { border-style: solid; color: #ffe7a8; background: rgba(24, 30, 50, .8); }


.beklePanel { text-align: center; }
.beklePanel .formAciklama b { color: #ffd97a; }
.bekleSayac { margin: 4px 0 10px; padding: 8px 10px 9px; border: 1px solid var(--panel-cizgi-soluk); border-radius: 6px; background: rgba(0, 0, 0, .25); }
.bekleSayac[hidden] { display: none; }
.bekleSayac span { font: 700 12px var(--yazi); letter-spacing: .12em; text-transform: uppercase; color: var(--soluk); }
.bekleSayac div { font: 700 14px var(--yazi); color: #d9cdb0; }
.bekleSayac small { display: block; font-size: 12.5px; color: var(--soluk); }
.bekleVip { margin: 0 0 10px; font: 700 14.5px var(--yazi); color: #e8dcc0; }
.beklePanel .dugme.genis { display: flex; align-items: center; justify-content: center; margin-top: 4px; text-decoration: none; }
.beklePanel .formAlt { justify-content: center; margin-top: 8px; }
.beklePanel .formAlt .baglanti { margin-left: 0; }


.galeri { position: fixed; inset: 0; z-index: 100000; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 12px; padding: 20px 14px; background: rgba(6, 7, 11, .95); }
.galeri[hidden] { display: none; }
.galeriSahne { position: relative; margin: 0; display: flex; flex-direction: column; align-items: center; max-width: 100%; }
#galeriResim { display: block; max-width: min(96vw, 1600px); max-height: calc(100vh - 160px); border: 1px solid rgba(224, 187, 108, .45);
  border-radius: 4px; box-shadow: 0 12px 40px rgba(0, 0, 0, .65); background: #0b0d14; }
.galeriSahne figcaption { max-width: 900px; margin-top: 10px; text-align: center; font: 700 15px/1.4 var(--yazi); color: #e8dcc0; }
.galeriOk { position: absolute; top: calc(50% - 50px); width: 46px; height: 66px; border: 1px solid rgba(224, 187, 108, .45); border-radius: 4px;
  background: rgba(6, 7, 11, .6); color: #f0d08a; font: 400 38px/1 var(--yazi); cursor: pointer; }
.galeriOk.sol { left: 10px; }
.galeriOk.sag { right: 10px; }
.galeriOk:hover, .galeriKapat:hover { background: rgba(24, 30, 50, .9); color: #ffe7a8; }
.galeriKapat { position: absolute; top: 12px; right: 14px; width: 44px; height: 44px; border: 1px solid rgba(224, 187, 108, .45); border-radius: 50%;
  background: rgba(6, 7, 11, .6); color: #f0d08a; font: 400 30px/1 var(--yazi); cursor: pointer; }
.galeriSira { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.galeriSira button { width: 88px; aspect-ratio: 2 / 1; padding: 0; overflow: hidden; border: 1px solid rgba(224, 187, 108, .3); border-radius: 3px;
  background: #0b0d14; opacity: .55; cursor: pointer; }
.galeriSira button.secili { opacity: 1; border-color: #e9c36a; }
.galeriSira img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (max-height: 520px) {
  .galeri { padding: 8px; gap: 6px; }
  .galeriSira { display: none; }
  #galeriResim { max-height: calc(100vh - 56px); }
  .galeriSahne figcaption { margin-top: 6px; font-size: 13px; }
}



#cevirUyarisi .cevirKutu { left: 50%; right: auto; top: 780px; width: 420px; transform: translateX(-50%); gap: 6px; padding: 18px 16px 20px;
  border: 1px solid rgba(224, 187, 108, .7); border-radius: 12px; background: rgba(8, 10, 16, .78);
  box-shadow: 0 10px 34px rgba(0, 0, 0, .65), inset 0 0 0 1px rgba(255, 233, 180, .06); }
#cevirUyarisi .cevirKutu svg { width: 72px; height: 72px; }
#cevirUyarisi .cevirUst { font-size: 21px; color: #ffd97a; }
#cevirUyarisi .cevirYazi { font-size: 28px; letter-spacing: .04em; white-space: nowrap; color: #fff6e0; }
#cevirUyarisi small { max-width: 360px; font-size: 15px; }


.seferSatir[data-sefer-satir] { cursor: pointer; }
.seferSatir[data-sefer-satir]:hover { background: rgba(255, 246, 220, .07); }
.seferAyrintiIpucu { align-self: center; margin-left: 4px; font: 700 12px var(--yazi); color: var(--altin); }
.seferAyrintiBilgi { margin: 10px 0; }
.seferAyrintiBilgi small { font-size: 12px; color: var(--soluk); }
.seferAyrintiTablo { width: 100%; border-collapse: collapse; font: 700 13.5px var(--yazi); }
.seferAyrintiTablo th { padding: 4px 8px; text-align: left; font: 700 12px var(--yazi); color: var(--soluk); border-bottom: 1px solid var(--panel-cizgi-soluk); }
.seferAyrintiTablo td { padding: 4px 8px; border-bottom: 1px solid rgba(224, 187, 108, .12); vertical-align: middle; }
.seferAyrintiTablo td small { display: block; font-size: 11.5px; color: var(--soluk); }
.seferAyrintiTablo .sag { text-align: right; }
.seferAyrintiTablo tfoot td { border-bottom: 0; color: #ffd97a; }
.seferAyrintiResim { width: 44px; }
.seferAyrintiResim img { display: block; width: 36px; height: 42px; object-fit: contain; object-position: 50% 100%; }
.seferAyrintiDugmeler { justify-content: flex-end; margin-top: 12px; }



.pencereSimge.yerSimge { width: 58px; height: 40px; object-fit: contain; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .6)); }
.hanKoyleri { margin-top: 10px; }
.hanKoyListe { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; margin-top: 5px; }
.hanKoy { min-width: 0; padding: 4px 7px 5px; border: 1px solid var(--panel-cizgi-soluk); border-radius: 4px; background: rgba(255, 255, 255, .03);
  color: inherit; text-align: left; cursor: pointer; }
.hanKoy b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 13px var(--yazi); color: #f3e8d0; }
.hanKoy small { display: block; font: 700 11.5px var(--yazi); color: var(--soluk); }
.hanKoy:hover { border-color: rgba(233, 195, 106, .7); background: rgba(233, 195, 106, .08); }
.hanKoy.secili { border-color: #e9c36a; background: rgba(233, 195, 106, .14); }


.ynOkGunler { display: grid; grid-template-columns: repeat(14, minmax(0, 1fr)); gap: 4px; align-items: end; height: 70px; margin: 4px 0 10px; }
.ynOkGunler div { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; }
.ynOkGunler i { display: block; width: 70%; min-height: 2px; margin-bottom: 2px; border-radius: 2px 2px 0 0; background: linear-gradient(180deg, #f0cf7a, #a8792a); }
.ynOkGunler b { font: 700 12px var(--yazi); color: #f3e8d0; }
.ynOkGunler span { font: 700 10.5px var(--yazi); color: var(--soluk); }
.ynOkAra { margin: 4px 0 8px; }
.ynOkAra input { width: 320px; max-width: 100%; height: 30px; padding: 0 8px; border: 1px solid rgba(224, 187, 108, .45); border-radius: 4px;
  background: rgba(8, 11, 20, .7); color: var(--metin); font: 600 13.5px var(--yazi); }



.ynIcerik > .ynOdemeler { margin: 0 0 10px; padding: 8px 10px; border: 1px solid rgba(255, 106, 85, .45); border-radius: 5px; background: rgba(90, 20, 14, .2); }
.ynIcerik > .ynOdemeler > b { font: 700 14px var(--oyma); color: #ffb3a6; }
.ynIcerik > .ynOdemeler > small { font: 700 12px var(--yazi); color: var(--soluk); }
.ynOdemeHata { display: flex; flex-direction: column; gap: 3px; padding: 6px 8px; border-left: 3px solid #ff6a55; border-radius: 3px;
  background: rgba(0, 0, 0, .25); font: 700 12.5px var(--yazi); }
.ynKoyListe { display: flex; flex-direction: column; gap: 5px; margin: 6px 0; }
.ynKoyListe > b { font: 700 12px var(--oyma); letter-spacing: .06em; color: #f0d99c; }
.ynKoySatir { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 5px 8px; border: 1px solid rgba(224, 187, 108, .2);
  border-radius: 4px; background: rgba(0, 0, 0, .2); font: 700 13px var(--yazi); }
.ynKoySatir em { font-style: normal; color: var(--soluk); margin-left: 4px; }
.ynKoySatir small { display: block; font: 600 12px var(--yazi); color: var(--soluk); }
.ynBetaEtiket { opacity: .65; border-style: dashed !important; }
.ynEtkBeta { opacity: .8; }
.ynVipVar { color: #8fe08a; font-weight: 800; }
.ynVipYok { color: var(--soluk); font-weight: 800; }
.ynOdemeHata small { font: 600 12px var(--yazi); color: #f3e2c0; }
.ynOdemeHata .dugme { align-self: flex-start; }
.ynOdemeHata.kapali { border-left-color: rgba(224, 187, 108, .5); opacity: .75; }
.ynOdemeHatalari details { display: flex; flex-direction: column; gap: 5px; }
.ynTablo tbody tr.sahipsiz td { background: rgba(230, 100, 85, .12); }
.ynTablo tbody tr.soluk td { opacity: .55; }



.gecisPerde { position: fixed; left: 50%; top: 50%; width: 1960px; height: 1040px; z-index: 100001;
  background: #0d0b09 url(../gorsel/acilis-arka.webp) 0 0 / 100% 100% no-repeat; transition: opacity .5s ease; }
.gecisPerde.eriyor { opacity: 0; pointer-events: none; }


html.cevir .gecisPerde { display: none; }




html.acilisAcik #pencere { z-index: 41; }
html.acilisAcik #onay { z-index: 42; }
html.acilisAcik #bildirim { z-index: 43; }
.hesapSil { margin-top: 14px; padding: 8px 12px 10px; border: 1px solid rgba(230, 100, 85, .5); border-radius: 5px; background: rgba(90, 20, 14, .18); }
.hesapSil > summary { list-style: none; cursor: pointer; font: 700 14px var(--oyma); letter-spacing: .06em; color: #ffb3a6; }
.hesapSil > summary::-webkit-details-marker { display: none; }
.hesapSil > summary::before { content: '▸'; display: inline-block; width: 16px; transition: transform .15s; }
.hesapSil[open] > summary::before { transform: rotate(90deg); }
.hesapSil p { margin: 8px 0 0; font: 600 13.5px/1.45 var(--yazi); color: #efe3c6; }
.hesapSil p b { color: #ffe7a8; }
.hesapSil .dugmeler { margin-top: 8px; }

.hesapSilNot { margin: 14px 0 0; padding: 6px 10px; border-radius: 4px; background: rgba(120, 170, 90, .16); font: 700 13.5px/1.4 var(--yazi);
  color: #c8e6b4; }
.hesapSil .hesapSilNot { margin: 0 0 8px; }

.onayEk .hesapSilHata { min-height: 0; margin: 2px 0 0; }


html.acilisAcik.hesapSilAcik .acilis, html.acilisAcik.hesapSilAcik #acilisZemin { filter: brightness(.35); }
html.acilisAcik.hesapSilAcik .acilis { pointer-events: none; }
html.acilisAcik.hesapSilAcik .acilis .acilisPanel, html.acilisAcik.hesapSilAcik .acilisAlt { visibility: hidden; }
.hesapSil.sirada { border-color: rgba(232, 163, 58, .6); background: rgba(90, 60, 14, .2); }
.hesapSil.sirada .birlikAltBaslik { margin: 0; color: #f3c77a; }
.hesapSil .hesapSilUyari { padding: 6px 9px; border-radius: 4px; background: rgba(232, 163, 58, .14); color: #f6dca0; }
.hesapSilUst { margin: 0; }

.onayKutu.hesapSilUyarisi { width: 480px; }
.hesapSilUst b { color: var(--metin); }
.hesapBaglantilar { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 8px; margin: 14px 0 2px; font: 700 12.5px var(--yazi);
  color: var(--soluk); }
.hesapBaglantilar a { color: var(--altin); text-decoration: none; }
.hesapBaglantilar a:hover { text-decoration: underline; }


#girisPanel[data-kip="kayit"] .alan { margin-bottom: 4px; }




.sartOnay { position: relative; z-index: 1; display: flex; align-items: flex-start; gap: 7px; margin: 0 0 -30px; padding-bottom: 32px;
  font: 700 12.5px/1.35 var(--yazi); color: var(--soluk); cursor: pointer; }
.sartOnay input { flex: none; width: 15px; height: 15px; margin: 1px 0 0; accent-color: #d9b56a; cursor: pointer; }
@media (pointer: coarse) { .sartOnay input { width: 19px; height: 19px; margin: -1px 0 -1px; } }
.sartOnay a { color: var(--altin); text-underline-offset: 2px; }


.acilisAlt { position: absolute; left: 50%; bottom: 0; z-index: 2; transform: translateX(-50%); display: flex; align-items: flex-end;
  white-space: nowrap; font: 700 13px var(--yazi); color: rgba(232, 214, 168, .6); text-shadow: 0 1px 4px rgba(0, 0, 0, .95); }
.acilisAlt span { padding: 0 2px 8px; }
.acilisAlt a { padding: 26px 6px 8px; color: rgba(240, 222, 178, .85); text-decoration: none; }
.acilisAlt a:hover { color: #ffe7a8; text-decoration: underline; }
.acilis.baslaAcik .acilisAlt { display: none; }



.betaRozet { display: none; position: absolute; right: -8px; bottom: -9px; z-index: 2; padding: 1px 7px; border-radius: 8px;
  background: linear-gradient(180deg, #f3d58c, #b58a3a); color: #1c1307; font: 800 10.5px var(--yazi); font-style: normal;
  letter-spacing: .12em; text-transform: uppercase; box-shadow: 0 2px 6px rgba(0, 0, 0, .6); pointer-events: none; }
html.betaKipi .betaRozet { display: block; }




.sesDugme { position: relative; }
.sesDugme.acik { border-color: var(--altin); background: rgba(58, 44, 22, .92); color: #ffe7a8;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .55), 0 0 10px rgba(224, 187, 108, .35); }
#mikrofonDugme.acik { border-color: #6fbf73; color: #d2f5cc; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .55), 0 0 10px rgba(111, 191, 115, .4); }
#mikrofonDugme.konusuyor { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .55), 0 0 0 3px rgba(111, 191, 115, .5), 0 0 18px rgba(111, 191, 115, .7); }
.sesDugme.bekliyor { animation: sesBekle .8s ease-in-out infinite alternate; }

.sesDugme:not(.acik) .gercekSimge { opacity: .5; filter: grayscale(.55) brightness(.85); }
.sesDugme:not(.acik)::after { content: ''; position: absolute; left: 50%; top: 50%; width: 34px; height: 3px; margin: -1.5px 0 0 -17px;
  border-radius: 2px; background: #d9b25e; box-shadow: 0 0 0 1.5px rgba(20, 15, 9, .9); transform: rotate(-45deg); pointer-events: none; }
.sesDugme.acik .gercekSimge { filter: drop-shadow(0 0 6px rgba(255, 214, 120, .65)) brightness(1.08); }
#mikrofonDugme.acik .gercekSimge { filter: drop-shadow(0 0 7px rgba(127, 212, 127, .75)) brightness(1.08); }
@keyframes sesBekle { from { opacity: .45; } to { opacity: 1; } }
.sesSayi { position: absolute; top: -7px; right: -7px; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 10px;
  background: #c79a3c; color: #1b140b; font: 800 11.5px/19px var(--yazi); font-style: normal; text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .6); }
#sesSerit { position: absolute; left: 14px; bottom: 132px; z-index: 5; display: flex; align-items: center; gap: 8px;
  max-width: 360px; height: 34px; padding: 0 14px; border-radius: 17px; font: 700 13.5px var(--yazi); color: #ead9ad; cursor: pointer; }
#sesSerit[hidden] { display: none; }
#sesSerit svg { width: 16px; height: 16px; flex: none; }
#sesSerit span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sesSerit.konusma { color: #d2f5cc; border-color: rgba(111, 191, 115, .65); box-shadow: 0 0 12px rgba(111, 191, 115, .35); }
#sesKisiler { position: absolute; left: 14px; bottom: 174px; z-index: 6; width: 380px; max-height: min(320px, calc(var(--sahneBoy, 640px) - 200px));
  overflow-y: auto; padding: 10px; display: flex; flex-direction: column; gap: 6px; }
#sesKisiler[hidden] { display: none; }
.sesKisiBaslik { display: flex; align-items: center; justify-content: space-between; padding: 0 2px 2px; font: 800 14px var(--yazi); color: #f2e3bd; }
.sesKisiKapat { background: none; border: 0; color: #ead9ad; font-size: 22px; line-height: 1; cursor: pointer; padding: 0 4px; }
.sesKisi { display: flex; align-items: center; gap: 6px; padding: 6px 8px; border-radius: 4px; background: rgba(0, 0, 0, .22);
  border: 1px solid rgba(224, 187, 108, .15); }
.sesKisi.konusuyor { border-color: rgba(111, 191, 115, .75); box-shadow: 0 0 8px rgba(111, 191, 115, .3); }
.sesKisiAd { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; font: 800 13.5px var(--yazi); color: #f2e3bd;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sesKisiAd small { font: 700 11px var(--yazi); color: var(--soluk); }
.sesKisi .kucukDugme { flex: none; height: 28px; min-width: 0; padding: 0 8px; font-size: 12px; }
html.telefon #sesSerit { font-size: 15px; height: 38px; }
html.telefon .sesKisiAd { font-size: 15px; }
html.telefon .sesKisi .kucukDugme { height: 32px; font-size: 13px; }


.pencere.arkadasPenceresi { width: 520px; }
.arkadasEkle { display: flex; gap: 8px; margin: 6px 0 4px; }
.arkadasEkle input { flex: 1; min-width: 0; height: 44px; padding: 0 12px; font: 600 16px var(--yazi); }
.arkadasEkle .dugme { flex: none; display: inline-flex; align-items: center; gap: 6px; }

.arkDavet { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 8px 0 2px; padding: 8px 10px;
  border: 1px solid rgba(224, 187, 108, .28); border-radius: 4px; background: rgba(224, 187, 108, .06); }
.arkDavetYazi { flex: 1 1 200px; min-width: 0; display: flex; flex-direction: column; gap: 2px; font: 800 14px var(--yazi); color: #f2e3bd; }
.arkDavetYazi small { font: 700 11.5px var(--yazi); color: var(--soluk); }
.arkDavetDugmeler { flex: none; display: flex; gap: 6px; }
.arkDavet .kucukDugme { height: 32px; min-width: 0; padding: 0 11px; font-size: 13px; display: inline-flex; align-items: center; text-decoration: none; }
html.telefon .arkDavetYazi { font-size: 15.5px; }
html.telefon .arkDavet .kucukDugme { height: 36px; font-size: 14px; }
.arkadasListe { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
.arkadasListe li { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid rgba(224, 187, 108, .2);
  border-radius: 4px; background: rgba(0, 0, 0, .2); }
.arkadasListe li.cevrimici { border-color: rgba(111, 191, 115, .45); }
.arkBilgi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; font: 800 14px var(--yazi); color: #f2e3bd;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arkBilgi small { font: 700 11.5px var(--yazi); color: var(--soluk); }
.arkSatir { display: flex; align-items: center; gap: 6px; min-width: 0; }
.arkSatir .iliskiRozet, .arkSatir .birlikEtiket { flex: none; }
.arkAd { cursor: pointer; overflow: hidden; text-overflow: ellipsis; }
.arkAd:hover { color: #ffe7a8; text-decoration: underline; }
.arkNokta { flex: none; width: 10px; height: 10px; border-radius: 50%; background: #6b6355; box-shadow: 0 0 0 2px rgba(0, 0, 0, .5); }
li.cevrimici .arkNokta { background: #7fd47f; box-shadow: 0 0 0 2px rgba(0, 0, 0, .5), 0 0 8px rgba(127, 212, 127, .8); }
.arkadasListe .kucukDugme { flex: none; height: 30px; min-width: 0; padding: 0 9px; font-size: 12.5px; display: inline-flex; align-items: center; gap: 5px; }
.arkadasListe .kucukDugme .dugmeSimge { width: 16px; height: 16px; }
.dugme.soluk { opacity: .55; }
.profilArkDurum { display: inline-flex; align-items: center; gap: 6px; font: 800 13px var(--yazi); color: #b9d9a8; padding: 0 6px; }
.profilArkDurum .dugmeSimge { width: 18px; height: 18px; }
.sesKisiEylem { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 2px 4px; }
.sesKisiEylem .kucukDugme { height: 30px; padding: 0 10px; font-size: 12.5px; }
html.telefon .arkBilgi { font-size: 15.5px; }
html.telefon .arkadasListe .kucukDugme { height: 34px; font-size: 13.5px; }

.arkKilitli { margin-top: 10px; border: 1px dashed rgba(185, 169, 132, .45); border-radius: 4px; padding: 6px 10px; background: rgba(0, 0, 0, .18); }
.arkKilitli summary { cursor: pointer; font: 800 13.5px var(--yazi); color: var(--soluk); }
.arkKilitli[open] summary { margin-bottom: 6px; }
.arkKilitli .ipucu { margin: 4px 0 8px; }
.arkadasListe.kilitli li { filter: grayscale(1); opacity: .55; }
.arkKilitli > .dugme { margin-top: 8px; }




:where(.pencere, .panel) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), textarea, select) {
  border: 1px solid rgba(224, 187, 108, .45);
  border-radius: 4px;
  background: rgba(6, 9, 16, .88);
  color: #fff3d2;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .6);
}
:where(.pencere, .panel) :where(input, textarea)::placeholder { color: rgba(236, 217, 174, .5); }
:where(.pencere, .panel) :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select):focus {
  outline: none;
  border-color: #f3d58c;
  box-shadow: 0 0 0 2px rgba(232, 196, 106, .25);
}
:where(.pencere, .panel) select option { background: #14110c; color: #fff3d2; }


.isaretSatir { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; padding-top: 10px;
  border-top: 1px solid rgba(224, 187, 108, .18); }
.isaretDugmesi { display: inline-flex; align-items: center; gap: 6px; }
.isaretDugmesi.isaret-dusman { border-color: rgba(224, 68, 47, .6); color: #ffb3a6; }
.isaretDugmesi.isaret-dost { border-color: rgba(111, 191, 90, .6); color: #b9e6a8; }
.isaretRozet { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 4px; font: 800 13.5px var(--yazi); }
.isaretRozet.isaret-dusman { background: rgba(224, 68, 47, .18); border: 1px solid rgba(224, 68, 47, .6); color: #ffb3a6; }
.isaretRozet.isaret-dost { background: rgba(111, 191, 90, .16); border: 1px solid rgba(111, 191, 90, .6); color: #b9e6a8; }
.isaretRozetSimge { width: 18px; height: 18px; object-fit: contain; }
.isaretPenceresi { width: min(560px, calc(100% - 24px)); }
.isaretSekmeler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 4px 0 10px; }
.isaretSekme { padding: 9px 10px; border-radius: 4px; border: 1px solid rgba(224, 187, 108, .3); background: rgba(0, 0, 0, .25);
  color: var(--soluk); font: 800 14px var(--yazi); cursor: pointer; }
.isaretSekme b { margin-left: 4px; font-variant-numeric: tabular-nums; }
.isaretSekme.isaret-dusman.secili { border-color: #e0442f; background: rgba(224, 68, 47, .2); color: #ffd0c8; }
.isaretSekme.isaret-dost.secili { border-color: #6fbf5a; background: rgba(111, 191, 90, .18); color: #d6f2cb; }

.isaretSekme.isaret-yer.secili { border-color: #e0bb6c; background: rgba(224, 187, 108, .16); color: #f6e3b4; }
.isaretListe { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; max-height: 320px; overflow-y: auto; }
.isaretListe li { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 4px;
  background: rgba(0, 0, 0, .28); border-left: 4px solid; }
.isaretListe li.isaret-dusman { border-left-color: #e0442f; }
.isaretListe li.isaret-dost { border-left-color: #6fbf5a; }
.isaretListe li.isaret-yer { border-left-color: #e0bb6c; }
.yerAdimlar { margin: 0 0 8px; padding-left: 20px; }
.yerHakNotu { margin: 8px 0 4px; }
.isaretListe li.yok { opacity: .55; }
.isaretBilgi { flex: 1; min-width: 0; display: grid; }
.isaretBilgi b { font: 800 15px var(--yazi); color: #f6ecd4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.isaretBilgi small { color: var(--soluk); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.isaretKonum { flex: none; padding: 6px 10px; border-radius: 4px; border: 1px solid rgba(224, 187, 108, .5); background: rgba(6, 9, 16, .7);
  color: #f0d08a; font: 700 13px var(--yazi); font-variant-numeric: tabular-nums; cursor: pointer; }
.isaretKonum:hover { border-color: #f3d58c; color: #fff3d2; }
.isaretAlt { margin-top: 8px; }

.hizliYagma { margin: 0 0 10px; padding: 9px 10px; border: 1px solid rgba(224, 68, 47, .45); border-radius: 5px; background: rgba(224, 68, 47, .08); }
.hizliYagmaBas { display: flex; align-items: center; gap: 8px; }
.hizliYagmaBas b { font: 800 15px var(--yazi); color: #ffd0c8; }
.hizliYagmaBas small { flex: 1; color: var(--soluk); font: 700 12.5px var(--yazi); }
.hizliYagmaVip { padding: 0 6px; border-radius: 8px; background: linear-gradient(180deg, #ffe7a0, #c8952f); color: #2a1a05; font: 800 10.5px var(--yazi); }
.hizliYagmaOzet { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; }
.hizliYagmaCip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px 2px 3px; border-radius: 12px; background: rgba(0, 0, 0, .35);
  border: 1px solid rgba(224, 187, 108, .35); color: #f6ecd4; font: 800 13px var(--yazi); font-variant-numeric: tabular-nums; }
.hizliYagmaCip.yetmez { border-color: #e0442f; color: #ffb3a6; }
.hizliYagmaResim { width: 24px; height: 24px; object-fit: contain; }
.hizliYagmaDuzen { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; margin-top: 8px; }
.hizliYagmaDuzen label { display: flex; align-items: center; gap: 6px; padding: 4px 6px; border-radius: 4px; background: rgba(0, 0, 0, .3); }
.hizliYagmaDuzen label span { flex: 1; min-width: 0; display: grid; font: 800 12.5px var(--yazi); color: #f2e3bd; }

.hizliYagmaDuzen label small { font: 700 12.5px var(--yazi); color: #e3d3ad; }
.hizliYagmaDuzen label small b { font: 800 14px var(--yazi); font-variant-numeric: tabular-nums; }
.hizliYagmaDuzen label small b.var { color: #8fe09a; }
.hizliYagmaDuzen label small b.yok { color: #ff9f8f; }
.hizliYagmaDuzen input { width: 62px; height: 30px; padding: 0 6px; text-align: right; }
.hizliYagmaDuzen > button { grid-column: 1 / -1; justify-self: end; }
.hizliYagmaDugme { flex: none; min-width: 86px; }
.hizliYagmaDugme.gitti { background: linear-gradient(180deg, #5aa35f, #2f6b34); border-color: #8fe09a; color: #eaffea; }
.hizliSatir { display: flex; align-items: center; gap: 8px; margin-top: 7px; }
.hizliSatir .hizliYagmaOzet { flex: 1; margin-top: 0; }
.hizliSatirAd { flex: none; width: 58px; font: 800 13px var(--yazi); color: #f2e3bd; }
.hizli-saldiri .hizliSatirAd { color: #ffb3a6; }
.hizliDuzenBaslik { margin: 8px 0 0; font: 700 13px var(--yazi); color: #f2e3bd; }

.hizliToplu { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 9px; padding-top: 8px; border-top: 1px solid rgba(224, 68, 47, .3); }
.hizliToplu small { flex: 1 1 160px; color: var(--soluk); font: 700 12px var(--yazi); }

.hizliElmas { display: flex; align-items: center; gap: 9px; margin-top: 8px; padding: 7px 9px; border: 1px solid rgba(110, 190, 255, .35);
  border-radius: 6px; background: rgba(40, 90, 140, .18); cursor: pointer; }
.hizliElmas input { flex: none; width: 18px; height: 18px; margin: 0; accent-color: #6ec0ff; cursor: pointer; }
.hizliElmas span { display: flex; flex-direction: column; min-width: 0; }
.hizliElmas b { font: 800 13.5px var(--yazi); color: #cfe9ff; }
.hizliElmas small { color: var(--soluk); font: 700 12px var(--yazi); }

.isaretKoyler { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 6px; margin: 2px 0 8px; }
.isaretKoy { display: flex; align-items: center; justify-content: center; gap: 5px; min-width: 0; padding: 6px 8px; border-radius: 4px;
  border: 1px solid rgba(224, 187, 108, .3); background: rgba(0, 0, 0, .25); color: var(--soluk); font: 800 13px var(--yazi); cursor: pointer; }
.isaretKoy span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.isaretKoyBaslik { margin: 0 0 6px; color: var(--soluk); font: 700 12.5px var(--yazi); }
.isaretKoy.secili { border-color: #f0d08a; background: rgba(240, 208, 138, .16); color: #fff3d2; }





html[data-grafik="orta"] *, html[data-grafik="dusuk"] *, html.ios * { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html[data-grafik="orta"], html[data-grafik="dusuk"], html.ios { --panel-zemin: rgba(13, 17, 29, .92); }

html[data-grafik="orta"] :is(.cemberKenar, .seferDaire, .canliOge),
html[data-grafik="dusuk"] :is(.cemberKenar, .seferDaire, .canliOge) { filter: none !important; }
html[data-grafik="orta"] :is(.duman, .alevler), html[data-grafik="dusuk"] :is(.duman, .alevler) { filter: none !important; }
html[data-grafik="orta"] :is(.duman circle, .atesIsik, .alev), html[data-grafik="dusuk"] :is(.duman circle, .atesIsik, .alev) { animation: none !important; }

html[data-grafik="dusuk"] .ayrintiDoku { display: none; }
html[data-grafik="dusuk"] .binaResmi { filter: none !important; transition: none; }
html[data-grafik="dusuk"] .koyYeri.uzerinde .binaResmi { filter: brightness(1.12) !important; }

.pencere.grafikPencere { width: 520px; }

html.cokDusuk .harita::after, html.cokDusuk .haritaPus { display: none; }

.bildirimIzin { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 10px; padding: 9px 12px;
  border: 1px solid rgba(240, 199, 90, .5); border-radius: 5px; background: rgba(240, 199, 90, .08); font: 700 13.5px var(--yazi); color: #f2e3bd; }
.grafikListe { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.grafikSatir { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid rgba(224, 187, 108, .25);
  border-radius: 5px; background: rgba(0, 0, 0, .25); }
.grafikSatir.secili { border-color: rgba(240, 199, 90, .75); background: rgba(240, 199, 90, .08); }
.grafikSatir .sesAyarAd { flex: 1; }

.grafikSatir .sesAyarAd small { white-space: normal; overflow: visible; line-height: 1.35; }
.grafikSatir .dugme, .grafikSecili { flex: none; width: 92px; min-width: 0; padding: 0 8px; text-align: center; }
.grafikSecili { font: 800 14px var(--yazi); color: #f0c75a; }





html[data-yazi="buyuk"] { --yaziOlcek: 1.15; }
html[data-yazi="cokbuyuk"] { --yaziOlcek: 1.3; }
html[data-yazi] .sohbetSatir, html[data-yazi] .sohbetSabit p, html[data-yazi] .mektupBas, html[data-yazi] .mektupMetin,
html[data-yazi] .destekMesaj, html[data-yazi] .kilavuzBolum:not(.askerTablosu), html[data-yazi] .raporAyrinti > *,
html[data-yazi] .gorevBilgi {
  zoom: var(--yaziOlcek);
}

.ynAnketSoru { margin: 4px 0; font: 700 14px var(--yazi); color: #ffe7a8; }
.ynAnketSonuc { display: grid; gap: 4px; margin: 4px 0 8px; }
.ynAnketSatir { display: grid; grid-template-columns: minmax(70px, auto) 1fr auto; align-items: center; gap: 8px; font: 700 13px var(--yazi); color: var(--metin); }
.ynAnketCubuk { height: 10px; border-radius: 5px; background: rgba(0, 0, 0, .35); overflow: hidden; }
.ynAnketCubuk i { display: block; height: 100%; background: linear-gradient(90deg, #b8913f, #e0bb6c); }
.ynAnketSonuc small { font: 700 11.5px var(--yazi); color: var(--soluk); }
.ynAnketGecmis { margin: 10px 0 4px; font: 700 13px var(--oyma); color: #d9bf85; }
.ynAnketEski p { margin: 4px 0 2px; font: 700 13px var(--yazi); color: var(--metin); }



.ozelGunPenceresi { width: min(520px, calc(100% - 24px)); }
.ozelGun { display: grid; justify-items: center; gap: 10px; text-align: center; padding: 4px 6px 2px; }
.ozelGunAmblem { width: 72px; height: 72px; filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .5)); }
.ozelGun h3 { margin: 0; font: 800 20px var(--oyma); color: #f6e7c1; letter-spacing: .02em; }
.ozelGunSoz { margin: 0; max-width: 440px; font: 600 15px/1.55 var(--yazi); color: #eadcbc; }
.ozelGun.ton-anma h3 { color: #e8e2d6; }
.ozelGun.ton-anma .ozelGunSoz { color: #d9d3c7; font-style: italic; }
.ozelGunHediye { display: grid; justify-items: center; gap: 6px; width: 100%; padding: 10px; border: 1px solid rgba(224, 187, 108, .4);
  border-radius: 6px; background: rgba(224, 187, 108, .08); }
.ozelGunHediye b { font: 800 14px var(--yazi); color: #ffe7a8; }
.ozelGunHediye small { color: var(--soluk); font: 700 12px var(--yazi); }
.ozelGun .dugmeler { justify-content: center; }



.panelBaslik.divanVar { display: flex; justify-content: space-between; align-items: center; }
.panelBaslik.divanVar::after, .panelBaslik.divanVar #koySayisi { display: none; }
.divanDugme { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px 3px 12px; border: 1.5px solid #e8c46a; border-radius: 3px;
  background: linear-gradient(180deg, rgba(74, 53, 23, .95), rgba(42, 30, 14, .95)); color: #f0d99c; font: 700 14px var(--oyma); letter-spacing: .08em;
  text-transform: uppercase; text-shadow: 0 1px 2px rgba(0, 0, 0, .8); cursor: pointer; box-shadow: 0 0 10px rgba(232, 196, 106, .25); }
.divanDugme:hover { border-color: #fff0c0; color: #fff6dc; box-shadow: 0 0 14px rgba(232, 196, 106, .45); }
.divanDugme .vipRozet { font-size: 9.5px; letter-spacing: 0; text-transform: none; text-shadow: none; }
.divanPenceresi { width: min(760px, calc(100% - 24px)); }


.dvOzet { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; padding: 8px 10px; margin-bottom: 10px;
  border: 1px solid rgba(224, 187, 108, .3); background: rgba(224, 187, 108, .06); font: 800 14px var(--yazi); color: #fff3d2;
  font-variant-numeric: tabular-nums; }
.dvOzet > span { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.dvOzet .dvOzetYazi { color: #d9c9a0; font-weight: 700; }
.dvOzet .tehlike { color: #ffb3a6; }
.dvKaynak { width: 20px; height: 20px; object-fit: contain; flex: none; }
.dvSekmeler { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 8px; }
.dvSekme { display: flex; align-items: center; justify-content: center; gap: 8px; height: 44px; border: 1px solid rgba(224, 187, 108, .45);
  border-radius: 4px; background: rgba(27, 20, 12, .85); color: #d9c9a0; font: 700 15px var(--oyma); letter-spacing: .06em; cursor: pointer; }
.dvSekme.secili { border-color: #f3d58c; color: #fff3d2; background: linear-gradient(180deg, rgba(110, 80, 34, .9), rgba(60, 43, 20, .9));
  box-shadow: 0 0 10px rgba(243, 213, 140, .25); }
.dvSekmeSimge { width: 24px; height: 24px; object-fit: contain; }
.dvSecenekler { display: flex; gap: 6px; overflow-x: auto; padding: 2px 2px 8px; scrollbar-width: thin; }
.dvSecenek { flex: none; width: 82px; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 6px 4px 5px;
  border: 1px solid rgba(224, 187, 108, .3); border-radius: 4px; background: rgba(27, 20, 12, .7); color: #d9c9a0;
  font: 700 12.5px var(--yazi); line-height: 1.15; text-align: center; cursor: pointer; }
.dvSecenek.secili { border-color: #f3d58c; color: #fff3d2; background: rgba(243, 213, 140, .14); box-shadow: inset 0 0 0 1px #f3d58c; }
.dvResim { width: 54px; height: 44px; object-fit: contain; }
.dvSimge { padding: 6px; }

.dvBirimBilgi { margin: 0 0 8px; padding: 8px 10px; border: 1px solid rgba(224, 187, 108, .3); border-left: 3px solid #e0bb6c; border-radius: 4px;
  background: rgba(224, 187, 108, .06); font: 700 13px var(--yazi); color: #e9d9b3; }

.dvBirimUst { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; }
.dvBirimUst b { font: 800 15px var(--yazi); color: #fff3d2; }
.dvBirimUst span { color: #cdbb92; font-style: italic; }
.dvDegerler { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 5px; font-variant-numeric: tabular-nums; }
.dvBedel { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; margin-top: 5px; font-variant-numeric: tabular-nums; }
.dvBedel small { color: var(--soluk); font: 700 12px var(--yazi); }
.dvBedel span { display: inline-flex; align-items: center; gap: 3px; }
.dvBedel .dvKaynak { width: 17px; height: 17px; }
.dvAdet { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; font: 700 13px var(--yazi); color: var(--soluk); }
.dvAdetDugme { min-width: 50px; height: 36px; padding: 0 10px; border: 1px solid rgba(224, 187, 108, .4); border-radius: 4px;
  background: rgba(27, 20, 12, .8); color: #f2e3bd; font: 800 14px var(--yazi); cursor: pointer; }
.dvAdetDugme.secili { border-color: #f3d58c; background: rgba(243, 213, 140, .16); color: #fff3d2; }
.dvAdet input { width: 90px; height: 36px; padding: 0 8px; background: #1b140c; color: #f2e3bd; border: 1px solid rgba(224, 187, 108, .5);
  border-radius: 4px; font: 800 14px var(--yazi); text-align: right; }
.dvListeBas { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px; margin: 4px 0 6px; }
.dvListeBas b { font: 700 14px var(--oyma); color: #f3d58c; letter-spacing: .05em; }
.dvListeBas small { font: 700 12px var(--yazi); color: var(--soluk); letter-spacing: 0; margin-left: 4px; }
.dvListeBas span { display: flex; gap: 6px; }
.dvListeBas button { height: 30px; padding: 0 10px; border: 1px solid rgba(224, 187, 108, .4); border-radius: 15px; background: transparent;
  color: #e9d6a6; font: 700 12.5px var(--yazi); cursor: pointer; }
.dvListeBas button:hover { background: rgba(224, 187, 108, .12); }
.dvKoyler { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 8px; }
.dvKoy { position: relative; padding: 9px 10px 8px; border: 1px solid rgba(224, 187, 108, .25); border-radius: 5px; background: rgba(20, 15, 9, .75);
  cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; }
.dvKoy.secili { border-color: rgba(243, 213, 140, .85); background: rgba(243, 213, 140, .08); }
.dvKoy.tehlike { border-color: #e0442f; }
.dvKoyUst { display: flex; align-items: center; gap: 8px; min-width: 0; }
.dvTik { flex: none; width: 20px; height: 20px; border: 1.5px solid rgba(224, 187, 108, .6); border-radius: 4px; background: rgba(0, 0, 0, .3); }
.dvKoy.secili .dvTik { background: #e0bb6c; border-color: #f3d58c; box-shadow: inset 0 0 0 3px rgba(20, 15, 9, .9); }
.dvAd { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 800 16px var(--yazi); color: #fff3d2; }
.dvMerkez { flex: none; padding: 1px 7px; border: 1px solid rgba(224, 187, 108, .45); border-radius: 10px; font: 700 12px var(--yazi); color: #f3d58c; }
.dvGit { flex: none; height: 28px; padding: 0 9px; border: 0; border-radius: 4px; background: rgba(224, 187, 108, .14); color: #f3d58c;
  font: 700 12.5px var(--yazi); cursor: pointer; }
.dvKasa { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; margin: 7px 0 5px; font: 700 13px var(--yazi);
  color: #f2e3bd; font-variant-numeric: tabular-nums; }
.dvKasa span { display: inline-flex; align-items: center; gap: 3px; min-width: 0; white-space: nowrap; overflow: hidden; }
.dvKasa .dvKaynak { width: 17px; height: 17px; }
.dvAlt { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; font: 700 12.5px var(--yazi); color: var(--soluk); }
.dvAlt .dvSay { margin-left: auto; }
.dvBos { color: var(--soluk); }
.dvHedef, .dvSonuc, .dvUyari { margin-top: 6px; padding: 4px 8px; border-radius: 3px; font: 700 13px var(--yazi); }
.dvHedef.ok { background: rgba(155, 226, 159, .1); color: #b9efbb; }
.dvHedef.yok { background: rgba(255, 255, 255, .05); color: #b8a98a; }
.dvSonuc.iyi { background: rgba(155, 226, 159, .16); color: #9be29f; }
.dvSonuc.kotu { background: rgba(255, 106, 85, .14); color: #ffb3a6; }
.dvUyari { background: rgba(224, 68, 47, .18); color: #ffb3a6; }
.dvEylem { position: sticky; bottom: -16px; margin: 10px -16px -16px; padding: 10px 16px 14px;
  background: linear-gradient(180deg, rgba(23, 18, 12, 0), rgba(23, 18, 12, .96) 30%); }
.dvEylemDugme { width: 100%; height: 50px; font-size: 17px; }
.divanSira { display: inline-flex; gap: 3px; vertical-align: middle; }
.divanSira i { width: 9px; height: 9px; background: #6d5630; }
.divanSira i.d { background: #f3d58c; }
.divanIs { font: 700 12.5px var(--yazi); color: #9be29f; }
.divanIs.bekler { color: #f6d27c; }


.seferTahmin { margin-top: 10px; padding: 10px 12px; border: 1.5px solid #e8c46a; background: linear-gradient(180deg, rgba(232, 196, 106, .12), rgba(232, 196, 106, .04)); }
.tahminBaslik { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font: 700 14px var(--oyma); letter-spacing: .08em; color: #ffe7a8; }
.tahminBaslik .vipRozet { font-size: 9.5px; letter-spacing: 0; }
.tahminDayanak { margin: 0 0 8px; font: 700 12.5px var(--yazi); color: var(--soluk); }
.tahminDayanak b { color: #f6d27c; }
.tahminSonuc { display: grid; gap: 2px; padding: 8px 10px; border: 1px solid; margin-bottom: 6px; }
.tahminSonuc b { font: 800 17px var(--yazi); }
.tahminSonuc small { font: 700 12.5px var(--yazi); opacity: .9; }
.tahminSonuc.iyi { border-color: #6fbf5a; background: rgba(111, 191, 90, .15); color: #bff0b0; }
.tahminSonuc.orta { border-color: #e8a33a; background: rgba(232, 163, 58, .15); color: #ffd99a; }
.tahminSonuc.kotu { border-color: #e0442f; background: rgba(224, 68, 47, .15); color: #ffb3a6; }
.tahminCubuk { height: 8px; margin-bottom: 8px; background: #3a2a14; border: 1px solid rgba(224, 187, 108, .4); position: relative; }
.tahminCubuk i { position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(90deg, #e0442f, #e8a33a 50%, #6fbf5a); }
.tahminOzet dd.kayip { color: #ffb3a6; } .tahminOzet dd.kazanc { color: #9be29f; }
.tahminOzet small { color: var(--soluk); font-weight: 700; }
.tahminNot { margin: 6px 0 0; font: 700 11.5px var(--yazi); color: var(--soluk); }


.sohbetSatir .sohbetMetin.yaziRengi-altin { color: #f2cd6b; }
.sohbetSatir .sohbetMetin.yaziRengi-yesil { color: #a6dc8e; }
.sohbetSatir .sohbetMetin.yaziRengi-mavi { color: #93c6ff; }
.sohbetSatir .sohbetMetin.yaziRengi-turkuaz { color: #6fdcd2; }
.sohbetSatir .sohbetMetin.yaziRengi-erguvan { color: #d9a6f5; }
.sohbetSatir .sohbetMetin.yaziRengi-gumus { color: #d9dee4; }
.yaziRenkleri { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; }
.yaziRengiSec { height: 40px; font: 800 15px var(--yazi); letter-spacing: 0; }
.yaziRengiSec.secili { border-color: var(--altin); box-shadow: inset 0 0 0 2px rgba(224, 187, 108, .55); }


.konumPaylas { display: grid; gap: 8px; margin-top: 10px; justify-items: start; }
.konumPaylasPanel[hidden] { display: none; }
.konumKart { display: flex; align-items: center; gap: 10px; width: 100%; max-width: 420px; margin-top: 6px; padding: 7px 12px;
  border: 1px solid rgba(224, 187, 108, .55); border-radius: 6px; text-align: left; color: var(--metin, #f3e7cc);
  background: linear-gradient(180deg, rgba(60, 46, 22, .85), rgba(30, 24, 14, .9)); cursor: pointer; }
.konumKart:hover { border-color: #f3d58c; box-shadow: 0 0 10px rgba(232, 196, 106, .25); }
.konumKartSimge { width: 22px; height: 22px; flex: none; color: #f0c75a; }
.konumKartYazi { display: grid; gap: 1px; min-width: 0; flex: 1; }
.konumKartYazi b { font: 800 14px var(--yazi); color: #f6e4b0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.konumKartYazi small { font: 700 12px var(--yazi); color: var(--soluk); font-variant-numeric: tabular-nums; }
.konumKart em { font: 800 13px var(--yazi); font-style: normal; color: #f0c75a; flex: none; }


.raporPenceresi .sekmeCubugu .pencereSekme { gap: 7px; padding: 0 8px; font-size: 14px; white-space: nowrap; }
.raporPenceresi .sekmeCubugu .pencereSekme .sekmeSimge { flex: none; }
.raporSekmeSayi { min-width: 22px; padding: 1px 6px; border-radius: 9px; background: rgba(232, 196, 106, .18); border: 1px solid rgba(232, 196, 106, .4);
  font: 800 11.5px var(--yazi); letter-spacing: 0; color: #f0d08a; font-variant-numeric: tabular-nums; }


.birlikRaporListe { display: grid; gap: 6px; margin: 8px 0 0; padding: 0; list-style: none; }
.birlikRapor { border: 1px solid rgba(224, 187, 108, .28); border-left: 3px solid #c9a24a; border-radius: 5px; background: rgba(0, 0, 0, .22); }
.birlikRapor.savunma { border-left-color: #e0503c; background: rgba(120, 24, 16, .16); }
.birlikRapor.acik { border-color: rgba(240, 200, 110, .6); }
.birlikRaporUst { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: 0; background: none; text-align: left; color: inherit; cursor: pointer; }
.birlikRaporSimge { width: 24px; height: 24px; flex: none; color: #f0c75a; }
.birlikRaporBilgi { display: grid; gap: 1px; flex: 1; min-width: 0; }
.birlikRaporBilgi b { font: 800 14px var(--yazi); color: #f3e5bf; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.birlikRaporBilgi small { font: 700 12px var(--yazi); color: var(--soluk); }
.birlikRaporSonuc { flex: none; font: 800 12.5px var(--yazi); font-style: normal; }
.birlikRaporSonuc.iyi { color: #9fe0a4; }
.birlikRaporSonuc.kotu { color: #ff9f8f; }
.birlikRaporAyrinti { display: grid; gap: 8px; justify-items: start; padding: 0 10px 10px; }


.raporHanBag { cursor: pointer; text-decoration: underline dotted rgba(240, 208, 138, .7); text-underline-offset: 3px; }
.raporHanBag:hover { color: #ffe3a0; text-decoration-style: solid; }



.vipUst { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 10px; align-items: stretch; }
.vipUst > .vipDurum, .vipUst > .vipSandik { margin: 0; }
.vipUst > .vipDurum:only-child { grid-column: 1 / -1; }
.vipKazanc { display: grid; gap: 6px; margin-top: 10px; padding: 10px 14px; border: 1px solid rgba(233, 195, 106, .55); border-radius: 7px;
  background: linear-gradient(180deg, rgba(233, 195, 106, .12), rgba(0, 0, 0, .25)); }
.vipKazanc b { font: 800 14px var(--yazi); color: #ffd97a; }
.vipKazanc small { color: var(--soluk); font-size: 12.5px; }
.vipKazanc.bos { border-style: dashed; }
.vipKazancSure { color: #ffe3a0; }
.vipGrupBaslik { margin: 14px 0 6px; font: 700 12px var(--yazi); letter-spacing: .12em; text-transform: uppercase; color: #e3c27a; }

.elmasAlKutu { position: relative; margin: 16px 0 6px; padding: 0 10px 10px; border: 2px solid rgba(111, 220, 140, .65); border-radius: 9px;
  background: linear-gradient(180deg, rgba(50, 130, 78, .26), rgba(8, 22, 14, .45)); box-shadow: 0 0 14px rgba(80, 220, 120, .16), inset 0 0 18px rgba(80, 220, 120, .1); }
.elmasAlBaslik { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0 -10px 12px; padding: 8px 10px;
  border-bottom: 1px solid rgba(111, 220, 140, .5); border-radius: 7px 7px 0 0;
  background: linear-gradient(90deg, rgba(36, 104, 60, .35), rgba(46, 128, 74, .9) 25%, rgba(46, 128, 74, .9) 75%, rgba(36, 104, 60, .35));
  font: 800 19px var(--oyma); letter-spacing: .18em; text-transform: uppercase; color: #f0fff4; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); }
.elmasAlSimge { width: 22px; height: 22px; flex: none; }

.girisOdul { text-align: center; }
.girisOdulBugun { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 2px 0 12px; font: 800 18px var(--yazi); color: #f2e3bf; }
.girisOdulBugun img { width: 38px; height: 38px; }
.girisOdulBugun b { color: #8fd6ff; font-size: 26px; }
.girisTakvim { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; margin: 0 0 12px; }
.girisGun { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 7px 2px 6px; border: 1px solid rgba(224, 187, 108, .25);
  border-radius: 8px; background: rgba(0, 0, 0, .25); font: 700 11.5px var(--yazi); color: var(--soluk); }
.girisGun img { width: 24px; height: 24px; }
.girisGun b { font-size: 13.5px; color: #cfe9ff; }
.girisGun.alindi { opacity: .55; }
.girisGun.alindi small::after { content: " ✓"; color: var(--yesil); }
.girisGun.bugun { border-color: #8fd6ff; background: linear-gradient(180deg, rgba(80, 160, 220, .35), rgba(20, 50, 80, .5)); color: #eaf6ff;
  box-shadow: 0 0 12px rgba(120, 200, 255, .55); }
.girisGun.sandik { border-color: rgba(243, 201, 106, .7); background: linear-gradient(180deg, rgba(200, 140, 40, .35), rgba(60, 35, 10, .5)); }
.girisGun.sandik b { color: #ffe08a; }
.girisGun.sandik.bugun { border-color: #ffd36a; box-shadow: 0 0 14px rgba(255, 200, 90, .7); }
.girisOdulNot { margin: 0 0 12px; font: 600 13.5px/1.45 var(--yazi); color: var(--soluk); }
.girisOdulNot b { color: #ffe3a0; }

html.dikeyEtkin .pencere.girisOdulPenceresi { top: 50%; bottom: auto; transform: translateY(-50%); }
.pencere.girisOdulPenceresi { width: min(560px, calc(100% - 24px)); }

.pencere.duyduPenceresi { width: min(460px, calc(100% - 24px)); }
html.dikeyEtkin .pencere.duyduPenceresi { top: 50%; bottom: auto; transform: translateY(-50%); }
.duydu { text-align: center; }
.duydu .ipucu { margin: 0 0 12px; }
.duyduHediye { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 8px; font-weight: 700; color: #ffe3a0; }
.duyduHediye .duyduElmas { width: 26px; height: 26px; }
.duyduSecenek { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.duyduSecenek .dugme { width: 100%; padding: 10px 8px; }
.duydu .duyduGec { margin-top: 12px; }
html.dikeyEtkin .girisTakvim { gap: 4px; }
html.dikeyEtkin .girisGun { padding: 6px 1px 5px; font-size: 11px; }

.bastanBedel { margin: 0 0 10px; padding: 8px 10px; border: 1px solid rgba(224, 187, 108, .3); border-radius: 6px; background: rgba(0, 0, 0, .22);
  font: 700 13.5px/1.4 var(--yazi); color: var(--soluk); }
.bastanBedel b { color: #ffe3a0; }

.elmasCekilis { display: flex; align-items: center; gap: 10px; width: 100%; margin: 14px 0 0; padding: 8px 10px; border: 1px solid #f3c96a;
  border-radius: 9px; cursor: pointer; background: linear-gradient(90deg, #7a1a10, #c8481d 55%, #a52a17); color: #fff3d6; font: inherit;
  text-align: left; box-shadow: 0 0 12px rgba(255, 140, 60, .4); }
.elmasCekilis > span { flex: 1 1 auto; min-width: 0; }
.elmasCekilis b { display: block; font: 800 15px/1.2 var(--yazi); text-shadow: 0 1px 1px rgba(0, 0, 0, .6); }
.elmasCekilis small { display: block; margin-top: 2px; font: 700 12px var(--yazi); color: #ffd9a8; }
.elmasCekilis em { flex: none; padding: 7px 11px; border-radius: 7px; background: linear-gradient(#f6d77e, #d9a640); color: #3a1c06;
  font: 800 14px var(--yazi); font-style: normal; white-space: nowrap; box-shadow: 0 1px 3px rgba(0, 0, 0, .5); }
.elmasCekilisSimge { width: 30px; height: 30px; flex: none; }
.elmasAlKutu > .ipucu { margin-bottom: 0; }
.vipKartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 7px; }
.vipKart { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 8px 10px; border: 1px solid rgba(224, 187, 108, .25); border-radius: 6px;
  background: rgba(0, 0, 0, .22); color: inherit; text-align: left; font: inherit; }
.vipKart.dokunur { cursor: pointer; border-color: rgba(224, 187, 108, .45); background: linear-gradient(180deg, rgba(233, 195, 106, .08), rgba(0, 0, 0, .25)); }
.vipKart.dokunur:hover { border-color: #f3d58c; box-shadow: 0 0 10px rgba(232, 196, 106, .2); }
.vipKartSimge { width: 24px; height: 24px; flex: none; color: #f0c75a; }
.vipKartYazi { display: grid; gap: 1px; min-width: 0; flex: 1; }
.vipKartYazi b { font: 800 13.5px var(--yazi); color: #ffd97a; }
.vipKartYazi small { font: 600 12px/1.3 var(--yazi); color: var(--soluk); }
.vipKartOk { flex: none; font: 800 20px/1 var(--yazi); font-style: normal; color: #f0c75a; }
html.dikeyEtkin .vipUst { grid-template-columns: 1fr; }
html.dikeyEtkin .vipKartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
html.dikeyEtkin .vipKart { flex-direction: column; align-items: flex-start; gap: 4px; padding: 8px; }
html.dikeyEtkin .vipKartOk { display: none; }


.koyKasa { display: grid; gap: 6px; margin: 10px 0 0; padding: 9px 12px; border: 1px solid rgba(224, 187, 108, .25); border-radius: 6px; background: rgba(0, 0, 0, .22); }
.koyKasa small { font: 600 12.5px/1.35 var(--yazi); color: var(--soluk); }
.koyKasa small b { color: #f0dfb8; }

.sloganSatir { display: flex; align-items: center; gap: 10px; margin: 10px 0 0; padding: 8px 12px; border-left: 3px solid rgba(224, 187, 108, .55); background: rgba(0, 0, 0, .18); border-radius: 0 6px 6px 0; }
.sloganSatir q { flex: 1; font: italic 600 15px/1.35 var(--yazi); color: #f0dfb8; quotes: "“" "”"; overflow-wrap: anywhere; }
.sloganSatir .ipucu { flex: 1; margin: 0; }
.sloganSatir .kucukDugme { flex: none; }
.profilSlogan { margin: 0 0 10px; }



.kaynak-elmasDukkan { cursor: pointer; }
.kaynak-elmasDukkan .kaynakAd { color: #9fe3ff; }
.kaynak-elmasDukkan .elmasBakiye { color: #d8f3ff; font-size: 14px; }


.ergenekonListe { display: grid; gap: 6px; margin: 0 0 10px; }
.ergenekonListe div { display: grid; grid-template-columns: 104px 1fr; gap: 8px; }
.ergenekonListe dt { font-weight: 800; color: #f3d58c; }
.ergenekonListe dd { margin: 0; }

.videoRozet { display: inline-block; margin-left: 5px; padding: 0 6px; border: 1px solid #f3d58c; border-radius: 9px; background: rgba(60, 40, 10, .85);
  color: #ffe9a8; font: 800 10px/16px var(--yazi); white-space: nowrap; cursor: pointer; vertical-align: middle; }
.videoKutu { display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; }
.videoKutu .videoAltin { width: 56px; height: 56px; }
.videoSahte { position: fixed; inset: 0; z-index: 90; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .85); }
.videoSahte div { display: flex; flex-direction: column; align-items: center; gap: 8px; color: #f6ebcf; font: 700 18px var(--yazi); }
.videoSahte span { font-size: 42px; }
.elmasRozet { display: inline-block; padding: 0 6px; border: 1px solid #fff0b8; border-radius: 9px;
  background: linear-gradient(180deg, #f2c04d, #b47a1c); color: #2a1604; font: 800 10.5px/1.4 var(--yazi); white-space: nowrap;
  box-shadow: 0 0 8px rgba(255, 210, 90, .7); animation: elmasRozetParla 1.6s ease-in-out infinite; pointer-events: none; }

.elmasEtkinlik { display: none; padding: 0 7px; border: 1px solid #f3c96a; border-radius: 9px; cursor: pointer; white-space: nowrap;
  background: linear-gradient(90deg, #7a1a10, #c8481d 55%, #a52a17); color: #fff3d6; font: 800 10.5px/16px var(--yazi);
  box-shadow: 0 0 8px rgba(255, 140, 60, .55); text-shadow: 0 1px 1px rgba(0, 0, 0, .6); }
html.dikeyEtkin .elmasEtkinlik { display: inline-block; }
html.dikeyEtkin .elmasEtkinlikVar .elmasAdYazi { display: none; }
html:not(.dikeyEtkin) .elmasAdYazi { display: inline; }

html.dikeyEtkin .elmasRozetler.iki .elmasEtkinlik { display: none; }
html.dikeyEtkin .rozetIkinci .elmasRozetler.iki .elmasRozet { display: none; }
html.dikeyEtkin .rozetIkinci .elmasRozetler.iki .elmasEtkinlik { display: inline-block; }
@keyframes elmasRozetParla { 0%, 100% { transform: scale(1); box-shadow: 0 0 6px rgba(255, 210, 90, .55); } 50% { transform: scale(1.08); box-shadow: 0 0 14px rgba(255, 220, 110, .95); } }
.elmasUst { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border: 1px solid rgba(140, 210, 255, .45); border-radius: 7px;
  background: linear-gradient(180deg, rgba(110, 190, 255, .12), rgba(0, 0, 0, .25)); }
.elmasUst b { display: block; font: 800 24px/1.1 var(--yazi); color: #e6f7ff; }
.elmasUst small { font: 600 12.5px var(--yazi); color: var(--soluk); }
.elmasBuyukSimge { width: 40px; height: 40px; flex: none; }
.elmasKart { position: relative; }
.elmasKart.kilitli { opacity: .55; cursor: default; }
.elmasKart.suruyor { border-color: rgba(140, 210, 255, .6); }
.elmasSuruyor { color: #9fe3ff !important; }

.elmasBinaSerit { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0 0 12px; padding: 9px 12px;
  border: 1px solid rgba(140, 210, 255, .45); border-radius: 7px; background: linear-gradient(180deg, rgba(110, 190, 255, .12), rgba(0, 0, 0, .25));
  font: 600 14px/1.35 var(--yazi); color: #d8f3ff; }
.elmasBinaSerit span { flex: 1 1 180px; min-width: 0; }
.elmasBinaSerit span b { color: #e6f7ff; }
.elmasBinaSerit em { flex: none; margin-left: auto; font-style: normal; color: #9fe3ff; white-space: nowrap; }
.elmasBinaSerit em b { font-variant-numeric: tabular-nums; }
.elmasBinaSimge { width: 24px; height: 24px; flex: none; }
.elmasKilit { color: #e3c27a !important; }
.elmasBedel { flex: none; display: inline-flex; align-items: center; gap: 3px; font: 800 14px var(--yazi); font-style: normal; color: #d8f3ff; }
.elmasBedelSimge { width: 18px; height: 18px; }
.elmasKaynaklar { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; }
.elmasKaynaklar .dugme { display: inline-flex; align-items: center; gap: 4px; }
.elmasPaketler { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.elmasPaket { position: relative; display: grid; justify-items: center; gap: 4px; padding: 14px 8px 10px; border: 1px solid rgba(140, 210, 255, .45);
  border-radius: 7px; background: linear-gradient(180deg, rgba(110, 190, 255, .10), rgba(0, 0, 0, .3)); color: inherit; font: inherit; cursor: pointer; }
.elmasPaket:hover { border-color: #bfe9ff; box-shadow: 0 0 10px rgba(140, 210, 255, .25); }
.elmasPaket.ilk { border-color: #f3d58c; background: linear-gradient(180deg, rgba(233, 195, 106, .16), rgba(0, 0, 0, .3)); }
.elmasIlkEtiket { position: absolute; top: -9px; left: 50%; transform: translateX(-50%); padding: 1px 8px; border-radius: 9px; background: #b8862e;
  color: #fff; font: 800 11px var(--yazi); white-space: nowrap; }
.elmasPaketMiktar { display: inline-flex; align-items: center; gap: 5px; font: 800 19px var(--yazi); color: #e6f7ff; }
.elmasPaketSimge { width: 24px; height: 24px; }
.elmasPaketFiyat { font: 800 14px var(--yazi); color: #ffd97a; }
.elmasGecmis { margin-top: 12px; }
.elmasGecmis summary { cursor: pointer; font: 700 13px var(--yazi); color: #e3c27a; }
.elmasGecmis ul { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: 3px; }
.elmasGecmis li { display: flex; justify-content: space-between; gap: 10px; font: 600 12.5px var(--yazi); color: var(--soluk); }

.elmasGecmis li > span { min-width: 0; }
.elmasGecmis b { flex: none; white-space: nowrap; }
.elmasGecmis .elmasArti { color: #9fe0a4; }
.elmasGecmis .elmasEksi { color: #ff9f8f; }
.isHiz.elmasli { border-color: rgba(140, 210, 255, .7); background: rgba(30, 60, 95, .6); color: #e6f7ff; }
html.dikeyEtkin .elmasPaketler { grid-template-columns: repeat(2, minmax(0, 1fr)); }


.seferVipKutu { display: grid; gap: 8px; margin: 10px 0 4px; padding: 10px 12px; border: 1px solid rgba(233, 195, 106, .45); border-radius: 7px;
  background: linear-gradient(180deg, rgba(233, 195, 106, .08), rgba(0, 0, 0, .2)); }

.hizSecim { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 10px 0 2px; }
.hizSecenek { display: grid; justify-items: start; align-content: start; gap: 2px; min-width: 0; padding: 9px 11px; border: 1px solid rgba(224, 187, 108, .3);
  border-radius: 8px; background: rgba(0, 0, 0, .25); color: inherit; text-align: left; cursor: pointer; transition: background .15s, box-shadow .15s, border-color .15s; }
.hizSecenek b { display: inline-flex; align-items: center; gap: 5px; font: 800 14px var(--yazi); color: #efe3c6; }
.hizSecenek b img { width: 18px; height: 18px; object-fit: contain; }
.hizSecenek span { font: 800 17px var(--yazi); color: #fff; }
.hizSecenek.hizli span { color: #a6dc8e; }
.hizSecenek small { display: inline-flex; align-items: center; gap: 4px; font: 700 12px var(--yazi); color: var(--soluk); }
.hizSecenek small img.kaynakSimge { width: 16px; height: 16px; object-fit: contain; }
.hizSecenek.secili { border-color: #f3c96a; background: linear-gradient(180deg, rgba(243, 201, 106, .22), rgba(243, 201, 106, .05));
  box-shadow: 0 0 0 1px rgba(243, 201, 106, .45), 0 0 12px rgba(243, 201, 106, .3); }
.seferVip { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.seferVip select, .seferVip input[type="time"] { height: 34px; padding: 0 8px; }
.seferVip[data-vip-ac] { cursor: pointer; opacity: .7; }
.seferZaman { display: inline-flex; gap: 6px; align-items: center; }
.seferSatir.plan { border-style: dashed; }


.otoIsci { display: grid; gap: 8px; margin: 10px 0; padding: 10px 12px; border: 1px solid rgba(233, 195, 106, .45); border-radius: 7px;
  background: linear-gradient(180deg, rgba(233, 195, 106, .08), rgba(0, 0, 0, .2)); }

.otoIsciKilit { display: flex; align-items: center; gap: 10px; opacity: .85; }
.otoIsciKilit .vipSecBaslik { flex: 1; }
.otoIsciKilit .dugme { flex: none; }
.otoIsciSec { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.otoIsciSec select, .otoIsciSec input { height: 34px; padding: 0 8px; }
.otoIsciSec input { width: 90px; }
.otoIsciSec label { display: inline-flex; align-items: center; gap: 6px; font: 700 12.5px var(--yazi); color: var(--soluk); }
.otoIsciOzet { display: flex; align-items: center; gap: 10px; }
.otoIsciOzet .vipSecBaslik { flex: 1; }
.otoIsciOzet .dugme { flex: none; }
.otoIsciDugmeler { display: flex; flex-direction: column; gap: 6px; flex: none; }
.otoIsciKaynak { margin: 14px 0 0; }
.otoIsciKaynak.acik { border-color: rgba(120, 200, 120, .6); background: linear-gradient(180deg, rgba(120, 200, 120, .1), rgba(0, 0, 0, .2)); }
.otoIsciDurum { margin-left: 6px; padding: 1px 7px; border-radius: 9px; background: rgba(120, 200, 120, .22); color: #a8e6a1; font: 800 11px var(--yazi); font-style: normal; vertical-align: 1px; }


.vipSecBaslik { display: grid; gap: 2px; min-width: 0; }
.vipSecBaslik b { font: 800 13.5px var(--yazi); color: #ffd97a; }
.vipSecBaslik small { font: 600 12px var(--yazi); color: var(--soluk); }
.vipSecBaslik .vipRozet { display: inline-block; margin-left: 6px; padding: 1px 5px; border-radius: 3px; font: 800 10px var(--yazi);
  vertical-align: 2px; background: linear-gradient(180deg, #ffe7a0, #c8952f); color: #2a1a05; }



.olay.aktif .olaySimge {
  box-shadow: 0 0 0 1.5px #ffe19a, 0 0 0 3px rgba(10, 13, 23, .85), 0 0 0 4.5px var(--acik),
    inset 0 -3px 6px rgba(0, 0, 0, .45), 0 0 14px 2px var(--acik);
}
.olay.nabiz .olaySimge { animation: olayNabiz .55s ease-in-out 6 alternate; }
@keyframes olayNabiz {
  from { transform: scale(1); }
  to { transform: scale(1.14); box-shadow: 0 0 0 1.5px #fff1c9, 0 0 0 3px rgba(10, 13, 23, .85), 0 0 0 6px var(--acik), 0 0 24px 6px var(--acik); }
}
@media (prefers-reduced-motion: reduce) { .olay.nabiz .olaySimge { animation: none; } }


.gelenSerit {
  position: absolute; z-index: 60; left: 50%; top: 84px; transform: translateX(-50%);
  display: flex; align-items: center; gap: 12px; width: max-content; max-width: min(560px, calc(100% - 24px));
  padding: 10px 18px 10px 12px; border: 1px solid #ff8a76; border-radius: 6px;
  background: linear-gradient(180deg, rgba(150, 28, 16, .95), rgba(96, 14, 8, .95));
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .6), 0 6px 22px rgba(0, 0, 0, .55), 0 0 18px rgba(224, 68, 47, .55);
  color: #fff1e8; text-align: left; cursor: pointer;
}
.gelenSerit[hidden] { display: none; }
.gelenSerit .gelenSeritSimge { flex: none; width: 30px; height: 30px; color: #ffd2c4; }
.gelenSerit span { display: grid; gap: 2px; min-width: 0; }
.gelenSerit b { font: 800 16px var(--oyma); letter-spacing: .08em; color: #fff; }
.gelenSerit small { font: 700 14px/1.3 var(--yazi); color: #ffe1d8; }
.gelenSerit.gelenSeritAcik { animation: gelenSeritGir .35s ease-out, gelenSeritNabiz .6s ease-in-out .35s 4 alternate; }
@keyframes gelenSeritGir { from { opacity: 0; transform: translate(-50%, -14px); } to { opacity: 1; transform: translate(-50%, 0); } }
@keyframes gelenSeritNabiz { to { box-shadow: 0 0 0 1px rgba(0, 0, 0, .6), 0 6px 22px rgba(0, 0, 0, .55), 0 0 30px 6px rgba(255, 80, 55, .8); } }
@media (prefers-reduced-motion: reduce) { .gelenSerit.gelenSeritAcik { animation: none; } }


.ynDeliller { display: grid; gap: 6px; margin: 8px 0; padding: 8px 10px; border: 1px solid rgba(224, 187, 108, .35); border-radius: 6px; background: rgba(10, 13, 23, .55); }
.ynDelil { display: grid; gap: 3px; padding-top: 6px; border-top: 1px dashed rgba(224, 187, 108, .2); }
.ynDelil:first-of-type { border-top: 0; padding-top: 0; }
.ynDelilBas { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.ynDelil small { color: #d9c9a0; }
.ynDelilGovde p { margin: 4px 0; font-size: 13px; line-height: 1.45; word-break: break-word; }


.dogrulamaKatman { position: fixed; inset: 0; z-index: 100000; background: rgba(6, 5, 3, .72); touch-action: none; }
.dogrulamaYazi { position: absolute; left: 50%; top: 18px; transform: translateX(-50%); display: grid; gap: 4px; justify-items: center;
  padding: 10px 16px; border-radius: 8px; background: rgba(16, 13, 9, .92); border: 1px solid rgba(224, 187, 108, .5); text-align: center; max-width: calc(100% - 32px); }
.dogrulamaYazi b { font: 700 16px var(--oyma); color: #f1d589; letter-spacing: .06em; }
.dogrulamaYazi span { font: 700 14px var(--yazi); color: #f6ecd4; }
.dogrulamaHedef { position: absolute; width: 64px; height: 64px; transform: translate(-50%, -50%); display: grid; place-items: center;
  border-radius: 50%; background: radial-gradient(circle, rgba(241, 213, 137, .45), rgba(241, 213, 137, 0) 70%); animation: dogrulamaParla 1.2s ease-in-out infinite; }
.dogrulamaHedef svg { width: 40px; height: 40px; fill: #f1d589; filter: drop-shadow(0 0 6px rgba(241, 213, 137, .9)); }
@keyframes dogrulamaParla { 50% { transform: translate(-50%, -50%) scale(1.15); } }


.ynBirlikYonet { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 4px 0 10px; }
.ynBirlikYonet input { height: 32px; min-width: 0; padding: 0 8px; font: 700 13px var(--yazi); }
.ynBirlikYonet #ynBirlikAd { flex: 1 1 140px; }
.ynBirlikYonet #ynBirlikEtiket { flex: 0 0 64px; }


.modDugme { position: absolute; left: 50%; top: calc(100% + 4px); transform: translateX(-50%); z-index: 6; white-space: nowrap; cursor: pointer;
  padding: 4px 14px; border: 2px solid #2a1408; border-radius: 0 0 12px 12px; background: linear-gradient(180deg, #ffe9a0, #d49a2a);
  color: #3a1a08; font: 800 13px var(--yazi); box-shadow: 0 3px 8px rgba(0, 0, 0, .6); }
#cevirUyarisi .cevirGuncel { position: static; transform: none; margin-top: 14px; border-radius: 12px; padding: 8px 16px; font-size: 14px; }

html.dikeyEtkin:not(.dikeyKoyler):has(#modDugme) #sagAlt { top: calc(432px - var(--ust-kisa, 0px) + var(--etkinlik-boy, 0px)); }
html.dikeyEtkin.dikeyUstKapali:not(.dikeyKoyler):has(#modDugme) #sagAlt { top: 202px; }


html.dikeyEtkin.klavyeAcik .pencere { top: calc(var(--nsKlavyeUst, 0px) + 4px) !important; bottom: auto !important;
  height: calc(var(--nsKlavyeBoy, 400px) - 8px) !important; max-height: none !important; }
html.klavyeAcik:not(.nostalji):not(.dikeyEtkin) #pencere { top: calc(var(--nsKlavyeUst, 0px) + 4px) !important; bottom: auto !important;
  transform: translateX(-50%) !important; max-height: calc(var(--nsKlavyeBoy, 400px) - 8px) !important; }
html.klavyeAcik #pencere .pencereGovde { min-height: 0; }

html.klavyeDar:not(.nostalji):not(.dikeyEtkin) #pencere { left: 0 !important; right: 0 !important; width: auto !important; transform: none !important;
  height: calc(var(--nsKlavyeBoy, 100px) - 2px) !important; top: calc(var(--nsKlavyeUst, 0px) + 1px) !important; max-height: none !important; padding: 0 !important; }
html.klavyeDar:not(.nostalji):not(.dikeyEtkin) #pencere .pencereUst { display: none !important; }
html.klavyeDar:not(.nostalji):not(.dikeyEtkin) #pencere .pencereGovde { height: 100%; padding: 4px 8px !important; overflow: hidden !important; display: flex !important; flex-direction: column; justify-content: center; }
html.klavyeDar:not(.nostalji):not(.dikeyEtkin) #pencere .pencereGovde > :not(:focus-within):not(.sohbetAkis),
html.klavyeDar:not(.nostalji):not(.dikeyEtkin) #pencere :is(.sohbetKanallar, .sohbetSabit, .sohbetYonetim, .sekmeCubugu, .ipucu, .mektupBirlik),
html.klavyeDar:not(.nostalji):not(.dikeyEtkin) #pencere form > :not(:focus-within):not(button):not(:has(button)) { display: none !important; }
html.klavyeDar:not(.dikeyEtkin) #pencere .pencereGovde > :focus-within { flex: 1 1 auto; min-height: 0; height: 100%; display: flex; flex-direction: column; }
html.klavyeDar:not(.dikeyEtkin) #pencere form { display: flex !important; flex-direction: row !important; align-items: stretch; gap: 8px; margin: 0; flex: 1 1 auto; min-height: 0; height: 100%; }
html.klavyeDar:not(.dikeyEtkin) #pencere form :is(input[type="text"], input:not([type]), textarea) { flex: 1 1 auto; height: auto !important; max-height: 100%; min-height: 0 !important; font-size: 18px !important; resize: none; }
html.klavyeDar:not(.dikeyEtkin) #pencere form button { flex: none; min-width: 90px; }


html.klavyeDar:not(.dikeyEtkin) #pencere .pencereGovde:has(.sohbetAkis) { justify-content: flex-end; gap: 4px; }
html.klavyeDar:not(.dikeyEtkin) #pencere .sohbetAkis { display: flex !important; flex: 1 1 auto; min-height: 0; max-height: none !important; overflow-y: auto; margin: 0; }
html.klavyeDar:not(.dikeyEtkin) #pencere .pencereGovde > form.sohbetYaz { flex: none !important; height: 38px !important; }
html.klavyeDar:not(.dikeyEtkin) #pencere form.sohbetYaz input { font-size: 15px !important; }

html:not(.telefon):not(.nostalji):not(.dikeyEtkin) .modDugme { top: calc(100% + 46px); border-radius: 12px; }
.birimOkcu { margin: 2px 0 4px; font-size: 12px; color: #9fd6ff; }


.raporInsta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 8px 0 0; }
.raporInsta small { flex: 1 1 220px; color: var(--soluk); font-size: 12px; line-height: 1.35; }
.raporInstaTamam { color: #9fd49a; font-weight: 600; font-size: 13px; }
.ynInsta { display: grid; gap: 4px; padding: 9px 12px; margin: 0 0 8px; border: 1px solid rgba(224, 187, 108, .22); border-radius: 6px; background: rgba(0, 0, 0, .2); }
.ynInstaBas { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ynInstaOk { color: var(--soluk); }
.ynInsta small { color: var(--soluk); }
.ynInsta .dugmeler { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 0; }


.ynHukum { display: block; margin: 4px 0 2px; font: 600 13.5px var(--yazi); color: #ece0c4; }
.ynHukumCeza { display: block; margin: 0 0 4px; font-size: 12px; color: var(--soluk); }
.ynSupheliNot.ynHukum-insan, .ynSupheliNot.ynHukum-temiz, .ynSupheliNot.ynHukum-cezali { opacity: .78; }
.ipucu b.kirmizi { color: #ff9f8f; }



.kaynak-elmasDukkan { position: relative; }


.elmasDefterSayi { position: absolute; top: 11px; left: -15px; z-index: 2; min-width: 18px; height: 18px; padding: 0 4px; box-sizing: border-box;
  border-radius: 9px; background: #e8402c; border: 1px solid #fff0d0; color: #fff; font: 800 11px/16px var(--yazi); font-style: normal;
  text-align: center; box-shadow: 0 0 6px rgba(255, 80, 60, .8); }
.elmasDefter { position: relative; display: flex; align-items: center; gap: 10px; width: 100%; margin: 12px 0 0; padding: 8px 10px; cursor: pointer;
  border: 1px solid #f3c96a; border-radius: 9px; background: linear-gradient(90deg, #2a1d08, #6b4a14 55%, #3a280c); color: #fff3d6; font: inherit;
  text-align: left; box-shadow: 0 0 12px rgba(240, 190, 90, .35); }
.elmasDefter.bekliyor { box-shadow: 0 0 14px rgba(255, 210, 110, .75); }
.elmasDefter > span { flex: 1 1 auto; min-width: 0; }
.elmasDefter b { display: block; font: 800 15px/1.2 var(--yazi); text-shadow: 0 1px 1px rgba(0, 0, 0, .6); }
.elmasDefter small { display: block; margin-top: 2px; font: 700 12px var(--yazi); color: #ffe2a8; }
.elmasDefter em { flex: none; padding: 7px 11px; border-radius: 7px; background: linear-gradient(#f6d77e, #d9a640); color: #3a1c06;
  font: 800 14px var(--yazi); font-style: normal; white-space: nowrap; box-shadow: 0 1px 3px rgba(0, 0, 0, .5); }
.elmasDefterSimge { width: 34px; height: 34px; flex: none; object-fit: contain; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .8)); }
.elmasDefterCubuk { display: block; height: 5px; margin-top: 5px; border-radius: 3px; background: rgba(0, 0, 0, .5); overflow: hidden; }
.elmasDefterCubuk i { display: block; height: 100%; background: linear-gradient(90deg, #9a7228, #f0cd6e); }
.elmasDefter .elmasDefterSayi { top: -7px; left: auto; right: -6px; }
html.dikeyEtkin .kaynak-elmasDukkan > .elmasDefterSayi { top: 6px; left: -16px; }
.kaynak-elmasDukkan > .elmasDefterSayi { animation: defterNefes 1.8s ease-in-out infinite; }
@keyframes defterNefes { 0%, 100% { transform: scale(1); box-shadow: 0 0 6px rgba(255, 80, 60, .8); }
  50% { transform: scale(1.3); box-shadow: 0 0 14px 3px rgba(255, 80, 60, .95); } }
@media (prefers-reduced-motion: reduce) { .kaynak-elmasDukkan > .elmasDefterSayi { animation: none; } }

.defterDonem { margin: 0 0 4px; font: 700 12.5px var(--yazi); color: #e3c27a; letter-spacing: .02em; }
.pencere.sezonDefteriPenceresi { width: min(780px, calc(100% - 24px)); }
.sezonDefteri .defterUst { display: flex; justify-content: space-between; align-items: baseline; gap: 4px 12px; flex-wrap: wrap;
  font: 700 15px var(--yazi); color: #f2e3bf; }
.sezonDefteri .defterUst b { color: #ffd77a; font-size: 21px; }
.defterPuan { font: 600 13px var(--yazi); color: var(--soluk); }
.defterCubuk { height: 10px; margin: 6px 0 12px; border-radius: 5px; background: rgba(0, 0, 0, .5); border: 1px solid rgba(224, 187, 108, .4); overflow: hidden; }
.defterCubuk i { display: block; height: 100%; background: linear-gradient(90deg, #9a7228, #f0cd6e); }
.defterSerit { display: flex; gap: 6px; }
.defterEtiketler { flex: none; width: 54px; display: flex; flex-direction: column; gap: 6px; padding-top: 24px; }
.defterEtiketler span { height: 100px; display: flex; align-items: center; font: 700 12.5px var(--yazi); color: var(--soluk); }
.defterEtiketler span.altin { color: #ffd77a; }
.defterKaydir { flex: 1; min-width: 0; display: flex; gap: 6px; overflow-x: auto; padding-bottom: 8px; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.defterSutun { flex: none; width: 96px; display: flex; flex-direction: column; gap: 6px; }
.defterSutun small { height: 18px; text-align: center; font: 700 12.5px var(--yazi); color: var(--soluk); }
.defterSutun.gecti small { color: #ffd77a; }
.defterSutun.siradaki small { color: #fff; }
.defterSutun.siradaki .defterKutu { border-style: dashed; border-color: rgba(255, 215, 122, .7); }
.defterKutu { position: relative; height: 100px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 4px; padding: 6px 4px; border: 1px solid rgba(224, 187, 108, .22); border-radius: 5px; background: rgba(8, 10, 18, .55); text-align: center; }
.defterKutu.altin { background: linear-gradient(180deg, rgba(130, 92, 24, .38), rgba(30, 20, 6, .6)); border-color: rgba(232, 196, 106, .4); }
.defterKutu.kilitli, .defterKutu.kapali { opacity: .5; }
.defterKutu.alindi { opacity: .55; }
.defterKutu.hazir { border-color: #ffd36a; box-shadow: 0 0 10px rgba(255, 200, 90, .5); }
.defterOduller { display: flex; justify-content: center; gap: 6px; }
.defterOdul { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.defterOdul img { width: 30px; height: 30px; object-fit: contain; }
.defterOduller .defterOdul + .defterOdul img, .defterOduller .defterOdul:first-child:not(:only-child) img { width: 24px; height: 24px; }
.defterOdul b { font: 700 11.5px/1.15 var(--yazi); color: #f2e3bf; }
.defterKutu .defterAl { min-height: 0; padding: 3px 14px; font-size: 12.5px; }
.defterDurum { font: 700 12px var(--yazi); font-style: normal; }
.defterDurum.alindi { color: var(--yesil); font-size: 15px; }
.defterDurum.kilit { color: var(--soluk); }
.defterAlt { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin: 10px 0 8px; }
.defterAlt img { width: 22px; height: 22px; object-fit: contain; vertical-align: middle; }
.dugme.altinDugme { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; border: 1px solid #ffe08a;
  background: linear-gradient(180deg, #f3cf6f, #b27d2c); color: #1a1208; font-weight: 800; }
.defterAltinAcik { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; font: 700 13.5px var(--yazi); color: #ffd77a; }
.defterPuanlar { margin-bottom: 4px; }
html.dikeyEtkin .defterSutun { width: 88px; }
html.dikeyEtkin .defterEtiketler { width: 46px; }

.defterAltinOzet { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin: 10px 0 0; padding: 8px 10px; border: 1px solid rgba(243, 201, 106, .45);
  border-radius: 8px; background: linear-gradient(90deg, rgba(107, 74, 20, .45), rgba(42, 29, 8, .45)); font: 700 13px var(--yazi); color: #fff0cf; }
.defterAltinOzet b { color: #f3c96a; }
.defterAltinOzet span { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.defterAltinOzet img { width: 18px; height: 18px; object-fit: contain; }
.sohbetDefter { width: 17px; height: 17px; margin-left: 4px; vertical-align: -3px; object-fit: contain; filter: drop-shadow(0 0 3px rgba(255, 200, 90, .75)); }