/* PentaPoly: Ankara Edisyonu - Zirve Tasarım (Luxury Dark-Glass & Metallic Gold/Cyan Theme) */
:root {
  --bg: #070a12;
  --bg-gradient: radial-gradient(circle at 50% 40%, #0f172a 0%, #070a12 100%);
  --panel: rgba(13, 20, 36, 0.94);
  --panel2: rgba(22, 33, 58, 0.85);
  --panel-hover: rgba(30, 46, 80, 0.95);
  --kenar: rgba(255, 255, 255, 0.12);
  --kenar-altin: rgba(251, 191, 36, 0.45);
  --kenar-cyan: rgba(56, 189, 248, 0.45);
  --yazi: #f8fafc;
  --soluk: #94a3b8;
  --altin: #fbbf24;
  --altin-parlak: #fde047;
  --altin-koyu: #d97706;
  --cyan: #38bdf8;
  --kick-yesil: #53fc18;
  --yesil: #34d399;
  --kirmizi: #f87171;
  --kart-koyu: #111827;
  --golge-kart: 0 10px 25px -5px rgba(0, 0, 0, 0.6), 0 8px 10px -6px rgba(0, 0, 0, 0.6);
  --golge-altin: 0 0 20px rgba(251, 191, 36, 0.25);
  --font-ana: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
  --font-baslik: 'Outfit', 'Plus Jakarta Sans', 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji', sans-serif;
  --font-sayac: 'JetBrains Mono', Consolas, monospace;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

/* Mobil & Dokunmatik Cihazlar İçin Tıklama ve Tepki İyileştirmesi */
button, input, select, textarea, .mk, .btn, .ikon-btn, .kSekmeBtn, .pnlSekme, .dovizBtn, .tpbKart, .k, .zar, .sayacItem, .subSatir, .pnlKutu {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
button, .btn, .mk, .ikon-btn, .kSekmeBtn, .pnlSekme, .dovizBtn, .tpbKart {
  cursor: pointer;
  user-select: none;
}

/* ---------- Özel Lüks Kaydırma Çubuğu (Beyaz Scrollbar Tamamen Kaldırıldı) ---------- */
*, *::before, *::after {
  scrollbar-width: thin;
  scrollbar-color: rgba(251, 191, 36, 0.45) rgba(7, 10, 18, 0.7);
}

::-webkit-scrollbar,
*::-webkit-scrollbar,
#yan::-webkit-scrollbar,
.kartlar::-webkit-scrollbar,
#log::-webkit-scrollbar,
.govde::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

::-webkit-scrollbar-track,
*::-webkit-scrollbar-track,
#yan::-webkit-scrollbar-track,
.kartlar::-webkit-scrollbar-track,
#log::-webkit-scrollbar-track,
.govde::-webkit-scrollbar-track {
  background: rgba(7, 10, 18, 0.75) !important;
  border-radius: 10px !important;
}

::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb,
#yan::-webkit-scrollbar-thumb,
.kartlar::-webkit-scrollbar-thumb,
#log::-webkit-scrollbar-thumb,
.govde::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(251, 191, 36, 0.6), rgba(56, 189, 248, 0.5)) !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #fbbf24, #38bdf8) !important;
}

::-webkit-scrollbar-corner,
*::-webkit-scrollbar-corner {
  background: transparent !important;
}

::-webkit-scrollbar-button,
*::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

html, body {
  height: 100%;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-text-size-adjust: 100%;
  overscroll-behavior: none;
}

body.mobilCihaz {
  touch-action: manipulation;
  -webkit-touch-callout: none;
}

body.mobilCihaz .tahtaSohbetKutu,
body.mobilCihaz #tahtaSohbetKutu {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

/* Mobil Cihazlarda Input Odaklanmasında Safari Otomatik Zoom Engelleme */
@media (max-width: 900px) {
  input, select, textarea {
    font-size: 16px !important;
  }
}

body {
  font-family: var(--font-ana);
  color: var(--yazi);
  background: #070a12 url('../varliklar/gorseller/background.jpg') center/cover no-repeat;
  user-select: none;
  -webkit-user-select: none;
  line-height: 1.5;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at 50% 30%, rgba(13, 22, 42, 0.82) 0%, rgba(5, 8, 16, 0.94) 100%);
  pointer-events: none;
  z-index: 0;
}

button {
  font-family: var(--font-ana);
  color: inherit;
  border: 0;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  outline: none;
}
button:hover:not(:disabled) {
  filter: brightness(1.15);
  transform: translateY(-1.5px);
}
button:active:not(:disabled) {
  transform: translateY(1px) scale(0.98);
}
button:disabled {
  opacity: 0.38;
  cursor: not-allowed;
  filter: grayscale(0.6);
}

.gizli {
  display: none !important;
}

/* ================= ANA YERLEŞİM (DESKTOP & MOBİL) ================= */
#oyun {
  position: relative;
  display: flex;
  height: 100%;
  z-index: 1;
}

#tahtaKap {
  position: relative;
  flex: 1;
  overflow: hidden !important;
  touch-action: none;
  cursor: grab;
}
#tahtaKap.surukle {
  cursor: grabbing;
}

#sahne {
  position: absolute;
  left: 0;
  top: 0;
  width: 1820px;
  height: 1600px;
  transform-origin: 0 0;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  contain: layout paint;
}
#sahne.akici {
  transition: transform 0.42s cubic-bezier(0.2, 0.85, 0.25, 1);
}

/* Yalıtılmış Efekt Katmanı (Parçacıklar tahtayı kasmaması için isolated DOM katmanı) */
.efektKatmani {
  position: absolute;
  left: 0;
  top: 0;
  width: 1820px;
  height: 1600px;
  pointer-events: none;
  z-index: 20;
  contain: layout style;
}

/* ================= SAĞ PANEL (#yan) ================= */
#yan {
  position: relative;
  width: 395px;
  background: linear-gradient(180deg, rgba(13, 20, 36, 0.97) 0%, rgba(7, 10, 18, 0.99) 100%);
  border-left: 1px solid var(--kenar-altin);
  box-shadow: -8px 0 35px rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden !important;
  z-index: 25;
  -webkit-overflow-scrolling: touch;
}

/* Zoom Butonları */
.zoom {
  position: absolute;
  left: 14px;
  bottom: 14px;
  display: flex;
  gap: 8px;
  z-index: 10;
}
.zoom button {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(14, 22, 42, 0.94);
  border: 1px solid var(--kenar-altin);
  color: var(--altin);
  font-size: 16px;
  font-weight: 900;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
}
.zoom button:hover {
  background: var(--panel-hover);
  border-color: var(--altin-parlak);
  color: #fff;
}
.zoom button.takipBtn {
  position: relative;
  transition: all 0.25s ease;
}
.zoom button.takipBtn.aktif {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.35), rgba(5, 150, 105, 0.45));
  border-color: #34d399;
  color: #34d399;
  box-shadow: 0 0 12px rgba(52, 211, 153, 0.5);
}

/* ================= SOL ÜST KONTEYNER (LEADERBOARD + DIŞ PİYASA & KRONOLOJİ) ================= */
.solUstKonteyner {
  position: absolute;
  left: 12px;
  top: 12px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  z-index: 20;
  pointer-events: none;
}
.solUstKonteyner > * {
  pointer-events: auto;
}
.solUstMobilToggleBtn {
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 140px;
  padding: 4px 10px;
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.25) 0%, rgba(15, 23, 42, 0.95) 100%);
  border: 1.5px solid var(--altin);
  border-radius: 8px;
  color: var(--altin);
  font-family: var(--font-baslik);
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
  pointer-events: auto;
  user-select: none;
}
.solUstKonteyner.mobilGizli > *:not(.solUstMobilToggleBtn) {
  display: none !important;
}

/* ================= SOL ÜST VALİ KARTI ================= */
.solUstValiKutu {
  background: linear-gradient(135deg, rgba(27, 36, 64, 0.95), rgba(15, 23, 42, 0.98));
  border: 1.5px solid var(--altin);
  border-radius: 12px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.6);
  cursor: pointer;
  transition: transform 0.15s ease, border-color 0.15s ease;
  width: 215px;
  box-sizing: border-box;
}
.solUstValiKutu:hover {
  transform: translateY(-2px);
  border-color: #fef08a;
  box-shadow: 0 6px 18px rgba(251, 191, 36, 0.35);
}
.suvIkon {
  font-size: 18px;
  filter: drop-shadow(0 0 6px rgba(251, 191, 36, 0.6));
}
.suvGovde {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.suvBaslik {
  font-size: 8.5px;
  font-weight: 900;
  letter-spacing: 1.2px;
  color: var(--altin);
}
.suvDeger {
  font-size: 12px;
  font-weight: 800;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.suvDonem {
  font-size: 8.5px;
  font-weight: 800;
  color: #38bdf8;
  background: rgba(56, 189, 248, 0.15);
  border: 1px solid rgba(56, 189, 248, 0.4);
  padding: 2px 5px;
  border-radius: 6px;
  white-space: nowrap;
}

/* ================= SOL ÜST CANLI BAKİYELER PANELİ (LEADERBOARD - KOMPAKT) ================= */
.solUstBakiyeler {
  position: relative;
  width: 215px;
  max-height: 42vh;
  overflow-y: auto;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  background: rgba(10, 16, 30, 0.94);
  border: 1.5px solid var(--kenar-altin);
  border-radius: 12px;
  padding: 6px 8px;
  box-shadow: var(--golge-kart), var(--golge-altin);
  transition: border-color 0.25s ease;
}
.solUstBakiyeler:hover {
  border-color: var(--altin);
}
.solUstBakiyeler .subBaslik {
  font-family: var(--font-baslik);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.2px;
  color: var(--altin);
  text-align: center;
  border-bottom: 1px solid rgba(251, 191, 36, 0.25);
  padding-bottom: 4px;
  margin-bottom: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  user-select: none;
}
.solUstBakiyeler.dar {
  width: auto;
  max-height: 28px;
  overflow: hidden;
  padding: 4px 8px;
}
.solUstBakiyeler.dar .subBaslik {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.solUstBakiyeler.dar .subListe {
  display: none;
}
.solUstBakiyeler.dar .subOk {
  transform: rotate(-90deg);
  display: inline-block;
}

.subListe {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.subSatir {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: rgba(19, 29, 52, 0.7);
  border: 1px solid var(--kenar);
  border-left: 3.5px solid var(--c);
  border-radius: 7px;
  padding: 4px 6px;
  font-size: 10px;
  transition: all 0.15s ease;
}
/* Hamle oynayacak aktif oyuncu: Parlak Yeşil Vurgu */
.subSatir.aktif {
  border-color: #22c55e !important;
  background: linear-gradient(90deg, rgba(20, 83, 45, 0.95), rgba(9, 20, 36, 0.96)) !important;
  box-shadow: 0 0 12px rgba(34, 197, 94, 0.5), inset 0 0 6px rgba(34, 197, 94, 0.25) !important;
}
.subSatir.elendi {
  display: none !important; /* Batanlar listeden silinsin */
}
.subSatir .subUst {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 800;
  color: var(--c);
}
.subSatir.aktif .subUst {
  color: #86efac !important;
}
.subSatir .subSiraEtiket {
  font-size: 8px;
  background: #22c55e;
  color: #022c22;
  padding: 1px 5px;
  border-radius: 99px;
  font-weight: 900;
  letter-spacing: 0.5px;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.6);
}
.subKovBtn {
  font-size: 8.5px;
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid #ef4444;
  color: #fca5a5;
  padding: 1px 5px;
  border-radius: 4px;
  font-weight: 800;
  cursor: pointer;
  line-height: 1.2;
  transition: all 0.15s ease;
  margin-left: 4px;
}
.subKovBtn:hover {
  background: #ef4444;
  color: #fff;
  transform: scale(1.08);
}
.lobiKovBtn {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid #ef4444;
  color: #fca5a5;
  font-size: 10px;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  margin-left: auto;
}
.lobiKovBtn:hover {
  background: #ef4444;
  color: #fff;
  transform: scale(1.05);
}
.subSatir .subPara {
  display: flex;
  justify-content: space-between;
  font-family: var(--font-sayac);
  font-size: 9.5px;
  font-weight: 700;
}
.subSatir .subPara .tlBakiye { color: #fef08a; }
.subSatir .subPara .usdBakiye { color: #86efac; }
.subSatir .subPara .gbpBakiye { color: #f472b6; }

/* Oyuncunun Kendisi: Belirgin Sarı Renk & Altın Işıltı */
.subSatir.benim {
  border: 1.8px solid #fbbf24 !important;
  background: linear-gradient(90deg, rgba(245, 158, 11, 0.28), rgba(30, 41, 59, 0.95)) !important;
  box-shadow: 0 0 12px rgba(251, 191, 36, 0.55), inset 0 0 6px rgba(251, 191, 36, 0.25) !important;
}
.subSatir.benim .subUst {
  color: #fde047 !important;
  text-shadow: 0 0 6px rgba(251, 191, 36, 0.6);
}
.subBenimRozet {
  font-size: 8px;
  background: #fbbf24;
  color: #0f172a;
  font-weight: 900;
  padding: 1px 4px;
  border-radius: 4px;
  margin-left: 4px;
  letter-spacing: 0.5px;
}
.subBotRozet {
  font-size: 8px;
  background: linear-gradient(135deg, #a855f7, #7e22ce);
  color: #fff;
  font-weight: 900;
  padding: 1px 5px;
  border-radius: 4px;
  margin-left: 5px;
  letter-spacing: 0.5px;
  box-shadow: 0 0 8px rgba(168, 85, 247, 0.5);
}
.subSatir.botSatir {
  opacity: 0.95;
  border-left-style: dashed !important;
}
.subSatir.botSatir .subUst {
  color: #e9d5ff !important;
}

/* Kendi Bakiyesi (Kronoloji Altındaki Bağımsız Kutu) */
.solUstKendiBakiye {
  width: 215px;
  box-sizing: border-box;
  padding: 6px 10px;
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.18) 0%, rgba(14, 23, 44, 0.96) 100%);
  border: 1.5px solid #fbbf24;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(254, 240, 138, 0.35);
  backdrop-filter: blur(8px);
  display: flex;
  flex-direction: column;
  gap: 3px;
  user-select: none;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.solUstKendiBakiye:hover {
  transform: translateY(-1.5px);
  border-color: #fef08a;
  box-shadow: 0 6px 18px rgba(251, 191, 36, 0.35);
}
.solUstKendiBakiye .kbBaslik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-baslik);
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: 0.8px;
  color: #fbbf24;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(251, 191, 36, 0.25);
  padding-bottom: 3px;
}
.solUstKendiBakiye .kbParalar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--font-sayac);
  font-size: 11px;
  font-weight: 800;
  padding-top: 1px;
}
.solUstKendiBakiye .kbTl { color: #fef08a; }
.solUstKendiBakiye .kbUsd { color: #86efac; }
.solUstKendiBakiye .kbGbp { color: #f472b6; }

/* ================= LEADERBOARD DIŞINDA: DÖVİZ SAYAÇLARI & OTO KRONOLOJİ ================= */
.solUstPiyasaKutu {
  position: relative;
  width: 215px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.solUstDovizSayaci {
  display: flex;
  gap: 5px;
}
.sudKart {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 6px;
  border-radius: 8px;
  background: rgba(14, 23, 44, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
  transition: all 0.2s ease;
}
.sudKart:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.25);
}
.sudKart.gbp {
  border-left: 3px solid #fbbf24;
}
.sudKart.gbp .sudIkon {
  color: #fbbf24;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}
.sudKart.usd {
  border-left: 3px solid #38bdf8;
}
.sudKart.usd .sudIkon {
  color: #38bdf8;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}
.sudGovde {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.sudBaslik {
  font-size: 7.5px;
  font-weight: 800;
  color: #94a3b8;
  letter-spacing: 0.4px;
  white-space: nowrap;
}
.sudDeger {
  font-family: var(--font-sayac);
  font-size: 11px;
  font-weight: 800;
  color: #f8fafc;
  line-height: 1.15;
}
.sudArtis {
  font-family: var(--font-sayac);
  font-size: 8px;
  font-weight: 800;
  color: #a3e635;
  background: rgba(163, 230, 53, 0.12);
  padding: 1px 3px;
  border-radius: 4px;
}

/* OTO KRONOLOJİ WIDGET (ZTERLİNİN ALTINDA YIL & AY ŞEKLİNDE) */
.solUstKronolojiKutu {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  border-radius: 8px;
  background: rgba(11, 18, 33, 0.94);
  border: 1px solid rgba(251, 191, 36, 0.35);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
}
.sukIkon {
  font-size: 14px;
  line-height: 1;
}
.sukGovde {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.sukBaslik {
  font-size: 7.5px;
  font-weight: 800;
  color: #94a3b8;
  letter-spacing: 0.5px;
}
.sukDeger {
  font-family: var(--font-sayac);
  font-size: 10.5px;
  font-weight: 900;
  color: #fbbf24;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sukSure {
  font-family: var(--font-sayac);
  font-size: 10px;
  font-weight: 800;
  color: #38bdf8;
  background: rgba(56, 189, 248, 0.12);
  padding: 1px 5px;
  border-radius: 5px;
  border: 1px solid rgba(56, 189, 248, 0.25);
}
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
}
.sudKart.usd {
  border-left: 3.5px solid #38bdf8;
}
.sudKart.usd .sudIkon {
  color: #38bdf8;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
}
.sudGovde {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.sudBaslik {
  font-size: 8.5px;
  font-weight: 800;
  color: #94a3b8;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.sudDeger {
  font-family: var(--font-sayac);
  font-size: 13px;
  font-weight: 800;
  color: #f8fafc;
  line-height: 1.15;
}
.sudArtis {
  font-family: var(--font-sayac);
  font-size: 9px;
  font-weight: 800;
  color: #34d399;
  background: rgba(52, 211, 153, 0.12);
  padding: 2px 4px;
  border-radius: 4px;
  align-self: flex-start;
}

/* ---------- Ekranda "SENİN SIRAN" Bildirimi ---------- */
.seninSiranBanner {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  z-index: 45;
  pointer-events: none;
  animation: siraGiris 0.35s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
@keyframes siraGiris {
  from { transform: translate(-50%, -50%) scale(0.65); opacity: 0; }
  to { transform: translate(-50%, -50%) scale(1); opacity: 1; }
}
.seninSiranBanner .ssKutu {
  background: linear-gradient(145deg, #131d36, #070b14);
  border: 2px solid var(--altin);
  border-radius: 24px;
  padding: 18px 36px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9), 0 0 40px rgba(251, 191, 36, 0.45);
}
.seninSiranBanner .ssEtiket {
  display: block;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 3px;
  color: var(--cyan);
  margin-bottom: 2px;
}
.seninSiranBanner b {
  display: block;
  font-family: var(--font-baslik);
  font-size: 38px;
  font-weight: 900;
  letter-spacing: 3px;
  color: var(--altin);
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.8);
}
.seninSiranBanner small {
  display: block;
  font-size: 13px;
  color: var(--yazi);
  margin-top: 4px;
  font-weight: 700;
}

.aktifSiraRozet {
  position: absolute;
  left: 50%;
  top: 14px;
  transform: translateX(-50%);
  z-index: 18;
  background: linear-gradient(135deg, #fbbf24, #f59e0b);
  color: #070a12;
  font-family: var(--font-baslik);
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 2px;
  padding: 6px 20px;
  border-radius: 999px;
  border: 1.5px solid #fef08a;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.65), 0 0 20px rgba(251, 191, 36, 0.5);
  pointer-events: none;
}

/* Cadde Koridor İsimleri */
#caddeIsimleriKatmani {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.caddeKoridorEtiket {
  position: absolute;
  transform: translate(-50%, -50%);
  padding: 4px 16px;
  border-radius: 999px;
  font-family: var(--font-baslik);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
  color: #fff;
  background: rgba(10, 16, 30, 0.94);
  border: 2px solid var(--c);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.7);
  white-space: nowrap;
  text-transform: uppercase;
}

/* ================= TAHTA & KARELER ================= */
#tabla {
  position: absolute;
  left: 70px;
  top: 72px;
  width: 1680px;
  height: 1456px;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  background: radial-gradient(circle at 50% 50%, #162444 0%, #0b1324 55%, #060a14 100%);
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.85);
}

#logo {
  position: absolute;
  left: 910px;
  top: 415px;
  transform: translate(-50%, -50%);
  text-align: center;
  pointer-events: none;
}
#logo b {
  display: block;
  font-family: var(--font-baslik);
  font-size: 48px;
  font-weight: 900;
  letter-spacing: 8px;
  color: var(--altin);
  text-shadow: 0 4px 16px rgba(0, 0, 0, 0.9);
}
#logo span {
  font-family: var(--font-baslik);
  font-size: 16px;
  letter-spacing: 8px;
  color: var(--soluk);
  font-weight: 700;
}
#logo img {
  display: block;
  width: 165px;
  height: 165px;
  margin: 0 auto 10px;
  border-radius: 34px;
  background: #fff;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(251, 191, 36, 0.2);
}

/* Merkez Döviz & Kronoloji HUD */
.dovizSayacPano {
  position: absolute;
  left: 910px;
  top: 760px;
  transform: translate(-50%, -50%);
  width: 430px;
  text-align: center;
  background: linear-gradient(145deg, rgba(14, 22, 40, 0.96), rgba(7, 10, 18, 0.98));
  border: 2px solid var(--cyan);
  border-radius: 20px;
  padding: 14px 18px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.75), 0 0 25px rgba(56, 189, 248, 0.2);
  pointer-events: none;
  z-index: 2;
}
.kronolojiSayacKutu {
  background: rgba(5, 8, 15, 0.95);
  border: 1.5px solid var(--altin);
  border-radius: 14px;
  padding: 8px 12px;
  margin-bottom: 10px;
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.85);
}
.kronolojiSayacKutu .krUst {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(245, 158, 11, 0.25);
  padding-bottom: 4px;
  margin-bottom: 6px;
}
.kronolojiSayacKutu .krEtiket {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.5px;
  color: var(--altin);
}
.kronolojiSayacKutu .krTarih {
  font-family: var(--font-sayac);
  font-size: 11px;
  font-weight: 800;
  color: #fef08a;
  letter-spacing: 1px;
}
.kronolojiSayacKutu .krGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.kronolojiSayacKutu .krKutu {
  background: rgba(17, 24, 39, 0.85);
  border: 1px solid var(--cyan);
  border-radius: 10px;
  padding: 5px 8px;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.kronolojiSayacKutu .krKutu.hamle {
  border-color: #c084fc;
}
.kronolojiSayacKutu .krKutu.hamle.kritik {
  border-color: #ef4444;
  background: rgba(42, 15, 22, 0.95);
  animation: kritikNabiz 0.8s infinite alternate;
}
@keyframes kritikNabiz {
  to { border-color: #f87171; box-shadow: 0 0 12px rgba(239, 68, 68, 0.6); }
}
.kronolojiSayacKutu .krAd {
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 1px;
  color: var(--soluk);
}
.kronolojiSayacKutu .krKutu b {
  font-family: var(--font-sayac);
  font-size: 21px;
  font-weight: 900;
  color: var(--cyan);
}
.kronolojiSayacKutu .krKutu.hamle b {
  color: #d8b4fe;
}
/* ================= HARİTANIN ORTASINDA BÜYÜK KRONOLOJİ SAYACI ================= */
.ortaBuyukKronolojiPano {
  position: absolute;
  left: 50%;
  top: 48%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle at center, rgba(15, 23, 42, 0.96) 0%, rgba(7, 10, 18, 0.98) 100%);
  border: 2.5px solid var(--altin);
  border-radius: 20px;
  padding: 14px 22px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.85), 0 0 30px rgba(251, 191, 36, 0.25);
  pointer-events: none;
  z-index: 5;
  text-align: center;
  min-width: 290px;
  backdrop-filter: blur(8px);
}
.obkUst {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 8px;
}
.obkEtiket {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.5px;
  color: var(--cyan);
}
.obkDevTarih {
  font-family: var(--font-baslik);
  font-size: 42px;
  font-weight: 900;
  color: #fbbf24;
  letter-spacing: 2px;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.95), 0 0 32px rgba(251, 191, 36, 0.6);
  margin: 4px 0 8px;
  line-height: 1.1;
}
.obkDovizGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}
.obkKurKutu {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(10, 16, 30, 0.92);
  border: 1.5px solid #4ade80;
  border-radius: 12px;
  padding: 6px 12px;
}
.obkKurKutu.gbp {
  border-color: #fb7185;
}
.obkKurIkon {
  font-size: 20px;
  font-weight: 900;
}
.obkKurKutu.usd .obkKurIkon { color: #4ade80; }
.obkKurKutu.gbp .obkKurIkon { color: #fb7185; }
.obkKurGovde {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.obkKurAd {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.8px;
  color: var(--soluk);
}
.obkKurGovde b {
  font-family: var(--font-sayac);
  font-size: 18px;
  font-weight: 900;
  color: #fff;
}
.obkKurKutu.usd b { color: #4ade80; }
.obkKurKutu.gbp b { color: #fb7185; }
.obkKurNot {
  font-size: 8.5px;
  font-weight: 700;
  color: #94a3b8;
  margin-left: auto;
}
.obkGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.obkKutu {
  background: rgba(30, 41, 59, 0.8);
  border: 1.5px solid #38bdf8;
  border-radius: 12px;
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.obkKutu.hamle {
  border-color: #c084fc;
}
.obkKutu.hamle.kritik {
  border-color: #ef4444;
  background: rgba(69, 10, 10, 0.85);
  animation: kritikNabiz 0.8s infinite alternate;
}
.obkAd {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1px;
  color: var(--soluk);
}
.obkKutu b {
  font-family: var(--font-sayac);
  font-size: 22px;
  font-weight: 900;
  color: var(--cyan);
}
.obkKutu.hamle b {
  color: #d8b4fe;
}
.obkKutu.hamle.kritik b {
  color: #f87171;
}

/* ================= HARİTANIN ALT KISMINDA DİĞER SAYAÇLAR ================= */
.haritaAltSayaclarPano {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(15, 23, 42, 0.92);
  border: 1.5px solid rgba(251, 191, 36, 0.5);
  border-radius: 16px;
  padding: 8px 18px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.85), 0 0 20px rgba(0, 0, 0, 0.5);
  z-index: 12;
  backdrop-filter: blur(10px);
}
.hasKutu {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  border-radius: 10px;
  background: rgba(2, 6, 23, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.hasKutu.usd { border-color: rgba(74, 222, 128, 0.35); }
.hasKutu.gbp { border-color: rgba(251, 113, 133, 0.35); }
.hasKutu.enf { border-color: rgba(251, 191, 36, 0.35); }
.hasIkon {
  font-size: 18px;
  font-weight: 900;
}
.hasKutu.usd .hasIkon { color: #4ade80; }
.hasKutu.gbp .hasIkon { color: #fb7185; }
.hasKutu.enf .hasIkon { color: #fbbf24; }
.hasBilgi {
  display: flex;
  flex-direction: column;
}
.hasAd {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.8px;
  color: var(--soluk);
}
.hasBilgi b {
  font-family: var(--font-sayac);
  font-size: 16px;
  font-weight: 900;
  color: #fff;
}
.hasKutu.usd b { color: #4ade80; }
.hasKutu.gbp b { color: #fb7185; }
.hasKutu.enf b { color: #fbbf24; }
.hasNot {
  font-size: 9px;
  font-weight: 700;
  color: #94a3b8;
  margin-left: 2px;
}

/* ================= ESENBOĞA UÇAK GEÇİŞ ANİMASYONU ================= */
.ekranUcakOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 100;
  overflow: hidden;
}
.ekranUcakJet {
  position: absolute;
  left: -450px;
  top: 45%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  gap: 12px;
  filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.9));
}
.ekranUcakGemi {
  display: flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(135deg, #0284c7, #0f172a);
  border: 2px solid #38bdf8;
  border-radius: 50px;
  padding: 10px 24px;
  box-shadow: 0 0 40px rgba(56, 189, 248, 0.7);
}
.ekranUcakIkon {
  font-size: 52px;
  line-height: 1;
  display: inline-block;
  transform: rotate(45deg);
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.8));
}
.ekranUcakYazi {
  display: flex;
  flex-direction: column;
}
.ekranUcakYazi b {
  font-family: var(--font-baslik);
  font-size: 20px;
  color: #fff;
  letter-spacing: 2px;
}
.ekranUcakYazi span {
  font-size: 11px;
  font-weight: 800;
  color: #7dd3fc;
  letter-spacing: 1px;
}
.ekranUcakDuman {
  width: 300px;
  height: 12px;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.95), rgba(56, 189, 248, 0.6), transparent);
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
  margin-right: -10px;
}
.ekranUcakUcusAnim {
  animation: ucakEkranUcus 2.2s cubic-bezier(0.25, 1, 0.3, 1) forwards;
}
@keyframes ucakEkranUcus {
  0% {
    left: -450px;
    top: 60%;
    transform: translateY(-50%) rotate(-8deg) scale(0.7);
    opacity: 0;
  }
  15% {
    opacity: 1;
    transform: translateY(-50%) rotate(-4deg) scale(1.05);
  }
  50% {
    left: 45%;
    top: 48%;
    transform: translateY(-50%) rotate(0deg) scale(1.15);
    opacity: 1;
  }
  85% {
    opacity: 1;
    transform: translateY(-50%) rotate(4deg) scale(1.05);
  }
  100% {
    left: calc(100vw + 350px);
    top: 36%;
    transform: translateY(-50%) rotate(8deg) scale(0.9);
    opacity: 0;
  }
}

/* Tahta Kareleri (.k) */
.k {
  position: absolute;
  width: 74px;
  height: 104px;
  margin: -52px 0 0 -37px;
  background: #fbf7ee;
  color: #0f172a;
  border-radius: 8px;
  border: 2px solid #1e293b;
  display: flex;
  flex-direction: column;
  overflow: visible;
  cursor: pointer;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  transition: box-shadow 0.15s ease, filter 0.15s ease;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.k:hover {
  z-index: 8;
  filter: brightness(1.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.8), 0 0 12px rgba(251, 191, 36, 0.4);
}
.k.kose {
  width: 90px;
  height: 108px;
  margin: -54px 0 0 -45px;
  border-width: 2.5px;
  border-color: var(--altin);
  z-index: 2;
}
.k.ters {
  flex-direction: column-reverse;
}
.k.ters .ad {
  flex-direction: column-reverse;
}
.k.ters .binaKule {
  flex-direction: column;
}
.k .bant {
  height: 18px;
  min-height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9.5px;
  font-weight: 900;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
  gap: 2px;
  padding: 0 2px;
  box-sizing: border-box;
}
.sahipSekilRozeti {
  margin-left: 2px;
  font-size: 10px;
  text-shadow: 0 0 2px #000;
}
.k .ad {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 9.5px;
  font-weight: 800;
  line-height: 1.15;
  padding: 4px 2px;
  overflow: visible;
  box-sizing: border-box;
  text-align: center;
}
.k.ters .ad {
  flex-direction: column-reverse;
  justify-content: center;
  padding: 4px 2px;
}
.k .adMetin {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  z-index: 6;
  background: rgba(251, 247, 238, 0.94);
  border-radius: 3px;
  padding: 1px 3px;
  max-width: 96%;
  word-break: normal;
  color: #0f172a;
}

/* Harita üzerinde tapu sahibi ismi - Kartın dış kısmında */
.haritaSahipBant {
  position: absolute;
  top: -14px;
  left: -2px;
  right: -2px;
  height: 13.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 7.5px;
  font-weight: 900;
  color: #fff;
  border-radius: 4px 4px 0 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);
  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 3px;
  z-index: 6;
  letter-spacing: 0.2px;
}
.k.ters .haritaSahipBant {
  top: auto;
  bottom: -14px;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
}

/* ================= 3D İZOMETRİK BİNALAR & EVLER - KARTIN DIŞINDA YÜKSELEN GÖKYÜZÜ KULELERİ ================= */
.binaKule {
  position: absolute;
  bottom: calc(100% + 14px);
  top: auto;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: flex-start;
  width: 44px;
  z-index: 12;
  pointer-events: none;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.7));
}
.binaTemel {
  width: 42px;
  height: 3px;
  background: #cbd5e1;
  border: 1px solid rgba(15, 23, 42, 0.45);
  border-radius: 2px 2px 0 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  flex-shrink: 0;
}
.k.ters .binaKule {
  top: calc(100% + 14px);
  bottom: auto;
  transform: translateX(-50%) rotate(180deg);
  flex-direction: column-reverse;
}
.k.ters .binaTemel {
  border-radius: 0 0 2px 2px;
}
.k.ters .binaCati {
  transform: none;
}
.binaKat {
  position: relative;
  width: 38px;
  height: 7.5px;
  margin-top: 1.5px;
  border-radius: 2px;
  background: linear-gradient(135deg, var(--binaRenk, #0284c7) 0%, #1e293b 85%);
  border: 1px solid rgba(0, 0, 0, 0.7);
  box-shadow:
    -1.5px 1.5px 0 rgba(0, 0, 0, 0.4),
    0 -1px 0 rgba(255, 255, 255, 0.4) inset,
    0 1px 3px rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 1.5px;
  box-sizing: border-box;
}
.binaKat::before, .binaKat::after {
  content: '';
  width: 5px;
  height: 4.5px;
  background: #fef08a;
  box-shadow: 0 0 3px #fef08a, 0 1px 0 rgba(0, 0, 0, 0.3);
  border-radius: 1px;
}
.binaKat.otel {
  height: 10.5px;
  background: linear-gradient(135deg, #f59e0b 0%, #78350f 90%);
  border-color: #451a03;
  box-shadow:
    -2.5px 2px 0 rgba(0, 0, 0, 0.5),
    0 -1px 0 rgba(254, 240, 138, 0.6) inset,
    0 0 8px rgba(245, 158, 11, 0.4);
}
.binaKat.otel::before, .binaKat.otel::after {
  background: #fff;
  box-shadow: 0 0 4px #fbbf24;
}
.binaKat.gokdelen {
  height: 12.5px;
  background: linear-gradient(135deg, #0ea5e9 0%, #0369a1 50%, #082f49 100%);
  border-color: #0c4a6e;
  box-shadow:
    -3px 2.5px 0 rgba(0, 0, 0, 0.55),
    0 -1px 0 rgba(186, 230, 253, 0.7) inset,
    0 0 10px rgba(14, 165, 233, 0.5);
}
.binaCati {
  width: 0;
  height: 0;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  border-bottom: 8.5px solid var(--binaRenk, #dc2626);
  margin-bottom: 0.5px;
  filter: drop-shadow(-2.5px 2px 0 rgba(0, 0, 0, 0.5));
  position: relative;
}
.binaCati::after {
  content: '';
  position: absolute;
  top: 1px;
  left: 0;
  width: 19px;
  height: 8.5px;
  border-right: 19px solid transparent;
  border-bottom: 8.5px solid rgba(0, 0, 0, 0.35);
  pointer-events: none;
}
.binaKatEtiket {
  font-size: 8.5px;
  font-weight: 900;
  color: #fff;
  background: rgba(15, 23, 42, 0.88);
  padding: 1px 4px;
  border-radius: 3px;
}

.k .caddeAlt {
  height: 12px;
  min-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 6.8px;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.2px;
  padding: 0 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
}
.k .fy {
  height: 15px;
  min-height: 15px;
  font-family: var(--font-sayac);
  font-size: 9px;
  font-weight: 800;
  background: #e5dec9;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  color: #0f172a;
}

.k.ozel {
  background: linear-gradient(160deg, #1e293b, #0f172a);
  color: #fff;
}
.k.ozel.camiPark {
  background: linear-gradient(160deg, #064e3b, #022c22);
  border-color: #10b981;
}
.k.ozel .adIcerik {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.k.ozel .adIcerik .ikon {
  font-size: 20px;
  line-height: 1.1;
  margin-bottom: 2px;
}
.k.ozel .adIcerik .adMetin {
  background: transparent;
  color: #fff;
  font-size: 8.5px;
  font-weight: 800;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}
.k.ozel .adSadeceLogo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #ffffff !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 68px !important;
}
.k.ozel .kurumLogoKapsayici {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
.k.ozel .ikon svg {
  width: 22px;
  height: 22px;
  display: block;
}
.k.ozel .kurumLogoImg {
  width: 100% !important;
  height: 100% !important;
  max-height: 66px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  background: #ffffff !important;
  border-radius: 0 !important;
  padding: 1px 2px !important;
  box-sizing: border-box !important;
  display: block !important;
}
.fis .bs .kurumLogoImg {
  width: 240px !important;
  height: 100px !important;
  max-width: 95% !important;
  object-fit: contain !important;
  background: #ffffff !important;
  border-radius: 10px !important;
  padding: 4px 8px !important;
  margin: 4px auto 8px !important;
  display: block !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45) !important;
}

/* Piyon Detay & Oyuncu Bilgi Tooltipi */
.piyonTooltip {
  position: absolute;
  pointer-events: none;
  z-index: 45;
  background: rgba(10, 16, 30, 0.96);
  border: 1.5px solid var(--altin);
  border-radius: 8px;
  padding: 6px 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.85);
  font-family: var(--font-ana);
  color: #fff;
  white-space: nowrap;
  transform: translate(-50%, -100%);
  margin-top: -12px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: opacity 0.15s ease;
}
.piyonTooltip .ptBaslik {
  font-family: var(--font-baslik);
  font-size: 12px;
  font-weight: 800;
  color: var(--altin);
  display: flex;
  align-items: center;
  gap: 6px;
}
.piyonTooltip .ptBakiye {
  font-size: 11px;
  color: #94a3b8;
  margin-top: 2px;
}
.piyonTooltip .ptBakiye b {
  color: #4ade80;
}
.k.ozel .fy {
  background: #111827;
  color: var(--altin);
}
.k.ozel.camiPark .fy {
  background: #065f46;
  color: #a7f3d0;
}
.k.kacak .bant {
  background-image: repeating-linear-gradient(45deg, transparent 0 6px, rgba(0, 0, 0, 0.55) 6px 12px);
}
.k.ipotekli {
  filter: grayscale(0.85) brightness(0.75);
}
.k.secili {
  outline: 4px solid var(--altin);
  outline-offset: 3px;
  z-index: 5;
}
.k.aktif {
  animation: aktifKareNabiz 0.8s ease-in-out infinite alternate;
}
@keyframes aktifKareNabiz {
  0% {
    box-shadow: 0 0 10px rgba(251, 191, 36, 0.4), inset 0 0 0 1.5px rgba(251, 191, 36, 0.4);
  }
  100% {
    box-shadow: 0 0 24px rgba(251, 191, 36, 0.95), inset 0 0 0 2px rgba(251, 191, 36, 0.85);
  }
}

/* Piyonlar */
.piyon {
  position: absolute;
  width: 36px;
  height: 36px;
  margin: -18px 0 0 -18px;
  border-radius: 50%;
  border: 2.5px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  transition: left 0.32s cubic-bezier(0.25, 1, 0.5, 1), top 0.32s cubic-bezier(0.25, 1, 0.5, 1), transform 0.2s ease-out;
  z-index: 12;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.85);
  background: var(--bg);
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.piyon.elendi {
  opacity: 0.2;
}
.piyon.botPiyon {
  box-shadow: 0 0 12px rgba(168, 85, 247, 0.85) !important;
  border-style: dashed !important;
  border-width: 2.5px !important;
  border-color: #c084fc !important;
}
.piyon.botPiyon::before {
  content: '🤖';
  position: absolute;
  top: -11px;
  left: -8px;
  font-size: 13px;
  line-height: 1;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.9));
  pointer-events: none;
  z-index: 15;
}

/* ================= VALİLİK ROZETİ & ÖZEL PİYON PARLAMASI ================= */
.piyon.valiPiyonu {
  box-shadow: 0 0 16px rgba(251, 191, 36, 0.95), 0 0 30px rgba(245, 158, 11, 0.7) !important;
  border-color: #fbbf24 !important;
  animation: valiPiyonNabiz 2.2s infinite ease-in-out;
  z-index: 16 !important;
}
.piyon.valiPiyonu::after {
  content: '👑';
  position: absolute;
  top: -15px;
  right: -8px;
  font-size: 16px;
  line-height: 1;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.9));
  animation: valiTacSallan 2.5s infinite ease-in-out;
  pointer-events: none;
}
@keyframes valiPiyonNabiz {
  0%, 100% {
    box-shadow: 0 0 14px rgba(251, 191, 36, 0.85), 0 0 24px rgba(245, 158, 11, 0.55);
  }
  50% {
    box-shadow: 0 0 22px rgba(251, 191, 36, 1), 0 0 36px rgba(245, 158, 11, 0.9);
  }
}
@keyframes valiTacSallan {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-3px) rotate(-6deg); }
}

/* ================= PİYON KONUŞMA BALONU (ANKARA REAKSİYONLARI) ================= */
.piyonKonusmaBalonu {
  position: absolute;
  bottom: 42px;
  left: 50%;
  transform: translateX(-50%);
  background: #0f172a;
  color: #fef08a;
  border: 1.5px solid #fbbf24;
  border-radius: 8px;
  padding: 5px 9px;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.75);
  pointer-events: none;
  z-index: 30;
  animation: konusmaBalonuAnim 3.2s forwards ease-out;
}
.piyonKonusmaBalonu::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #fbbf24 transparent transparent transparent;
}
@keyframes konusmaBalonuAnim {
  0% { opacity: 0; transform: translateX(-50%) translateY(8px) scale(0.85); }
  12% { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
  75% { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
  100% { opacity: 0; transform: translateX(-50%) translateY(-14px) scale(0.9); }
}

/* ================= İNŞAAT VİNCİ ANİMASYONU ================= */
.insaVinci {
  position: absolute;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  z-index: 25;
  pointer-events: none;
  animation: vincAnim 2.4s forwards ease-in-out;
}
.insaVinci .vincRozet {
  position: absolute;
  top: -8px;
  background: #f59e0b;
  color: #0f172a;
  font-size: 9px;
  font-weight: 900;
  padding: 1px 5px;
  border-radius: 3px;
  border: 1px solid #78350f;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  animation: vincYaziGoster 2.4s forwards ease-in-out;
}
@keyframes vincAnim {
  0% { opacity: 0; transform: scale(0.4) translateY(20px) rotate(-10deg); }
  15% { opacity: 1; transform: scale(1.15) translateY(-6px) rotate(5deg); }
  35% { transform: scale(1) translateY(-12px) rotate(-5deg); }
  55% { transform: scale(1.05) translateY(-8px) rotate(3deg); }
  80% { opacity: 1; transform: scale(1) translateY(-14px) rotate(0deg); }
  100% { opacity: 0; transform: scale(1.3) translateY(-25px); filter: blur(2px); }
}
@keyframes vincYaziGoster {
  0%, 15% { opacity: 0; }
  25%, 80% { opacity: 1; }
  100% { opacity: 0; }
}

/* ================= SEYİRCİ MODU ROZETİ VE BİLGİLENDİRME ================= */
.seyirciModuBant {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.95), rgba(15, 23, 42, 0.98));
  border: 1px solid rgba(14, 165, 233, 0.4);
  border-radius: 8px;
  padding: 8px 12px;
  color: #7dd3fc;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45);
}
.seyirciModuBant .seyirciIkon {
  font-size: 16px;
  animation: seyirciGozKirp 3s infinite;
}
@keyframes seyirciGozKirp {
  0%, 90%, 100% { transform: scale(1); }
  95% { transform: scale(1, 0.1); }
}

/* ================= SAĞ YAN PANEL İÇİ ================= */
.ust {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--kenar-altin);
  background: rgba(16, 25, 46, 0.95);
  position: sticky;
  top: 0;
  z-index: 22;
}
.ustSatir1 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  justify-content: flex-start;
}
.ustCikisGrup {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-left: auto;
}
.ustSatir2 {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 2px;
}
.ustSatir2::-webkit-scrollbar {
  height: 3px;
}
.ustSatir2::-webkit-scrollbar-thumb {
  background: rgba(251, 191, 36, 0.3);
  border-radius: 4px;
}
.arayuzBtn {
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(2, 132, 199, 0.4)) !important;
  border: 1.5px solid #38bdf8 !important;
  color: #38bdf8 !important;
  font-weight: 800 !important;
  border-radius: 8px !important;
  padding: 4px 8px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}
.arayuzBtn:hover {
  background: #0284c7 !important;
  color: #fff !important;
  box-shadow: 0 0 10px rgba(56, 189, 248, 0.5) !important;
}
.ust h1 {
  font-family: var(--font-baslik);
  font-size: 15px;
  color: var(--altin);
  letter-spacing: 1.5px;
  font-weight: 900;
  margin: 0;
  white-space: nowrap;
}
.mlogo {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.45);
}
.ust button, .mini {
  background: var(--panel2);
  border: 1px solid var(--kenar);
  border-radius: 8px;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.ust button:hover {
  border-color: var(--altin);
  color: #fff;
}
.ust button.cikisBtn {
  background: linear-gradient(135deg, #ef4444, #991b1b);
  border-color: #f87171;
  color: #fff;
  padding: 5px 9px;
  box-shadow: 0 0 10px rgba(239, 68, 68, 0.4);
}
.ust button.ayrilBtn {
  background: linear-gradient(135deg, #f59e0b, #b45309);
  border-color: #fbbf24;
  color: #fff;
  padding: 5px 9px;
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.4);
}
  color: #fff;
  padding: 7px 12px;
  box-shadow: 0 0 10px rgba(239, 68, 68, 0.4);
}
.sesSlider {
  width: 58px;
  height: 6px;
  accent-color: var(--altin);
  cursor: pointer;
}

#ay, #oyuncular, .oyuncular {
  display: none !important;
}
.oc {
  background: rgba(18, 27, 48, 0.88);
  border: 1.5px solid var(--kenar);
  border-top: 4px solid var(--c);
  border-radius: 12px;
  padding: 7px 10px;
  font-size: 11.5px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease;
}
.oc.sira {
  border-color: var(--c);
  background: rgba(28, 42, 74, 0.98);
  box-shadow: 0 0 14px var(--c);
  transform: scale(1.02);
}
.oc.elendi {
  opacity: 0.35;
  filter: grayscale(0.7);
}
.oc .isim {
  font-weight: 800;
  color: var(--c);
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.renkSekil {
  display: inline-block;
  font-size: 11px;
  transform: translateY(-1px);
}
.oc div.p {
  display: flex;
  justify-content: space-between;
  color: var(--soluk);
  font-family: var(--font-sayac);
  font-size: 10.5px;
}
.oc div.p b {
  color: var(--yazi);
}

/* Eylem & Zarlar */
.eylem {
  padding: 6px 14px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#zarlar {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  min-height: 58px;
}
.zar {
  width: 54px;
  height: 54px;
  background: radial-gradient(circle at 30% 30%, #ffffff 0%, #e2e8f0 70%, #cbd5e1 100%);
  color: #0f172a;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 900;
  box-shadow: inset 0 -4px 0 #94a3b8, 0 6px 14px rgba(0, 0, 0, 0.65);
  cursor: pointer;
  transition: transform 0.15s ease, filter 0.15s ease;
}
.zar:hover {
  filter: brightness(1.08);
  transform: scale(1.05);
}
.zar.altinZar {
  background: radial-gradient(circle at 30% 30%, #fef08a 0%, #f59e0b 60%, #b45309 100%) !important;
  color: #451a03 !important;
  box-shadow: inset 0 -4px 0 #78350f, 0 6px 18px rgba(245, 158, 11, 0.6) !important;
  border: 1.5px solid #fbbf24 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}
.zar.buzZar {
  background: radial-gradient(circle at 30% 30%, #e0f2fe 0%, #38bdf8 60%, #0369a1 100%) !important;
  color: #082f49 !important;
  box-shadow: inset 0 -4px 0 #0284c7, 0 6px 18px rgba(56, 189, 248, 0.6) !important;
  border: 1.5px solid #7dd3fc !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}
#zarlar {
  perspective: 600px;
}
.zar {
  transition: transform 0.18s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform-style: preserve-3d;
}
.zar.at {
  animation: zar3DTumble 0.16s infinite linear;
}
@keyframes zar3DTumble {
  0% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.15) translateY(-6px); }
  25% { transform: rotateX(90deg) rotateY(60deg) rotateZ(45deg) scale(1.22) translateY(-12px); }
  50% { transform: rotateX(180deg) rotateY(150deg) rotateZ(110deg) scale(1.1) translateY(-4px); }
  75% { transform: rotateX(270deg) rotateY(240deg) rotateZ(200deg) scale(1.24) translateY(-10px); }
  100% { transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg) scale(1.15) translateY(-6px); }
}

.ikonlar {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(62px, 1fr));
  gap: 6px;
  justify-items: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
.ikon-btn {
  width: 100%;
  max-width: 82px;
  min-width: 56px;
  height: 58px;
  border-radius: 14px;
  background: var(--panel2);
  border: 1.5px solid var(--kenar-altin);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  line-height: 1;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
}
.ikon-btn .btnIkon {
  font-size: 24px;
  font-weight: 900;
}
.ikon-btn .btnAlt {
  font-family: var(--font-baslik);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.5px;
}
.ikon-btn.altin {
  background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
  border-color: #fef08a;
  color: #1a1200;
  box-shadow: 0 6px 18px rgba(251, 191, 36, 0.4);
}

.buyuk {
  padding: 13px;
  border-radius: 14px;
  font-family: var(--font-baslik);
  font-weight: 800;
  font-size: 15px;
  background: linear-gradient(135deg, #fbbf24, #d97706);
  color: #1a1200;
  width: 100%;
  box-shadow: 0 6px 16px rgba(251, 191, 36, 0.35);
}
.buyuk.ikinci {
  background: var(--panel2);
  color: var(--yazi);
  border: 1px solid var(--kenar);
  box-shadow: none;
}

/* Sekmeler */
.sekmeler {
  display: flex;
  border-top: 1px solid var(--kenar);
  border-bottom: 1px solid var(--kenar);
  background: rgba(10, 15, 28, 0.95);
}
.sekmeler button {
  flex: 1;
  padding: 9px 4px;
  background: transparent;
  font-family: var(--font-baslik);
  font-size: 13px;
  font-weight: 800;
  color: var(--soluk);
}
.sekmeler button.on {
  background: var(--panel2);
  color: var(--altin);
  box-shadow: inset 0 -3px 0 var(--altin);
}

.sayfa {
  padding: 12px 14px;
  flex: 1;
  overflow-x: hidden !important;
}

/* ================= DÖVİZ BÜROSU MODERN ARAYÜZÜ ================= */
.dovizKapsayici {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 4px 0 16px;
}
.dovizPaneliKart {
  background: linear-gradient(145deg, rgba(15, 23, 42, 0.95), rgba(9, 14, 26, 0.98));
  border: 1.5px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: all 0.2s ease;
}
.dovizPaneliKart:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7);
}
.dovizPaneliKart.usdKart {
  border-left: 4px solid #38bdf8;
  border-top-color: rgba(56, 189, 248, 0.3);
}
.dovizPaneliKart.gbpKart {
  border-left: 4px solid #fbbf24;
  border-top-color: rgba(251, 191, 36, 0.3);
}
.dpkUst {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.dpkSol {
  display: flex;
  align-items: center;
  gap: 10px;
}
.dpkIkonRozet {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 900;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
.usdKart .dpkIkonRozet {
  background: rgba(56, 189, 248, 0.15);
  color: #38bdf8;
  border: 1.5px solid #38bdf8;
}
.gbpKart .dpkIkonRozet {
  background: rgba(251, 191, 36, 0.15);
  color: #fbbf24;
  border: 1.5px solid #fbbf24;
}
.dpkBasliklar h4 {
  margin: 0;
  font-size: 13px;
  font-weight: 800;
  color: #f8fafc;
  letter-spacing: 0.3px;
}
.dpkArtisRozet {
  font-size: 9px;
  font-weight: 700;
  color: #94a3b8;
  background: rgba(255, 255, 255, 0.06);
  padding: 1px 6px;
  border-radius: 99px;
  display: inline-block;
  margin-top: 2px;
}
.dpkSag {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.dpkCuzdanEtiket {
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.8px;
  color: #64748b;
}
.dpkCuzdanMiktar {
  font-family: var(--font-sayac);
  font-size: 16px;
  font-weight: 900;
  color: #f1f5f9;
}
.usdKart .dpkCuzdanMiktar { color: #38bdf8; }
.gbpKart .dpkCuzdanMiktar { color: #fbbf24; }

.dpkFiyatGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.dpkFiyatKutu {
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 9px;
  padding: 6px 10px;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.dpkFiyatKutu.alis {
  border-left: 2.5px solid #22c55e;
}
.dpkFiyatKutu.satis {
  border-left: 2.5px solid #f97316;
}
.dpkFkEtiket {
  font-size: 9px;
  font-weight: 700;
  color: #94a3b8;
}
.dpkFkDeger {
  font-family: var(--font-sayac);
  font-size: 14px;
  font-weight: 900;
  color: #f8fafc;
}
.dpkFiyatKutu.alis .dpkFkDeger { color: #86efac; }
.dpkFiyatKutu.satis .dpkFkDeger { color: #fed7aa; }
.dpkFkNot {
  font-size: 8px;
  color: #64748b;
}

.dpkIslemGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 2px;
}
.dpkIslemKolon {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.dpkIslemBaslik {
  font-size: 8.5px;
  font-weight: 800;
  letter-spacing: 0.6px;
}
.dpkIslemBaslik.al { color: #22c55e; }
.dpkIslemBaslik.sat { color: #f97316; }
.dpkButonGrup {
  display: flex;
  gap: 4px;
}
.dpkBtn {
  flex: 1;
  padding: 6px 4px;
  font-size: 11px;
  font-weight: 800;
  font-family: var(--font-sayac);
  border-radius: 7px;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 1px solid transparent;
}
.dpkBtn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.dpkBtn.al {
  background: rgba(34, 197, 94, 0.18);
  border-color: rgba(34, 197, 94, 0.45);
  color: #86efac;
}
.dpkBtn.al:hover:not(:disabled) {
  background: rgba(34, 197, 94, 0.32);
  border-color: #22c55e;
  transform: translateY(-1px);
}
.dpkBtn.sat {
  background: rgba(249, 115, 22, 0.18);
  border-color: rgba(249, 115, 22, 0.45);
  color: #fed7aa;
}
.dpkBtn.sat:hover:not(:disabled) {
  background: rgba(249, 115, 22, 0.32);
  border-color: #f97316;
  transform: translateY(-1px);
}

.dpkBuroBilgi {
  background: rgba(14, 23, 44, 0.85);
  border: 1px dashed rgba(251, 191, 36, 0.35);
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 10px;
  line-height: 1.45;
  color: #94a3b8;
}
.dpkBuroBilgi b { color: #fbbf24; }

/* ================= YAN SOHBET KAPSAYICI ================= */
.yanSohbetKapsayici {
  display: flex;
  flex-direction: column;
  height: 480px;
  max-height: 70vh;
  gap: 8px;
}
.yanSohbetKapsayici .sohbetMesajlar {
  flex: 1;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 11.5px;
}
.yanSohbetKapsayici .sohbetHizliReaksiyonlar {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.yanSohbetKapsayici .sohbetForm {
  display: flex;
  gap: 6px;
}
.yanSohbetKapsayici .sohbetGirdi {
  flex: 1 !important;
  width: auto !important;
  height: 36px !important;
  padding: 6px 10px !important;
  margin-bottom: 0 !important;
  background: rgba(0, 0, 0, 0.7) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 8px !important;
  color: #fff !important;
}
.yanSohbetKapsayici .sohbetGonderBtn {
  padding: 0 16px;
  height: 36px;
  font-weight: 800;
  font-size: 11.5px;
  background: linear-gradient(135deg, #fbbf24, #d97706);
  border: none;
  border-radius: 8px;
  color: #0f172a;
  cursor: pointer;
}

/* Tapu Fişi (.fis) */
.fis {
  background: #fbf7ee;
  color: #0f172a;
  border-radius: 14px;
  overflow: hidden;
  border: 2px solid #1e293b;
  box-shadow: var(--golge-kart);
}
.fis .bs {
  padding: 12px;
  color: #fff;
  font-family: var(--font-baslik);
  font-weight: 800;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
.fis .bs small {
  display: block;
  font-weight: 600;
  opacity: 0.95;
  margin-top: 2px;
}
.fis .ic {
  padding: 12px 14px;
  font-size: 13px;
}
.fis table {
  width: 100%;
  border-collapse: collapse;
  margin: 6px 0;
}
.fis td {
  padding: 3px 0;
  border-bottom: 1px dotted #cbd5e1;
}
.fis td:last-child {
  text-align: right;
  font-weight: 800;
  font-family: var(--font-sayac);
}
.fis tr.bu td {
  background: #fef08a;
}
.btnler {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 10px;
}
.btnler button {
  padding: 10px;
  border-radius: 10px;
  background: #1e293b;
  color: #fff;
  font-weight: 800;
  font-size: 13px;
}
.btnler button.tam {
  grid-column: 1/3;
}

.uyari {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid #ef4444;
  color: #fca5a5;
  border-radius: 10px;
  padding: 8px 10px;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 700;
}
.uyari.af {
  background: rgba(34, 197, 94, 0.15);
  border-color: #22c55e;
  color: #86efac;
}
.uyari.bilgi {
  background: rgba(56, 189, 248, 0.15);
  border-color: #38bdf8;
  color: #bae6fd;
}

/* Günlük Kaydı */
#gunluk {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 12.5px;
  color: var(--soluk);
}
#gunluk div:first-child {
  color: var(--yazi);
  font-weight: 700;
}

/* ================= MODAL VE PENCERELER ================= */
.kaplama {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(5, 8, 16, 0.92);
}
#kartEkran, #takasEkran, #ihaleEkran, #reklamEkran {
  z-index: 70;
}

.kutu {
  width: min(480px, 92vw);
  max-height: 90vh;
  overflow-y: auto;
  overflow-x: hidden !important;
  background: linear-gradient(160deg, #131d36, #090e1c);
  border: 1.5px solid var(--kenar-altin);
  border-radius: 24px;
  padding: 24px;
  text-align: center;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.85), var(--golge-altin);
}
.kutu.genis {
  width: min(580px, 94vw);
}
.kutu h1 {
  font-family: var(--font-baslik);
  font-size: 38px;
  letter-spacing: 6px;
  color: var(--altin);
}
.kutu .bas {
  font-family: var(--font-baslik);
  font-size: 22px;
  letter-spacing: 3px;
  color: var(--altin);
  margin-bottom: 6px;
}
.kutu .alt {
  color: var(--soluk);
  font-size: 14px;
  margin-bottom: 16px;
}
.kutu p, .kutu li {
  text-align: left;
  font-size: 14px;
  line-height: 1.6;
  color: #cbd5e1;
  margin-bottom: 6px;
}
.kutu ul {
  padding-left: 20px;
  margin: 12px 0 14px;
}
.satir2 {
  display: flex;
  gap: 10px;
  align-items: center;
}
.girdi {
  width: 100%;
  padding: 12px;
  border-radius: 12px;
  background: #090e1a;
  border: 1.5px solid var(--kenar);
  color: #fff;
  font-family: var(--font-ana);
  font-weight: 700;
  margin-bottom: 10px;
}
.girdi.kod {
  text-align: center;
  letter-spacing: 8px;
  font-family: var(--font-sayac);
  text-transform: uppercase;
  margin: 0;
}
/* ================= BAKİYELER ALTI CANLI DÖVİZ SAYACI ================= */
.yanDovizSayaci {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  padding: 6px 10px;
  background: rgba(10, 16, 30, 0.7);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.ydsKart {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}
.ydsKart.usd {
  border-color: rgba(56, 189, 248, 0.35);
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.14), rgba(15, 23, 42, 0.9));
}
.ydsKart.gbp {
  border-color: rgba(251, 191, 36, 0.35);
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.14), rgba(15, 23, 42, 0.9));
}
.ydsIkon {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  font-size: 13px;
}
.ydsKart.usd .ydsIkon {
  background: rgba(56, 189, 248, 0.2);
  color: #38bdf8;
}
.ydsKart.gbp .ydsIkon {
  background: rgba(251, 191, 36, 0.2);
  color: #fbbf24;
}
.ydsGovde {
  flex: 1;
  min-width: 0;
}
.ydsBaslik {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #94a3b8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ydsDeger {
  display: block;
  font-family: var(--font-sayac);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.1;
  color: #f8fafc;
}
.ydsArtis {
  font-size: 9px;
  font-weight: 700;
  padding: 1px 4px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.08);
  color: #cbd5e1;
}

/* ================= CANLI SOHBET ================= */
#s-sohbet {
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 380px;
  box-sizing: border-box;
}
.sohbetKonteyner {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1;
  gap: 8px;
}
.sohbetBaslik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 800;
  color: var(--altin);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.sohbetDurumDot {
  font-size: 10px;
  color: #34d399;
  font-weight: 700;
}
.sohbetRozet {
  background: #ef4444;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  padding: 1px 5px;
  border-radius: 10px;
  margin-left: 4px;
}
.sohbetMesajlar {
  flex: 1;
  min-height: 220px;
  max-height: 480px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px;
  background: rgba(10, 15, 28, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
}
.sohbetSistemMesaj {
  font-size: 10px;
  color: #94a3b8;
  text-align: center;
  padding: 4px 6px;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 6px;
  line-height: 1.3;
}
.sohbetMesaj {
  display: flex;
  flex-direction: column;
  max-width: 90%;
  padding: 5px 8px;
  border-radius: 8px;
  background: rgba(30, 41, 59, 0.7);
  border-left: 3px solid #38bdf8;
  font-size: 11px;
  line-height: 1.35;
  color: #f1f5f9;
}
.sohbetMesaj.benim {
  align-self: flex-end;
  background: rgba(14, 116, 144, 0.35);
  border-left: none;
  border-right: 3px solid #38bdf8;
}
.sohbetKimlik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  font-size: 10px;
  margin-bottom: 2px;
}
.sohbetGonderen {
  font-weight: 800;
  color: var(--altin);
}
.sohbetZaman {
  font-size: 9px;
  color: #64748b;
}
.sohbetIcerik {
  word-break: break-word;
}
.sohbetHizliReaksiyonlar {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.hrBtn {
  white-space: nowrap;
  font-size: 10px;
  padding: 3px 6px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #cbd5e1;
  cursor: pointer;
  transition: all 0.15s ease;
}
.hrBtn:hover {
  background: rgba(251, 191, 36, 0.15);
  border-color: var(--altin);
  color: #fff;
}
.sohbetForm {
  display: flex;
  gap: 4px;
}
.sohbetGirdi {
  flex: 1;
  padding: 6px 8px;
  font-size: 11px;
  margin-bottom: 0;
  border-radius: 8px;
}
.sohbetGonderBtn {
  padding: 6px 12px;
  background: var(--altin);
  border: none;
  border-radius: 8px;
  color: #0f172a;
  font-weight: 800;
  font-size: 11px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.sohbetGonderBtn:hover {
  filter: brightness(1.15);
}

/* ================= ANA MENÜ (PREMIUM ANKARA) ================= */
#anaMenu {
  background: radial-gradient(circle at 50% 25%, rgba(26, 42, 79, 0.95), rgba(5, 8, 16, 0.99));
}
.menuSahne {
  width: min(840px, 94vw);
  max-height: 94vh;
  overflow-y: auto;
  overflow-x: hidden !important;
  text-align: center;
  padding: 20px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.menulogoKapsayici {
  position: relative;
  display: inline-block;
  margin-bottom: 8px;
}
.hero .menulogo {
  width: 110px;
  height: 110px;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.75), 0 0 35px rgba(251, 191, 36, 0.25);
  position: relative;
  z-index: 2;
}
.menuRozet {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 20px;
  background: rgba(251, 191, 36, 0.12);
  border: 1px solid rgba(251, 191, 36, 0.35);
  color: var(--altin);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.5px;
  margin-bottom: 8px;
}
.hero h1 {
  font-family: var(--font-baslik);
  font-size: clamp(34px, 6.5vw, 56px);
  letter-spacing: 7px;
  color: var(--altin);
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.85);
  margin-bottom: 2px;
}
.hero h2 {
  font-family: var(--font-baslik);
  font-size: 13px;
  letter-spacing: 8px;
  color: #94a3b8;
  margin: 0 0 10px;
}
.slogan {
  color: #cbd5e1;
  font-size: 14px;
  max-width: 580px;
  margin: 0 auto 22px;
  line-height: 1.45;
}
.menuGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  width: 100%;
  max-width: 760px;
}
.mk {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1.5px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  cursor: pointer;
  text-align: left;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
.mk:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.65);
  border-color: rgba(255, 255, 255, 0.35);
}
.mkUst {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 4px;
}
.mk .mi {
  font-size: 32px;
  line-height: 1;
}
.mkRozet {
  font-size: 9px;
  font-weight: 900;
  padding: 2px 7px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.15);
  letter-spacing: 0.5px;
}
.mkRozet.canli {
  background: rgba(16, 185, 129, 0.3);
  color: #34d399;
}
.mk b {
  font-family: var(--font-baslik);
  font-size: 17px;
  color: #fff;
}
.mk small {
  opacity: 0.85;
  font-size: 11.5px;
  line-height: 1.35;
}
.renk1 { background: linear-gradient(145deg, #0e7490, #164e63); }
.renk2 { background: linear-gradient(145deg, #7c3aed, #4c1d95); }
.renk3 { background: linear-gradient(145deg, #b45309, #78350f); }
.renk4 { background: linear-gradient(145deg, #be185d, #831843); }
.renk5 { background: linear-gradient(145deg, #059669, #064e3b); }
.renk6 { background: linear-gradient(145deg, #334155, #0f172a); }

/* ================= YEREL KURULUM VE SLOT KARTLARI ================= */
.kurulumKutu {
  width: min(720px, 95vw) !important;
}
.kurulumBaslikGrup {
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 10px;
}
.kurulumIkon {
  font-size: 36px;
}
.kurulumAyarBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  background: rgba(15, 23, 42, 0.7);
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 10px;
}
.takimModuKutu {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--altin);
  cursor: pointer;
  margin: 0;
}
.kurulumHizliSecimler {
  display: flex;
  gap: 6px;
}
.khzBtn {
  font-size: 11px;
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #cbd5e1;
  cursor: pointer;
}
.khzBtn:hover {
  background: rgba(251, 191, 36, 0.2);
  border-color: var(--altin);
  color: #fff;
}
.kurulumUstSecim {
  margin-bottom: 10px;
}
.slotlarBaslik {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.5px;
  color: var(--altin);
  text-align: left;
  margin: 8px 0 6px;
}
.slotlarGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 8px;
  max-height: 48vh;
  overflow-y: auto;
  padding-right: 4px;
}
.slotKart {
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 8px 10px;
  text-align: left;
  transition: all 0.2s ease;
}
.slotKart.kapali {
  opacity: 0.45;
  background: rgba(10, 15, 26, 0.5);
  border-style: dashed;
}
.slotUst {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.slotNo {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  font-weight: 800;
  color: #f1f5f9;
}
.slotRenkNokta {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-shadow: 0 0 6px currentColor;
}
.slotTipGirdi {
  padding: 3px 6px;
  font-size: 11px;
  margin: 0;
  border-radius: 8px;
}
.slotGrup {
  display: flex;
  gap: 6px;
  align-items: center;
}
.slotPiyonGirdi {
  width: 82px;
  padding: 5px 4px;
  font-size: 12px;
  text-align: center;
  margin: 0;
  border-radius: 8px;
}
.slotAdGirdi {
  flex: 1;
  padding: 5px 8px;
  font-size: 12px;
  margin: 0;
  border-radius: 8px;
}
.slotBotKutu {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px dashed rgba(255, 255, 255, 0.08);
}
.sbkEtiket {
  display: block;
  font-size: 10px;
  color: #94a3b8;
  margin-bottom: 2px;
}
.slotBotTipiGirdi {
  width: 100%;
  padding: 4px 6px;
  font-size: 11px;
  margin: 0;
  border-radius: 8px;
}

/* ================= ONLINE EKRAN VE LOBİ DÜZENİ ================= */
.onlineKutu {
  width: min(680px, 95vw) !important;
}
.onlineUstBaslik {
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 10px;
  margin-bottom: 12px;
}
.onlineIkon {
  font-size: 36px;
}
.onlineProfilKarti {
  background: rgba(15, 23, 42, 0.7);
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 12px;
  text-align: left;
}
.onlineProfilKarti .etiket {
  margin: 0;
  font-size: 12px;
}
.onlineProfilKarti .girdi {
  margin-top: 4px;
  margin-bottom: 0;
  padding: 8px 10px;
}
.onlineSeceneklerGrid {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: column;
}
@media (min-width: 580px) {
  .onlineSeceneklerGrid {
    flex-direction: row;
    align-items: stretch;
  }
}
.onlineKart {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 16px 12px;
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.85);
  border: 1.5px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}
.onlineKart .okIkon {
  font-size: 32px;
  margin-bottom: 6px;
}
.onlineKart h3 {
  font-family: var(--font-baslik);
  font-size: 16px;
  color: var(--altin);
  margin-bottom: 4px;
}
.onlineKart p {
  font-size: 11.5px;
  color: #94a3b8;
  margin-bottom: 12px;
  text-align: center;
  flex: 1;
}
.ayrac {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 900;
  color: #64748b;
  padding: 6px 10px;
}
.odaKatilGrup {
  display: flex;
  gap: 6px;
  width: 100%;
}
.kodKutu {
  background: #090e1a;
  border: 2px dashed var(--altin);
  border-radius: 18px;
  padding: 14px;
  margin: 10px 0;
  text-align: center;
}
.kodEtiket {
  display: block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 2px;
  color: var(--soluk);
}
.kodKutu b {
  display: block;
  font-size: 40px;
  letter-spacing: 8px;
  color: var(--altin);
  font-family: var(--font-sayac);
  margin: 4px 0;
}
.kodKutu small {
  display: block;
  color: #94a3b8;
  font-size: 11px;
}
.lobiBaslik {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  color: var(--altin);
  text-align: left;
  margin: 10px 0 6px;
}
#lobiListe {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 160px;
  overflow-y: auto;
  margin-bottom: 10px;
}
.lobiOy {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  color: #f1f5f9;
}
.lobiOy i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.lobiOy.botSlot {
  background: rgba(88, 28, 135, 0.28) !important;
  border: 1px solid rgba(168, 85, 247, 0.45) !important;
}
.lobiBotRozet {
  font-size: 10px;
  background: linear-gradient(135deg, #a855f7, #6b21a8);
  color: #fff;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: 10px;
  margin-left: auto;
  box-shadow: 0 0 8px rgba(168, 85, 247, 0.5);
  letter-spacing: 0.5px;
}
.skbBotPill {
  font-size: 9px;
  background: #7e22ce;
  color: #fff;
  font-weight: 800;
  padding: 1px 5px;
  border-radius: 4px;
  margin-left: 4px;
}
.lobiAyarKutu {
  margin-bottom: 10px;
}
.lobiAyarKutu .etiket {
  width: 100%;
  text-align: left;
}
#onlineDurum {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  color: #38bdf8;
  padding: 6px 12px;
  background: rgba(56, 189, 248, 0.1);
  border-radius: 8px;
  margin: 8px 0;
}

/* ================= ÇOKLU ALT ALTA İNEN TOAST KONTEYNERİ ================= */
.toastKapsayici {
  position: fixed;
  left: 50%;
  top: 14px;
  transform: translateX(-50%);
  z-index: 99999 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  pointer-events: none;
  width: auto;
  max-width: min(520px, 92vw);
}

.toastEleman {
  background: rgba(14, 22, 42, 0.97);
  border: 2px solid var(--altin);
  border-radius: 12px;
  padding: 8px 18px;
  font-weight: 800;
  font-size: 13.5px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), var(--golge-altin);
  color: #fff;
  pointer-events: auto;
  cursor: pointer;
  opacity: 0;
  transform: translateY(-20px) scale(0.95);
  animation: toastGel 0.28s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.toastEleman.kotu {
  border-color: var(--kirmizi);
  box-shadow: 0 10px 30px rgba(239, 68, 68, 0.4);
}

.toastEleman.siliniyor {
  opacity: 0;
  transform: translateY(-12px) scale(0.92);
  pointer-events: none;
}

@keyframes toastGel {
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

#toast {
  display: none !important;
}


/* ================= MOBİL UYUMLULUK (<=900px) - DİKEY & YATAY KUSURSUZ DİZAYN ================= */
@media (max-width: 900px) {
  #oyun {
    flex-direction: column;
    height: 100dvh;
    height: 100vh;
    overflow: hidden;
  }
  #tahtaKap {
    height: 54dvh;
    height: 54vh;
    min-height: 250px;
    flex: none;
    overflow: hidden !important;
    position: relative;
  }
  #yan {
    width: 100%;
    height: 46dvh;
    height: 46vh;
    flex: 1;
    border-left: 0;
    border-top: 2px solid var(--altin);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden !important;
    background: rgba(10, 16, 30, 0.98);
  }
  #toast {
    top: 8px;
    padding: 6px 12px;
    font-size: 11px;
    max-width: 90vw;
    z-index: 99999 !important;
  }

  /* Sol Üst Konteyner: Mobilde Kompakt & Katlanabilir Yapı */
  .solUstKonteyner {
    left: 8px !important;
    top: 8px !important;
    max-width: 175px !important;
    gap: 4px !important;
    z-index: 35 !important;
    pointer-events: none !important;
  }
  .solUstMobilToggleBtn {
    display: inline-flex !important;
    pointer-events: auto !important;
    background: linear-gradient(135deg, rgba(234, 179, 8, 0.28) 0%, rgba(15, 23, 42, 0.96) 100%) !important;
    border: 1.5px solid var(--altin) !important;
    border-radius: 20px !important;
    padding: 5px 12px !important;
    font-size: 11px !important;
    color: var(--altin) !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.7) !important;
    width: auto !important;
    cursor: pointer !important;
  }
  .solUstKonteyner:not(.mobilAcik) > *:not(.solUstMobilToggleBtn) {
    display: none !important;
  }
  .solUstKonteyner.mobilAcik {
    pointer-events: auto !important;
    background: rgba(10, 16, 30, 0.97) !important;
    border: 1.5px solid var(--altin) !important;
    border-radius: 14px !important;
    padding: 8px !important;
    max-height: 44vh !important;
    max-width: 220px !important;
    overflow-y: auto !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.85) !important;
    z-index: 50 !important;
  }
  .solUstKonteyner.mobilAcik > * {
    display: flex !important;
    width: 100% !important;
  }
  .solUstValiKutu {
    width: 100% !important;
    padding: 4px 8px !important;
    border-radius: 8px !important;
    gap: 5px !important;
  }
  .suvIkon { font-size: 13px !important; }
  .suvBaslik { font-size: 7.5px !important; letter-spacing: 0.5px !important; }
  .suvDeger { font-size: 9.5px !important; }
  .suvDonem { font-size: 8px !important; padding: 1px 4px !important; }

  .solUstBakiyeler {
    width: 100% !important;
    max-height: 120px !important;
    padding: 4px 8px !important;
    border-radius: 8px !important;
  }
  .solUstBakiyeler .subBaslik {
    font-size: 8.5px !important;
    letter-spacing: 0.5px !important;
    padding-bottom: 2px !important;
    margin-bottom: 2px !important;
  }
  .subSatir {
    padding: 2px 4px !important;
    font-size: 8.5px !important;
  }
  .subPara { font-size: 8px !important; gap: 4px !important; }

  .solUstPiyasaKutu {
    width: 100% !important;
    gap: 3px !important;
  }
  .solUstDovizSayaci {
    gap: 3px !important;
  }
  .sudKart {
    padding: 3px 5px !important;
    border-radius: 6px !important;
  }
  .sudIkon { font-size: 11px !important; }
  .sudBaslik { font-size: 7px !important; }
  .sudDeger { font-size: 9.5px !important; }
  .sudArtis { font-size: 7px !important; }

  .solUstKronolojiKutu {
    width: 100% !important;
    padding: 3px 6px !important;
    border-radius: 6px !important;
  }
  .sukIkon { font-size: 11px !important; }
  .sukBaslik { font-size: 7.5px !important; }
  .sukDeger { font-size: 9px !important; }
  .sukSure { font-size: 8.5px !important; }
  .solUstMevsimRozet { font-size: 7.5px !important; padding: 1px 4px !important; }

  .solUstKendiBakiye {
    width: 100% !important;
    padding: 3px 6px !important;
    border-radius: 8px !important;
    gap: 2px !important;
  }
  .solUstKendiBakiye .kbBaslik { font-size: 8px !important; }
  .solUstKendiBakiye .kbParalar { font-size: 9px !important; }

  /* Mobilde Tahta Canlı Sohbet Kutusu: Altta Sohbet Sekmesi Olduğu İçin Tahtayı Kaplamasın Diye Kesin Olarak Gizlendi */
  .tahtaSohbetKutu,
  #tahtaSohbetKutu {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }

  /* Mobilde Benchmark Panosu: Haritanın Üst Köşesinde Minik ve Ergonomik Hap Barı */
  .benchmarkPano {
    position: absolute !important;
    top: 6px !important;
    right: 6px !important;
    left: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: 90vw !important;
    height: auto !important;
    padding: 3px 8px !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.7) !important;
    z-index: 45 !important;
    background: rgba(12, 18, 34, 0.96) !important;
    border: 1.5px solid #a855f7 !important;
    transition: all 0.22s ease !important;
  }
  .benchmarkPano .bpBaslik {
    height: 26px !important;
    gap: 4px !important;
  }
  .benchmarkPano .bpSol {
    padding: 2px 5px !important;
    gap: 4px !important;
  }
  .benchmarkPano .bpYazi {
    font-size: 9px !important;
  }
  .benchmarkPano .bpIkon {
    font-size: 13px !important;
  }
  .benchmarkPano .bpHizBtn {
    padding: 2px 4px !important;
    font-size: 8.5px !important;
  }
  .benchmarkPano .bpKckBtn {
    width: 22px !important;
    height: 22px !important;
    font-size: 10px !important;
  }
  .benchmarkPano.acik {
    width: min(280px, 88vw) !important;
    max-height: 42vh !important;
    border-radius: 14px !important;
    overflow-y: auto !important;
    z-index: 60 !important;
    padding: 6px 10px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.9), 0 0 16px rgba(168,85,247,0.4) !important;
  }
  .benchmarkPano .bpLiderlik {
    max-height: 24vh !important;
  }

  /* Zoom Butonları: Mobilde Sağ Altta Kompakt 32x32px */
  .zoom {
    left: auto !important;
    right: 8px !important;
    bottom: 8px !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 4px !important;
    z-index: 28 !important;
    pointer-events: auto !important;
  }
  .zoom button {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    border-radius: 8px !important;
    background: rgba(13, 20, 36, 0.95) !important;
    border: 1.5px solid var(--altin) !important;
    color: var(--altin) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    touch-action: manipulation !important;
  }
  .zoom button:active {
    background: var(--panel-hover) !important;
    transform: scale(0.92) !important;
  }

  .aktifSiraRozet {
    left: auto;
    right: 6px;
    top: 6px;
    transform: none;
    font-size: 9px;
    padding: 3px 8px;
  }

  /* Alt Kontrol Paneli (#yan) */
  .ust {
    order: 1;
    padding: 4px 8px;
    gap: 4px;
    min-height: 34px;
  }
  .mlogo {
    width: 24px;
    height: 24px;
  }
  .ust h1 {
    font-size: 13px;
    letter-spacing: 0.5px;
  }
  .sesSlider {
    display: none;
  }

  .eylem {
    order: 2;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 6px 8px;
    gap: 6px;
    background: rgba(10, 16, 30, 0.98);
    border-bottom: 1px solid var(--kenar);
    position: sticky;
    top: 0;
    z-index: 21;
  }
  #zarlar {
    min-height: 0;
    gap: 4px;
  }
  .zar {
    width: 36px;
    height: 36px;
    font-size: 20px;
    border-radius: 8px;
  }
  .ikonlar {
    gap: 4px;
    flex: 1;
    justify-content: flex-end;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .ikon-btn {
    width: 48px;
    height: 40px;
    border-radius: 10px;
    flex-shrink: 0;
  }
  .ikon-btn .btnIkon {
    font-size: 15px;
  }
  .ikon-btn .btnAlt {
    font-size: 7.5px;
  }

  .sekmeler {
    order: 3;
    position: sticky;
    top: 52px;
    z-index: 20;
    display: flex;
    width: 100%;
    background: rgba(14, 23, 44, 0.98);
    padding: 3px;
    gap: 3px;
  }
  .sekmeler button {
    flex: 1;
    padding: 6px 2px;
    font-size: 11px;
    font-weight: 800;
    border-radius: 6px;
    text-align: center;
  }

  .sayfa {
    order: 4;
    padding: 6px 8px;
    flex: 1;
  }

  .oyuncular, #oyuncular, #ay, #vali, #enf {
    display: none !important;
  }
  .yanBannerKutu {
    order: 7;
    margin: 6px 8px;
  }
}

/* ================= REKLAM, SPONSOR & KERBOT ALANLARI ================= */
.billboardPano {
  position: absolute;
  left: 910px;
  top: 995px;
  transform: translateX(-50%);
  width: 420px;
  background: linear-gradient(145deg, #07090e, #0e1726);
  border: 2px solid #53fc18;
  border-radius: 18px;
  padding: 12px 18px;
  text-align: center;
  text-decoration: none;
  color: var(--yazi);
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.8), 0 0 25px rgba(83, 252, 24, 0.28);
  display: flex;
  flex-direction: column;
  gap: 4px;
  transition: all 0.25s ease;
  z-index: 3;
}
.billboardPano:hover {
  border-color: #00f0ff;
  transform: translateX(-50%) scale(1.04);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.85), 0 0 35px rgba(83, 252, 24, 0.45);
}
.billboardPano .bbUst {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.billboardPano .bbLogo {
  width: 24px;
  height: 24px;
  border-radius: 7px;
  border: 1.5px solid #53fc18;
  object-fit: cover;
}
.billboardPano .bbCanliNokta {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #53fc18;
  box-shadow: 0 0 10px #53fc18;
  animation: canliNabiz 1.4s infinite alternate;
}
@keyframes canliNabiz {
  from { opacity: 0.55; transform: scale(0.85); }
  to { opacity: 1; transform: scale(1.2); }
}
.billboardPano .bbEtiket {
  font-family: var(--font-baslik);
  font-size: 10px;
  letter-spacing: 1.5px;
  color: #53fc18;
  font-weight: 900;
}
.billboardPano .bbCtaRozet {
  background: linear-gradient(135deg, #53fc18, #00f0ff);
  color: #05080f;
  font-size: 9.5px;
  font-weight: 900;
  padding: 2px 8px;
  border-radius: 99px;
  letter-spacing: 0.5px;
}
.billboardPano b {
  font-family: var(--font-baslik);
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.3px;
}
.billboardPano small {
  font-size: 12px;
  color: #94a3b8;
  font-weight: 600;
}

.reklamRozet {
  display: inline-block;
  background: linear-gradient(135deg, #fbbf24, #d97706);
  color: #1a1200;
  border-radius: 6px;
  padding: 2px 7px;
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: 1px;
}
.reklamRozet.kerbotRozet {
  background: linear-gradient(135deg, #53fc18, #00f0ff);
  color: #04080e;
  box-shadow: 0 0 12px rgba(83, 252, 24, 0.4);
}

.yanBannerKutu {
  margin: 8px 12px 12px;
  padding: 10px 12px;
  border-radius: 14px;
  background: linear-gradient(135deg, #070a12, #111a2e);
  border: 1.5px solid rgba(83, 252, 24, 0.55);
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5), 0 0 16px rgba(83, 252, 24, 0.15);
}
.yanBannerKutu .ybIkonKutu {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(83, 252, 24, 0.12);
  border: 1.5px solid #53fc18;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(83, 252, 24, 0.3);
}
.ybLogoImg, .mbLogoImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.yanBannerKutu a {
  color: var(--yazi);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow: hidden;
  flex: 1;
}
.yanBannerKutu .ybUstSatir {
  display: flex;
  align-items: center;
  gap: 6px;
}
.yanBannerKutu b {
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.yanBannerKutu small {
  color: #94a3b8;
  font-size: 10.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.yanBannerKutu .ybCtaBtn {
  flex: none;
  background: linear-gradient(135deg, #53fc18, #00f0ff);
  color: #04080e !important;
  font-size: 11px;
  font-weight: 900;
  padding: 6px 10px;
  border-radius: 8px;
  text-decoration: none;
  box-shadow: 0 0 10px rgba(83, 252, 24, 0.35);
}

.menuBannerKutu {
  max-width: 580px;
  margin: 18px auto 6px;
  padding: 12px 18px;
  border-radius: 18px;
  background: linear-gradient(135deg, #07090e, #111b2e);
  border: 1.5px solid rgba(83, 252, 24, 0.65);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7), 0 0 22px rgba(83, 252, 24, 0.2);
}
.menuBannerKutu a {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: var(--yazi);
  text-align: left;
  flex: 1;
}
.menuBannerKutu .mbIkon {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: rgba(83, 252, 24, 0.15);
  border: 2px solid #53fc18;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  overflow: hidden;
  box-shadow: 0 0 14px rgba(83, 252, 24, 0.35);
}
.menuBannerKutu .mbMetin {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}
.menuBannerKutu b {
  font-family: var(--font-baslik);
  font-size: 14px;
  color: #fff;
}
.menuBannerKutu small {
  font-size: 11.5px;
  color: #94a3b8;
}
.menuBannerKutu .mbCtaRozet {
  flex: none;
  background: linear-gradient(135deg, #53fc18, #00f0ff);
  color: #04080e;
  font-size: 11.5px;
  font-weight: 900;
  padding: 8px 12px;
  border-radius: 10px;
  white-space: nowrap;
  box-shadow: 0 0 14px rgba(83, 252, 24, 0.35);
}

.reklamModalKutu {
  max-width: 460px;
  border: 2px solid #53fc18;
  background: linear-gradient(160deg, #07090e, #0f172a);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.9), 0 0 40px rgba(83, 252, 24, 0.3);
}
.reklamUstBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.reklamSayac {
  font-family: var(--font-sayac);
  font-size: 12px;
  font-weight: 800;
  color: #53fc18;
  background: rgba(83, 252, 24, 0.12);
  border: 1px solid rgba(83, 252, 24, 0.4);
  padding: 4px 10px;
  border-radius: 99px;
}
.reklamSahne {
  background: rgba(7, 9, 14, 0.85);
  border: 1px solid rgba(83, 252, 24, 0.35);
  border-radius: 16px;
  padding: 18px 16px;
  text-align: center;
}
.kerbotMarkaBaslik {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 12px;
  text-align: left;
}
.kerbotModalLogo {
  width: 54px;
  height: 54px;
  border-radius: 14px;
  border: 2px solid #53fc18;
  object-fit: cover;
  box-shadow: 0 0 20px rgba(83, 252, 24, 0.45);
}
.kerbotMarkaYazi h3 {
  margin: 0;
  font-family: var(--font-baslik);
  font-size: 18px;
  color: #fff;
}
.kerbotAlanAdi {
  font-family: var(--font-sayac);
  font-size: 12px;
  font-weight: 800;
  color: #53fc18;
}
.kerbotCanliSohbet {
  background: #05070b;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 10px 12px;
  margin: 12px 0;
  text-align: left;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.kcSatir {
  color: #cbd5e1;
  line-height: 1.4;
}
.kcSatir code {
  color: #53fc18;
  font-weight: 800;
  background: rgba(83, 252, 24, 0.12);
  padding: 2px 6px;
  border-radius: 5px;
}
.kcKul {
  color: #00f0ff;
  font-weight: 800;
}
.kcBot {
  border-left: 3px solid #53fc18;
  padding-left: 8px;
  color: #fff;
}
.kcBotAd {
  color: #53fc18;
  font-weight: 900;
}
.kerbotZiyaretBtn {
  display: inline-block;
  width: 100%;
  margin-top: 8px;
  padding: 11px 14px;
  border-radius: 12px;
  background: linear-gradient(135deg, #53fc18, #00f0ff);
  color: #04080e;
  font-family: var(--font-baslik);
  font-weight: 900;
  font-size: 13px;
  text-decoration: none;
  box-shadow: 0 0 20px rgba(83, 252, 24, 0.45);
}
.kerbotZiyaretBtn:hover {
  filter: brightness(1.1);
}
.reklamCubukDis {
  height: 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 99px;
  overflow: hidden;
  margin-top: 14px;
}
.reklamCubukIc {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #53fc18, #00f0ff);
  transition: width 0.25s linear;
}

/* ================= ✈️ UÇAK UÇUŞU, 🚇 METRO & PARÇACIK GÖRSEL EFEKTLERİ ================= */
.ucakRotaSvg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 11;
  overflow: visible;
}
.ucakRotaCizgi {
  fill: none;
  stroke: #38bdf8;
  stroke-width: 4;
  stroke-dasharray: 12 8;
  stroke-linecap: round;
  filter: drop-shadow(0 0 10px #38bdf8);
  animation: rotaAkis 0.45s linear infinite;
}
@keyframes rotaAkis {
  to { stroke-dashoffset: -20; }
}

.ucakEfektKok {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  pointer-events: none;
  z-index: 18;
  will-change: transform;
}
.ucakGolge {
  position: absolute;
  left: -34px;
  top: -34px;
  width: 68px;
  height: 68px;
  pointer-events: none;
  filter: blur(5px);
  opacity: 0.45;
  transition: transform 0.05s linear;
}
.ucakGovdeKap {
  position: absolute;
  left: -46px;
  top: -46px;
  width: 92px;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 14px 22px rgba(0, 0, 0, 0.8)) drop-shadow(0 0 20px rgba(56, 189, 248, 0.8));
}
.ucakGovdeSvg {
  width: 88px;
  height: 88px;
  display: block;
}
.ucakMotorAlev {
  position: absolute;
  left: 50%;
  bottom: 2px;
  transform: translateX(-50%);
  width: 14px;
  height: 28px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(56, 189, 248, 0.9) 45%, rgba(249, 115, 22, 0) 80%);
  filter: blur(1.5px);
  animation: motorAlevTitresim 0.09s infinite alternate;
}
@keyframes motorAlevTitresim {
  from { transform: translateX(-50%) scaleY(0.85); opacity: 0.8; }
  to { transform: translateX(-50%) scaleY(1.3); opacity: 1; }
}
.ucakPiyonRozet {
  position: absolute;
  left: 50%;
  top: 46%;
  transform: translate(-50%, -50%);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #0f172a;
  border: 2px solid #fbbf24;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  box-shadow: 0 0 12px rgba(251, 191, 36, 0.85);
}

.ucakBulutIz {
  position: absolute;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  margin-top: -11px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 0%, rgba(125, 211, 252, 0.5) 55%, transparent 75%);
  pointer-events: none;
  z-index: 14;
  animation: bulutDagil 0.85s ease-out forwards;
}
@keyframes bulutDagil {
  0% { transform: scale(0.5); opacity: 0.95; }
  100% { transform: scale(2.4); opacity: 0; }
}

.metroEfektKok {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  pointer-events: none;
  z-index: 17;
  will-change: transform;
}
.metroVagon {
  position: absolute;
  left: -44px;
  top: -24px;
  width: 88px;
  height: 48px;
  border-radius: 14px;
  background: linear-gradient(180deg, #ef4444 0%, #b91c1c 48%, #1e293b 50%, #0f172a 100%);
  border: 2.5px solid #f8fafc;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.8), 0 0 24px rgba(239, 68, 68, 0.8);
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 8px;
}
.metroPencere {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background: #fef08a;
  box-shadow: 0 0 10px #fef08a;
}

.kareEfektHalka {
  position: absolute;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  margin-top: -12px;
  border-radius: 50%;
  border: 3.5px solid var(--efekt-renk, #fbbf24);
  pointer-events: none;
  z-index: 15;
  box-shadow: 0 0 20px var(--efekt-renk, #fbbf24);
  animation: halkaYayil 0.75s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes halkaYayil {
  0% { transform: scale(0.3); opacity: 1; }
  100% { transform: scale(4.8); opacity: 0; }
}

.efektParcacik {
  position: absolute;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -5px;
  border-radius: 50%;
  background: var(--efekt-renk, #fbbf24);
  box-shadow: 0 0 10px var(--efekt-renk, #fbbf24);
  pointer-events: none;
  z-index: 16;
  animation: parcacikFirla 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes parcacikFirla {
  0% { transform: translate(0, 0) scale(1.2); opacity: 1; }
  100% { transform: translate(var(--tx, 0px), var(--ty, 0px)) scale(0.15); opacity: 0; }
}

.kareUcanYazi {
  position: absolute;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 19;
  background: rgba(10, 16, 30, 0.94);
  border: 2px solid var(--efekt-renk, #fbbf24);
  color: #fff;
  padding: 6px 14px;
  border-radius: 999px;
  font-family: var(--font-baslik);
  font-size: 14px;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.8), 0 0 20px var(--efekt-renk, #fbbf24);
  animation: ucanYaziYuksel 1.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes ucanYaziYuksel {
  0% { transform: translate(-50%, 10px) scale(0.6); opacity: 0; }
  20% { transform: translate(-50%, -18px) scale(1.1); opacity: 1; }
  80% { transform: translate(-50%, -50px) scale(1); opacity: 1; }
  100% { transform: translate(-50%, -72px) scale(0.88); opacity: 0; }
}

.sarsinti {
  animation: ekranSarsinti 0.42s ease-in-out;
}
@keyframes ekranSarsinti {
  0%, 100% { transform: translate(0, 0); }
  20% { transform: translate(-8px, 5px); }
  40% { transform: translate(8px, -6px); }
  60% { transform: translate(-6px, -4px); }
  80% { transform: translate(6px, 4px); }
}

.k.polisIsigi {
  animation: polisCakar 0.22s linear 6;
}
@keyframes polisCakar {
  0%, 100% { box-shadow: 0 0 28px 10px #ef4444 !important; }
  50% { box-shadow: 0 0 28px 10px #3b82f6 !important; }
}

/* ================= 👑 GİZLİ ADMİN PANELİ ================= */
.adminKutu {
  width: min(840px, 96vw) !important;
  max-height: 90vh !important;
  display: flex;
  flex-direction: column;
}
.adminUstBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 10px;
  margin-bottom: 12px;
}
.adminBaslikGrup {
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
}
.adminIkon {
  font-size: 36px;
}
.adminCanliEtiket {
  font-size: 11px;
  color: #34d399;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
}
.adminKpiGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.kpiKart {
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
}
.kpiIkon {
  font-size: 26px;
}
.kpiBilgi {
  flex: 1;
}
.kpiAd {
  display: block;
  font-size: 10px;
  color: #94a3b8;
  font-weight: 800;
  letter-spacing: 0.5px;
}
.kpiSayi {
  display: block;
  font-family: var(--font-sayac);
  font-size: 18px;
  color: var(--altin);
  line-height: 1.2;
}
.adminAraclarBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(10, 16, 30, 0.8);
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 10px;
}
.aabBaslik {
  font-size: 11px;
  font-weight: 800;
  color: var(--altin);
  letter-spacing: 1px;
}
.aabSag {
  display: flex;
  align-items: center;
  gap: 12px;
}
.otoYenileEtiket {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: #cbd5e1;
  cursor: pointer;
  margin: 0;
}
.adminMasaListesi {
  flex: 1;
  max-height: 48vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: 4px;
}
.adminBosMesaj {
  padding: 24px;
  color: #94a3b8;
  font-size: 13px;
  text-align: center;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 12px;
}
.adminMasaKart {
  background: rgba(15, 23, 42, 0.9);
  border: 1.5px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  padding: 12px 14px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: all 0.2s ease;
}
.adminMasaKart:hover {
  border-color: rgba(251, 191, 36, 0.4);
}
.amkUst {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.amkKodGrup {
  display: flex;
  align-items: center;
  gap: 8px;
}
.amkKod {
  font-family: var(--font-sayac);
  font-size: 16px;
  letter-spacing: 2px;
  color: var(--altin);
  background: rgba(251, 191, 36, 0.12);
  padding: 2px 8px;
  border-radius: 6px;
  border: 1px solid rgba(251, 191, 36, 0.3);
}
.amkDurumTag {
  font-size: 10px;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 6px;
}
.amkDurumTag.oyunda {
  background: rgba(16, 185, 129, 0.25);
  color: #34d399;
}
.amkDurumTag.lobi {
  background: rgba(245, 158, 11, 0.25);
  color: #fbbf24;
}
.amkOyuncularGrid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.amkOyuncuItem {
  display: flex;
  align-items: center;
  gap: 4px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 11px;
  color: #f1f5f9;
}
.amkAlt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px dashed rgba(255, 255, 255, 0.08);
  padding-top: 6px;
  font-size: 10.5px;
  color: #94a3b8;
}

/* Yönetici Sekmeleri & Yeni Paneller */
.adminSekmeler {
  display: flex;
  gap: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 8px;
  margin-bottom: 12px;
  overflow-x: auto;
}
.adminSekmeBtn {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #cbd5e1;
  padding: 7px 14px;
  border-radius: 8px;
  font-size: 11.5px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.15s ease;
}
.adminSekmeBtn:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
.adminSekmeBtn.aktif {
  background: var(--altin);
  color: #0f172a;
  border-color: #fde047;
  box-shadow: 0 0 10px rgba(251, 191, 36, 0.4);
}
.adminSekmeIcerik {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.adminDuyuruKutu {
  background: rgba(15, 23, 42, 0.9);
  border: 1.5px solid rgba(251, 191, 36, 0.3);
  border-radius: 14px;
  padding: 16px;
  text-align: left;
}
.adminEkonomiGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
}
.aegKart {
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
}
.aegIkon {
  font-size: 24px;
  color: var(--altin);
}
.aegKart small {
  display: block;
  font-size: 9px;
  color: #94a3b8;
  font-weight: 800;
}
.aegKart b {
  display: block;
  font-family: var(--font-sayac);
  font-size: 16px;
  color: #f1f5f9;
}
.adminEngelliIpListesi {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-height: 120px;
  overflow-y: auto;
}
.adminIpPill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
  color: #fca5a5;
  padding: 3px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-family: var(--font-mono);
}
.adminIpKaldirBtn {
  background: none;
  border: none;
  color: #ef4444;
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
  padding: 0;
}

/* Geçmiş Oyun Kartı */
.adminGecmisKart {
  background: rgba(15, 23, 42, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: left;
}
.agkUst {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.agkKod {
  font-family: var(--font-sayac);
  font-size: 14px;
  letter-spacing: 1.5px;
  color: var(--altin);
}
.agkKazanan {
  font-size: 12px;
  font-weight: 800;
  color: #34d399;
}
.agkDetay {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 10.5px;
  color: #94a3b8;
}

/* Genel Sunucu Duyurusu (Tüm İstemciler İçin Kayan / Tepe Bant) */
.genelDuyuruBant {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-weight: 800;
  font-size: 13px;
  transform: translateY(-100%);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.8);
  pointer-events: auto;
}
.genelDuyuruBant.goster {
  transform: translateY(0);
}
.genelDuyuruBant.altin {
  background: linear-gradient(90deg, #b45309, #d97706, #b45309);
  color: #fff;
  border-bottom: 2px solid #fef08a;
}
.genelDuyuruBant.kirmizi {
  background: linear-gradient(90deg, #991b1b, #dc2626, #991b1b);
  color: #fff;
  border-bottom: 2px solid #fca5a5;
  animation: yanipSon 1.5s infinite;
}

/* ================= 📱 MOBİL & APK SÜRÜM MODALI ================= */
.apkKutu {
  width: min(720px, 95vw) !important;
}
.apkUstBar {
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 10px;
  margin-bottom: 14px;
}
.apkIkon {
  font-size: 38px;
}
.apkSecenekGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}
.apkSecenekKart {
  background: rgba(15, 23, 42, 0.85);
  border: 1.5px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 16px;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.apkSecenekKart h3 {
  font-family: var(--font-baslik);
  font-size: 15px;
  color: var(--altin);
  margin-bottom: 4px;
}
.apkSecenekKart p {
  font-size: 12px;
  color: #94a3b8;
  line-height: 1.45;
  margin-bottom: 14px;
  flex: 1;
}
.askUst {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.askIkon {
  font-size: 28px;
}
.askRozet {
  font-size: 9px;
  font-weight: 900;
  padding: 2px 7px;
  border-radius: 6px;
  background: rgba(16, 185, 129, 0.25);
  color: #34d399;
}
.apkBilgiKutusu {
  background: rgba(10, 16, 30, 0.75);
  border: 1px dashed var(--altin);
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 11.5px;
  color: #cbd5e1;
  text-align: left;
  line-height: 1.45;
}
.apkBilgiKutusu b {
  color: var(--altin);
  display: block;
  margin-bottom: 3px;
}
.apkBilgiKutusu code {
  color: #38bdf8;
  background: rgba(56, 189, 248, 0.1);
  padding: 2px 5px;
  border-radius: 4px;
}

/* ================= 🔄 YATAY MOD YÖNLENDİRME BİLDİRİMİ ================= */
.yatayModUyarisi {
  position: fixed;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  z-index: 100;
  background: rgba(10, 16, 30, 0.96);
  border: 1.5px solid var(--altin);
  border-radius: 16px;
  padding: 8px 16px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8), 0 0 20px rgba(251, 191, 36, 0.3);
  max-width: 90vw;
}
.ymuIcerik {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ymuIkon {
  font-size: 26px;
  animation: dondurYavas 3s infinite linear;
}
@keyframes dondurYavas {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.ymuMetin {
  text-align: left;
}
.ymuMetin b {
  display: block;
  font-size: 12px;
  color: #fff;
}
.ymuMetin small {
  font-size: 10px;
  color: #94a3b8;
}

/* ================= 📱 YATAY (LANDSCAPE) MOD OPTİMİZASYONU ================= */
@media (orientation: landscape) and (max-height: 650px) {
  #oyun {
    flex-direction: row !important;
    height: 100vh !important;
    height: 100dvh !important;
    overflow: hidden !important;
  }
  #tahtaKap {
    height: 100% !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    position: relative !important;
  }
  #yan {
    width: 320px !important;
    max-width: 340px !important;
    min-width: 260px !important;
    height: 100% !important;
    flex: 0 0 320px !important;
    border-top: none !important;
    border-left: 1.5px solid var(--altin) !important;
    font-size: 12px !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .solUstKonteyner {
    left: 8px !important;
    top: 8px !important;
    max-width: 170px !important;
    gap: 3px !important;
    z-index: 35 !important;
    pointer-events: none !important;
  }
  .solUstMobilToggleBtn {
    display: inline-flex !important;
    pointer-events: auto !important;
    padding: 4px 10px !important;
    font-size: 10.5px !important;
  }
  .solUstKonteyner:not(.mobilAcik) > *:not(.solUstMobilToggleBtn) {
    display: none !important;
  }
  .solUstKonteyner.mobilAcik {
    pointer-events: auto !important;
    background: rgba(10, 16, 30, 0.97) !important;
    border: 1.5px solid var(--altin) !important;
    border-radius: 12px !important;
    padding: 6px !important;
    max-height: 80vh !important;
    max-width: 220px !important;
    overflow-y: auto !important;
    z-index: 50 !important;
  }
  .solUstKonteyner.mobilAcik > * {
    display: flex !important;
    width: 100% !important;
  }
  .tahtaSohbetKutu,
  #tahtaSohbetKutu {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }
  .benchmarkPano {
    position: absolute !important;
    top: 6px !important;
    right: 8px !important;
    left: auto !important;
    max-width: 90vw !important;
    height: auto !important;
    padding: 3px 8px !important;
    border-radius: 16px !important;
    z-index: 45 !important;
  }
  .benchmarkPano.acik {
    max-height: 65vh !important;
    width: 280px !important;
    height: auto !important;
    z-index: 60 !important;
  }
  .zoom {
    left: auto !important;
    right: 10px !important;
    bottom: 10px !important;
    display: flex !important;
    gap: 6px !important;
    z-index: 28 !important;
    pointer-events: auto !important;
  }
  .zoom button {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(13, 20, 36, 0.95) !important;
    border: 1.5px solid var(--altin) !important;
    color: var(--altin) !important;
  }
  .eylem {
    padding: 4px 6px !important;
    gap: 4px !important;
  }
  .zar {
    width: 32px !important;
    height: 32px !important;
    font-size: 18px !important;
  }
  .ikon-btn {
    width: 44px !important;
    height: 36px !important;
  }
  .sekmeler button {
    font-size: 10.5px !important;
    padding: 5px 2px !important;
  }
}

/* ================= 💬 KARE GİBİ OLAN YER: TAHTA CANLI SOHBET (YALNIZCA MASAÜSTÜ >900px) ================= */
@media (min-width: 901px) {
  .tahtaSohbetKutu {
    position: absolute;
    right: 18px;
    bottom: 18px;
    width: 320px;
    height: 255px;
    background: rgba(11, 18, 33, 0.94);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1.5px solid rgba(251, 191, 36, 0.45);
    border-radius: 12px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 22;
    transition: height 0.22s ease, width 0.22s ease, transform 0.22s ease;
  }
}
.tahtaSohbetKutu.kucuk {
  height: 38px;
  width: 190px;
}
.tahtaSohbetKutu.kucuk .sohbetGovde {
  display: none !important;
}
.tahtaSohbetKutu .sohbetBaslik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: linear-gradient(90deg, rgba(26, 38, 66, 0.95), rgba(15, 23, 42, 0.95));
  border-bottom: 1px solid rgba(251, 191, 36, 0.3);
  font-family: var(--font-baslik);
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 1px;
  color: var(--altin);
  user-select: none;
}
.tahtaSohbetKutu .sbSol {
  display: flex;
  align-items: center;
  gap: 6px;
}
.tahtaSohbetKutu .sbKucultBtn {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  border-radius: 6px;
  padding: 1px 7px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}
.tahtaSohbetKutu .sohbetGovde {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 8px;
  gap: 6px;
}
.tahtaSohbetKutu .sohbetMesajlar {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 4px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 11.5px;
}
.tahtaSohbetKutu .sohbetHizliReaksiyonlar {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.tahtaSohbetKutu .hrBtn {
  flex: 0 0 auto;
  font-size: 10px;
  padding: 3px 7px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  color: #e2e8f0;
  cursor: pointer;
  white-space: nowrap;
}
.tahtaSohbetKutu .sohbetForm {
  display: flex;
  gap: 6px;
}
.tahtaSohbetKutu .sohbetGirdi {
  flex: 1;
  padding: 6px 10px;
  font-size: 11.5px;
  background: rgba(0, 0, 0, 0.7);
  border: 1.5px solid rgba(255, 255, 255, 0.22);
  border-radius: 8px;
  color: #fff;
  pointer-events: auto !important;
  user-select: text !important;
  -webkit-user-select: text !important;
  cursor: text !important;
}
.tahtaSohbetKutu .sohbetGirdi:focus {
  border-color: var(--altin);
  outline: none;
  background: rgba(0, 0, 0, 0.9);
}
.tahtaSohbetKutu .sohbetGonderBtn {
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 800;
  background: linear-gradient(135deg, #fbbf24, #d97706);
  border: none;
  border-radius: 8px;
  color: #0f172a;
  cursor: pointer;
}

/* ================= YEREL KURULUM MODERN LOBİ ================= */
.kurulumAksiyonBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(251, 191, 36, 0.25);
  border-radius: 12px;
  padding: 10px 16px;
  margin-bottom: 12px;
}
.kabOyuncuSayac {
  font-size: 14px;
  font-weight: 700;
  color: #f1f5f9;
}
.kabOyuncuSayac b {
  color: var(--altin);
  font-size: 16px;
}
.kabSag {
  display: flex;
  gap: 8px;
}
.kabBtn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 10px;
  font-size: 12.5px;
  font-weight: 800;
  border: none;
  cursor: pointer;
  transition: transform 0.15s ease, filter 0.15s ease;
}
.kabBtn:hover {
  filter: brightness(1.12);
  transform: translateY(-1px);
}
.kabBtn.altin {
  background: linear-gradient(135deg, #fbbf24, #d97706);
  color: #0f172a;
  box-shadow: 0 4px 14px rgba(245, 158, 11, 0.35);
}
.kabBtn.mavi {
  background: linear-gradient(135deg, #0ea5e9, #0284c7);
  color: #fff;
  box-shadow: 0 4px 14px rgba(14, 165, 233, 0.35);
}
.kabBtn.kirmizi {
  background: linear-gradient(135deg, #ef4444, #b91c1c);
  color: #fff;
  box-shadow: 0 4px 14px rgba(239, 68, 68, 0.35);
}

.kurulumAyarBar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  background: rgba(10, 16, 30, 0.6);
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.kurulumHizliSecimler {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex: 1;
}
.khzBtn {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #cbd5e1;
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}
.khzBtn:hover {
  background: rgba(251, 191, 36, 0.15);
  border-color: var(--altin);
  color: var(--altin);
}

/* Slot Kartları */
.slotlarGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px;
  max-height: 380px;
  overflow-y: auto;
  padding: 4px;
}
.slotKart {
  background: rgba(16, 25, 46, 0.85);
  border: 1.5px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.slotKart.slotBot {
  border-color: rgba(251, 191, 36, 0.4);
  background: linear-gradient(180deg, rgba(26, 35, 60, 0.85), rgba(15, 22, 40, 0.9));
}
.slotUst {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.slotNo {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 800;
  color: #e2e8f0;
}
.slotRenkNokta {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 6px currentColor;
}
.slotCikarBtn {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.35);
  color: #fca5a5;
  border-radius: 6px;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  cursor: pointer;
}
.slotCikarBtn:hover {
  background: #ef4444;
  color: #fff;
}
.slotGrup {
  display: flex;
  gap: 6px;
}
.slotPiyonSecim select {
  padding: 4px 6px;
  font-size: 13px;
  max-width: 95px;
}
.slotAdGirdi {
  flex: 1;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 700;
}
.slotBotBilgiBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(0, 0, 0, 0.35);
  padding: 4px 8px;
  border-radius: 8px;
  border: 1px dashed rgba(251, 191, 36, 0.3);
}
.sbbKisiselTag {
  font-size: 11px;
  font-weight: 800;
  color: #fbbf24;
}
.sbbDegistirBtn {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #cbd5e1;
  padding: 2px 7px;
  border-radius: 6px;
  font-size: 10px;
  cursor: pointer;
}
.sbbDegistirBtn:hover {
  background: rgba(251, 191, 36, 0.2);
  color: #fff;
  border-color: #fbbf24;
}

/* Bot Kişilik Seçim Modalı */
.botSecimGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 14px;
}
.bsgKart {
  background: rgba(20, 30, 55, 0.9);
  border: 1.5px solid rgba(251, 191, 36, 0.25);
  border-radius: 12px;
  padding: 14px;
  cursor: pointer;
  text-align: center;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.bsgKart:hover {
  border-color: var(--altin);
  box-shadow: 0 8px 24px rgba(251, 191, 36, 0.25);
  transform: translateY(-2px);
}
.bsgIkon {
  font-size: 32px;
  margin-bottom: 6px;
}
.bsgBaslik {
  font-family: var(--font-baslik);
  font-size: 14px;
  font-weight: 900;
  color: #fbbf24;
  margin-bottom: 4px;
}
.bsgAciklama {
  font-size: 11px;
  color: #94a3b8;
  line-height: 1.35;
  margin-bottom: 10px;
  min-height: 30px;
}
.bsgSecBtn {
  width: 100%;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 800;
  background: rgba(251, 191, 36, 0.15);
  border: 1px solid var(--altin);
  color: var(--altin);
  border-radius: 8px;
  cursor: pointer;
}
.bsgKart:hover .bsgSecBtn {
  background: var(--altin);
  color: #0f172a;
}

/* ================= ALT TAPU PORTFÖY BARI (OYUNCUNUN TAPULARI) ================= */
.tapuPortfoyBar {
  position: absolute;
  bottom: 12px;
  left: calc(50% - 150px);
  transform: translateX(-50%);
  max-width: min(600px, calc(100% - 370px));
  z-index: 38;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(10, 16, 30, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1.5px solid rgba(251, 191, 36, 0.35);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.7), 0 0 15px rgba(251, 191, 36, 0.12);
  border-radius: 12px;
  padding: 5px 10px;
  box-sizing: border-box;
  pointer-events: auto;
  max-height: 68px;
  overflow-x: auto;
  transition: all 0.25s ease;
}
body.sohbetKucuk .tapuPortfoyBar,
body.sohbetKapali .tapuPortfoyBar {
  left: 50% !important;
  max-width: min(760px, calc(100% - 120px)) !important;
}
.tapuPortfoyBar.gizli {
  display: none !important;
}
@media (max-width: 1200px) {
  .tapuPortfoyBar {
    max-width: calc(100vw - 360px);
    bottom: 8px;
  }
}
@media (max-width: 900px) {
  .tapuPortfoyBar {
    display: none !important;
  }
}
.tpbBaslik {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding-right: 8px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--altin);
  font-family: var(--font-baslik);
  user-select: none;
}
.tpbIkon {
  font-size: 16px;
  line-height: 1;
}
.tpbBaslikMetin {
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 0.5px;
}
.tpbSayiRozet {
  background: rgba(251, 191, 36, 0.2);
  border: 1px solid var(--altin);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  border-radius: 999px;
  padding: 0 5px;
  margin-top: 1px;
}
.tpbKartListesi {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  flex: 1;
  padding: 2px 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(251, 191, 36, 0.4) transparent;
}
.tpbKartListesi::-webkit-scrollbar {
  height: 4px;
}
.tpbKartListesi::-webkit-scrollbar-thumb {
  background: rgba(251, 191, 36, 0.4);
  border-radius: 4px;
}
.tpbBos {
  font-size: 11px;
  color: var(--soluk);
  padding: 8px;
  font-style: italic;
  white-space: nowrap;
}
.tpbKart {
  flex: 0 0 auto;
  width: 82px;
  height: 50px;
  border-radius: 6px;
  background: rgba(18, 26, 48, 0.95);
  border: 1.5px solid rgba(255, 255, 255, 0.12);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
  user-select: none;
}
.tpbKart:hover {
  transform: translateY(-3px) scale(1.03);
  border-color: var(--altin);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6), 0 0 10px rgba(251, 191, 36, 0.25);
}
.tpbKart.secili {
  border-color: #38bdf8;
  box-shadow: 0 0 12px rgba(56, 189, 248, 0.6);
}
.tpbRenk {
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4px;
  font-size: 8px;
  font-weight: 900;
  color: #fff;
  text-shadow: 0 1px 2px #000;
}
.tpbSeviye {
  background: rgba(0, 0, 0, 0.65);
  padding: 0 3px;
  border-radius: 2px;
  font-size: 7.5px;
}
.tpbIpotek {
  background: #dc2626;
  padding: 0 3px;
  border-radius: 2px;
  font-size: 7px;
}
.tpbGovde {
  flex: 1;
  padding: 3px 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tpbAd {
  font-size: 9.5px;
  font-weight: 800;
  color: #f1f5f9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.15;
}
.tpbKira {
  font-size: 8.5px;
  color: #94a3b8;
  white-space: nowrap;
}
.tpbKira b {
  color: var(--altin);
}

/* ================= İHALE 5 SANİYE DÜŞÜNME SAYACI ================= */
.ihaleSayacPano {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: 8px;
  padding: 5px 12px;
  margin: 6px auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: #fca5a5;
  font-weight: 700;
}
.ihaleSayac {
  color: #fef08a;
  font-size: 16px;
  font-weight: 900;
  font-family: var(--font-mono);
}
.ihaleSayac.kritik {
  color: #ef4444;
  animation: yanipSon 0.5s infinite alternate;
}

/* ================= BOT SİMÜLASYONU (BENCHMARK) PANOSU ================= */
.renkBenchmark {
  border-color: #a855f7 !important;
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.15) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
}
.renkBenchmark:hover {
  border-color: #c084fc !important;
  box-shadow: 0 0 16px rgba(168, 85, 247, 0.4) !important;
}
.mkRozet.benchmark {
  background: rgba(168, 85, 247, 0.25);
  border: 1px solid #c084fc;
  color: #e9d5ff;
}
.khzBtn.benchmark {
  border-color: #a855f7;
  color: #d8b4fe;
}
.khzBtn.benchmark:hover {
  background: rgba(168, 85, 247, 0.2);
}

/* ================= BOT SİMÜLASYONU (BENCHMARK) PANOSU ================= */
.benchmarkPano {
  position: absolute;
  top: 76px;
  right: 18px;
  z-index: 45;
  background: rgba(10, 16, 30, 0.94);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1.5px solid #a855f7;
  border-radius: 20px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6), 0 0 12px rgba(168, 85, 247, 0.25);
  padding: 4px 10px;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  box-sizing: border-box;
  max-width: 92vw;
  pointer-events: auto;
}
.benchmarkPano .bpBaslik {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 30px;
  white-space: nowrap;
}
.benchmarkPano .bpSol {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  padding: 3px 8px;
  border-radius: 12px;
  background: rgba(168, 85, 247, 0.15);
  transition: background 0.15s ease;
  user-select: none;
}
.benchmarkPano .bpSol:hover {
  background: rgba(168, 85, 247, 0.28);
}
.benchmarkPano .bpIkon {
  font-size: 15px;
}
.benchmarkPano .bpYazi {
  font-family: var(--font-baslik);
  font-size: 10.5px;
  font-weight: 800;
  color: #d8b4fe;
  letter-spacing: 0.5px;
}
.benchmarkPano .bpDot {
  color: #22c55e;
  font-size: 10px;
  animation: yanipSon 1s infinite;
}
.benchmarkPano .bpOkIkon {
  font-size: 10px;
  color: #c084fc;
  transition: transform 0.2s ease;
}
.benchmarkPano.acik .bpOkIkon {
  transform: rotate(180deg);
}
.benchmarkPano .bpHizSecim {
  display: flex;
  align-items: center;
  gap: 3px;
}
.benchmarkPano .bpHizBtn {
  padding: 3px 6px;
  font-size: 10px;
  font-weight: 900;
  font-family: var(--font-mono);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #cbd5e1;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.benchmarkPano .bpHizBtn:hover {
  background: rgba(168, 85, 247, 0.2);
  border-color: #a855f7;
}
.benchmarkPano .bpHizBtn.aktif {
  background: #a855f7;
  border-color: #c084fc;
  color: #fff;
  box-shadow: 0 0 8px rgba(168, 85, 247, 0.5);
}
.benchmarkPano .bpAksiyonKisa {
  display: flex;
  align-items: center;
  gap: 4px;
}
.benchmarkPano .bpKckBtn {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  border-radius: 6px;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.benchmarkPano .bpKckBtn:hover {
  background: rgba(168, 85, 247, 0.25);
  border-color: #a855f7;
}
.benchmarkPano .bpKckBtn.cikis {
  color: #fca5a5;
  border-color: rgba(239, 68, 68, 0.4);
}
.benchmarkPano .bpKckBtn.cikis:hover {
  background: rgba(239, 68, 68, 0.35);
  border-color: #ef4444;
}

/* Açılır Liderlik Dropdown */
.benchmarkPano .bpAcilirKonteyner {
  display: none;
  margin-top: 8px;
  border-top: 1px solid rgba(168, 85, 247, 0.3);
  padding-top: 8px;
  width: 300px;
  max-width: 88vw;
}
.benchmarkPano.acik .bpAcilirKonteyner {
  display: block;
}
.benchmarkPano.acik {
  border-radius: 14px;
  padding: 8px 12px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.8), 0 0 16px rgba(168, 85, 247, 0.35);
}
.bpLiderlikBaslik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  font-weight: 800;
  color: #e9d5ff;
  margin-bottom: 6px;
}
.bpKapatBtn {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #cbd5e1;
  border-radius: 6px;
  padding: 2px 6px;
  font-size: 9.5px;
  cursor: pointer;
}
.bpKapatBtn:hover {
  background: rgba(255, 255, 255, 0.16);
}
.bpLiderlik {
  max-height: 28vh;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-right: 2px;
}
.bpBotItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 7px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.04);
  border-left: 3px solid var(--c, #a855f7);
  font-size: 10.5px;
}
.bpBotItem.elendi {
  opacity: 0.45;
  filter: grayscale(1);
}
.bpBotSol {
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bpBotSira {
  font-size: 9.5px;
  font-weight: 900;
  color: #94a3b8;
  width: 14px;
}
.bpBotAd {
  font-weight: 700;
  color: #f1f5f9;
}
.bpBotServet {
  font-family: var(--font-mono);
  font-weight: 800;
  color: var(--altin);
  white-space: nowrap;
  font-size: 10px;
}

/* ================= YAKIN ODA / AYNI Wİ-Fİ VE CANLI ODALAR LİSTESİ ================= */
.yakinOdaBildirim {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.25), rgba(5, 150, 105, 0.45));
  border: 1.5px solid #10b981;
  border-radius: 10px;
  padding: 10px 14px;
  margin-bottom: 14px;
  box-shadow: 0 4px 16px rgba(16, 185, 129, 0.35);
  animation: yakinOdaNabiz 2.5s infinite alternate;
}
@keyframes yakinOdaNabiz {
  0% { box-shadow: 0 0 10px rgba(16, 185, 129, 0.3); }
  100% { box-shadow: 0 0 20px rgba(16, 185, 129, 0.7); }
}
.yobSol {
  display: flex;
  align-items: center;
  gap: 10px;
}
.yobIkon {
  font-size: 24px;
  animation: dalgaAnim 1.8s infinite;
}
@keyframes dalgaAnim {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); }
}
.yobBaslik {
  font-size: 11px;
  font-weight: 900;
  color: #a7f3d0;
  letter-spacing: 0.5px;
}
.yobDetay {
  font-size: 13px;
  font-weight: 800;
  color: #fff;
}

.canliOdalarKapsayici {
  margin-top: 18px;
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  padding: 12px 14px;
}
.cokUst {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.cokBaslik {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 900;
  color: #f1f5f9;
  letter-spacing: 0.5px;
}
.cokSayiRozet {
  background: #3b82f6;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  padding: 1px 6px;
  border-radius: 10px;
}
.canliOdaListesi {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 220px;
  overflow-y: auto;
}
.bosOdaMesaj {
  text-align: center;
  padding: 16px 8px;
  color: #94a3b8;
  font-size: 12px;
}
.odaKarti {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(30, 41, 59, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 8px 12px;
  transition: all 0.2s ease;
}
.odaKarti:hover {
  background: rgba(30, 41, 59, 0.95);
  border-color: rgba(251, 191, 36, 0.4);
}
.odaKarti.ayniWifiOda {
  border-color: #10b981;
  background: rgba(6, 78, 59, 0.45);
}
.okSol {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.okKodBaslik {
  display: flex;
  align-items: center;
  gap: 8px;
}
.okKod {
  font-family: monospace;
  font-size: 14px;
  font-weight: 900;
  color: var(--altin);
  letter-spacing: 1px;
}
.okHost {
  font-size: 12px;
  font-weight: 700;
  color: #e2e8f0;
}
.okEtiketler {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 2px;
}
.okRozet {
  font-size: 10px;
  font-weight: 800;
  padding: 1px 5px;
  border-radius: 4px;
}
.okRozet.acik { background: rgba(34, 197, 94, 0.2); color: #4ade80; border: 1px solid #22c55e; }
.okRozet.kapali { background: rgba(239, 68, 68, 0.2); color: #fca5a5; border: 1px solid #ef4444; }
.okRozet.wifi { background: rgba(16, 185, 129, 0.25); color: #6ee7b7; border: 1px solid #10b981; }
.okRozet.canli { background: rgba(56, 189, 248, 0.2); color: #7dd3fc; border: 1px solid #0284c7; }
.okRozet.sayi { background: rgba(255, 255, 255, 0.1); color: #cbd5e1; }
.okSag {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* ================= BAŞKENT RAPORU & UNVANLAR MODALI ================= */
.baskentRaporuKutu {
  max-width: 680px !important;
  background: radial-gradient(circle at 50% 10%, #1e293b 0%, #0f172a 80%) !important;
  border: 1.5px solid var(--kenar-altin) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.85), 0 0 24px rgba(251, 191, 36, 0.25) !important;
  padding: 20px 24px !important;
}
.brUst {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1.5px solid rgba(251, 191, 36, 0.3);
  padding-bottom: 12px;
  margin-bottom: 16px;
}
.brBaslikKapsayici {
  display: flex;
  align-items: center;
  gap: 12px;
}
.brIkon {
  font-size: 32px;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.5));
}
.brBaslik {
  font-family: var(--font-baslik);
  font-size: 19px;
  font-weight: 900;
  color: var(--altin);
  margin: 0;
  letter-spacing: 0.5px;
}
.brAlt {
  font-size: 11.5px;
  color: #94a3b8;
  margin: 2px 0 0 0;
}
.brKapatBtn {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #cbd5e1;
  font-size: 16px;
  font-weight: 900;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
}
.brKapatBtn:hover {
  background: rgba(239, 68, 68, 0.2);
  border-color: #ef4444;
  color: #fca5a5;
}
.brUnvanGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  margin-bottom: 18px;
}
.brUnvanKart {
  background: rgba(30, 41, 59, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  transition: transform 0.15s ease;
}
.brUnvanKart:hover {
  transform: translateY(-2px);
  border-color: rgba(251, 191, 36, 0.4);
}
.brUnvanKart .bukIkon {
  font-size: 24px;
  flex-shrink: 0;
}
.brUnvanKart .bukBaslik {
  font-size: 10px;
  font-weight: 800;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.brUnvanKart .bukOyuncu {
  font-size: 13px;
  font-weight: 900;
  color: #f1f5f9;
  margin: 1px 0;
}
.brUnvanKart .bukDetay {
  font-size: 10px;
  color: #cbd5e1;
}

.brSiralamaKapsayici {
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 12px 14px;
}
.brAltBaslik {
  font-size: 12px;
  font-weight: 900;
  color: #fbbf24;
  letter-spacing: 0.5px;
  margin: 0 0 10px 0;
}
.brTablo {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 200px;
  overflow-y: auto;
}
.brSatir {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px;
  background: rgba(30, 41, 59, 0.5);
  border-radius: 6px;
  font-size: 12px;
}
.brSatir.lider {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(245, 158, 11, 0.3));
  border: 1px solid rgba(251, 191, 36, 0.4);
  font-weight: 800;
}
.brSatirSol {
  display: flex;
  align-items: center;
  gap: 8px;
}
.brSira {
  font-weight: 900;
  color: #94a3b8;
  width: 18px;
}
.brPiyon {
  font-size: 14px;
}
.brAd {
  color: #f8fafc;
  font-weight: 700;
}
.brServet {
  font-weight: 900;
  color: var(--altin);
}

/* ================= REFERANDUM & SEYİRCİ BAHİS SİSTEMİ ================= */
.refOyBar {
  display: flex;
  height: 8px;
  border-radius: 99px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  margin-top: 6px;
}
.refOyEvet {
  background: #22c55e;
  transition: width 0.3s ease;
}
.refOyHayir {
  background: #ef4444;
  transition: width 0.3s ease;
}
.seyirciAdayKart {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: rgba(15, 23, 42, 0.85);
  border: 1px solid var(--kenar);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.seyirciAdayKart:hover {
  border-color: #38bdf8;
  background: rgba(30, 41, 59, 0.95);
  transform: translateX(4px);
}
.seyirciAdayKart.secili {
  border-color: #fbbf24;
  background: rgba(245, 158, 11, 0.15);
  box-shadow: 0 0 12px rgba(251, 191, 36, 0.3);
}

/* ================= 🚇 EGO METRO & RİNG AĞI MODALI ================= */
.egoMetroKapsayici {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.egoHatlarGrid {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 6px 0;
}
.egoDurakKarti {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(30, 41, 59, 0.7) 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  backdrop-filter: blur(8px);
  transition: all 0.2s ease;
}
.egoDurakKarti:hover {
  transform: translateY(-2px);
  border-color: #38bdf8;
  box-shadow: 0 6px 18px rgba(56, 189, 248, 0.25);
}
.egoDurakKarti.aktifDurak {
  border-color: #fbbf24;
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.15) 0%, rgba(15, 23, 42, 0.9) 100%);
  box-shadow: 0 0 16px rgba(251, 191, 36, 0.3);
}
.egoDurakSol {
  display: flex;
  align-items: center;
  gap: 12px;
}
.egoHatRozet {
  padding: 4px 8px;
  border-radius: 6px;
  font-family: var(--font-sayac);
  font-size: 11px;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.5px;
}
.egoHatRozet.m1 { background: #ef4444; box-shadow: 0 0 10px rgba(239, 68, 68, 0.5); }
.egoHatRozet.m2 { background: #eab308; color: #000; box-shadow: 0 0 10px rgba(234, 179, 8, 0.5); }
.egoHatRozet.ankaray { background: #22c55e; box-shadow: 0 0 10px rgba(34, 197, 94, 0.5); }
.egoHatRozet.esenboga { background: #38bdf8; box-shadow: 0 0 10px rgba(56, 189, 248, 0.5); }
.egoDurakBilgi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: left;
}
.egoDurakAd {
  font-family: var(--font-baslik);
  font-size: 14px;
  font-weight: 800;
  color: #f8fafc;
}
.egoDurakDetay {
  font-size: 11.5px;
  color: #94a3b8;
}
.egoTransferBtn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border: none;
  border-radius: 8px;
  color: #fff;
  font-family: var(--font-baslik);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
}
.egoTransferBtn:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 18px rgba(16, 185, 129, 0.6);
}
.egoBuradasinRozet {
  padding: 6px 12px;
  background: rgba(251, 191, 36, 0.2);
  border: 1px solid #fbbf24;
  border-radius: 8px;
  color: #fbbf24;
  font-size: 11.5px;
  font-weight: 800;
}

/* ================= 📈 DÖVİZ TREND GRAFİĞİ (SPARKLINE) ================= */
.dovizTrendKutu {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.85) 100%);
  border: 1.5px solid rgba(56, 189, 248, 0.25);
  border-radius: 12px;
  padding: 12px 14px;
  margin: 10px 0;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}
.dovizTrendBaslik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  font-family: var(--font-baslik);
  font-size: 12px;
  font-weight: 800;
  color: #38bdf8;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.dovizTrendLegend {
  display: flex;
  gap: 12px;
  font-size: 11px;
}
.dtlUsd { color: #10b981; font-weight: 800; }
.dtlGbp { color: #f472b6; font-weight: 800; }
.dovizSparklineSvg {
  width: 100%;
  height: 90px;
  overflow: visible;
}

/* ================= ❄️ MEVSİM ŞARTLARI & ANKARA AYAZI ================= */
.solUstMevsimRozet {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 7px;
  border-radius: 6px;
  font-family: var(--font-baslik);
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  margin-left: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.solUstMevsimRozet.kis {
  background: rgba(56, 189, 248, 0.2);
  border: 1px solid #38bdf8;
  color: #bae6fd;
  box-shadow: 0 0 10px rgba(56, 189, 248, 0.35);
}
.solUstMevsimRozet.bahar {
  background: rgba(34, 197, 94, 0.2);
  border: 1px solid #22c55e;
  color: #bbf7d0;
  box-shadow: 0 0 10px rgba(34, 197, 94, 0.35);
}
.solUstMevsimRozet.yaz {
  background: rgba(234, 179, 8, 0.2);
  border: 1px solid #fbbf24;
  color: #fef08a;
  box-shadow: 0 0 10px rgba(234, 179, 8, 0.35);
}
.solUstMevsimRozet.guz {
  background: rgba(249, 115, 22, 0.2);
  border: 1px solid #f97316;
  color: #fed7aa;
  box-shadow: 0 0 10px rgba(249, 115, 22, 0.35);
}

/* Mevsim Değişim Bannerı */
.mevsimBanner {
  position: fixed;
  top: 70px;
  left: 50%;
  transform: translateX(-50%) translateY(0);
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.96) 0%, rgba(30, 41, 59, 0.98) 100%);
  border: 2px solid #38bdf8;
  border-radius: 16px;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.8), 0 0 25px rgba(56, 189, 248, 0.4);
  z-index: 10000;
  backdrop-filter: blur(14px);
  animation: bannerGelis 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}
@keyframes bannerGelis {
  0% { transform: translateX(-50%) translateY(-30px); opacity: 0; }
  100% { transform: translateX(-50%) translateY(0); opacity: 1; }
}
.mevsimBannerIkon {
  font-size: 32px;
}
.mevsimBannerGovde {
  display: flex;
  flex-direction: column;
  gap: 3px;
  text-align: left;
}
.mevsimBannerBaslik {
  font-family: var(--font-baslik);
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.6px;
}
.mevsimBannerMetin {
  font-size: 13px;
  color: #cbd5e1;
  max-width: 420px;
  line-height: 1.4;
}

/* ================= 📱 WHATSAPP & TELEGRAM PAYLAŞIM BUTONLARI ================= */
.sosyalPaylasimGrup {
  display: flex;
  gap: 8px;
  margin-top: 10px;
  width: 100%;
}
.paylasBtn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 14px;
  border: none;
  border-radius: 10px;
  font-family: var(--font-baslik);
  font-size: 13px;
  font-weight: 800;
  color: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}
.paylasBtn.whatsapp {
  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35);
}
.paylasBtn.whatsapp:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.55);
}
.paylasBtn.telegram {
  background: linear-gradient(135deg, #2AABEE 0%, #229ED9 100%);
  box-shadow: 0 4px 14px rgba(42, 171, 238, 0.35);
}
.paylasBtn.telegram:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(42, 171, 238, 0.55);
}
.paylasBtn.kopya {
  background: linear-gradient(135deg, #64748b 0%, #475569 100%);
  box-shadow: 0 4px 14px rgba(100, 116, 139, 0.35);
}
.paylasBtn.kopya:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(100, 116, 139, 0.55);
}

/* ================= 🎨 PİYON & KARAKTER ÖZELLEŞTİRME ================= */
.piyonOnizlemeKapsayici {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(15, 23, 42, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 14px;
  margin-bottom: 14px;
}
.piyonOnizlemeAura {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: rgba(10, 16, 30, 0.95);
  border: 3px solid #fbbf24;
  box-shadow: 0 0 20px #fbbf24;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: piyonAuraPulse 2.4s infinite ease-in-out;
  transition: all 0.25s ease;
}
.piyonOnizlemeIkon {
  font-size: 34px;
  user-select: none;
}
@keyframes piyonAuraPulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.08); }
  100% { transform: scale(1); }
}
.piyonOnizlemeBilgi {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.piyonOnizlemeAd {
  font-family: var(--font-baslik);
  font-size: 15px;
  color: #fff;
}
.piyonOnizlemePiyonAd {
  font-size: 11px;
  color: #94a3b8;
}
.piyonSecimBaslik {
  font-family: var(--font-baslik);
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.8px;
  color: var(--altin);
  text-align: left;
  margin-bottom: 6px;
}
.piyonSecimGrid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 6px;
  max-height: 185px;
  overflow-y: auto;
  padding-right: 4px;
}
@media (max-width: 480px) {
  .piyonSecimGrid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.piyonSecimItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 48px;
  background: rgba(255, 255, 255, 0.05);
  border: 1.5px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.15s ease;
  padding: 2px;
}
.piyonSecimItem:hover {
  background: rgba(251, 191, 36, 0.15);
  border-color: rgba(251, 191, 36, 0.5);
  transform: translateY(-2px);
}
.piyonSecimItem.secili {
  background: rgba(251, 191, 36, 0.25);
  border-color: #fbbf24;
  box-shadow: 0 0 12px rgba(251, 191, 36, 0.6);
  transform: scale(1.05);
}
.psiIkon {
  font-size: 22px;
  line-height: 1;
}
.psiAd {
  font-size: 8px;
  color: #94a3b8;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90%;
}
.piyonRenkGrid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  padding: 6px 0;
}
.piyonRenkItem {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid rgba(255, 255, 255, 0.3);
  transition: all 0.18s ease;
  position: relative;
}
.piyonRenkItem:hover {
  transform: scale(1.15);
  border-color: #fff;
}
.piyonRenkItem.secili {
  transform: scale(1.22);
  border: 2.5px solid #fff;
  box-shadow: 0 0 14px currentColor;
}

/* ================= 👁️ SEYİRCİ CANLI YAYIN BARI & KONTROLLERİ ================= */
.seyirciKontrolBar {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(13, 20, 36, 0.94);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1.5px solid #38bdf8;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), 0 0 18px rgba(56, 189, 248, 0.3);
  border-radius: 24px;
  padding: 5px 14px;
  max-width: 94vw;
  flex-wrap: wrap;
  justify-content: center;
}
.skbSol {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.skbCanliDot {
  color: #22c55e;
  font-size: 11px;
  animation: yanipSon 1s infinite;
}
.skbBaslik {
  font-family: var(--font-baslik);
  font-size: 11px;
  font-weight: 800;
  color: #38bdf8;
  letter-spacing: 0.5px;
}
.skbOdaKod {
  font-family: var(--font-mono);
  font-size: 10px;
  color: #fef08a;
  background: rgba(255, 255, 255, 0.08);
  padding: 1px 6px;
  border-radius: 6px;
}
.skbSeyirciSayisi {
  font-size: 10px;
  color: #94a3b8;
}
.skbKameraSeciciler {
  display: flex;
  align-items: center;
  gap: 4px;
}
.skbKamBtn {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  padding: 3px 8px;
  font-size: 10.5px;
  color: #cbd5e1;
  cursor: pointer;
  white-space: nowrap;
}
.skbKamBtn.aktif {
  background: #0284c7;
  border-color: #38bdf8;
  color: #fff;
  font-weight: 800;
}
.skbOyuncuPillGrid {
  display: flex;
  gap: 3px;
  overflow-x: auto;
  max-width: 220px;
}
.skbOyuncuPill {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  padding: 2px 7px;
  font-size: 10px;
  color: #cbd5e1;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 3px;
}
.skbOyuncuPill:hover, .skbOyuncuPill.aktif {
  background: rgba(56, 189, 248, 0.25);
  border-color: #38bdf8;
  color: #fff;
}
.skbTezahuratBar {
  display: flex;
  align-items: center;
  gap: 4px;
}
.skbTepkiBtn {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.06);
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.15s ease;
}
.skbTepkiBtn:hover {
  transform: scale(1.25);
  background: rgba(255, 255, 255, 0.18);
}

/* ================= 🎈 YÜZEN CANLI REAKSİYON PARÇACIKLARI ================= */
.canliTepkiEfektKatmani {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 35;
}
.yuzenTepki {
  position: absolute;
  bottom: 20px;
  font-size: 36px;
  user-select: none;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.7));
  animation: yukariYuz 2.4s cubic-bezier(0.2, 0.85, 0.25, 1) forwards;
}
@keyframes yukariYuz {
  0% { transform: translateY(0) scale(0.6); opacity: 0; }
  15% { transform: translateY(-40px) scale(1.3); opacity: 1; }
  75% { opacity: 0.9; }
  100% { transform: translateY(-420px) scale(0.9); opacity: 0; }
}

/* ================= 💬 GELİŞMİŞ SOHBET & HIZLI EMOJİLER ================= */
.sohbetHizliEmojiler {
  display: flex;
  gap: 3px;
  overflow-x: auto;
  padding: 3px 0 5px 0;
}
.heBtn {
  flex: 0 0 auto;
  width: 28px;
  height: 26px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
}
.heBtn:hover {
  background: rgba(251, 191, 36, 0.2);
  border-color: var(--altin);
  transform: scale(1.18);
}
.sohbetRolRozet {
  font-size: 8.5px;
  font-weight: 900;
  padding: 1px 5px;
  border-radius: 4px;
  margin-left: 4px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.sohbetRolRozet.vali {
  background: #eab308;
  color: #000;
}
.sohbetRolRozet.seyirci {
  background: #0284c7;
  color: #fff;
}
.sohbetRolRozet.host {
  background: #a855f7;
  color: #fff;
}
.sohbetRolRozet.bot {
  background: #475569;
  color: #e2e8f0;
}

/* ================= 📶 CANLI PING & BAĞLANTI KALİTESİ ================= */
.onlinePingBadge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 800;
  padding: 2px 7px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #4ade80;
}
.onlinePingBadge.orta {
  color: #facc15;
  border-color: rgba(250, 204, 21, 0.3);
}
.onlinePingBadge.kotu {
  color: #f87171;
  border-color: rgba(248, 113, 113, 0.3);
}

/* ================= 👥 SAĞ ÜST BÜYÜK KALAN OYUNCU SAYACI ================= */
.sagUstKalanOyuncuKutu {
  position: absolute;
  top: 14px;
  right: 18px;
  z-index: 120;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  border-radius: 14px;
  background: rgba(11, 16, 32, 0.88);
  backdrop-filter: blur(12px);
  border: 1.5px solid rgba(56, 189, 248, 0.4);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6), 0 0 16px rgba(56, 189, 248, 0.25);
  pointer-events: auto;
  transition: all 0.3s ease;
}
.sagUstKalanOyuncuKutu:hover {
  border-color: rgba(56, 189, 248, 0.8);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.7), 0 0 22px rgba(56, 189, 248, 0.4);
}
.sukoIkon {
  font-size: 26px;
  filter: drop-shadow(0 2px 6px rgba(56, 189, 248, 0.5));
}
.sukoGovde {
  display: flex;
  flex-direction: column;
}
.sukoBaslik {
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #38bdf8;
  text-transform: uppercase;
}
.sukoDeger {
  font-family: var(--font-baslik);
  font-size: 20px;
  font-weight: 900;
  color: #f8fafc;
  line-height: 1.1;
}
.sukoAltRozet {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  color: #10b981;
  background: rgba(16, 185, 129, 0.15);
  border: 1px solid rgba(16, 185, 129, 0.3);
  padding: 3px 8px;
  border-radius: 8px;
  margin-left: 4px;
}

/* ================= 💸 DÖVİZ BÜROSU YEŞİL PARA UÇUŞ ANİMASYONU ================= */
.ucanParaBanknot {
  position: fixed;
  z-index: 9999;
  pointer-events: none;
  font-family: var(--font-baslik);
  font-size: 20px;
  font-weight: 900;
  color: #22c55e;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8), 0 0 12px rgba(34, 197, 94, 0.8);
  display: flex;
  align-items: center;
  gap: 4px;
  transition: transform 1.2s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 1.2s ease;
}

/* ================= 🚇 HARİTA METRO İSTASYONU M SİMGESİ ================= */
.metroRozet {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 17px;
  height: 17px;
  background: #dc2626;
  border: 1.5px solid #fff;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-baslik);
  font-size: 11px;
  font-weight: 900;
  color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
  z-index: 10;
  line-height: 1;
}

/* ================= 🕊️ GÜVERCİN CANLI HAVUZ ROZETİ ================= */
.guvercinKasaRozet {
  display: inline-block;
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid #10b981;
  color: #34d399;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 6px;
  margin-top: 3px;
  text-shadow: 0 0 6px rgba(16, 185, 129, 0.4);
}

/* ================= 🎖️ SOSYAL GİRİŞ & PUAN SİSTEMİ ================= */
.girisKutu {
  max-width: 680px;
}
.girisUstBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.girisUstSol {
  display: flex;
  align-items: center;
  gap: 12px;
}
.girisIkon {
  font-size: 32px;
}
.girisGovdeGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.sosyalGirisGrid {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sosyalBtn {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 10px;
  font-family: var(--font-govde);
  font-size: 13px;
  font-weight: 700;
  color: #f8fafc;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  cursor: pointer;
  transition: all 0.2s;
}
.sosyalBtn:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-1px);
}
.sosyalBtn.google { border-color: rgba(239, 68, 68, 0.4); }
.sosyalBtn.apple { border-color: rgba(255, 255, 255, 0.4); }
.sosyalBtn.twitter { border-color: rgba(56, 189, 248, 0.4); }
.sosyalBtn.facebook { border-color: rgba(59, 130, 246, 0.4); }

.profilKarti {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 12px;
}
.pkUst {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.pkAvatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(251, 191, 36, 0.15);
  border: 1.5px solid var(--altin);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.pkBilgi b {
  display: block;
  font-size: 14px;
  color: #f8fafc;
}
.pkBilgi span {
  font-size: 11px;
  color: #94a3b8;
}
.pkPuanAlani {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.pkPuanKutu {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.pkPuanKutu small {
  display: block;
  font-size: 9.5px;
  font-family: var(--font-mono);
  color: #94a3b8;
  margin-bottom: 3px;
}
.pkPuanKutu b {
  font-size: 16px;
  font-family: var(--font-baslik);
  color: var(--altin);
}
.puanSkalaTablo {
  max-height: 170px;
  overflow-y: auto;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.25);
}
.pstSatir {
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  font-size: 11.5px;
  font-family: var(--font-mono);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.pstSatir.highlight {
  background: rgba(251, 191, 36, 0.15);
  color: var(--altin);
  font-weight: 800;
}

/* ================= 🏛️ VALİLİK MERKEZ OYLAMA MODALI ================= */
.valiOylamaKutu {
  max-width: 520px;
  border: 2px solid #fbbf24;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.8), 0 0 30px rgba(251, 191, 36, 0.35);
}
.vokUst {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.vokIkon {
  font-size: 36px;
}
.vokRozet {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 800;
  color: #fbbf24;
  letter-spacing: 1px;
}
.vokMetin {
  font-size: 13.5px;
  line-height: 1.5;
  color: #e2e8f0;
  margin-bottom: 12px;
}
.vokDetayKutu {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  padding: 10px 14px;
  margin-bottom: 14px;
  font-size: 13px;
  color: #f8fafc;
}
.vokCanliSonucBar {
  display: flex;
  height: 24px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.vokBarKabul {
  background: #10b981;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: width 0.3s;
}
.vokBarRed {
  background: #ef4444;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: width 0.3s;
}
.vokSureSayac {
  text-align: center;
  font-family: var(--font-mono);
  font-size: 12px;
  color: #fbbf24;
  margin-bottom: 14px;
}
.vokButonlar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* ================= 🏦 3 ÇEŞİT BANKA KREDİSİ MODALI ================= */
.krediKutu {
  max-width: 720px;
}
.krediUstBar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.krediIkon {
  font-size: 34px;
}
.krediBilgiBant {
  display: flex;
  justify-content: space-between;
  background: rgba(56, 189, 248, 0.1);
  border: 1px solid rgba(56, 189, 248, 0.3);
  padding: 8px 14px;
  border-radius: 10px;
  font-family: var(--font-mono);
  font-size: 12px;
  color: #38bdf8;
  margin-bottom: 16px;
}
.krediPaketGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.krediPaketKart {
  background: rgba(255, 255, 255, 0.04);
  border: 1.5px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  transition: all 0.2s;
}
.krediPaketKart:hover {
  border-color: var(--altin);
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.07);
}
.kpkUst {
  margin-bottom: 8px;
}
.kpkRozet {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 9.5px;
  font-weight: 800;
  color: #34d399;
  background: rgba(52, 211, 153, 0.15);
  padding: 2px 6px;
  border-radius: 4px;
  margin-bottom: 4px;
}
.kpkRozet.orta { color: #60a5fa; background: rgba(96, 165, 250, 0.15); }
.kpkRozet.uzun { color: #f59e0b; background: rgba(245, 158, 11, 0.15); }
.kpkUst h3 {
  font-size: 15px;
  margin: 0;
  color: #f8fafc;
}
.kpkTutar {
  font-family: var(--font-baslik);
  font-size: 24px;
  font-weight: 900;
  color: var(--altin);
  margin-bottom: 10px;
}
.kpkOzellikler {
  list-style: none;
  padding: 0;
  margin: 0 0 14px 0;
  font-size: 11.5px;
  line-height: 1.6;
  color: #cbd5e1;
  flex-grow: 1;
}
.krediUyariNotu {
  margin-top: 14px;
  padding: 10px 12px;
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.35);
  border-radius: 8px;
  font-size: 11.5px;
  line-height: 1.5;
  color: #fca5a5;
}

/* ================= 🚨 DEPREM SARSI EFEKTİ & MODALI (30 SANİYE) ================= */
.depremOverlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.88);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.depremKutusu {
  max-width: 500px;
  background: #180505;
  border: 2px solid #ef4444;
  box-shadow: 0 0 40px rgba(239, 68, 68, 0.6);
  border-radius: 16px;
  padding: 24px;
  text-align: center;
  animation: sarsinti 0.2s infinite;
}
@keyframes sarsinti {
  0% { transform: translate(2px, 1px) rotate(0deg); }
  25% { transform: translate(-2px, -2px) rotate(-1deg); }
  50% { transform: translate(-3px, 0px) rotate(1deg); }
  75% { transform: translate(3px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -1px) rotate(1deg); }
}
.depremSirenIkon {
  font-size: 48px;
  margin-bottom: 8px;
  animation: sirenFlash 0.5s infinite alternate;
}
@keyframes sirenFlash {
  from { filter: drop-shadow(0 0 6px #ef4444); opacity: 0.6; }
  to { filter: drop-shadow(0 0 20px #ef4444); opacity: 1; }
}
.depremBaslik {
  font-family: var(--font-baslik);
  font-size: 22px;
  color: #ef4444;
  margin: 0 0 8px 0;
}
.depremMetin {
  font-size: 13.5px;
  color: #fca5a5;
  line-height: 1.5;
  margin-bottom: 14px;
}
.depremHasarRaporu {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(239, 68, 68, 0.3);
  padding: 10px;
  border-radius: 8px;
  font-size: 12.5px;
  color: #fecaca;
  margin-bottom: 16px;
}
.depremSayacKutusu {
  font-family: var(--font-mono);
  font-size: 13px;
  color: #f87171;
}
.depremSayacKutusu b {
  font-size: 24px;
  color: #fff;
}

/* ================= 🎄 YILBAŞI KUTLAMA VE PİYANGO MODALI ================= */
.yilbasiOverlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: rgba(6, 12, 28, 0.92);
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.yilbasiKutusu {
  max-width: 520px;
  background: #0b152d;
  border: 2px solid #38bdf8;
  box-shadow: 0 0 40px rgba(56, 189, 248, 0.5);
  border-radius: 18px;
  padding: 26px;
  text-align: center;
}
.yilbasiIkon {
  font-size: 38px;
  margin-bottom: 10px;
}
.yilbasiBaslik {
  font-family: var(--font-baslik);
  font-size: 24px;
  color: #38bdf8;
  margin: 0 0 10px 0;
}
.yilbasiMetin {
  font-size: 14px;
  color: #e2e8f0;
  line-height: 1.5;
  margin-bottom: 16px;
}
.yilbasiPiyangoKazanan {
  background: rgba(56, 189, 248, 0.15);
  border: 1px solid #38bdf8;
  border-radius: 12px;
  padding: 14px;
  font-size: 15px;
  font-weight: 800;
  color: #f8fafc;
  margin-bottom: 16px;
}
.yilbasiSayacKutusu {
  font-family: var(--font-mono);
  font-size: 13px;
  color: #94a3b8;
}
.yilbasiSayacKutusu b {
  font-size: 26px;
  color: var(--altin);
}

/* ================= 🗳️ ARALIK AYI VALİLİK SEÇİM KUTUSU (SOL ALT) ================= */
.solAltAralikSecimKutusu {
  position: absolute;
  bottom: 68px;
  left: 14px;
  z-index: 120;
  width: 270px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(11, 16, 32, 0.92);
  backdrop-filter: blur(12px);
  border: 1.5px solid rgba(251, 191, 36, 0.5);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
  pointer-events: auto;
}
.saasBaslik {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--font-baslik);
  font-size: 12px;
  font-weight: 800;
  color: var(--altin);
  margin-bottom: 8px;
}
.saasCanliDot {
  color: #ef4444;
  animation: pulse 1s infinite;
}
.saasAdayListesi {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 8px;
  max-height: 120px;
  overflow-y: auto;
}
.saasAdaySatir {
  display: flex;
  justify-content: space-between;
  font-size: 11.5px;
  color: #f8fafc;
}
.saasNot {
  font-size: 10px;
  color: #94a3b8;
  line-height: 1.3;
}

/* ================= 🏆 OYUN SONU 30 SN KUTLAMA VE SKOR ================= */
.oyunSonuKutu {
  max-width: 760px;
  max-height: 90vh;
  overflow-y: auto;
}
.osUst {
  text-align: center;
  margin-bottom: 18px;
}
.osIkon {
  font-size: 46px;
  display: block;
  margin-bottom: 6px;
}
.osEnvanterKapsayici {
  background: rgba(255, 255, 255, 0.04);
  border: 1.5px solid rgba(251, 191, 36, 0.3);
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 16px;
}
.osPuanDagitimKutusu {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: 10px;
  padding: 10px 14px;
  margin-bottom: 16px;
  font-size: 13px;
  color: #34d399;
}
.osSkorTablosu {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.osSkorSatir {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  font-size: 13px;
}
.osSkorSatir.birinci {
  background: rgba(251, 191, 36, 0.2);
  border: 1px solid var(--altin);
  font-weight: 800;
}

/* ================= 🎨 ARAYÜZ DÜZENLEME & SÜRÜKLE-BIRAK SİSTEMİ ================= */
:root {
  --hud-olcek: 1;
}

.hudOlcekHedef {
  transform: scale(var(--hud-olcek, 1));
  transform-origin: top left;
}

/* Düzenleme Docku (Üstte Yüzen Çubuk) */
.arayuzDuzenleDock {
  position: absolute;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99999;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 20px;
  background: rgba(11, 18, 33, 0.96);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 2px solid #38bdf8;
  border-radius: 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 0 24px rgba(56, 189, 248, 0.45);
  pointer-events: auto;
  animation: aakDockGiris 0.25s ease-out;
}
@keyframes aakDockGiris {
  from { opacity: 0; transform: translate(-50%, -20px); }
  to { opacity: 1; transform: translate(-50%, 0); }
}
.addSol {
  display: flex;
  align-items: center;
  gap: 10px;
}
.addIkon {
  font-size: 24px;
  filter: drop-shadow(0 2px 8px rgba(56, 189, 248, 0.6));
}
.addYazi {
  display: flex;
  flex-direction: column;
}
.addYazi b {
  font-family: var(--font-baslik);
  font-size: 13px;
  color: #38bdf8;
  letter-spacing: 0.5px;
}
.addYazi span {
  font-size: 10px;
  color: #94a3b8;
}
.addSag {
  display: flex;
  align-items: center;
  gap: 8px;
}
.addBtn {
  border: none;
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.2s ease;
}
.addBtn.kaydet {
  background: linear-gradient(135deg, #10b981, #059669);
  color: #fff;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4);
}
.addBtn.kaydet:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(16, 185, 129, 0.6);
}
.addBtn.sifirla {
  background: rgba(239, 68, 68, 0.2);
  border: 1px solid #ef4444;
  color: #f87171;
}
.addBtn.sifirla:hover {
  background: #ef4444;
  color: #fff;
}
.addBtn.ayarlar {
  background: rgba(251, 191, 36, 0.2);
  border: 1px solid var(--altin);
  color: var(--altin);
}
.addBtn.ayarlar:hover {
  background: var(--altin);
  color: #0f172a;
}
.addBtn.kapat {
  background: rgba(255, 255, 255, 0.1);
  color: #cbd5e1;
}
.addBtn.kapat:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

/* Düzenlenebilir HUD Öğeleri */
body.arayuzDuzenlemeModu .hudDuzenlenebilir {
  outline: 2px dashed #38bdf8 !important;
  outline-offset: 4px !important;
  cursor: grab !important;
  transition: none !important;
  touch-action: none !important;
}
body.arayuzDuzenlemeModu .hudDuzenlenebilir:active {
  cursor: grabbing !important;
  outline-color: #fbbf24 !important;
  box-shadow: 0 0 20px rgba(56, 189, 248, 0.6) !important;
}
.hudSurukleTutamak {
  position: absolute;
  top: -24px;
  left: 0;
  background: linear-gradient(135deg, #0284c7, #0369a1);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  padding: 2px 10px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
  pointer-events: none;
  z-index: 1000;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

/* ================= 🎨 ARAYÜZ VE YERLEŞİM AYARLARI MODAL ================= */
.arayuzAyarKutu {
  max-width: 560px;
  background: rgba(11, 18, 33, 0.98);
  border: 1.5px solid #38bdf8;
  border-radius: 20px;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.85), 0 0 25px rgba(56, 189, 248, 0.2);
}
.aakUstBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: linear-gradient(90deg, rgba(14, 165, 233, 0.2), rgba(15, 23, 42, 0.95));
  border-bottom: 1px solid rgba(56, 189, 248, 0.3);
}
.aakBaslik {
  font-family: var(--font-baslik);
  font-size: 16px;
  font-weight: 900;
  color: #38bdf8;
  display: flex;
  align-items: center;
  gap: 10px;
}
.aakGovde {
  padding: 20px;
  max-height: 70vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.aakBolum {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 14px;
}
.aakBolum h3 {
  font-size: 14px;
  color: var(--altin);
  margin: 0 0 4px 0;
}
.aakAciklama {
  font-size: 11px;
  color: #94a3b8;
  margin: 0 0 10px 0;
  line-height: 1.4;
}
.aakGrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.aakSecenek {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: #f1f5f9;
  cursor: pointer;
  padding: 6px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  transition: background 0.15s ease;
}
.aakSecenek:hover {
  background: rgba(56, 189, 248, 0.12);
}
.aakSecenek input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #0284c7;
  cursor: pointer;
}
.aakOlcekAyar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.aakOlcekBtn {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #e2e8f0;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.aakOlcekBtn:hover {
  border-color: #38bdf8;
  color: #38bdf8;
}
.aakSliderGrup {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.aakSliderGrup input[type="range"] {
  accent-color: #0284c7;
  cursor: pointer;
}
.aakAltBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(15, 23, 42, 0.8);
}

/* ================= MOBİL ÇARPIŞMA KORUMALARI ================= */
@media (max-width: 900px) {
  .sagUstKalanOyuncuKutu {
    top: 6px !important;
    right: 6px !important;
    padding: 4px 10px !important;
    gap: 6px !important;
    border-radius: 10px !important;
  }
  .sukoIkon { font-size: 18px !important; }
  .sukoBaslik { font-size: 7.5px !important; }
  .sukoDeger { font-size: 11px !important; }
  .sukoAltRozet { font-size: 7px !important; padding: 1px 4px !important; }

  .benchmarkPano {
    top: 50px !important;
    right: 6px !important;
  }

  .solAltAralikSecimKutusu {
    bottom: 56px !important;
    left: 8px !important;
    width: 210px !important;
    padding: 8px 10px !important;
    font-size: 10px !important;
  }
  .saasBaslik { font-size: 10px !important; }

  .arayuzDuzenleDock {
    width: 94vw !important;
    padding: 6px 12px !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  .addYazi span { display: none !important; }
}



/* ================= 🛠️ v15.1 HATA DÜZELTMELERİ (YAZI YAZMA, BUTONLAR, BOŞLUKLAR) ================= */

/* Body'deki user-select:none değeri Safari/iOS'ta inputlara miras kalıp yazmayı engelliyordu */
input, textarea, select, [contenteditable="true"] {
  -webkit-user-select: text !important;
  user-select: text !important;
  pointer-events: auto;
  -webkit-touch-callout: default;
}
input:disabled, textarea:disabled, select:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

/* Tapu kartı butonları: uzun yazılar taşmasın, satıra sığsın, tıklama alanı tam olsun */
.btnler button {
  min-width: 0;
  line-height: 1.3;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  cursor: pointer;
  border: 0;
  position: relative;
  z-index: 1;
}
.btnler button:hover { filter: brightness(1.12); }
.btnler button:active { transform: scale(0.98); }
.btnler button:disabled { opacity: 0.5; cursor: not-allowed; }

/* Sağ panel içeriği: yatay taşma ve çakışma olmasın */
#yan, #s-kart {
  overflow-x: hidden;
  word-break: break-word;
}
#s-kart .fis { width: 100%; max-width: 100%; }
#s-kart .fis table { table-layout: fixed; }
#s-kart .fis .uyari { margin: 6px 0; line-height: 1.4; }

/* Modal içi form elemanları arası boşluklar */
.kaplama .kutu { max-height: 92vh; overflow-y: auto; }
.kaplama .kutu .girdi + .girdi,
.kaplama .kutu label + label { margin-top: 8px; }
.kaplama .kutu button + button { margin-top: 0; }

/* Toast kapsayıcısı sadece kartlara tıklanabilir olsun, arkadaki butonları engellemesin */
.toastKapsayici { pointer-events: none !important; }
.toastKapsayici .toastEleman { pointer-events: auto; }

/* Kapalı (gizli) katmanlar hiçbir zaman tıklamayı yutmasın */
.kaplama.gizli, .depremOverlay.gizli, .yilbasiOverlay.gizli { display: none !important; pointer-events: none !important; }

/* ===== v15.2 Eklemeleri: Güvercin paneli, firma/metro yönetimi, kredi listesi, referandum durumu ===== */
.guvercinPanel{background:linear-gradient(135deg,#064e3b,#047857);border:1.5px solid rgba(52,211,153,.5);border-radius:14px;padding:12px;text-align:center;margin:8px 0;box-shadow:0 6px 20px rgba(4,120,87,.35)}
.guvercinPanel .gpEtiket{font-size:11px;font-weight:800;letter-spacing:.08em;color:#a7f3d0}
.guvercinPanel .gpTutar{font-size:28px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.guvercinPanel .gpAlt{font-size:10px;color:#6ee7b7;opacity:.9}
.gpListe{margin:6px 0 0;padding-left:18px;font-size:11.5px;line-height:1.6;color:#334155}
.sahipYonetim{margin-top:8px;padding:8px;border:1.5px dashed rgba(251,191,36,.6);border-radius:10px;background:rgba(251,191,36,.08);font-size:12px}
.sahipYonetim small{display:block;color:#64748b;font-size:10px;margin:2px 0 6px}
.sahipYonetimSatir{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.krediAktifKutu{margin:10px 0}
.krediAktifKutu h4{margin:0 0 6px;font-size:13px;color:var(--altin,#fbbf24)}
.krediAktifSatir{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;margin-bottom:6px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:12px}
.krediAktifSatir .buyuk{flex:0 0 auto;padding:7px 12px;font-size:12px}
.krediDurum{font-size:11px;font-weight:700}
.krediDurum.bekle{color:#94a3b8}.krediDurum.tamam{color:#34d399}.krediDurum.acil{color:#f87171}
.vokOyDurum{text-align:center;font-weight:800;font-size:13px;margin-top:6px;color:#fbbf24}
#vokKabulBtn:disabled,#vokRedBtn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}

/* Kalan oyuncu sayacı: sağ üstte BÜYÜK ve okunaklı */
.sagUstKalanOyuncuKutu{padding:12px 22px;gap:14px;border-radius:18px;border-width:2px}
.sagUstKalanOyuncuKutu .sukoIkon{font-size:40px}
.sagUstKalanOyuncuKutu .sukoBaslik{font-size:12px;letter-spacing:1.5px}
.sagUstKalanOyuncuKutu .sukoDeger{font-size:40px;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(56,189,248,.45)}
.sagUstKalanOyuncuKutu .sukoAltRozet{font-size:11px;padding:4px 10px}
@media (max-width:820px){.sagUstKalanOyuncuKutu{padding:7px 12px;gap:8px}.sagUstKalanOyuncuKutu .sukoIkon{font-size:26px}.sagUstKalanOyuncuKutu .sukoDeger{font-size:26px}.sagUstKalanOyuncuKutu .sukoAltRozet{display:none}}

/* Seçim paneli (sol alt) - v15.2 */
.solAltAralikSecimKutusu{width:300px}
.saasAdayListesi{max-height:230px}
.saasAdaySatir{align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.05)}
.saasAdaBilgi{flex:1;min-width:0}
.saasAdaBilgi>span{display:block;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saasAdaBilgi>b{font-size:10.5px;color:#fbbf24}
.saasBar{height:5px;border-radius:3px;background:rgba(255,255,255,.12);margin-top:3px;overflow:hidden}
.saasBar i{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);transition:width .4s}
.saasOzet{font-size:11px;color:#cbd5e1;text-align:center}
.saasBos{font-size:11px;color:#94a3b8;text-align:center;padding:4px}
.saasSonuc{font-size:12px;font-weight:800;color:#fbbf24;line-height:1.4}
.saasOyBtn{border:0;border-radius:8px;padding:6px 10px;font-weight:800;font-size:11px;cursor:pointer;background:#059669;color:#fff;white-space:nowrap}
.saasOyBtn.hayir{background:#475569;width:100%}
.saasOyBtn.aday{background:linear-gradient(135deg,#f59e0b,#d97706);width:100%;padding:8px}

/* Daha yüksek ve belirgin bina modelleri (v15.2) */
.binaKule{width:48px}
.binaTemel{width:46px;height:4px}
.binaKat{width:42px;height:11px;margin-top:2px;border-radius:2.5px}
.binaKat::before,.binaKat::after{width:6px;height:6.5px}
.binaKat.otel{height:15px}

/* Tapu kartı başlığındaki SVG simgeleri (Güvercin, Metro vb.) taşmasın */
.fis .bs svg{width:38px;height:38px;display:inline-block;vertical-align:middle}
.sahipYonetimSatir .kck{padding:6px 11px;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-weight:800;font-size:12px;cursor:pointer}
.sahipYonetimSatir .kck.altin{background:linear-gradient(135deg,#fbbf24,#d97706);color:#111827;border-color:#b45309}
.sahipYonetim .tam{width:100%;margin-top:4px}
.krediUstBar .kck{flex:0 0 auto;width:36px;height:36px;padding:0;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25);cursor:pointer;font-size:15px}

/* ================= 📱 v15.3 MOBİL ARAYÜZ DÜZENİ ================= */
@media (max-width: 900px) {
  /* Üst şerit çakışmaları: sıra rozeti haritanın altına, sayaç sağ üstte büyük */
  .aktifSiraRozet { left: 50% !important; right: auto !important; top: auto !important; bottom: 8px !important; transform: translateX(-50%) !important; font-size: 10px !important; letter-spacing: 1px !important; padding: 4px 12px !important; white-space: nowrap; }
  .sagUstKalanOyuncuKutu { padding: 5px 10px !important; }
  .sagUstKalanOyuncuKutu .sukoIkon { font-size: 22px !important; }
  .sagUstKalanOyuncuKutu .sukoBaslik { font-size: 8px !important; }
  .sagUstKalanOyuncuKutu .sukoDeger { font-size: 22px !important; line-height: 1 !important; }

  /* Bildirimler ve "Hamle Sende" afişi ekranı kaplamasın */
  .toastKapsayici { top: 52px !important; max-width: 92vw !important; gap: 4px !important; }
  .toastKapsayici > :nth-last-child(n+3) { display: none !important; }
  .toastKapsayici .toastEleman, .toastKapsayici > div { font-size: 12px !important; padding: 6px 12px !important; border-radius: 12px !important; }
  .seninSiranBanner { top: 30% !important; }
  .seninSiranBanner .ssKutu { padding: 8px 16px !important; border-radius: 16px !important; }
  .seninSiranBanner b { font-size: 22px !important; letter-spacing: 1px !important; }
  .seninSiranBanner small { font-size: 10.5px !important; }
  .seninSiranBanner .ssEtiket { font-size: 9px !important; }

  /* Pencereler (referandum, kredi, tapu kartı) ekrana sığsın, kaydırılabilsin */
  .kaplama .kutu { max-width: 94vw !important; max-height: 88dvh !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; }
  .valiOylamaKutu { padding: 14px !important; }
  .vokButonlar { display: flex; gap: 8px; }
  .vokButonlar .buyuk { flex: 1; padding: 12px 6px !important; font-size: 13px !important; }
  .krediPaketGrid { grid-template-columns: 1fr !important; }
  .krediAktifSatir { flex-direction: column; align-items: stretch; }

  /* Seçim paneli: haritayı kapatmasın */
  .solAltAralikSecimKutusu { max-height: 34dvh; overflow-y: auto; bottom: 34px !important; width: min(270px, 70vw) !important; }
  .saasOyBtn { padding: 8px 10px; }

  /* Parmakla basılabilir butonlar (en az 40px) */
  .btnler button, .sahipYonetimSatir .kck, .saasOyBtn { min-height: 40px; }
  .guvercinPanel .gpTutar { font-size: 24px; }
}
@media (max-width: 900px) and (orientation: landscape) {
  .toastKapsayici { top: 40px !important; }
  .aktifSiraRozet { bottom: 4px !important; }
  .seninSiranBanner { top: 40% !important; }
  .kaplama .kutu { max-height: 92dvh !important; }
}
@media (max-width: 900px) {
  .mevsimBanner { top: 96px !important; width: 88vw; padding: 8px 12px !important; gap: 10px !important; border-radius: 12px !important; }
  .mevsimBannerIkon { font-size: 22px !important; }
  .mevsimBannerBaslik { font-size: 12px !important; }
  .mevsimBannerMetin { font-size: 10.5px !important; max-width: none !important; line-height: 1.3 !important; }
}

/* v15.3: seçim paneli vurgusu + yatay ipucu */
.solAltAralikSecimKutusu.oyBekliyor{animation:oyBekle 1.4s ease-in-out infinite}
@keyframes oyBekle{0%,100%{box-shadow:0 10px 30px rgba(0,0,0,.7),0 0 0 0 rgba(251,191,36,.7)}50%{box-shadow:0 10px 30px rgba(0,0,0,.7),0 0 0 9px rgba(251,191,36,0)}}
.yatayIpucu{position:fixed;left:8px;right:8px;bottom:8px;z-index:9000;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:rgba(15,23,42,.96);border:1.5px solid #fbbf24;color:#f8fafc;font-size:12px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.6)}
.yatayIpucu span{flex:1}
.yatayIpucu button{border:0;border-radius:8px;padding:7px 10px;font-weight:800;font-size:12px;cursor:pointer;background:#fbbf24;color:#111827}
.yatayIpucu #yatayIpucuKapat{background:transparent;color:#cbd5e1;padding:7px 6px}
.yatayIpucu.gizli{display:none}
@media (max-width: 900px) { .aktifSiraRozet { bottom: 58px !important; } }
@media (max-width: 900px) and (orientation: landscape) { .aktifSiraRozet { top: auto !important; bottom: 4px !important; height: auto !important; } }
.kuralSekmeler{flex-wrap:wrap}

/* ===== Ana menü giriş şeridi (v15.5) ===== */
.girisSeridi{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;margin:0 auto 14px;padding:10px 14px;max-width:880px;border-radius:16px;background:rgba(15,23,42,.72);border:1px solid rgba(251,191,36,.35);backdrop-filter:blur(8px)}
.gsHesap{display:flex;align-items:center;gap:10px;cursor:pointer}
.gsAvatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:22px;background:rgba(255,255,255,.1);overflow:hidden;flex:0 0 auto}
.gsAvatar img{width:100%;height:100%;object-fit:cover}
.gsMetin{display:flex;flex-direction:column;line-height:1.2;text-align:left}
.gsMetin b{font-size:15px;color:#f8fafc}
.gsMetin small{font-size:11px;color:#fbbf24;font-weight:700}
.gsBtnler{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.gsBtn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:8px 14px;font-weight:800;font-size:12.5px;cursor:pointer;color:#fff;background:#334155;min-height:38px}
.gsBtn span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.2);font-size:12px}
.gsBtn.google{background:#ea4335}.gsBtn.facebook{background:#1877f2}.gsBtn.x{background:#111827;border:1px solid #475569}.gsBtn.apple{background:#000;border:1px solid #475569}.gsBtn.mail{background:#0f766e}
.gsBtn.kapali{opacity:.5;filter:grayscale(.5);position:relative}
.gsBtn.kapali::after{content:'yakında';position:absolute;top:-7px;right:-4px;font-size:8.5px;background:#fbbf24;color:#111;border-radius:6px;padding:1px 5px;font-weight:900}
.gsBtn.mail.kapali{opacity:1;filter:none}.gsBtn.mail.kapali::after{content:none}
.gsNot{flex-basis:100%;text-align:center;font-size:11px;color:#94a3b8}
.gsNot.gizli{display:none}
@media (max-width:600px){.girisSeridi{margin:0 8px 12px;padding:8px}.gsBtn{padding:7px 10px;font-size:11.5px}}

/* Kalan oyuncu sayacı: KÜÇÜK ve sağ üst köşeye bitişik (v15.5) */
.sagUstKalanOyuncuKutu{top:4px !important;right:4px !important;padding:3px 9px !important;gap:6px !important;border-radius:10px !important;border-width:1px !important}
.sagUstKalanOyuncuKutu .sukoIkon{font-size:18px !important}
.sagUstKalanOyuncuKutu .sukoBaslik{font-size:8px !important;letter-spacing:.5px !important}
.sagUstKalanOyuncuKutu .sukoDeger{font-size:17px !important;line-height:1 !important}
.sagUstKalanOyuncuKutu .sukoAltRozet{display:none !important}

/* ================= 🍔 v15.6 YENİ DÜZEN: hamburger çekmece, sol tapu paneli, hızlı eylem kümesi ================= */
#hamburgerBtn{position:fixed;top:6px;right:6px;z-index:9500;width:42px;height:42px;border-radius:12px;border:1.5px solid rgba(251,191,36,.6);background:rgba(11,16,32,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.55);padding:0}
#hamburgerBtn span{display:block;width:20px;height:2.5px;border-radius:2px;background:#fbbf24;transition:transform .25s,opacity .25s}
body.cekmeceAcik #hamburgerBtn span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
body.cekmeceAcik #hamburgerBtn span:nth-child(2){opacity:0}
body.cekmeceAcik #hamburgerBtn span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
#cekmeceArkaPlan{position:fixed;inset:0;z-index:9400;background:rgba(2,6,23,.55);opacity:0;pointer-events:none;transition:opacity .25s}
body.cekmeceAcik #cekmeceArkaPlan{opacity:1;pointer-events:auto}
#menuCekmece{position:fixed;top:0;right:0;bottom:0;width:min(88vw,360px);z-index:9450;background:linear-gradient(180deg,#0f172a,#0b1020);border-left:1.5px solid rgba(251,191,36,.45);box-shadow:-12px 0 40px rgba(0,0,0,.6);transform:translateX(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}
#menuCekmece.acik{transform:none}
.cekmeceBaslik{display:flex;align-items:center;justify-content:space-between;padding:12px 56px 10px 14px;color:#fbbf24;font-size:14px;border-bottom:1px solid rgba(255,255,255,.1)}
.cekmeceKapat{display:none}
.cekmeceGovde{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:14px;-webkit-overflow-scrolling:touch}
.cekmeceGovde .ust{display:block !important;width:100%;padding:0 !important;border:0 !important;background:transparent !important}
.cekmeceGovde .ustSatir1,.cekmeceGovde .ustSatir2{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.cekmeceGovde .ustSatir1 h1{font-size:15px;margin:0;flex:1}
.cekmeceGovde .ustCikisGrup{display:flex;gap:6px;flex-wrap:wrap;width:100%}
.cekmeceGovde .ustSatir2 button,.cekmeceGovde .ustSatir1 button{min-height:40px}
.cekmeceIkonlar{display:grid !important;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}
.cekmeceIkonlar .ikon-btn{min-height:64px;width:auto !important}
#hizliEylem{position:absolute;right:10px;bottom:10px;z-index:140;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:16px;background:rgba(11,16,32,.9);border:1.5px solid rgba(251,191,36,.5);box-shadow:0 8px 24px rgba(0,0,0,.6);backdrop-filter:blur(8px)}
#hizliEylem #zarlar{display:flex;gap:6px}
#hizliEylem .zar{width:38px;height:38px;font-size:28px;line-height:38px}
#hizliEylem .ikon-btn{min-width:62px;min-height:52px}
#solTapuPanel{position:absolute;left:8px;top:8px;bottom:8px;width:min(340px,92%);z-index:135;display:none;flex-direction:column;border-radius:16px;background:rgba(11,16,32,.96);border:1.5px solid rgba(251,191,36,.5);box-shadow:0 14px 40px rgba(0,0,0,.7);overflow:hidden}
#solTapuPanel.acik{display:flex}
.stpBaslik{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;color:#fbbf24;font-size:12px;border-bottom:1px solid rgba(255,255,255,.1)}
.stpBaslik button{border:0;background:rgba(255,255,255,.1);color:#fff;width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:14px}
.stpGovde{flex:1;overflow-y:auto;padding:8px;-webkit-overflow-scrolling:touch}
#solTapuPanel .sayfa{display:block !important;padding:0 !important;height:auto !important;overflow:visible !important}
body.tapuPaneliAcik #solUstKonteyner{display:none !important}
#yan{padding-top:50px !important}
@media (max-width:900px){
  #solTapuPanel{bottom:auto;max-height:calc(100% - 70px);width:min(94%,360px)}
  .sagUstKalanOyuncuKutu{right:54px !important}
  #hizliEylem{right:6px;bottom:6px;padding:4px 6px}
  #hizliEylem .ikon-btn{min-width:54px;min-height:46px}
  #hizliEylem .zar{width:32px;height:32px;font-size:24px;line-height:32px}
  #yan{padding-top:0 !important}
}
@media (max-width:900px) and (orientation:landscape){#hizliEylem{bottom:4px}}
/* Çekmece içindeki taşınmış öğeler eski düzenin sıra/yükseklik kurallarından arındırılır */
.cekmeceGovde > *{order:0 !important;flex:none !important;height:auto !important;min-height:0 !important;max-height:none !important;position:static !important;width:100% !important;margin:0 !important}
.cekmeceGovde .ust{order:0 !important}
.cekmeceGovde .ust *{max-width:100%}
.cekmeceIkonlar{overflow:visible !important}
#menuCekmece .sesSlider{flex:1;min-width:80px}
@media (max-width:900px){
  #solTapuPanel{top:48px !important;bottom:64px !important;max-height:none !important;width:min(96%,380px) !important;left:4px !important}
  .stpBaslik{padding-right:10px}
  #hizliEylem{left:50%;right:auto;transform:translateX(-50%)}
}
@media (max-width:900px) and (orientation:landscape){#solTapuPanel{top:6px !important;bottom:6px !important;width:min(46%,340px) !important}#hizliEylem{left:auto;right:56px;transform:none}}

/* Kalan oyuncu sayacı: içeriği kadar küçük, ekranın sağ üstünde hamburger menünün hemen solunda (v15.7) */
.sagUstKalanOyuncuKutu{position:fixed !important;top:6px !important;right:54px !important;left:auto !important;bottom:auto !important;width:max-content !important;max-width:calc(100vw - 110px) !important;height:auto !important;min-width:0 !important;z-index:9000 !important;padding:3px 10px !important;transform:none !important}
@media (max-width:900px){.sagUstKalanOyuncuKutu{right:54px !important}}

/* ================= v15.8: SAĞ DÜĞME ŞERİDİ (hamburger kalktı) ================= */
#hamburgerBtn,#cekmeceArkaPlan,#menuCekmece{display:none !important}
:root{--seritGen:62px}
body.sagSeritVar #oyun{padding-right:var(--seritGen) !important;box-sizing:border-box}
#sagSerit{position:fixed;top:0;right:0;bottom:0;width:var(--seritGen);z-index:9300;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:6px 4px;overflow-y:auto;overflow-x:hidden;background:linear-gradient(180deg,#0f172a,#0b1020);border-left:2px solid rgba(251,191,36,.55);box-shadow:-6px 0 20px rgba(0,0,0,.5);scrollbar-width:none}
#sagSerit::-webkit-scrollbar{display:none}
#sagSerit .ust,#sagSerit .ustSatir1,#sagSerit .ustSatir2,#sagSerit .ustCikisGrup,#sagSerit .ikonlar{display:contents !important}
#sagSerit .ust h1,#sagSerit .sesSlider,#sagSerit .mlogo{display:none !important}
#sagSerit button{display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100% !important;min-width:0 !important;min-height:44px;margin:0 !important;padding:4px 1px !important;border-radius:10px !important;font-size:10px !important;line-height:1.1 !important;text-align:center;white-space:normal !important;word-break:break-word;position:static !important;transform:none !important}
#sagSerit button .btnIkon{font-size:19px !important}
#sagSerit button .btnAlt{font-size:8.5px !important;letter-spacing:0}
#sagSerit button.gizli{display:none !important}
#sagSerit #profilBtn{font-size:16px !important}
#sagSerit #profilKullaniciPuanRozet{font-size:9px !important}
#sagSerit .cikisBtn,#sagSerit .ayrilBtn{font-size:9px !important}
.sagUstKalanOyuncuKutu{right:calc(var(--seritGen) + 8px) !important}
#yan{padding-top:0 !important}
@media (max-width:900px){
  :root{--seritGen:54px}
  #sagSerit button{min-height:42px}
  #hizliEylem{left:auto !important;right:6px !important;transform:none !important}
  #solTapuPanel{width:min(92%,360px) !important}
}
@media (max-width:900px) and (orientation:landscape){#hizliEylem{right:6px !important}}

/* ================= v15.9: ARAYÜZ GELİŞTİRMELERİ ================= */
/* Sağ taraftaki her şey yalnızca oyun aktifken görünür (ana menü, kurulum, online lobi, kayıt ekranında gizli) */
body:not(.oyunAktif) #sagSerit,
body:not(.oyunAktif) .sagUstKalanOyuncuKutu,
body:not(.oyunAktif) #hizliEylem,
body:not(.oyunAktif) #siraCubugu,
body:not(.oyunAktif) #solTapuPanel,
body:not(.oyunAktif) #yatayIpucu{display:none !important}
body:not(.oyunAktif) #oyun{padding-right:0 !important}

/* Şerit düğme adları (genişletilmiş mod) */
body.seritGenis{--seritGen:150px}
body.seritGenis #sagSerit button{flex-direction:row !important;justify-content:flex-start !important;gap:8px !important;padding:4px 8px !important;text-align:left}
#sagSerit button[data-etiket]::after{content:attr(data-etiket);display:none;font-size:11px;font-weight:800;color:inherit;white-space:nowrap}
body.seritGenis #sagSerit button[data-etiket]::after{display:inline}
#seritAyarBtn,#seritGenisBtn{font-size:18px !important;background:#1e293b !important;color:#e2e8f0 !important;border:1px solid #475569 !important}

/* Zar At / Bitir: sıra sende olduğunda büyük ve nabız gibi atar */
#sagSerit #zarBtn{min-height:64px !important}
#sagSerit #zarBtn.siraSende,#sagSerit #bitirBtn.siraSende{animation:siraNabiz 1.1s ease-in-out infinite;box-shadow:0 0 0 0 rgba(251,191,36,.8)}
#sagSerit #bitirBtn.siraSende{border-color:#34d399 !important;box-shadow:0 0 0 0 rgba(52,211,153,.8)}
@keyframes siraNabiz{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(251,191,36,.75)}50%{transform:scale(1.05);box-shadow:0 0 0 9px rgba(251,191,36,0)}}

/* Sıra çubuğu: ekranın en üstünde, sıradaki oyuncunun rengiyle kalan süreyi gösterir */
#siraCubugu{position:fixed;top:0;left:0;right:var(--seritGen,62px);height:5px;z-index:9250;background:rgba(255,255,255,.08);pointer-events:none}
#siraCubugu i{display:block;height:100%;width:100%;transition:width .5s linear,background .3s;border-radius:0 3px 3px 0}
#siraCubugu.acil i{animation:siraAcil .5s infinite alternate;background:#ef4444 !important}
@keyframes siraAcil{from{opacity:1}to{opacity:.35}}

/* Seçili kare haritada belirgin şekilde yanıp söner */
.k.secili{outline:3px solid #fbbf24 !important;outline-offset:1px;animation:seciliNabiz 1.2s ease-in-out infinite;z-index:10}  /* piyonun (12) altında kalmalı: tıklanan karenin üstündeki piyon gizlenmesin */
@keyframes seciliNabiz{0%,100%{box-shadow:0 0 0 0 rgba(251,191,36,.9)}50%{box-shadow:0 0 0 12px rgba(251,191,36,0)}}

/* Okunabilirlik: tapu kartındaki bilgi kutuları */
.fis .uyari.bilgi,.fis .uyari.af{color:#0c4a6e !important;background:#e0f2fe !important;border-color:#7dd3fc !important}
.fis .uyari.bilgi b,.fis .uyari.af b{color:#075985 !important}
.fis .uyari{font-weight:700}

/* Az animasyon modu */
/* "Az animasyon" ve işletim sisteminin "animasyonları azalt" ayarı süreleri neredeyse sıfıra çekiyordu: Esenboğa uçak geçişi (2,2 sn) ve açılış intro'su
   yalnızca bir an parlayıp kayboluyordu ("uçak geçişleri gözükmüyor"). Bu iki öğe, oyunun anlatımının parçası olduğu için kendi sürelerinde çalışır. */
body.azAnimasyon *:not(.ekranUcakJet):not(.ekranUcakJet *):not(#hevasIntro):not(#hevasIntro *),body.azAnimasyon *::before,body.azAnimasyon *::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
@media (prefers-reduced-motion:reduce){body:not(.azAnimasyon) *:not(.ekranUcakJet):not(.ekranUcakJet *):not(#hevasIntro):not(#hevasIntro *){animation-duration:.2s !important}}

/* Alt panel tutamacı (telefon dikey) */
#yanTutamac{display:none;height:22px;cursor:ns-resize;touch-action:none;align-items:center;justify-content:center;flex:0 0 22px}
#yanTutamac span{display:block;width:56px;height:5px;border-radius:3px;background:rgba(251,191,36,.7)}
@media (max-width:900px) and (orientation:portrait){
  #yanTutamac{display:flex}
  #tahtaKap{height:var(--haritaYuk,54vh) !important;min-height:200px}
}

/* Dokunmatik hedefler en az 44 px */
@media (pointer:coarse){
  .btnler button,.buyuk,.kck,.ikon-btn,.kSekmeBtn,.sekmeler button,.sahipYonetimSatir .kck,.saasOyBtn,.gsBtn,.hrBtn,.heBtn,#sagSerit button{min-height:44px}
  .ayarAnahtar,.ayarDugme{min-height:44px}
}

/* Geniş ekran: sağ panel ekranla birlikte büyür */
@media (min-width:1500px){
  #yan{flex:0 0 clamp(420px,27vw,600px) !important;width:auto !important;max-width:none !important}
}

/* Ayarlar penceresi */
.ayarKutu{max-width:440px;width:92vw;max-height:88dvh;overflow-y:auto;padding:14px}
.ayarBaslik{display:flex;justify-content:space-between;align-items:center;color:#fbbf24;margin-bottom:8px}
.ayarKapat{border:0;background:rgba(255,255,255,.1);color:#fff;width:36px;height:36px;border-radius:10px;cursor:pointer;font-size:15px}
.ayarBolum{margin-bottom:12px;padding:10px;border-radius:12px;background:rgba(255,255,255,.05)}
.ayarBolum h4{margin:0 0 8px;font-size:13px;color:#fbbf24}
.ayarSatir{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;color:#e2e8f0}
.ayarAnahtar,.ayarDugme{border:0;border-radius:999px;padding:6px 14px;font-weight:800;font-size:12px;cursor:pointer;background:#475569;color:#fff;min-width:74px}
.ayarAnahtar.acik{background:#059669}
.ayarSatir input[type=range]{flex:1;max-width:180px}
.kisayolListe{margin:0;padding-left:18px;font-size:12.5px;line-height:1.9;color:#cbd5e1}
.kisayolListe kbd{background:#1e293b;border:1px solid #475569;border-bottom-width:2px;border-radius:5px;padding:1px 7px;font-size:11.5px;color:#fbbf24;font-family:inherit}

/* Bağlantı bandı */
.baglantiBandi{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:99998;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.5);max-width:92vw;text-align:center}
.baglantiBandi.kopuk{background:#b91c1c;color:#fff}
.baglantiBandi.tamam{background:#047857;color:#fff}
.baglantiBandi.gizli{display:none}

#sagSerit #zarBtn,#sagSerit #bitirBtn{order:-1}
#sagSerit #otoZarBtn{order:-1}

body.seritGenis #sagSerit button .btnAlt{font-size:11px !important;font-weight:800}

/* ================= v15.10: TELEFON DİKEY DÜZENİ (üst bilgi · harita · alt solda TUŞLAR · alt sağda TAPU) ================= */
.seritSayfaBtn,#ustSeritMobil,#yanKapatBtn{display:none}
@media (max-width:900px) and (orientation:portrait){
  :root{--ustYuk:52px;--altYuk:40dvh}
  body.oyunAktif #ustSeritMobil{display:flex;position:fixed;top:0;left:0;right:0;height:var(--ustYuk);z-index:9200;flex-direction:column;justify-content:center;gap:2px;padding:4px 12px;background:linear-gradient(180deg,#0f172a,#0b1020);border-bottom:2px solid rgba(251,191,36,.55);box-sizing:border-box}
  #ustSeritMobil .usSatir1{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:900;color:#fbbf24;letter-spacing:.3px}
  #ustSeritMobil .usSatir1 i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}
  #ustSeritMobil .usSatir1 b{font-size:11px;color:#94a3b8}
  #ustSeritMobil .usSatir2{display:flex;gap:14px;font-size:13px;font-weight:800;color:#f8fafc;font-variant-numeric:tabular-nums}
  #ustSeritMobil .usSatir2 span:nth-child(2){color:#38bdf8}#ustSeritMobil .usSatir2 span:nth-child(3){color:#c084fc}

  /* Harita: üst çubuk ile alt paneller arasındaki tüm alan */
  body.oyunAktif #oyun{padding:var(--ustYuk) 0 var(--altYuk) 0 !important;height:100dvh !important;box-sizing:border-box}
  body.oyunAktif #tahtaKap{height:auto !important;min-height:0 !important;flex:1 1 auto !important}
  body.oyunAktif #yan{display:none !important}
  body.oyunAktif .aktifSiraRozet,body.oyunAktif #yatayIpucu,body.oyunAktif #yanTutamac{display:none !important}
  body.oyunAktif #siraCubugu{top:0 !important;right:0 !important;height:4px}

  /* Haritanın alt köşeleri: solda zar gösterimi, sağda kalan oyuncu sayacı */
  body.oyunAktif #hizliEylem{left:8px !important;right:auto !important;bottom:8px !important;transform:none !important;padding:4px 6px}
  body.oyunAktif .sagUstKalanOyuncuKutu{position:absolute !important;top:auto !important;bottom:8px !important;right:8px !important;left:auto !important;z-index:140 !important}

  /* ALT SOL: TUŞLAR */
  body.oyunAktif #sagSerit{top:auto !important;right:auto !important;left:0 !important;bottom:0 !important;width:38vw !important;height:var(--altYuk) !important;flex-direction:row !important;flex-wrap:wrap;align-content:flex-start;gap:4px;padding:5px;border-left:0 !important;border-top:2px solid rgba(251,191,36,.6);border-right:1px solid rgba(251,191,36,.3);box-shadow:0 -6px 20px rgba(0,0,0,.5);z-index:9300}
  body.oyunAktif #sagSerit button{width:calc(33.333% - 3px) !important;min-height:46px;flex:0 0 auto}
  body.oyunAktif #sagSerit #zarBtn{width:100% !important;min-height:56px;order:-3}
  body.oyunAktif #sagSerit #bitirBtn{width:calc(50% - 2px) !important;order:-2}
  body.oyunAktif #sagSerit #otoZarBtn{width:calc(50% - 2px) !important;order:-2}
  body.oyunAktif .seritSayfaBtn{display:flex !important;order:-1}
  #seritGenisBtn{display:none !important}
  body.oyunAktif #sagSerit #seritAyarBtn{order:5}

  /* ALT SAĞ: TAPU (her zaman açık) */
  body.oyunAktif #solTapuPanel{display:flex !important;position:fixed !important;left:auto !important;top:auto !important;right:0 !important;bottom:0 !important;width:62vw !important;height:var(--altYuk) !important;max-height:none !important;border-radius:0 !important;border:0 !important;border-top:2px solid rgba(251,191,36,.6) !important;z-index:9290}
  body.oyunAktif #solTapuPanel .stpBaslik button{display:none}
  body.oyunAktif #solTapuPanel .stpBaslik{padding:5px 10px;font-size:11px}
  body.oyunAktif #solUstKonteyner{display:block !important}

  /* Döviz / Banka / Günlük / Sohbet: tuşlardan açılan alt sayfa */
  body.oyunAktif.yanAcik #yan{display:flex !important;position:fixed;left:0;right:0;bottom:0;top:9dvh;width:auto !important;height:auto !important;z-index:9450;border-radius:18px 18px 0 0;box-shadow:0 -12px 40px rgba(0,0,0,.7);padding-top:6px !important}
  body.oyunAktif.yanAcik #yanKapatBtn{display:block;position:absolute;top:6px;right:10px;width:38px;height:38px;border:0;border-radius:10px;background:rgba(255,255,255,.14);color:#fff;font-size:16px;z-index:5;cursor:pointer}
  body.oyunAktif.yanAcik .sekmeler{padding-right:54px}
}
/* Alt sayfa düğmeleri koyu tema + yakınlaştırma düğmeleri sağ kenarda dikey (v15.10) */
#sagSerit .seritSayfaBtn{background:#1e293b !important;color:#e2e8f0 !important;border:1px solid rgba(251,191,36,.45) !important}
@media (max-width:900px) and (orientation:portrait){
  body.oyunAktif .zoom{left:auto !important;right:8px !important;bottom:60px !important;top:auto !important;flex-direction:column !important;transform:none !important;gap:6px !important}
  body.oyunAktif .zoom button{width:38px;height:38px;padding:0}
}

/* Profil düzenleme (v15.10) */
.pkDuzenle{margin-top:10px;padding:10px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.pkDuzenle h4{margin:0 0 8px;font-size:13px;color:#fbbf24}
.pkEtiket{display:block;font-size:11px;font-weight:800;color:#94a3b8;margin:8px 0 4px}
.pkAdSatir{display:flex;gap:8px;align-items:stretch}
.pkAdSatir .girdi{flex:1;min-width:0}
.pkAdSatir .buyuk{width:auto;padding:0 16px;flex:0 0 auto}
.pkEmojiGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.pkEmoji{border:2px solid transparent;border-radius:12px;background:rgba(255,255,255,.08);font-size:22px;min-height:44px;cursor:pointer}
.pkEmoji.secili{border-color:#fbbf24;background:rgba(251,191,36,.2)}
.pkResimSatir{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.pkResimSatir .buyuk{flex:1;min-width:120px;font-size:12px;padding:8px}
.pkNot{display:block;margin-top:6px;color:#64748b;font-size:10.5px;line-height:1.4}
#pkCikisBtn{width:100%;margin-top:8px}
#pkCikisBtn.gizli{display:none}
.pkAvatar{overflow:hidden}

/* ===== v15.10 CSS tamamlama: stilsiz kalan bileşenler ===== */
.kaplama{z-index:9600 !important}
.kimg{font-size:46px;text-align:center;line-height:1;margin-bottom:6px}
.kmetin{text-align:center;font-size:14px;line-height:1.5;color:#e2e8f0;margin:8px 0 12px}
.kopt{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.kopt .buyuk{width:100%}
.kutu.kartlik h3{text-align:center;color:#fbbf24;margin:0 0 4px}
.kutu.kartlik.sans{border-color:rgba(168,85,247,.6)}
.kutu.kartlik.takas{border-color:rgba(56,189,248,.6)}
.kutu.kartlik.meclis{border-color:rgba(251,191,36,.7)}
.gov{padding:10px}

/* Yıl sonu ödülleri / rozetler */
.odulKutu{margin-top:12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(251,191,36,.35)}
.odulBaslik{margin:0 0 10px;font-size:13px;letter-spacing:.5px;color:#fbbf24;text-align:center}
.rozetGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media (max-width:520px){.rozetGrid{grid-template-columns:1fr}}
.rozet{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;font-size:12px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06)}
.rozet svg{flex:0 0 auto}
.rozet b{display:block;font-size:12.5px}
.rozet span{display:block;opacity:.85;font-size:11.5px}
.rozetAltin{border-color:#f59e0b;background:rgba(245,158,11,.14);color:#fcd34d}
.rozetKirmizi{border-color:#ef4444;background:rgba(239,68,68,.14);color:#fca5a5}
.rozetYesil{border-color:#22c55e;background:rgba(34,197,94,.14);color:#86efac}
.rozetGri{border-color:#94a3b8;background:rgba(148,163,184,.14);color:#cbd5e1}

/* Profil / giriş penceresi: dar ekranda tek sütun */
@media (max-width:820px){
  #girisModal .girisGovdeGrid{display:flex !important;flex-direction:column !important;grid-template-columns:1fr !important;gap:14px}
  #girisModal .girisSolPanel,#girisModal .girisSagPanel{width:100% !important;min-width:0}
  #girisModal .girisKutu{width:94vw !important;max-width:94vw !important;max-height:92dvh;overflow-y:auto}
  #girisModal .girisUstBar{flex-wrap:nowrap;gap:8px}
  #girisModal .sosyalGirisGrid{grid-template-columns:1fr 1fr !important}
}
.rozet{text-align:left}

/* ===== v15.11 Giriş kapısı ===== */
#girisKapisi{z-index:9800 !important;background:rgba(2,6,23,.94);backdrop-filter:blur(6px)}
.girisKapiKutu{width:min(92vw,400px);max-height:94dvh;overflow-y:auto;text-align:center;padding:22px 20px}
.gkLogo{width:78px;height:78px;border-radius:18px;margin:0 auto 6px;display:block;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.gkGoogleKutu{display:flex;justify-content:center;min-height:0;margin:10px 0 8px}
.gkFb{width:100%;margin:4px 0 8px}
.gkAyirac{display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:11px;margin:12px 0}
.gkAyirac::before,.gkAyirac::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.15)}
#gkForm{display:flex;flex-direction:column;gap:8px}
#gkForm .buyuk{width:100%}
.gkNot{display:block;min-height:16px;margin-top:8px;color:#fca5a5;font-size:12px}
.gsCikis{border:1px solid rgba(248,113,113,.5);background:rgba(248,113,113,.12);color:#fca5a5;border-radius:999px;padding:7px 12px;font-weight:800;font-size:12px;cursor:pointer;min-height:36px}
.gsCikis.gizli{display:none}
/* Giriş zorunlu olduğu için menüdeki sağlayıcı düğmeleri gereksiz */
.girisSeridi .gsBtnler,.girisSeridi .gsNot{display:none !important}
body.girisGerekli #sagSerit,body.girisGerekli .sagUstKalanOyuncuKutu{display:none !important}

/* Yasal bağlantılar */
.yasalLinkler{margin:6px 0 14px;text-align:center;font-size:12px;color:#94a3b8}
.yasalLinkler a,.gkYasal a{color:#7dd3fc}
.gkYasal{display:block;margin-top:10px;font-size:11px;line-height:1.5;color:#94a3b8}

/* ===== v15.12: sağ paneller küçültüldü ===== */
@media (min-width:901px){
  #yan{width:300px !important;flex:0 0 300px !important;max-width:300px !important;font-size:12.5px}
  #yan .sekmeler button{font-size:11.5px;padding-left:6px;padding-right:6px}
  :root{--seritGen:52px}
  #sagSerit{padding:5px 3px;gap:4px}
  #sagSerit button{min-height:40px !important;font-size:9.5px !important}
  #sagSerit button .btnIkon{font-size:17px !important}
  #sagSerit #zarBtn{min-height:54px !important}
}
@media (min-width:1500px){
  #yan{width:340px !important;flex:0 0 340px !important;max-width:340px !important}
}
@media (max-width:900px) and (orientation:landscape){
  #yan{width:250px !important;flex:0 0 250px !important;min-width:230px !important;max-width:250px !important}
}
@media (min-width:901px){body.oyunAktif .sagUstKalanOyuncuKutu{right:calc(var(--seritGen) + 310px) !important}}
@media (min-width:1500px){body.oyunAktif .sagUstKalanOyuncuKutu{right:calc(var(--seritGen) + 350px) !important}}

/* ===== v15.12: canlı yayın / seyirci arayüzü kaldırıldı ===== */
#seyirciKontrolBar,#seyirciModuBant,#seyirciBahisModal,#odaSeyirciBtn{display:none !important}

/* ===== v15.12: TUŞLAR sağ panelin ALTINDA, altışar altışar (masaüstü ve yatay telefon) ===== */
@media (min-width:901px), (max-width:900px) and (orientation:landscape){
  :root{--seritGen:0px;--tusYuk:196px}
  body.sagSeritVar #oyun{padding-right:0 !important}
  body.oyunAktif #yan{height:calc(100% - var(--tusYuk)) !important;align-self:flex-start;padding-top:0 !important}
  body.oyunAktif #sagSerit{top:auto !important;right:0 !important;left:auto !important;bottom:0 !important;width:300px !important;height:var(--tusYuk) !important;flex-direction:row !important;flex-wrap:wrap;align-content:flex-start;gap:4px;padding:6px;border-left:1px solid rgba(251,191,36,.55) !important;border-top:2px solid rgba(251,191,36,.6);overflow-y:auto;box-shadow:0 -6px 20px rgba(0,0,0,.5)}
  body.oyunAktif #sagSerit button{width:calc((100% - 20px) / 6) !important;min-height:42px !important;padding:2px 0 !important;font-size:8.5px !important;flex:0 0 auto}
  body.oyunAktif #sagSerit button .btnIkon{font-size:16px !important}
  body.oyunAktif #sagSerit button .btnAlt{font-size:7.5px !important}
  body.oyunAktif #sagSerit .seritSayfaBtn{display:none !important}
  body.oyunAktif #sagSerit #zarBtn,body.oyunAktif #sagSerit #bitirBtn,body.oyunAktif #sagSerit #otoZarBtn{min-height:42px !important}
  #seritGenisBtn{display:none !important}
  body.oyunAktif .sagUstKalanOyuncuKutu{right:310px !important}
  body.oyunAktif #siraCubugu{right:0 !important}
}
@media (min-width:1500px){
  body.oyunAktif #sagSerit{width:340px !important}
  body.oyunAktif .sagUstKalanOyuncuKutu{right:350px !important}
}
@media (max-width:900px) and (orientation:landscape){
  :root{--tusYuk:150px}
  body.oyunAktif #sagSerit{width:250px !important}
  body.oyunAktif .sagUstKalanOyuncuKutu{right:260px !important}
}

/* ---- v15.13: erişilebilirlik + maç özeti ---- */
:focus-visible { outline: 3px solid #fbbf24; outline-offset: 2px; }
body.yaziB1 .kutu, body.yaziB1 #gunluk, body.yaziB1 #solTapuPanel { zoom: 1.12; }
body.yaziB2 .kutu, body.yaziB2 #gunluk, body.yaziB2 #solTapuPanel { zoom: 1.25; }
.osOzetKutusu { margin: 12px 0; padding: 10px 12px; border-radius: 10px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); }
.osOzetKutusu h3 { font-size: 13px; color: var(--altin, #fbbf24); margin: 0 0 8px; }
.osOzetGrafik { width: 100%; height: auto; color: #94a3b8; display: block; }
.osOzetBos { font-size: 12px; opacity: .7; padding: 8px 0; }
.osOzetAciklama { display: flex; flex-wrap: wrap; gap: 6px 12px; margin: 6px 0; font-size: 11.5px; }
.osOzetEtiket { display: inline-flex; align-items: center; gap: 5px; }
.osOzetEtiket i { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.osOzetSatirlar { font-size: 12.5px; line-height: 1.7; margin-bottom: 8px; }

/* ===== v15.14: dar sağ sütun · tuşlar altta 6'lı ızgara · zar göstergesi sayacın altında · ince sol panel · tapu kartı sağ panelin üstünde ===== */
@media (min-width:901px), (max-width:900px) and (orientation:landscape){
  :root{--yanGen:236px;--tusYuk:160px}
  #yan{width:var(--yanGen) !important;flex:0 0 var(--yanGen) !important;min-width:0 !important;max-width:var(--yanGen) !important}
  body.oyunAktif #sagSerit{width:var(--yanGen) !important;display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:34px;gap:3px;padding:5px;align-content:start;overflow:hidden}
  body.oyunAktif #sagSerit button{width:auto !important;min-height:0 !important;height:100%;padding:1px 0 !important;border-radius:8px !important;flex:none}
  body.oyunAktif #sagSerit button .btnIkon{font-size:14px !important}
  body.oyunAktif #sagSerit button .btnAlt{font-size:6.5px !important;line-height:1}
  body.oyunAktif #sagSerit #zarBtn,body.oyunAktif #sagSerit #otoZarBtn,body.oyunAktif #sagSerit #bitirBtn{grid-column:span 2;min-height:0 !important;flex-direction:row !important;gap:4px !important}
  body.oyunAktif #sagSerit #zarBtn{order:-3}
  body.oyunAktif #sagSerit #otoZarBtn{order:-2}
  body.oyunAktif #sagSerit #bitirBtn{order:-1}
  body.oyunAktif #sagSerit #zarBtn .btnIkon,body.oyunAktif #sagSerit #otoZarBtn .btnIkon,body.oyunAktif #sagSerit #bitirBtn .btnIkon{font-size:16px !important}
  body.oyunAktif #sagSerit #zarBtn .btnAlt,body.oyunAktif #sagSerit #otoZarBtn .btnAlt,body.oyunAktif #sagSerit #bitirBtn .btnAlt{font-size:8.5px !important;font-weight:800}

  /* Kalan oyuncu sayacı sütunun solunda, zar göstergesi tam altında */
  body.oyunAktif .sagUstKalanOyuncuKutu{right:calc(var(--yanGen) + 8px) !important;top:6px !important}
  body.oyunAktif #hizliEylem{position:fixed !important;top:46px !important;right:calc(var(--yanGen) + 8px) !important;left:auto !important;bottom:auto !important;transform:none !important;padding:4px 6px;gap:4px;z-index:9000;border-radius:12px}
  body.oyunAktif #hizliEylem .zar{width:30px;height:30px;font-size:22px;line-height:30px}

  /* Sol durum paneli: ~%18 daha ince ve kısa */
  .solUstKonteyner{zoom:.82;left:6px !important;top:6px !important}

  /* Tapu kartı: haritayı kapatmaz, sağ panelin (Döviz/Banka) üstünde açılır */
  body.oyunAktif #solTapuPanel{position:fixed !important;left:auto !important;right:0 !important;top:0 !important;bottom:calc(var(--tusYuk) + 6px) !important;width:var(--yanGen) !important;max-height:none !important;border-radius:0 !important;border-width:0 0 2px 1px !important;z-index:9250}
  body.oyunAktif #solTapuPanel .stpGovde{padding:4px;overflow:hidden}
  body.oyunAktif #solTapuPanel .stpBaslik{padding:4px 8px;font-size:11px}
  body.oyunAktif #solTapuPanel .stpBaslik button{width:24px;height:24px}
  body.tapuPaneliAcik #solUstKonteyner{display:block !important}
}
@media (min-width:1500px){
  :root{--yanGen:264px;--tusYuk:164px}
  body.oyunAktif #sagSerit{grid-auto-rows:36px}
}
@media (max-width:900px) and (orientation:landscape){
  :root{--yanGen:208px;--tusYuk:140px}
  body.oyunAktif #sagSerit{grid-auto-rows:31px}
}

.tapuEylem{position:sticky;bottom:0;z-index:3;background:linear-gradient(180deg,rgba(11,16,32,0),rgba(11,16,32,.98) 18%);padding-top:6px}

/* ===== v15.15: sol panel = yalnızca Vali adı + tüm oyuncular (kaydırmasız, ekranın altına kadar) ===== */
@media (min-width:901px), (max-width:900px) and (orientation:landscape){
  body.oyunAktif .solUstKonteyner{zoom:1;left:6px !important;top:6px !important;bottom:46px;width:174px;gap:5px}
  body.oyunAktif .solUstKonteyner > .solUstPiyasaKutu,
  body.oyunAktif .solUstKonteyner > .solUstKendiBakiye,
  body.oyunAktif .solUstBakiyeler .subBaslik,
  body.oyunAktif .solUstValiKutu .suvBaslik,
  body.oyunAktif .solUstValiKutu .suvDonem{display:none !important}
  body.oyunAktif .solUstValiKutu{width:100%;flex:0 0 auto;padding:5px 8px;gap:6px}
  body.oyunAktif .solUstValiKutu .suvDeger{font-size:11.5px}
  body.oyunAktif .solUstBakiyeler{width:100%;flex:1 1 auto;min-height:0;max-height:none !important;overflow:hidden !important;display:flex;flex-direction:column;padding:4px 5px;box-sizing:border-box}
  body.oyunAktif .solUstBakiyeler .subListe{flex:1 1 auto;min-height:0;gap:3px}
  body.oyunAktif .solUstBakiyeler .subSatir{flex:1 1 0;min-height:0;max-height:62px;overflow:hidden;justify-content:center;padding:2px 5px}
}
@media (min-width:901px), (max-width:900px) and (orientation:landscape){
  body.oyunAktif.tapuPaneliAcik #solUstKonteyner{display:flex !important}
}

/* ===== v15.16: sağda yalnızca 7 düğme (2 sıra), diğerleri sol alt köşede ===== */
@media (min-width:901px), (max-width:900px) and (orientation:landscape){
  :root{--tusYuk:112px}
  body.oyunAktif #sagSerit{grid-template-columns:repeat(12,minmax(0,1fr)) !important;grid-auto-rows:46px !important;padding:6px;gap:4px}
  body.oyunAktif #sagSerit button{flex-direction:column !important;font-size:10px !important}
  body.oyunAktif #sagSerit button .btnIkon{font-size:17px !important}
  body.oyunAktif #sagSerit button .btnAlt{font-size:8.5px !important;font-weight:800}
  body.oyunAktif #sagSerit #zarBtn,body.oyunAktif #sagSerit #otoZarBtn,body.oyunAktif #sagSerit #bitirBtn{grid-column:span 4 !important;flex-direction:row !important;gap:5px !important}
  body.oyunAktif #sagSerit #zarBtn .btnIkon,body.oyunAktif #sagSerit #otoZarBtn .btnIkon,body.oyunAktif #sagSerit #bitirBtn .btnIkon{font-size:19px !important}
  body.oyunAktif #sagSerit #zarBtn .btnAlt,body.oyunAktif #sagSerit #otoZarBtn .btnAlt,body.oyunAktif #sagSerit #bitirBtn .btnAlt{font-size:10px !important}
  body.oyunAktif #sagSerit #hizliDovizBtn,body.oyunAktif #sagSerit #takasBtn,body.oyunAktif #sagSerit #krediBtn{grid-column:span 4 !important}
  body.oyunAktif #sagSerit #zarBtn{order:1}
  body.oyunAktif #sagSerit #otoZarBtn{order:2}
  body.oyunAktif #sagSerit #bitirBtn{order:3}
  body.oyunAktif #sagSerit #valiSikayetUstBtn{order:4}
  body.oyunAktif #sagSerit #hizliDovizBtn{order:5}
  body.oyunAktif #sagSerit #takasBtn{order:6}
  body.oyunAktif #sagSerit #krediBtn{order:7}

  /* Sol alt düğme kümesi */
  #solAltDugmeler{display:none}
  body.oyunAktif.solAltKume #solAltDugmeler{display:grid;position:fixed;left:6px;bottom:60px;width:174px;z-index:9300;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:30px;gap:3px;padding:4px;box-sizing:border-box;border-radius:12px;background:rgba(10,16,30,.94);border:1.5px solid rgba(251,191,36,.45);box-shadow:0 6px 18px rgba(0,0,0,.55)}
  #solAltDugmeler button{display:flex !important;align-items:center;justify-content:center;gap:2px;min-width:0;width:auto !important;height:100%;margin:0 !important;padding:0 2px !important;border-radius:8px !important;font-size:12px !important;line-height:1;white-space:nowrap;overflow:hidden;position:static !important;transform:none !important;background:#1e293b;color:#e2e8f0;border:1px solid rgba(251,191,36,.35)}
  #solAltDugmeler button.gizli{display:none !important}
  #solAltDugmeler button small,#solAltDugmeler button .btnAlt{display:none}
  #solAltDugmeler #profilBtn,#solAltDugmeler #oyundanCikBtn,#solAltDugmeler #odaKapatBtn,#solAltDugmeler #masadanAyrilBtn,#solAltDugmeler #arayuzDuzenleBtn,#solAltDugmeler #metroBtn{grid-column:span 2;font-size:10px !important}
  #solAltDugmeler #profilKullaniciPuanRozet{font-size:9px !important}
  #solAltDugmeler #oyundanCikBtn,#solAltDugmeler #odaKapatBtn{background:#7f1d1d;border-color:#ef4444}
  #solAltDugmeler #seritGenisBtn{display:none !important}
  #solAltDugmeler .seritSayfaBtn{display:none !important}

  /* Sol durum paneli, alttaki düğme kümesinin üstünde biter */
  body.oyunAktif .solUstKonteyner{bottom:var(--solPanelAlt,46px)}
  body.oyunAktif .solUstBakiyeler .subSatir{font-size:9.5px;padding:1px 5px}
}

/* ===== v15.17: sol alt küme köşeye oturur, yalnızca açma düğmesine basılınca açılır ===== */
#solAltAcBtn{display:none}
@media (min-width:901px), (max-width:900px) and (orientation:landscape){
  body.oyunAktif.solAltKume #solAltAcBtn{display:flex;align-items:center;justify-content:center;position:fixed;left:6px;bottom:6px;width:40px;height:40px;padding:0;font-size:20px;line-height:1;border-radius:12px;cursor:pointer;z-index:9301;background:rgba(10,16,30,.96);color:#fbbf24;border:1.5px solid rgba(251,191,36,.55);box-shadow:0 4px 14px rgba(0,0,0,.6)}
  body.oyunAktif.solAltKume #solAltAcBtn.acik{background:#fbbf24;color:#0b1020}
  body.oyunAktif.solAltKume #solAltDugmeler:not(.acik){display:none}
  body.oyunAktif.solAltKume #solAltDugmeler{left:6px;bottom:52px}
  body.oyunAktif.solAltKume .zoom{left:54px !important;bottom:6px !important}
}

/* ===== v15.17b: dokunmatik/mobil algılanan cihazlarda da oyuncu listesi her zaman açık (başlığı gizlediğimiz için daraltılamaz) ===== */
@media (min-width:901px), (max-width:900px) and (orientation:landscape){
  body.oyunAktif .solUstKonteyner .solUstMobilToggleBtn{display:none !important}
  body.oyunAktif .solUstKonteyner:not(.mobilAcik) > .solUstValiKutu{display:flex !important}
  body.oyunAktif .solUstKonteyner:not(.mobilAcik) > .solUstBakiyeler,
  body.oyunAktif .solUstKonteyner > .solUstBakiyeler.dar{display:flex !important;flex-direction:column;width:100% !important;max-height:none !important;overflow:hidden !important;padding:4px 5px !important}
  body.oyunAktif .solUstBakiyeler.dar .subListe{display:flex !important}
}

/* ===== v15.18: oyuncu satırında Hevaş / Sim Beton borcu ===== */
.subSatir .subBorc{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:6px;font-size:9px;line-height:1.15;font-weight:700;white-space:nowrap}
.subSatir .subBorc .borcVar{color:#fb923c}
.subSatir .subBorc .borcYok{color:#94a3b8;opacity:.55}
.subSatir .subBorc b{font-weight:800}
.subListe.cok{gap:1px !important}
.subListe.cok .subSatir{font-size:8.5px !important;padding-top:0 !important;padding-bottom:0 !important;gap:0 !important}
.subListe.cok .subSatir .subBorc{font-size:8px}
.subListe.cok .subSatir .subPara{font-size:8.5px !important}

/* ===== v15.19: oyuncu adı her zaman net okunur; 5 bakiye (₺ $ £ Hevaş Sim) ===== */
@media (min-width:901px), (max-width:900px) and (orientation:landscape){
  body.oyunAktif .solUstBakiyeler .subSatir{justify-content:flex-start !important;gap:1px}
  body.oyunAktif .solUstBakiyeler .subSatir .subUst{font-size:11.5px !important;font-weight:800;color:#f8fafc !important;min-height:14px;gap:4px;line-height:1.2}
  body.oyunAktif .solUstBakiyeler .subSatir .subUst > span:first-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.oyunAktif .solUstBakiyeler .subSatir.aktif .subUst{color:#bbf7d0 !important}
  body.oyunAktif .solUstBakiyeler .subSatir .subBotRozet{display:none}
  body.oyunAktif .solUstBakiyeler .subListe.cok .subSatir .subUst{font-size:10px !important;min-height:12px}
}

/* ===== v15.20: durum paneli kapalı = Vali + kendi bakiyelerin; basınca tamamı açılır ===== */
@media (min-width:901px), (max-width:900px) and (orientation:landscape){
  body.oyunAktif .solUstKonteyner{cursor:pointer}
  body.oyunAktif .solUstValiKutu::after{content:'▾';margin-left:auto;color:#fbbf24;font-size:11px;line-height:1}
  body.oyunAktif .solUstKonteyner.genis .solUstValiKutu::after{content:'▴'}
  body.oyunAktif .solUstKonteyner:not(.genis){bottom:auto !important}
  body.oyunAktif .solUstKonteyner:not(.genis) .solUstBakiyeler{flex:0 0 auto !important}
  body.oyunAktif .solUstKonteyner:not(.genis) .subListe{flex:0 0 auto !important}
  body.oyunAktif .solUstKonteyner:not(.genis) .subSatir:not(.benim){display:none !important}
  body.oyunAktif .solUstKonteyner:not(.genis) .subSatir.benim{flex:0 0 auto !important;max-height:none !important}
}

/* ===== v15.21: genel .kck düğmesi, giriş/sosyal düğmeler, takas bildirimi, büyük oyuncu tapu barı ===== */
.kck{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:10px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;font-family:inherit;font-weight:800;font-size:12px;line-height:1.1;cursor:pointer;transition:transform .12s ease,filter .12s ease,border-color .12s ease}
.kck:hover{filter:brightness(1.12);border-color:rgba(251,191,36,.6)}
.kck:active{transform:scale(.97)}
.kck.altin{background:linear-gradient(135deg,#fbbf24,#d97706);color:#111827;border-color:#b45309}
.kck.yesil{background:linear-gradient(135deg,#34d399,#059669);color:#052e1b;border-color:#047857}
.kck.ikinci{background:rgba(255,255,255,.08);color:#f1f5f9;border-color:rgba(255,255,255,.22)}
.girisUstBar .kck.ikinci{flex:0 0 auto;width:34px;height:34px;padding:0;font-size:15px;border-radius:10px}
.sosyalBtn .sbIkon{display:inline-flex;align-items:center;justify-content:center;width:22px;font-size:16px;line-height:1;flex:0 0 auto}
.puanSkalaKutusu{margin-top:10px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.menulogoIsik{position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(circle at 50% 40%,rgba(251,191,36,.25),transparent 60%);filter:blur(14px);z-index:-1}
.surum{margin-top:6px;text-align:center;font-size:11px;color:#94a3b8;letter-spacing:.4px}

/* Takas teklifi bekleyen oyuncuya TAKAS düğmesi nabız atar */
@keyframes takasNabiz{0%,100%{box-shadow:0 0 0 0 rgba(251,191,36,.9)}60%{box-shadow:0 0 0 9px rgba(251,191,36,0)}}
#takasBtn.takasBekliyor{animation:takasNabiz 1.1s ease-in-out infinite;border-color:#fbbf24 !important;background:linear-gradient(135deg,rgba(251,191,36,.35),rgba(15,23,42,.95)) !important}
#takasBtn.takasBekliyor::after{content:'!';position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:#ef4444;color:#fff;font:900 11px/16px sans-serif;text-align:center}

/* Alt tapu barı: büyük, yalnızca bu oyuncunun tapuları */
.tapuPortfoyBar{max-height:none;max-width:min(980px,calc(100% - 520px));padding:8px 12px;gap:12px;align-items:stretch;border-radius:16px;flex-direction:column;align-items:stretch;bottom:10px;left:50%;transform:translateX(-50%)}
.tapuPortfoyBar .tpbBaslik{flex-direction:row;gap:10px;justify-content:flex-start;padding:0 0 6px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12);cursor:pointer;flex-wrap:wrap}
.tapuPortfoyBar .tpbIkon{font-size:20px}
.tapuPortfoyBar .tpbBaslikMetin{font-size:13px;letter-spacing:1px}
.tapuPortfoyBar .tpbSahip{font-size:13px;font-weight:800;color:#f8fafc}
.tapuPortfoyBar .tpbSayiRozet{font-size:12px;padding:1px 9px;margin:0}
.tapuPortfoyBar .tpbToplam{font-size:12px;font-weight:800;color:#86efac}
.tapuPortfoyBar .tpbOk{margin-left:auto;font-size:14px;color:#fbbf24}
.tapuPortfoyBar .tpbKartListesi{gap:10px;padding:8px 2px 4px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}
.tapuPortfoyBar .tpbKart{width:132px;height:84px;border-radius:10px}
.tapuPortfoyBar .tpbRenk{height:22px;font-size:12px;padding:0 7px}
.tapuPortfoyBar .tpbSeviye{font-size:11px;padding:0 5px}
.tapuPortfoyBar .tpbIpotek{font-size:10px;padding:0 5px;margin-left:3px}
.tapuPortfoyBar .tpbGovde{padding:6px 8px}
.tapuPortfoyBar .tpbAd{font-size:12.5px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tapuPortfoyBar .tpbKira{font-size:11.5px}
.tapuPortfoyBar .tpbBos{font-size:13px;padding:10px 6px}
.tapuPortfoyBar.kucuk .tpbKartListesi{display:none}
.tapuPortfoyBar.kucuk .tpbBaslik{border-bottom:0;padding-bottom:0}
@media (min-width:901px), (max-width:900px) and (orientation:landscape){
  .tapuPortfoyBar{left:calc(50% - 20px);max-width:min(980px,calc(100% - 520px))}
}

/* ===== v15.21: Güvercin havuzu efekti ===== */
.guvercinEfektKatman{position:fixed;inset:0;pointer-events:none;z-index:9450;overflow:hidden}
.guvercinUcan{position:fixed;font-size:26px;line-height:1;will-change:transform,opacity;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
.guvercinBanner{position:absolute;left:50%;top:18%;display:flex;align-items:center;gap:12px;padding:12px 22px;border-radius:18px;background:linear-gradient(135deg,rgba(6,78,59,.96),rgba(15,23,42,.96));border:2px solid #34d399;box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 40px rgba(16,185,129,.45);color:#ecfdf5;font-size:15px;transform:translateX(-50%);animation:guvercinBannerGir 3.2s ease both;white-space:nowrap}
.guvercinBanner .gbIkon{font-size:34px;animation:guvercinKanat .5s ease-in-out infinite alternate}
.guvercinBanner b{color:#fde68a}
.guvercinBanner em{display:block;font-style:normal;font-weight:900;font-size:22px;color:#4ade80;text-shadow:0 0 12px rgba(74,222,128,.6)}
@keyframes guvercinBannerGir{0%{opacity:0;transform:translateX(-50%) translateY(-30px) scale(.8)}12%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.05)}20%{transform:translateX(-50%) scale(1)}85%{opacity:1}100%{opacity:0;transform:translateX(-50%) translateY(-14px)}}
@keyframes guvercinKanat{from{transform:rotate(-12deg) scale(1)}to{transform:rotate(12deg) scale(1.12)}}
.k.guvercinHale{animation:guvercinHale 2.2s ease-out;z-index:50}
@keyframes guvercinHale{0%,100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}25%{box-shadow:0 0 0 14px rgba(52,211,153,.55),0 0 40px 12px rgba(52,211,153,.5)}60%{box-shadow:0 0 0 22px rgba(52,211,153,.12),0 0 30px 6px rgba(52,211,153,.35)}}
.subSatir.subFlas{animation:subFlas 1.8s ease-out}
@keyframes subFlas{0%,100%{filter:none}20%{filter:brightness(1.8) saturate(1.4);box-shadow:0 0 18px rgba(74,222,128,.8)}}
@media (prefers-reduced-motion:reduce){.guvercinBanner .gbIkon,.k.guvercinHale,.subSatir.subFlas{animation:none}}

/* Tapu barı: sol durum panelinin sağından başlar, canlı sohbet kutusunun soluna kadar uzanır (üst üste binmez) */
@media (min-width:901px), (max-width:900px) and (orientation:landscape){
  body.oyunAktif .tapuPortfoyBar{left:196px !important;right:auto !important;transform:none !important;max-width:calc(100% - 196px - 470px) !important;min-width:300px}
  body.oyunAktif.sohbetKucuk .tapuPortfoyBar,body.oyunAktif.sohbetKapali .tapuPortfoyBar{max-width:calc(100% - 196px - 70px) !important}
}

/* ===== v15.21: hapis girişi efekti + liderlik tablosunda ceza ===== */
.subSatir .subHapis{font-size:9.5px;font-weight:800;color:#fca5a5;background:rgba(127,29,29,.45);border:1px solid rgba(239,68,68,.5);border-radius:6px;padding:0 5px;line-height:1.4;white-space:nowrap}
.hapisBanner{position:fixed;left:50%;top:14%;display:flex;align-items:center;gap:12px;padding:12px 22px;border-radius:16px;background:linear-gradient(135deg,rgba(69,10,10,.96),rgba(15,23,42,.96));border:2px solid #ef4444;box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 40px rgba(239,68,68,.5);color:#fee2e2;font-size:15px;z-index:9460;pointer-events:none;transform:translateX(-50%);animation:hapisBannerGir 3.6s ease both;white-space:nowrap}
.hapisBanner .hbIkon{font-size:32px;animation:hapisSiren .45s linear infinite alternate}
.hapisBanner b{color:#fde68a}
.hapisBanner em{display:block;font-style:normal;font-weight:900;font-size:17px;color:#fca5a5}
@keyframes hapisBannerGir{0%{opacity:0;transform:translateX(-50%) translateY(-30px) scale(.85)}10%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.05)}18%{transform:translateX(-50%) scale(1)}86%{opacity:1}100%{opacity:0;transform:translateX(-50%) translateY(-14px)}}
@keyframes hapisSiren{from{filter:drop-shadow(0 0 6px #ef4444);transform:scale(1)}to{filter:drop-shadow(0 0 10px #3b82f6);transform:scale(1.15)}}
.hapisFlas{position:fixed;inset:0;pointer-events:none;z-index:9440;animation:hapisFlasAnim 1.8s ease-out both}
@keyframes hapisFlasAnim{0%{box-shadow:inset 0 0 0 0 rgba(239,68,68,0)}15%{box-shadow:inset 0 0 120px 30px rgba(239,68,68,.55)}35%{box-shadow:inset 0 0 120px 30px rgba(59,130,246,.5)}55%{box-shadow:inset 0 0 120px 30px rgba(239,68,68,.45)}75%{box-shadow:inset 0 0 90px 20px rgba(59,130,246,.35)}100%{box-shadow:inset 0 0 0 0 rgba(0,0,0,0)}}
.piyon.piyonHapis{animation:piyonHapisSalla .5s ease-in-out 5}
@keyframes piyonHapisSalla{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media (prefers-reduced-motion:reduce){.hapisBanner .hbIkon,.hapisFlas,.piyon.piyonHapis{animation:none}}

/* ===== v15.22: liderlik tablosu 8 kişiyi rahat alır; kapalıyken oyuncunun kendi kartı büyür ===== */
@media (min-width:901px), (max-width:900px) and (orientation:landscape){
  /* Açık: 8 ve altı oyuncuda büyük satırlar (ad 13px, bakiyeler 11.5px, borçlar 10.5px) */
  body.oyunAktif .solUstKonteyner.genis{width:190px}
  body.oyunAktif .solUstBakiyeler .subListe.rahat .subSatir{max-height:84px;padding:4px 7px;gap:2px}
  body.oyunAktif .solUstBakiyeler .subListe.rahat .subSatir .subUst{font-size:13px !important;min-height:17px}
  body.oyunAktif .solUstBakiyeler .subListe.rahat .subSatir .subPara{font-size:11.5px !important;gap:8px}
  body.oyunAktif .solUstBakiyeler .subListe.rahat .subSatir .subBorc{font-size:10.5px}
  body.oyunAktif .solUstBakiyeler .subListe.rahat .subSatir .subHapis{font-size:10.5px}

  /* Kapalı: yalnızca kendi kartın, daha geniş ve daha büyük yazılı */
  body.oyunAktif .solUstKonteyner:not(.genis){width:236px}
  body.oyunAktif .solUstKonteyner:not(.genis) .solUstValiKutu .suvDeger{font-size:13.5px}
  body.oyunAktif .solUstKonteyner:not(.genis) .subSatir.benim{padding:8px 11px;gap:4px;border-radius:10px}
  body.oyunAktif .solUstKonteyner:not(.genis) .subSatir.benim .subUst{font-size:16px !important;min-height:22px}
  body.oyunAktif .solUstKonteyner:not(.genis) .subSatir.benim .subPara{font-size:14.5px !important;gap:12px}
  body.oyunAktif .solUstKonteyner:not(.genis) .subSatir.benim .subBorc{font-size:12.5px}
  body.oyunAktif .solUstKonteyner:not(.genis) .subSatir.benim .subHapis{font-size:12px}
  body.oyunAktif .solUstKonteyner:not(.genis) .subSatir.benim .subSiraEtiket,
  body.oyunAktif .solUstKonteyner:not(.genis) .subSatir.benim .subBenimRozet{font-size:10px}
}

/* ===== v15.22: sesli sohbet ===== */
.sesliSohbetBtn{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;margin-right:6px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#e2e8f0;font-size:11px;font-weight:800;cursor:pointer;font-family:inherit;line-height:1.2}
.sesliSohbetBtn.acik{background:linear-gradient(135deg,#34d399,#059669);color:#052e1b;border-color:#047857}
.sesliSohbetBtn.gizli{display:none}
.subSatir.konusuyor{box-shadow:0 0 0 2px #22c55e,0 0 14px rgba(34,197,94,.6) !important}
.subSatir.konusuyor .subUst > span:first-child::after{content:' 🔊';font-size:11px}

/* ===== v15.23: Sosyal Merkez ===== */
.sosyalKutu{width:min(580px,94vw);max-height:88vh;display:flex;flex-direction:column;padding:0 !important;overflow:hidden;text-align:left}
.sosyalUst{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px 8px}
.sosyalUst h2{margin:0;font-size:17px;letter-spacing:1.5px;color:#fbbf24}
.sosyalUst .kck{width:34px;height:34px;padding:0;font-size:15px;border-radius:10px}
.sosyalSekmeler{display:flex;gap:6px;padding:4px 14px 10px;border-bottom:1px solid rgba(255,255,255,.1);overflow-x:auto;scrollbar-width:none}
.sosyalSekmeler button{flex:1 0 auto;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#cbd5e1;font-weight:800;font-size:12.5px;cursor:pointer;font-family:inherit;white-space:nowrap}
.sosyalSekmeler button.on{background:linear-gradient(135deg,#fbbf24,#d97706);color:#111827;border-color:#b45309}
.sosyalIcerik{padding:14px 18px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;min-height:240px}
.sosyalYukleniyor{padding:30px;text-align:center;color:#94a3b8}
.sosyalBos{text-align:center;padding:22px 10px;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:10px}
.sosyalBos .sbBuyuk{font-size:42px;line-height:1}
.sosyalBlok{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.sosyalBlok h4{margin:0;font-size:12px;letter-spacing:1px;color:#94a3b8}
.sosyalDavetBlok{border-color:rgba(251,191,36,.6);background:rgba(251,191,36,.08)}
.sosyalKodBlok{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
.sosyalKodBlok small{display:block;font-size:10px;letter-spacing:1px;color:#94a3b8}
.sosyalKod{display:block;font-size:26px;letter-spacing:6px;color:#fde68a;font-family:var(--font-mono,monospace)}
.sosyalEkleForm{display:flex;gap:8px}
.sosyalEkleForm .girdi{flex:1;min-width:0}
.sosyalSatir{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:10px;background:rgba(255,255,255,.03)}
.sosyalSatir + .sosyalSatir{margin-top:2px}
.ssAvatar{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:#1e293b;border:1px solid rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden}
.ssAvatar.buyuk{width:60px;height:60px;font-size:30px}
.ssAd{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ssAd b{color:#f1f5f9;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssAd small{color:#94a3b8;font-size:11.5px}
.ssAd em{font-style:normal;font-size:10px;background:#fbbf24;color:#111827;border-radius:6px;padding:1px 5px;margin-left:4px}
.ssEylem{display:flex;gap:6px;flex:0 0 auto}
.ssEylem .kck{padding:6px 10px}
.sosyalAnahtar{display:flex;gap:6px}
.sosyalAnahtar button{flex:1;padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#cbd5e1;font-weight:800;cursor:pointer;font-family:inherit}
.sosyalAnahtar button.on{background:rgba(56,189,248,.2);border-color:#38bdf8;color:#e0f2fe}
.liderSira{flex:0 0 34px;text-align:center;font-weight:900;color:#fbbf24;font-size:16px}
.liderPuan{color:#4ade80;font-size:14px}
.liderSatir.ben{background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.45)}
.liderBenim{flex-direction:row;justify-content:center;color:#e2e8f0}
.sosyalNot{color:#64748b;font-size:11px;line-height:1.5}
.sosyalProfilUst{display:flex;align-items:center;gap:14px}
.spAd{display:block;font-size:20px;color:#f8fafc}
.sosyalProfilUst small{color:#94a3b8}
.sosyalIstatistik{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.sosyalIstatistik div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 4px;text-align:center}
.sosyalIstatistik b{display:block;font-size:20px;color:#fde68a}
.sosyalIstatistik small{font-size:10.5px;color:#94a3b8;letter-spacing:.5px}
.sosyalBaslikSatir{display:flex;justify-content:space-between;margin:4px 0 0;font-size:13px;color:#e2e8f0}
.sosyalBaslikSatir span{color:#fbbf24}
.basarimIzgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.basarim{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;padding:10px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);opacity:.55;filter:grayscale(.7)}
.basarim.kazanildi{opacity:1;filter:none;border-color:rgba(251,191,36,.6);background:linear-gradient(160deg,rgba(251,191,36,.16),rgba(255,255,255,.03));box-shadow:0 0 14px rgba(251,191,36,.18)}
.basarim .bIkon{font-size:28px;line-height:1}
.basarim b{font-size:12.5px;color:#f1f5f9}
.basarim small{font-size:10.5px;color:#94a3b8;line-height:1.35}
.seriKutu{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;background:linear-gradient(135deg,rgba(234,88,12,.28),rgba(15,23,42,.6));border:1px solid rgba(251,146,60,.55)}
.seriAlev{font-size:40px;line-height:1;filter:drop-shadow(0 0 10px rgba(251,146,60,.8))}
.seriKutu b{display:block;font-size:18px;color:#fed7aa}
.seriKutu small{color:#cbd5e1;font-size:11.5px}
.gorevSatir{display:flex;flex-direction:column;gap:5px;padding:6px 2px}
.gorevUst{display:flex;justify-content:space-between;color:#e2e8f0;font-size:13px}
.gorevUst b{color:#94a3b8}
.gorevSatir.tamam .gorevUst b{color:#4ade80}
.gorevBar{height:8px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.gorevBar i{display:block;height:100%;background:linear-gradient(90deg,#fbbf24,#f97316);border-radius:99px;transition:width .4s ease}
.gorevSatir.tamam .gorevBar i{background:linear-gradient(90deg,#34d399,#059669)}
.davetBildirim{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:9700;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:linear-gradient(135deg,rgba(30,58,138,.97),rgba(15,23,42,.97));border:2px solid #fbbf24;box-shadow:0 12px 40px rgba(0,0,0,.6);color:#f1f5f9;animation:davetGir .4s ease both;max-width:94vw}
.davetBildirim .dbIkon{font-size:28px}
.davetBildirim b{color:#fde68a}
.davetBildirim small{display:block;color:#93c5fd;font-size:11px}
@keyframes davetGir{from{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%,0)}}
.hizliEslesBtn{width:100%;margin-bottom:12px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:16px;letter-spacing:1px}
.hizliEslesBtn small{font-size:11px;font-weight:600;letter-spacing:0;opacity:.8}
@media (max-width:520px){.sosyalIstatistik{grid-template-columns:repeat(2,1fr)}.ssEylem{flex-direction:column}}

/* ===== v15.24: Nasıl Oynanır sekmeleri (.kSekmeBtn) ve gizli kart ===== */
.kuralSekmeler{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:6px 0 12px}
.kSekmeBtn{padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#cbd5e1;font-family:inherit;font-weight:800;font-size:12.5px;cursor:pointer;transition:background .15s,transform .1s}
.kSekmeBtn:hover{background:rgba(255,255,255,.12)}
.kSekmeBtn.aktif{background:linear-gradient(135deg,#fbbf24,#d97706);color:#111827;border-color:#b45309}
.menuGrid .mk.gizli{display:none !important}

/* ===== v15.24: oyun süresi sayacı ===== */
.oyunSureSayac{position:fixed;top:6px;right:calc(var(--yanGen,236px) + 140px);z-index:9000;display:flex;align-items:center;gap:7px;padding:4px 11px;border-radius:10px;background:rgba(10,16,30,.92);border:1px solid rgba(148,163,184,.4);color:#e2e8f0;box-shadow:0 4px 14px rgba(0,0,0,.5);pointer-events:auto}
.oyunSureSayac.gizli{display:none}
.oyunSureSayac .osIkon{font-size:17px}
.oyunSureSayac small{display:block;font-size:8px;letter-spacing:1px;color:#94a3b8;line-height:1}
.oyunSureSayac b{display:block;font-size:16px;font-variant-numeric:tabular-nums;line-height:1.1;color:#f8fafc}

/* ===== v15.24: site içi onay / bilgi / kopyalama pencereleri ===== */
.diyalogKatman{position:fixed;inset:0;z-index:9950;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(2,6,23,.72);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:diyalogGir .18s ease both}
.diyalogKatman.gizli{display:none}
.diyalogKutu{width:min(420px,94vw);padding:22px 22px 18px;border-radius:20px;background:linear-gradient(160deg,#16213e,#0b1020);border:1.5px solid rgba(251,191,36,.6);box-shadow:0 24px 70px rgba(0,0,0,.7),0 0 40px rgba(251,191,36,.12);text-align:center;color:#e2e8f0;animation:diyalogKutuGir .22s cubic-bezier(.2,.9,.3,1.2) both}
.diyalogKutu.tehlike{border-color:rgba(239,68,68,.7);box-shadow:0 24px 70px rgba(0,0,0,.7),0 0 40px rgba(239,68,68,.18)}
.diyalogIkon{font-size:38px;line-height:1;margin-bottom:6px}
.diyalogKutu h3{margin:0 0 8px;font-size:17px;letter-spacing:.5px;color:#fde68a}
.diyalogKutu.tehlike h3{color:#fecaca}
.diyalogMetin{margin:0 0 16px;font-size:14px;line-height:1.55;color:#cbd5e1;white-space:pre-line;word-break:break-word}
.diyalogGirdi{width:100%;box-sizing:border-box;margin:-4px 0 16px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#0b1220;color:#f1f5f9;font-family:var(--font-mono,monospace);font-size:13px;text-align:center}
.diyalogDugmeler{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.diyalogBtn{flex:1 1 120px;padding:11px 14px;border-radius:12px;border:1px solid transparent;font-family:inherit;font-weight:900;font-size:14px;cursor:pointer;transition:transform .1s,filter .15s}
.diyalogBtn:hover{filter:brightness(1.1)}
.diyalogBtn:active{transform:scale(.97)}
.diyalogBtn.altin{background:linear-gradient(135deg,#fbbf24,#d97706);color:#111827;border-color:#b45309}
.diyalogBtn.kirmizi{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;border-color:#7f1d1d}
.diyalogBtn.ikinci{background:rgba(255,255,255,.08);color:#e2e8f0;border-color:rgba(255,255,255,.22)}
@keyframes diyalogGir{from{opacity:0}to{opacity:1}}
@keyframes diyalogKutuGir{from{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.diyalogKatman,.diyalogKutu{animation:none}}

/* ===== v15.24: ANA MENÜ YENİ TASARIM (kompakt hero, 3 büyük kart + ikincil liste, canlı durum şeridi) ===== */
#anaMenu{position:fixed;background:radial-gradient(800px 480px at 12% 8%,rgba(251,191,36,.11),transparent 60%),radial-gradient(900px 600px at 92% 92%,rgba(99,102,241,.18),transparent 62%),linear-gradient(180deg,#0a1226,#050810);overflow:hidden}
#anaMenu::before{content:'';position:absolute;inset:-60px;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 2 54 17v30L28 62 2 47V17zM28 62v30M2 47 0 48M54 47l2 1' fill='none' stroke='%23fbbf24' stroke-width='1.5'/%3E%3C/svg%3E");animation:menuKayma 80s linear infinite}
@keyframes menuKayma{to{transform:translate(56px,97px)}}
@media (prefers-reduced-motion:reduce){#anaMenu::before{animation:none}}
.menuSahne{position:relative;z-index:1;width:min(860px,96vw);max-height:97vh;padding:16px 14px 12px;gap:0}
.menuSahne .hero{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center;width:100%;max-width:760px;text-align:left}
.menuSahne .hero .menulogoKapsayici{grid-row:1 / span 3;margin:0}
.menuSahne .hero .menulogo{width:84px;height:84px;border-radius:20px}
.menuSahne .hero .menuRozet{justify-self:start;margin:0 0 6px}
.menuSahne .hero h1{margin:0;font-size:clamp(28px,5vw,46px);letter-spacing:6px;background:linear-gradient(180deg,#fef3c7,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 4px 14px rgba(0,0,0,.7))}
.menuSahne .hero h2{margin:0;font-size:12px;letter-spacing:7px}
.menuSahne .hero .slogan{grid-column:1 / -1;margin:10px auto 10px;text-align:center;font-size:13px;color:#94a3b8;max-width:620px}
.menuCanli{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 0 10px}
.menuCanli span{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.4);color:#a7f3d0;font-size:12px;font-weight:800}
.menuCanli span.sessiz{background:rgba(148,163,184,.1);border-color:rgba(148,163,184,.3);color:#94a3b8}
.menuGrid{grid-template-columns:repeat(6,minmax(0,1fr));max-width:760px;gap:10px;margin-top:2px}
/* Üç büyük kart */
.menuGrid #mYerel,.menuGrid #mOnline,.menuGrid #mSosyal{grid-column:span 2;min-height:132px;padding:16px 16px 14px;border-radius:20px}
.menuGrid #mYerel .mi,.menuGrid #mOnline .mi,.menuGrid #mSosyal .mi{font-size:40px}
.menuGrid #mYerel b,.menuGrid #mOnline b,.menuGrid #mSosyal b{font-size:17px}
.menuGrid #mYerel::after,.menuGrid #mOnline::after,.menuGrid #mSosyal::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%);transform:translateX(-120%);transition:transform .7s ease;pointer-events:none}
.menuGrid #mYerel:hover::after,.menuGrid #mOnline:hover::after,.menuGrid #mSosyal:hover::after{transform:translateX(120%)}
/* İkincil kartlar: yatay, kompakt */
.menuGrid .mk:not(#mYerel):not(#mOnline):not(#mSosyal):not(#mDereceli){grid-column:span 3;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ik ba" "ik al";column-gap:12px;row-gap:0;align-items:center;padding:10px 14px;border-radius:14px}
.menuGrid .mk:not(#mYerel):not(#mOnline):not(#mSosyal):not(#mDereceli) .mkUst{display:contents}
.menuGrid .mk:not(#mYerel):not(#mOnline):not(#mSosyal):not(#mDereceli) .mi{grid-area:ik;font-size:26px}
.menuGrid .mk:not(#mYerel):not(#mOnline):not(#mSosyal):not(#mDereceli) b{grid-area:ba;font-size:14px;align-self:end}
.menuGrid .mk:not(#mYerel):not(#mOnline):not(#mSosyal):not(#mDereceli) small{grid-area:al;font-size:11.5px;align-self:start;opacity:.85}
.menuGrid .mk:not(#mYerel):not(#mOnline):not(#mSosyal):not(#mDereceli) .mkRozet{position:absolute;top:8px;right:10px}
/* Maça dön: tam genişlik, en üstte */
.menuGrid #devamBtn:not(.gizli){grid-column:1 / -1;order:-1;box-shadow:0 0 0 2px rgba(52,211,153,.7),0 10px 30px rgba(16,185,129,.3)}
.surum{margin-top:8px}
@media (max-width:640px){
  .menuSahne .hero{grid-template-columns:1fr;text-align:center;justify-items:center}
  .menuSahne .hero .menulogoKapsayici{grid-row:auto}
  .menuSahne .hero .menuRozet{justify-self:center}
  .menuGrid #mYerel,.menuGrid #mOnline,.menuGrid #mSosyal{grid-column:1 / -1;min-height:0}
  .menuGrid .mk:not(#mYerel):not(#mOnline):not(#mSosyal):not(#mDereceli){grid-column:1 / -1}
}
#mArayuzDuzenle{background:linear-gradient(135deg,#0c4a6e,#0f172a);color:#e0f2fe}

/* ===== v15.24: çakışma düzeltmesi — yakınlaştırma düğmeleri küçüldü, tapu barı onların sağından başlar ===== */
@media (min-width:901px), (max-width:900px) and (orientation:landscape){
  body.oyunAktif.solAltKume .zoom{gap:4px !important}
  body.oyunAktif.solAltKume .zoom button{width:34px !important;height:34px !important;font-size:15px !important}
  body.oyunAktif .tapuPortfoyBar{left:292px !important;max-width:calc(100% - 292px - 470px) !important}
  body.oyunAktif.sohbetKucuk .tapuPortfoyBar,body.oyunAktif.sohbetKapali .tapuPortfoyBar{max-width:calc(100% - 292px - 70px) !important}
}
.zoom{width:max-content;max-width:calc(100% - 20px)}

/* ===== v15.25: yönetici paneli (Oyuncular, Telemetri, Sandbox) + sandbox araçları ===== */
.adminSekmeler{flex-wrap:wrap}
.adminAra{max-width:240px;padding:6px 10px;font-size:12.5px}
.adminTabloKap{overflow:auto;max-height:52vh;border:1px solid rgba(255,255,255,.1);border-radius:12px}
.adminTablo{width:100%;border-collapse:collapse;font-size:12.5px}
.adminTablo th{position:sticky;top:0;background:#111a30;color:#94a3b8;font-size:10.5px;letter-spacing:.6px;text-align:left;padding:8px 8px;z-index:1}
.adminTablo td{padding:7px 8px;border-top:1px solid rgba(255,255,255,.07);vertical-align:middle;color:#e2e8f0}
.adminTablo td small{display:block;color:#64748b;font-size:10.5px}
.adminPuanGirdi{width:62px;padding:3px 5px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0b1220;color:#fde68a;font-weight:800;margin-right:4px}
.adminTablo .kck{padding:3px 8px;font-size:11px}
.adminKpiGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:12px}
.adminKpiGrid .kpiKart small{display:block;color:#94a3b8;font-size:10px}
.adminDagilimGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:10px}
.adminDagilim{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px}
.adminDagilim h4{margin:0 0 8px;font-size:12px;color:#94a3b8;letter-spacing:.6px}
.dagSatir{display:grid;grid-template-columns:90px 1fr 30px;align-items:center;gap:8px;font-size:12px;margin-bottom:5px;color:#e2e8f0}
.dagBar{height:8px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.dagBar i{display:block;height:100%;background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:99px}
.sandboxTanitim{display:flex;gap:14px;align-items:center;padding:14px;border-radius:14px;background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(15,23,42,.6));border:1px solid rgba(167,139,250,.5);margin-bottom:12px}
.sandboxTanitim .sbBuyuk{font-size:42px}
.sandboxTanitim h3{margin:0 0 4px;color:#ddd6fe;font-size:15px}
.sandboxTanitim p{margin:0;color:#cbd5e1;font-size:12.5px;line-height:1.5}
.sandboxForm{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px;color:#cbd5e1;font-size:13px}
.sandboxForm label{display:flex;align-items:center;gap:6px}
.sandboxForm .girdi{width:auto;padding:5px 8px}
.sandboxAcBtn{position:fixed;left:6px;top:calc(var(--sbTop,0px) + 6px);z-index:9400;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1.5px solid #a78bfa;background:rgba(46,16,101,.92);color:#ede9fe;font-weight:900;font-size:12px;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px rgba(0,0,0,.5);letter-spacing:.5px}
body.oyunAktif .sandboxAcBtn{left:auto;right:calc(var(--yanGen,236px) + 280px);top:6px}
.sandboxPanel{position:fixed;z-index:9450;left:6px;top:46px;width:min(330px,94vw);max-height:calc(100vh - 60px);overflow:auto;padding:10px 12px;border-radius:16px;background:linear-gradient(170deg,#1e1b4b,#0b1020);border:1.5px solid #a78bfa;box-shadow:0 18px 50px rgba(0,0,0,.7);color:#e2e8f0;font-size:12.5px}
body.oyunAktif .sandboxPanel{left:auto;right:calc(var(--yanGen,236px) + 8px)}
.sandboxPanel.gizli{display:none}
.sbUst{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#ddd6fe}
.sbUst .kck{width:28px;height:28px;padding:0}
.sandboxPanel details{margin-top:8px;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px 8px;background:rgba(255,255,255,.03)}
.sandboxPanel summary{cursor:pointer;font-weight:800;color:#c4b5fd;padding:2px 0}
.sbSatir{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0}
.sbSatir .girdi{width:62%;padding:4px 6px;font-size:12px}
.sbIzgara{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0}
.sbIzgara label{display:flex;flex-direction:column;gap:2px;font-size:10.5px;color:#94a3b8}
.sbIzgara .girdi{padding:4px 6px;font-size:12px;width:100%;box-sizing:border-box}
.sbCek{flex-direction:row !important;align-items:center;gap:5px !important;align-self:end;color:#e2e8f0 !important}
.sbDugmeler{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 2px}
.sbDugmeler button{padding:5px 8px;border-radius:8px;border:1px solid rgba(167,139,250,.5);background:rgba(124,58,237,.25);color:#ede9fe;font-weight:800;font-size:11.5px;cursor:pointer;font-family:inherit}
.sbDugmeler button:hover{background:rgba(124,58,237,.5)}

/* ===== v15.26: ilk açılış yükleniyor ekranı (betikler hazır olana kadar ana menü gizli) ===== */
html:not(.hazir) #anaMenu .menuSahne{opacity:0;pointer-events:none}
.menuSahne{transition:opacity .3s ease}
.menuYukleniyor{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:2;pointer-events:none}
html:not(.hazir) .menuYukleniyor{display:flex}
.menuYukleniyor .myLogo{width:68px;height:68px;border-radius:18px;background:#fff url("../varliklar/gorseller/logo.png") center/cover;box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 30px rgba(251,191,36,.25);animation:myNabiz 1.3s ease-in-out infinite}
.menuYukleniyor .myCubuk{width:150px;height:4px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.menuYukleniyor .myCubuk i{display:block;width:42%;height:100%;border-radius:99px;background:linear-gradient(90deg,#fbbf24,#f59e0b);animation:myKay 1.1s ease-in-out infinite}
@keyframes myNabiz{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes myKay{0%{transform:translateX(-110%)}100%{transform:translateX(260%)}}
@media (prefers-reduced-motion:reduce){.menuYukleniyor .myLogo,.menuYukleniyor .myCubuk i{animation:none}}

/* ===== v15.26: ONLINE EKRANI düzeni (takma ad, piyon, hızlı eşleş, kartlar) ===== */
.onlineProfilKarti{display:grid !important;grid-template-columns:1fr auto;align-items:end;gap:12px;padding:12px 14px !important}
.onlineProfilKarti .etiket{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;letter-spacing:.3px;color:#94a3b8}
.onlineProfilKarti .girdi{width:100%;box-sizing:border-box;margin:0 !important;padding:10px 12px !important;font-size:15px;font-weight:800;color:#f8fafc}
.onlineProfilKarti .buyuk{width:auto !important;height:44px !important;margin:0 !important;padding:0 16px !important;border-radius:12px !important;background:rgba(255,255,255,.07) !important;color:#e2e8f0 !important;border:1px solid rgba(255,255,255,.22) !important;box-shadow:none !important}
.onlineProfilKarti .buyuk:hover{background:rgba(255,255,255,.15) !important}
.hizliEslesBtn{background:linear-gradient(135deg,#0ea5e9,#6366f1) !important;color:#fff !important;border:1px solid #4338ca !important;box-shadow:0 10px 26px rgba(79,70,229,.35) !important;border-radius:16px !important;padding:14px !important}
.hizliEslesBtn small{color:#e0e7ff}
.onlineSeceneklerGrid{align-items:stretch}
.onlineKart{justify-content:flex-start}
.onlineKart > :last-child{margin-top:auto}
.onlineKart p{flex:0 0 auto;min-height:34px}
.onlineKart .odaKatilGrup{margin-top:auto}
@media (max-width:440px){.onlineProfilKarti{grid-template-columns:1fr}}

/* ===== v15.26: NASIL OYNANIR penceresi ===== */
#kurallar .kutu.genis{position:relative;scrollbar-width:thin;scrollbar-color:rgba(251,191,36,.5) transparent}
.kuralIcerik ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.kuralIcerik li{position:relative;padding:11px 14px 11px 16px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-left:3px solid rgba(251,191,36,.7);font-size:13.5px;line-height:1.55;color:#cbd5e1;text-align:left}
.kuralIcerik li b{color:#f8fafc}
.kuralIcerik li:hover{background:rgba(255,255,255,.07)}
#kuralKapat{position:sticky;bottom:0;display:block;width:100%;margin-top:12px;padding:12px;border-radius:12px;border:1px solid #b45309;background:linear-gradient(135deg,#fbbf24,#d97706);color:#111827;font-weight:900;font-size:15px;cursor:pointer;font-family:inherit;box-shadow:0 -14px 16px rgba(11,16,32,.9)}
.kuralAlt{position:sticky;bottom:-2px;padding:22px 0 4px;margin-top:6px;background:linear-gradient(180deg,rgba(13,19,38,0),rgba(13,19,38,.97) 38%)}
#kuralKapat{position:static;margin-top:0;box-shadow:0 8px 22px rgba(217,119,6,.28)}

/* ===== v15.27: dört büyük kart (2x2) + dereceli kart rengi ===== */
.renkDereceli{background:linear-gradient(145deg,#f59e0b,#b45309)}
.menuGrid #mYerel,.menuGrid #mOnline,.menuGrid #mSosyal,.menuGrid #mDereceli{grid-column:span 3;min-height:112px;padding:14px 16px 12px;border-radius:20px}
.menuGrid #mDereceli .mi{font-size:40px}
.menuGrid #mDereceli b{font-size:17px}
.menuGrid .mk:not(#mYerel):not(#mOnline):not(#mSosyal):not(#mDereceli){grid-column:span 3;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ik ba" "ik al";column-gap:12px;row-gap:0;align-items:center;padding:10px 14px;border-radius:14px;min-height:0}
.menuGrid .mk:not(#mYerel):not(#mOnline):not(#mSosyal):not(#mDereceli) .mkUst{display:contents}
.menuGrid .mk:not(#mYerel):not(#mOnline):not(#mSosyal):not(#mDereceli) .mi{grid-area:ik;font-size:26px}
.menuGrid .mk:not(#mYerel):not(#mOnline):not(#mSosyal):not(#mDereceli) b{grid-area:ba;font-size:14px;align-self:end}
.menuGrid .mk:not(#mYerel):not(#mOnline):not(#mSosyal):not(#mDereceli) small{grid-area:al;font-size:11.5px;align-self:start;opacity:.85}
.menuGrid .mk:not(#mYerel):not(#mOnline):not(#mSosyal):not(#mDereceli) .mkRozet{position:absolute;top:8px;right:10px}
.menuGrid #mDereceli::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%);transform:translateX(-120%);transition:transform .7s ease;pointer-events:none}
.menuGrid #mDereceli:hover::after{transform:translateX(120%)}
.menuGrid #devamBtn:not(.gizli){grid-column:1 / -1}
@media (max-width:640px){
  .menuGrid #mYerel,.menuGrid #mOnline,.menuGrid #mSosyal,.menuGrid #mDereceli{grid-column:span 3;min-height:0;padding:10px 10px}
  .menuGrid #mYerel small,.menuGrid #mOnline small,.menuGrid #mSosyal small,.menuGrid #mDereceli small{font-size:10.5px}
  .menuGrid .mk:not(#mYerel):not(#mOnline):not(#mSosyal):not(#mDereceli){grid-column:1 / -1}
}
/* ===== v15.27 ===== */
.diyalogMetin{white-space:pre-line}

.sosyalKodEylem{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}

/* ===== v15.27: sesli sohbet paneli (sohbetten ayrı) + küçük sohbette yazma ===== */
.sesliDock{position:fixed;top:6px;right:calc(var(--yanGen,236px) + 262px);z-index:9000;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:10px;background:rgba(10,16,30,.92);border:1px solid rgba(148,163,184,.4);box-shadow:0 4px 14px rgba(0,0,0,.5)}
.sesliDock.gizli{display:none}
.sesliDock .sesliSohbetBtn{margin-right:0;padding:5px 11px;font-size:12px}
body:not(.oyunAktif) .sesliDock{display:none}
body.oyunAktif .sandboxAcBtn{right:calc(var(--yanGen,236px) + 420px)}
.tahtaSohbetKutu.kucuk{height:auto;width:250px}
.tahtaSohbetKutu.kucuk .sohbetGovde{display:flex !important;padding:5px 8px 7px;gap:4px}
.tahtaSohbetKutu.kucuk .sohbetHizliEmojiler,.tahtaSohbetKutu.kucuk .sohbetHizliReaksiyonlar{display:none !important}
.tahtaSohbetKutu.kucuk .sohbetMesajlar{flex:none;min-height:0 !important;height:auto !important;max-height:38px;overflow:hidden;justify-content:flex-end;padding:0 2px;gap:2px;font-size:11px}
.tahtaSohbetKutu.kucuk .sohbetMesajlar > *:not(:last-child){display:none}
.tahtaSohbetKutu.kucuk .sohbetGonderBtn{padding:4px 9px}
@media (min-width:901px), (max-width:900px) and (orientation:landscape){
  body.oyunAktif.sohbetKucuk .tapuPortfoyBar,body.oyunAktif.sohbetKapali .tapuPortfoyBar{max-width:calc(100% - 256px - 70px) !important}
}
/* ===== v15.27: dereceli, öğretici, şikayet paneli ===== */
.dereceliBanner{margin:0 0 10px;padding:9px 13px;border-radius:12px;background:linear-gradient(135deg,rgba(245,158,11,.22),rgba(180,83,9,.18));border:1px solid rgba(251,191,36,.55);color:#fde68a;font-size:12.5px;line-height:1.45;text-align:center}
.dereceliBanner.gizli{display:none}
.menuGrid #mDereceli.aktif{box-shadow:0 0 0 2px rgba(251,191,36,.7)}
.ogreticiKutu{position:fixed;left:10px;top:200px;z-index:9200;width:min(270px,calc(100vw - 24px));padding:10px 14px;border-radius:14px;background:rgba(10,16,30,.95);border:1.5px solid rgba(251,191,36,.6);box-shadow:0 10px 30px rgba(0,0,0,.6);color:#e2e8f0;font-size:12.5px}
.ogreticiKutu .ogUst{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;color:#fbbf24;font-size:12px;letter-spacing:.5px}
.ogreticiKutu .ogKapat{background:none;border:0;color:#94a3b8;cursor:pointer;font-size:14px}
.ogreticiKutu .ogAdim{padding:2px 0;color:#94a3b8}
.ogreticiKutu .ogAdim.tamam{color:#6ee7b7;text-decoration:line-through;text-decoration-color:rgba(110,231,183,.5)}
.ogreticiKutu .ogAdim.simdi{color:#fff;font-weight:800}
.ogreticiKutu .ogIpucu{margin-top:6px;padding:6px 9px;border-radius:8px;background:rgba(251,191,36,.12);color:#fde68a;font-size:12px}
#moderasyonModal{z-index:9600}
.modKutu{max-width:520px;width:calc(100vw - 24px);padding:14px;max-height:80vh;overflow:auto}
.modNot{font-size:11.5px;color:#94a3b8;margin:4px 0 10px}
.modSatir{display:grid;grid-template-columns:1fr auto auto auto;gap:6px;align-items:center;padding:6px 0;border-top:1px solid rgba(148,163,184,.2)}
.modSatir .modAd{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modSatir select{width:auto;padding:4px 6px;font-size:12px}
@media (max-width:520px){.modSatir{grid-template-columns:1fr 1fr}.modSatir .modAd{grid-column:1 / -1}}
@media (max-height:520px){
  .ogreticiKutu{top:150px;width:210px;padding:6px 9px;font-size:11px}
  .ogreticiKutu .ogAdim:not(.simdi){display:none}
  .ogreticiKutu .ogIpucu{font-size:10.5px;padding:4px 6px}
  .sesliDock{padding:2px 6px}
  .sesliDock .sesliSohbetBtn{padding:3px 8px;font-size:11px}
}
/* ===== Dereceli Merkez (v15.28) ===== */
.dereceliModu #onlineGiris{display:none !important}
.dereceliKutu{max-width:860px;width:min(96vw,860px);max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}
.dmUst{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.dmUst .bas{margin:0}
.dmRankKart{--lig:#94a3b8;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(15,23,42,.6));border:1px solid var(--lig)}
.dmRozet{width:84px;height:84px;border-radius:50%;border:3px solid var(--lig);display:flex;align-items:center;justify-content:center;font-size:44px;background:rgba(0,0,0,.35);box-shadow:0 0 22px -4px var(--lig)}
.dmRankAd{font-size:24px;font-weight:800;letter-spacing:2px;line-height:1.1}
.dmPuan{font-size:12.5px;color:#cbd5e1;margin:2px 0 8px}
.dmPuan b{font-size:18px;color:#fff}
.dmBar{height:10px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.dmBar i{display:block;height:100%;border-radius:99px;background:var(--lig);transition:width .6s ease}
.dmSonraki{font-size:12px;color:#cbd5e1;margin-top:5px}
.dmIstat{display:flex;gap:14px;text-align:center}
.dmIstat b{display:block;font-size:18px}
.dmIstat small{font-size:10.5px;color:#94a3b8}
.dmEylemler{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;align-items:stretch}
.dmKur,.dmKod{display:flex;gap:6px}
.dmEylemler .dmKur select,.dmEylemler .dmKod input{flex:1 1 110px;width:auto;min-width:90px;height:auto}
.dmEylemler .dmKur .buyuk,.dmEylemler .dmKod .buyuk{flex:0 0 auto;width:auto;white-space:nowrap}
.dmEylemler>.buyuk{width:100%}
.dmIki{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dmBolum{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 12px}
.dmBaslik{font-size:12px;font-weight:700;letter-spacing:1px;color:#fde68a;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.dmListe{display:flex;flex-direction:column;gap:5px;max-height:240px;overflow-y:auto}
.dmSatir{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.05);font-size:13px}
.dmSatir.ben{outline:1px solid rgba(74,222,128,.6)}
.dmSatir em{font-style:normal;font-size:10px;color:#4ade80;margin-left:4px}
.dmSira{width:28px;text-align:center}
.dmAd{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dmLigMini{font-size:11.5px;white-space:nowrap}
.dmLigler{display:flex;flex-wrap:wrap;gap:6px}
.dmLigRozet{display:flex;flex-direction:column;align-items:center;padding:5px 10px;border-radius:10px;border:1px solid;background:rgba(0,0,0,.25);opacity:.6;font-size:12.5px}
.dmLigRozet small{font-size:10.5px;color:#94a3b8}
.dmLigRozet.simdi{opacity:1;background:rgba(255,255,255,.12);box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.dmNot{font-size:11.5px;color:#94a3b8;margin:8px 0 0;line-height:1.45}
@media (max-width:640px){
  .dmRankKart{grid-template-columns:auto 1fr}
  .dmIstat{grid-column:1 / -1;justify-content:space-around}
  .dmEylemler,.dmIki{grid-template-columns:1fr}
  .dmRozet{width:64px;height:64px;font-size:32px}
}

/* ===== İzleyici sistemi (v15.28) ===== */
.katilimKutu{max-width:420px;width:min(94vw,420px);display:flex;flex-direction:column;gap:10px}
.katilimSecenek{display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:inherit;cursor:pointer;font:inherit}
.katilimSecenek:hover:not(:disabled){background:rgba(251,191,36,.16);border-color:rgba(251,191,36,.6)}
.katilimSecenek:disabled{opacity:.5;cursor:not-allowed}
.katilimSecenek b{font-size:14.5px}
.katilimSecenek small{font-size:11.5px;color:#94a3b8}
.dmSatir em{font-style:normal;font-size:10px;color:#f87171;margin-left:4px}
.seyirciIstatPanel{position:fixed;left:8px;top:70px;width:260px;max-height:70vh;overflow-y:auto;z-index:850;background:rgba(15,23,42,.94);border:1px solid rgba(56,189,248,.5);border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.5);font-size:12px;color:#e2e8f0}
.seyirciIstatPanel.gizli{display:none}
.sipBaslik{width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:transparent;border:0;color:#7dd3fc;font:inherit;font-weight:700;letter-spacing:1px;cursor:pointer}
.seyirciIstatPanel.kapali .sipGovde{display:none}
.sipGovde{padding:0 10px 10px;display:flex;flex-direction:column;gap:8px}
.sipOzet{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;color:#94a3b8}
.sipOzet b{color:#fff}
.sipSatir{padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.05)}
.sipSatir.sirada{outline:1px solid #fbbf24}
.sipSatir.elendi{opacity:.45;text-decoration:line-through}
.sipUst{display:flex;justify-content:space-between;gap:6px}
.sipUst em{font-style:normal;font-size:9.5px;color:#f87171}
.sipBar{height:5px;border-radius:99px;background:rgba(255,255,255,.12);margin:4px 0;overflow:hidden}
.sipBar i{display:block;height:100%;border-radius:99px}
.sipAlt{display:flex;justify-content:space-between;font-size:10.5px;color:#94a3b8}
@media (max-width:700px){.seyirciIstatPanel{width:min(260px,72vw);top:56px}}
/* Giriş yapılmışken profil penceresi: giriş paneli gizli, tek sütun, uzun e-postalar taşmaz (v15.28) */
#girisModal.girisli .girisSolPanel{display:none}
#girisModal.girisli .girisGovdeGrid{display:block}
#girisModal .girisKutu{overflow-x:hidden}
#girisModal .pkBilgi{min-width:0}
#girisModal .pkBilgi b,#girisModal #pkDurum{overflow-wrap:anywhere;word-break:break-word}
/* ===== Deprem: sol uyarı paneli, harita sarsıntısı, çöken katlar (v15.29) ===== */
.depremOverlay{inset:auto auto auto 10px;top:190px;width:min(300px,44vw);padding:0;background:none;backdrop-filter:none;display:block;pointer-events:none}
.depremOverlay .depremKutusu{max-width:none;padding:14px 14px 12px;animation:none;box-shadow:0 0 22px rgba(239,68,68,.55)}
.depremOverlay .depremSirenIkon{font-size:30px;margin-bottom:2px}
.depremOverlay .depremBaslik{font-size:15px}
.depremOverlay .depremMetin{font-size:12px;margin-bottom:8px}
.depremOverlay .depremHasarRaporu{font-size:11.5px;padding:7px;margin-bottom:8px}
#tahtaKap.depremSarsintisi{animation:haritaDeprem .16s linear infinite}
#tahtaKap.depremSarsintisi.depremSon{animation:haritaDepremHafif .24s linear infinite}
@keyframes haritaDeprem{
  0%{transform:translate(0,0) rotate(0)}
  15%{transform:translate(-9px,5px) rotate(-.45deg)}
  30%{transform:translate(8px,-7px) rotate(.5deg)}
  45%{transform:translate(-6px,-6px) rotate(-.3deg)}
  60%{transform:translate(10px,4px) rotate(.4deg)}
  80%{transform:translate(-7px,7px) rotate(-.5deg)}
  100%{transform:translate(0,0) rotate(0)}
}
@keyframes haritaDepremHafif{
  0%,100%{transform:translate(0,0)}
  33%{transform:translate(-3px,2px) rotate(-.15deg)}
  66%{transform:translate(3px,-2px) rotate(.15deg)}
}
.k.enkazKap{background:none !important;border:0 !important;box-shadow:none !important;pointer-events:none;z-index:45}
.enkazKap .cokenKat{animation:katCok 1.7s cubic-bezier(.5,0,.9,.6) forwards;animation-delay:calc(var(--n,0) * .16s + .35s)}
@keyframes katCok{
  0%{transform:translate(0,0) rotate(0);opacity:1}
  18%{transform:translate(calc(var(--yon,1) * 2px),1px) rotate(calc(var(--yon,1) * 4deg))}
  100%{transform:translate(calc(var(--yon,1) * 22px),58px) rotate(calc(var(--yon,1) * 75deg));opacity:0}
}
.enkazToz{position:absolute;left:50%;top:-22px;width:74px;height:34px;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(203,213,225,.85) 0,rgba(148,163,184,.5) 45%,rgba(148,163,184,0) 72%);
  opacity:0;animation:enkazTozu 3.2s ease-out .5s forwards}
.k.ters .enkazToz{top:auto;bottom:-22px}
@keyframes enkazTozu{0%{opacity:0;transform:translateX(-50%) scale(.3)}25%{opacity:.95}100%{opacity:0;transform:translateX(-50%) translateY(-26px) scale(1.8)}}

/* ===== Yol çalışması: kapatılan caddede sarı-siyah bant ve tabela (v15.29) ===== */
.yolCalismasiBant{position:absolute;pointer-events:none;z-index:30}
.yolCalismasiBant.bantSerit{height:16px;background:repeating-linear-gradient(-45deg,#facc15 0 12px,#111827 12px 24px);
  border-top:1px solid #000;border-bottom:1px solid #000;box-shadow:0 2px 5px rgba(0,0,0,.6);opacity:.95}
.yolCalismasiBant.bantTabela{height:0;display:flex;align-items:center;justify-content:center}
.yolCalismasiBant.bantTabela span{background:#facc15;color:#111827;font-weight:900;font-size:14px;letter-spacing:2px;padding:4px 14px;border:2px solid #111827;border-radius:5px;box-shadow:0 0 0 2px #facc15,0 3px 8px rgba(0,0,0,.65);white-space:nowrap}
.k.yolCalismasi{box-shadow:inset 0 0 0 2px #facc15 !important;filter:saturate(.7) brightness(.85)}
.k.yolCalismasi::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:repeating-linear-gradient(-45deg,rgba(250,204,21,.28) 0 7px,rgba(17,24,39,.28) 7px 14px)}
/* ===== Yılbaşı kutlaması: deprem uyarısı gibi sol panel, harita görünür kalır (v15.29) ===== */
.yilbasiOverlay{inset:auto auto auto 10px;top:190px;width:min(300px,44vw);padding:0;background:none;backdrop-filter:none;display:block;pointer-events:none}
.yilbasiOverlay .yilbasiKutusu{max-width:none;padding:14px 14px 12px;box-shadow:0 0 22px rgba(56,189,248,.5)}
.yilbasiOverlay .yilbasiIkon{font-size:24px;margin-bottom:4px}
.yilbasiOverlay .yilbasiBaslik{font-size:15px;margin-bottom:6px}
.yilbasiOverlay .yilbasiMetin{font-size:12px;margin-bottom:8px}
.yilbasiOverlay .yilbasiPiyangoKazanan{font-size:12.5px;padding:8px;margin-bottom:8px}

/* ===== iOS / çentikli telefonlar: güvenli alan + yatay kenar boşlukları ===== */
@supports (padding: max(0px)) {
  @media (orientation: landscape) and (max-height: 500px) {
    body.oyunAktif #oyun, #menu, .menuSahne { padding-left: max(env(safe-area-inset-left), 0px); padding-right: max(env(safe-area-inset-right), 0px); box-sizing: border-box; }
    body.oyunAktif #yan { padding-right: env(safe-area-inset-right); }
    .solUstKonteyner { left: max(8px, env(safe-area-inset-left)) !important; }
    #hizliEylem { right: max(6px, env(safe-area-inset-right)) !important; }
    .kaplama .kutu { max-height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 8px) !important; }
  }
  @media (orientation: portrait) and (max-width: 900px) {
    body.oyunAktif #oyun { padding-bottom: env(safe-area-inset-bottom); box-sizing: border-box; }
  }
}
html, body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body.oyunAktif { overscroll-behavior: none; }
.subArkBtn{background:rgba(34,197,94,.2) !important;border-color:rgba(34,197,94,.6) !important;color:#86efac !important}
.subArkBtn:disabled{opacity:.6}

/* ===== Telefon: yönetici paneli ===== */
@media (max-width: 760px), (orientation: landscape) and (max-height: 500px) {
  #adminPaneliModal { align-items: flex-start; padding: 0; }
  #adminPaneliModal .adminKutu {
    width: 100vw !important; max-width: 100vw !important; height: 100dvh; max-height: 100dvh !important;
    border-radius: 0 !important; padding: 10px 10px calc(14px + env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important; overflow-x: hidden; -webkit-overflow-scrolling: touch; box-sizing: border-box;
  }
  .adminUstBar { position: sticky; top: -10px; z-index: 5; background: #0b1224; margin: -10px -10px 8px; padding: 8px 10px; gap: 8px; }
  .adminIkon { font-size: 24px; }
  .adminBaslikGrup { gap: 8px; min-width: 0; }
  .adminBaslikGrup h2 { font-size: 13px !important; line-height: 1.2; margin: 0; letter-spacing: .3px; }
  .adminCanliEtiket { font-size: 10px; }
  .adminKpiGrid { grid-template-columns: 1fr 1fr !important; gap: 6px; margin-bottom: 10px; }
  .adminKpiGrid .kpiKart { padding: 8px 10px; gap: 8px; min-width: 0; }
  .adminKpiGrid .kpiIkon { font-size: 18px; }
  .adminKpiGrid .kpiAd { font-size: 9px; letter-spacing: .3px; }
  .adminKpiGrid .kpiSayi { font-size: 17px; }
  .adminSekmeler { flex-wrap: nowrap !important; overflow-x: auto; gap: 6px; margin: 0 -10px 10px; padding: 0 10px 4px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .adminSekmeler::-webkit-scrollbar { display: none; }
  .adminSekmeBtn { flex: 0 0 auto; white-space: nowrap; padding: 8px 12px; font-size: 12px; }
  .adminAraclarBar { flex-direction: column; align-items: stretch !important; gap: 8px; }
  .adminAraclarBar .aabSag { flex-wrap: wrap; justify-content: space-between; gap: 8px; }
  .adminSekmeIcerik { max-height: none !important; overflow: visible !important; }
  .adminTabloKap { max-height: none; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .adminTablo { min-width: 520px; font-size: 12px; }
  .adminEkonomiGrid { grid-template-columns: 1fr 1fr !important; gap: 6px; }
  .adminDuyuruKutu select, .adminDuyuruKutu textarea, #adminBanIpGirdi { font-size: 16px !important; }
  .adminSekmeIcerik input, .adminSekmeIcerik select, .adminSekmeIcerik textarea { font-size: 16px; }
  .adminDuyuruKutu .etiket { flex: 1 1 100% !important; }
  #adminSekmeIcerikEkonomi div[style*="display:flex;gap:8px"] { flex-wrap: wrap; }
}
@media (max-width: 760px), (orientation: landscape) and (max-height: 500px) {
  #adminPaneliModal .adminMasaListesi { max-height: none; overflow: visible; padding-right: 0; }
  #adminPaneliModal .adminMasaKart { padding: 10px; }
  #adminPaneliModal .amkUst, #adminPaneliModal .amkAlt { flex-wrap: wrap; gap: 6px; }
  #adminPaneliModal .adminMasaKart .kck { padding: 6px 10px; }
  #adminPaneliModal .adminEngelliIpListesi { max-height: none; }
}

/* Sicil rozeti */
.subSicil{margin-top:3px;padding:2px 6px;border-radius:6px;background:rgba(239,68,68,.18);border:1px solid rgba(239,68,68,.5);color:#fca5a5;font-size:10.5px;font-weight:800;letter-spacing:.2px}
/* Tahta sohbet kutusu: mesaj alanı küçülebilsin ki yazma satırı kutudan taşmasın */
.tahtaSohbetKutu .sohbetMesajlar{min-height:0;max-height:none}
.tahtaSohbetKutu .sohbetHizliEmojiler,.tahtaSohbetKutu .sohbetHizliReaksiyonlar,.tahtaSohbetKutu .sohbetForm{flex:0 0 auto}
@media (min-width: 901px){ .tahtaSohbetKutu:not(.kucuk){height:300px} }

/* Kısa yatay telefon ekranı: tapu paneli sağ kenarda tam yükseklikte, düğmeler görünür, yazı küçülmez */
@media (orientation: landscape) and (max-height: 500px) {
  body.oyunAktif #solTapuPanel { top: 0 !important; bottom: 0 !important; right: 214px !important; left: auto !important; width: min(46vw, 380px) !important; height: auto !important; max-height: none !important; border-radius: 0 !important; z-index: 9400 !important; }
  body.oyunAktif #solTapuPanel .stpGovde { overflow-y: auto !important; padding: 6px 8px calc(6px + env(safe-area-inset-bottom)); -webkit-overflow-scrolling: touch; }
  body.oyunAktif #solTapuPanel .stpBaslik button { width: 32px; height: 32px; }
}
/* Telefon dikey: tapu panelinde kaydırma açık, düğmeler altta sabit */
@media (max-width: 900px) and (orientation: portrait) {
  body.oyunAktif #solTapuPanel .stpGovde { overflow-y: auto !important; -webkit-overflow-scrolling: touch; }
}

/* Tapu kartı: "Satın Al" düğmeleri kaydırırken altta sabit kalsın (overflow:hidden yapışkanlığı bozuyordu) */
#solTapuPanel .fis { overflow: visible; overflow: clip; }
#solTapuPanel .tapuEylem { position: sticky; bottom: 0; z-index: 3; background: linear-gradient(180deg, rgba(11,16,32,0), rgba(11,16,32,.98) 22%); padding-top: 8px; }

/* Liderlik / oyuncu listesi: satırlar sıkışıp yazıyı kesmesin; okunur boyutta kalır, kalabalıkta liste kendi içinde kayar */
body.oyunAktif .solUstBakiyeler .subListe { overflow-y: auto !important; overflow-x: hidden; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
body.oyunAktif .solUstBakiyeler .subSatir { flex: 0 0 auto !important; max-height: none !important; min-height: 46px; overflow: visible !important; }
body.oyunAktif .solUstBakiyeler .subSatir .subUst { font-size: 12px !important; min-height: 16px; }
body.oyunAktif .solUstBakiyeler .subSatir .subPara { font-size: 11px !important; }
body.oyunAktif .solUstBakiyeler .subSatir .subBorc { font-size: 10px !important; }
body.oyunAktif .solUstBakiyeler .subListe.cok .subSatir { font-size: 11px !important; min-height: 42px; }
body.oyunAktif .solUstBakiyeler .subListe.cok .subSatir .subUst { font-size: 11.5px !important; min-height: 15px; }
body.oyunAktif .solUstBakiyeler .subListe.cok .subSatir .subPara { font-size: 10.5px !important; }
body.oyunAktif .solUstBakiyeler .subListe.cok .subSatir .subBorc { font-size: 9.5px !important; }

/* "Diğer düğmeler" kümesi: ikon yerine yazılı, 2 sütunlu okunur liste */
body.oyunAktif.solAltKume #solAltDugmeler { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: 40px !important; width: min(300px, calc(100vw - 16px)) !important; max-height: calc(100dvh - 120px); overflow-y: auto; gap: 5px !important; padding: 8px !important; border-radius: 14px !important; -webkit-overflow-scrolling: touch; }
body.oyunAktif.solAltKume #solAltDugmeler button { justify-content: flex-start !important; gap: 6px !important; padding: 0 10px !important; font-size: 13px !important; font-weight: 700; grid-column: span 1 !important; text-overflow: ellipsis; }
body.oyunAktif.solAltKume #solAltDugmeler button small, body.oyunAktif.solAltKume #solAltDugmeler button .btnAlt { display: inline !important; font-size: 12px; font-weight: 700; }
body.oyunAktif.solAltKume #solAltDugmeler #profilBtn, body.oyunAktif.solAltKume #solAltDugmeler #metroBtn, body.oyunAktif.solAltKume #solAltDugmeler #oyundanCikBtn, body.oyunAktif.solAltKume #solAltDugmeler #odaKapatBtn { grid-column: span 2 !important; font-size: 13px !important; }
body.oyunAktif.solAltKume #solAltDugmeler #seritAyarBtn::after { content: 'Ayarlar'; }
body.oyunAktif.solAltKume #solAltDugmeler #muzikBtn::after { content: 'Müzik'; }
body.oyunAktif.solAltKume #solAltDugmeler #sesBtn::after { content: 'Ses efektleri'; }
body.oyunAktif.solAltKume #solAltDugmeler #zarTemaBtn::after { content: 'Zar teması'; }
body.oyunAktif.solAltKume #solAltDugmeler #raporBtn::after { content: 'Başkent raporu'; }
body.oyunAktif.solAltKume #solAltDugmeler #menuBtn::after { content: 'Ana menü'; }
body.oyunAktif.solAltKume #solAltAcBtn { width: auto !important; padding: 0 14px !important; gap: 6px; font-size: 18px !important; }
body.oyunAktif.solAltKume #solAltAcBtn::after { content: 'Düğmeler'; font-size: 12.5px; font-weight: 800; }
body.oyunAktif.solAltKume #solAltDugmeler #profilBtn::after { content: 'Profil & Puan'; }
body.oyunAktif.solAltKume #solAltDugmeler #profilKullaniciPuanRozet { font-size: 12px !important; }
body.oyunAktif.solAltKume #solAltDugmeler #oyundanCikBtn::after { content: ' (oyundan çık)'; font-weight: 600; opacity: .85; }

/* ===== Sahip yönetim kartları (Hevaş / Sim Beton fiyat, Metro bilet, Döviz makas) + borç kutusu ===== */
.ymKart { margin-top: 10px; padding: 10px; border-radius: 14px; background: linear-gradient(160deg, rgba(251,191,36,.14), rgba(15,23,42,.55)); border: 1.5px solid rgba(251,191,36,.55); color: #e2e8f0; text-align: left; }
.ymUst { display: flex; align-items: center; gap: 10px; }
.ymIkon { flex: 0 0 38px; height: 38px; display: flex; align-items: center; justify-content: center; font-size: 20px; border-radius: 10px; background: rgba(251,191,36,.18); }
.ymBaslik { flex: 1; min-width: 0; }
.ymBaslik b { display: block; font-size: 13px; color: #fde68a; }
.ymBaslik small { display: block; font-size: 11px; color: #94a3b8; line-height: 1.3; margin-top: 1px; }
.ymDeger { text-align: right; flex: 0 0 auto; }
.ymDeger small { display: block; font-size: 9px; letter-spacing: .6px; color: #94a3b8; }
.ymDeger b { font-size: 19px; color: #fbbf24; font-family: var(--font-sayac, inherit); }
.ymSecenekler { display: grid; grid-template-columns: repeat(auto-fit, minmax(58px, 1fr)); gap: 6px; margin-top: 10px; }
.ymSecenek { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; min-height: 44px; padding: 5px 4px; border-radius: 10px; border: 1.5px solid #334155; background: #1e293b; color: #e2e8f0; cursor: pointer; font-family: inherit; }
.ymSecenek b { font-size: 13px; font-weight: 800; }
.ymSecenek small { font-size: 9.5px; color: #94a3b8; font-weight: 600; }
.ymSecenek:hover { border-color: #fbbf24; }
.ymSecenek.aktif { background: linear-gradient(135deg, #fbbf24, #d97706); border-color: #b45309; color: #111827; box-shadow: 0 2px 10px rgba(251,191,36,.35); }
.ymSecenek.aktif small { color: #422006; }
.ymAnahtar { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; margin-top: 10px; padding: 9px 11px; border-radius: 10px; border: 1.5px solid #334155; background: #1e293b; color: #e2e8f0; cursor: pointer; text-align: left; font-family: inherit; }
.ymAnahtarMetin b { display: block; font-size: 12.5px; }
.ymAnahtarMetin small { display: block; font-size: 10.5px; color: #94a3b8; }
.ymAnahtarTus { flex: 0 0 auto; min-width: 58px; text-align: center; padding: 4px 8px; border-radius: 999px; font-size: 11px; font-weight: 800; background: #475569; color: #e2e8f0; }
.ymAnahtar.acik { border-color: #34d399; background: rgba(5,150,105,.2); }
.ymAnahtar.acik .ymAnahtarTus { background: #059669; color: #fff; }
.ymUyari { margin-top: 8px; padding: 6px 9px; border-radius: 8px; font-size: 11px; font-weight: 700; }
.ymUyari.kotu { background: rgba(239,68,68,.15); color: #fca5a5; border: 1px solid rgba(239,68,68,.5); }
.ymUyari.iyi { background: rgba(5,150,105,.15); color: #86efac; border: 1px solid rgba(52,211,153,.45); }
.borcKutu { margin: 8px 0; padding: 10px; border-radius: 12px; background: rgba(249,115,22,.12); border: 1.5px solid rgba(249,115,22,.6); color: #fed7aa; }
.borcKutu .borcUst { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 12px; font-weight: 800; }
.borcKutu .borcUst b { font-size: 18px; color: #fb923c; }
.borcKutu small { display: block; margin: 4px 0 8px; font-size: 10.5px; color: #cbd5e1; line-height: 1.35; }
.borcKutu .tam { width: 100%; min-height: 40px; border-radius: 10px; border: 0; background: linear-gradient(135deg, #f97316, #ea580c); color: #fff; font-weight: 800; cursor: pointer; }
.borcKutu.temiz { display: flex; align-items: center; justify-content: space-between; background: rgba(148,163,184,.08); border-color: rgba(148,163,184,.35); color: #94a3b8; font-size: 12px; font-weight: 700; padding: 8px 10px; }
.borcKutu.temiz b { color: #34d399; }

/* Tapu kartı açık zeminli: yönetim/borç kutularında koyu yazı */
.fis .ymKart { background: linear-gradient(160deg, #fffbeb, #fef3c7); border-color: #f59e0b; color: #1f2937; }
.fis .ymIkon { background: rgba(245,158,11,.22); }
.fis .ymBaslik b { color: #92400e; }
.fis .ymBaslik small, .fis .ymDeger small { color: #57534e; }
.fis .ymDeger b { color: #b45309; }
.fis .ymSecenek { background: #ffffff; border-color: #d6d3d1; color: #0f172a; }
.fis .ymSecenek small { color: #57534e; }
.fis .ymSecenek.aktif { background: linear-gradient(135deg, #fbbf24, #d97706); border-color: #b45309; color: #111827; }
.fis .ymSecenek.aktif small { color: #422006; }
.fis .ymAnahtar { background: #ffffff; border-color: #d6d3d1; color: #0f172a; }
.fis .ymAnahtarMetin small { color: #57534e; }
.fis .ymAnahtar.acik { background: #dcfce7; border-color: #16a34a; }
.fis .borcKutu { background: #ffedd5; border-color: #f97316; color: #7c2d12; }
.fis .borcKutu .borcUst b { color: #c2410c; }
.fis .borcKutu small { color: #7c2d12; opacity: .9; }
.fis .borcKutu.temiz { background: #f1f5f9; border-color: #cbd5e1; color: #475569; }
.fis .borcKutu.temiz b { color: #16a34a; }
.fis .ymUyari.kotu { background: #fee2e2; color: #991b1b; border-color: #f87171; }
.fis .ymUyari.iyi { background: #dcfce7; color: #166534; border-color: #4ade80; }

/* ===== Tüm bilgilendirici sayaçlar haritanın ortasındaki panoda ===== */
.obkGrid { grid-template-columns: 1fr 1fr; }
.obkKutu.sira { border-color: #fbbf24; }
.obkKutu.sira b { font-size: 17px; color: #fde68a; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.obkKutu.sira.benim { background: rgba(120, 83, 9, .55); box-shadow: 0 0 14px rgba(251,191,36,.45); }
.obkKutu.sira.benim b { color: #fbbf24; }
.obkKutu.sira.botSira b { color: #d8b4fe; }
.obkKutu.sure { border-color: #94a3b8; }
.obkKutu.sure b { color: #e2e8f0; font-size: 18px; font-variant-numeric: tabular-nums; }
.obkMevsim { margin-left: auto; padding: 2px 9px; border-radius: 999px; font-size: 10px; font-weight: 800; background: rgba(56,189,248,.18); border: 1px solid rgba(56,189,248,.5); color: #bae6fd; cursor: pointer; white-space: nowrap; }
.obkMevsim:empty { display: none; }
/* Eski dağınık sayaçlar: merkezdekinin kopyası olduğu için gizli */
.oyunSureSayac { display: none !important; }
body.oyunAktif #solUstPiyasaKutu { display: none !important; }

/* Yanıp sönme kapalı: seçili kare ve sırası gelen kare sabit vurgu alır (nabız animasyonu yok) */
.k.secili { animation: none !important; box-shadow: 0 0 0 3px rgba(251,191,36,.55) !important; }
.k.aktif { animation: none !important; box-shadow: 0 0 14px rgba(251,191,36,.7), inset 0 0 0 2px rgba(251,191,36,.7) !important; }

/* Performans: harita üstündeki yarı saydam panellerde bulanıklık (backdrop-filter) kapalı; harita kayarken/yakınlaşırken her karede yeniden hesaplanıp oyunu kastırıyordu */
#ortaBuyukKronolojiPano, #tahtaSohbetKutu, #tapuPortfoyBar, #hizliEylem, #sagUstKalanOyuncuKutu, #solUstKendiBakiye, #solUstKronolojiKutu { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
#ortaBuyukKronolojiPano { background: rgba(11, 18, 33, .92) !important; }
#tahtaSohbetKutu { background: rgba(11, 18, 33, .97) !important; }

/* Aranan oyuncular bandı + liderlik rozeti (sicil görünürlüğü) */
.obkAranan { margin-top: 8px; padding: 6px 8px; border-radius: 10px; background: rgba(127,29,29,.55); border: 1.5px solid #ef4444; }
.obkAranan.gizli { display: none; }
.obkArananSatir { font-size: 11px; color: #fecaca; line-height: 1.35; }
.obkArananSatir b { color: #fff; }
.subArananRozet { display: inline-block; margin-left: 4px; padding: 0 5px; border-radius: 6px; font-size: 9px; font-weight: 800; background: #b91c1c; color: #fff; border: 1px solid #fca5a5; letter-spacing: .3px; }

/* Referandum / meclis oylaması: kim ne oy verdi */
.vokOyListe { display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; margin-top: 8px; }
.vokOyKisi { font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 999px; border: 1px solid rgba(148,163,184,.4); background: rgba(30,41,59,.8); color: #cbd5e1; }
.vokOyKisi.kabul { border-color: #34d399; color: #bbf7d0; background: rgba(5,150,105,.25); }
.vokOyKisi.red { border-color: #f87171; color: #fecaca; background: rgba(185,28,28,.3); }

/* ===== v16: oyuncu tepkileri, ödüller, rövanş ===== */
#oyuncuTepkiKap { position: fixed; left: 8px; bottom: 76px; z-index: 900; display: flex; align-items: center; gap: 6px; }
#oyuncuTepkiKap.gizli { display: none; }
#oyuncuTepkiKap button { border: 0; border-radius: 999px; background: rgba(15,23,42,.82); color: #fff; font-size: 20px; width: 40px; height: 40px; cursor: pointer; }
#oyuncuTepkiSeritleri { display: flex; gap: 4px; background: rgba(15,23,42,.82); padding: 3px; border-radius: 999px; }
#oyuncuTepkiSeritleri.gizli { display: none; }
#oyuncuTepkiSeritleri button { width: 34px; height: 34px; font-size: 18px; background: transparent; }
.osOduller { margin: 10px 0; padding: 8px 10px; border-radius: 10px; background: rgba(251,191,36,.10); border: 1px solid rgba(251,191,36,.45); text-align: left; font-size: 13px; }
.osOduller h3 { margin: 0 0 6px; font-size: 14px; }
.osOdulSatir { padding: 2px 0; }
#ortaklikModal, #ortaklikTeklifModal { z-index: 10001; }
#etkinlikSeridi { position: fixed; top: 4px; left: 50%; transform: translateX(-50%); z-index: 850; padding: 2px 12px; border-radius: 999px; background: rgba(251,191,36,.92); color: #1e293b; font: 700 12px sans-serif; pointer-events: none; max-width: 70vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#etkinlikSeridi.gizli { display: none; }

/* ===== v16: yönetici paneli ek sekmeleri + telefonda kart görünümü ===== */
.adminDurumSeridi { padding: 10px 12px; border-radius: 10px; font-weight: 700; font-size: 13px; margin-bottom: 10px; }
.adminDurumSeridi.guvenli { background: rgba(34,197,94,.14); border: 1px solid #22c55e; color: #bbf7d0; }
.adminDurumSeridi.riskli { background: rgba(239,68,68,.14); border: 1px solid #ef4444; color: #fecaca; }
.adminEtkinlikSatir { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; }
.adminSekmeler { position: sticky; top: 0; z-index: 6; background: #0b1224; }
@media (max-width: 640px) {
  .adminTablo { min-width: 0 !important; }
  .adminTablo thead { display: none; }
  .adminTablo, .adminTablo tbody, .adminTablo tr, .adminTablo td { display: block; width: 100%; box-sizing: border-box; }
  .adminTablo tr { border: 1px solid rgba(255,255,255,.12); border-radius: 10px; margin-bottom: 8px; padding: 6px 8px; background: rgba(255,255,255,.03); }
  .adminTablo td { border: 0 !important; padding: 3px 0 !important; display: flex; justify-content: space-between; gap: 10px; text-align: right; }
  .adminTablo td::before { content: attr(data-label); color: #94a3b8; font-size: 11px; text-align: left; flex: 0 0 34%; }
  .adminTablo td[data-label=""]::before, .adminTablo td:not([data-label])::before { content: none; }
  .adminTablo td .kck { padding: 8px 12px; }
  .adminTabloKap { overflow: visible; border: 0; }
}

/* ===== v16: sade tapu kartı ===== */
.fis .mulkUst { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 12px; margin-bottom: 4px; }
.fis .mulkUst b { color: #0f172a; }
.fis .mulkNot { font-size: 10.5px; color: #475569; margin: 2px 0 4px; }
.fis .kiraIzgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; margin: 4px 0; }
.fis .kiraIzgara span { display: flex; flex-direction: column; align-items: center; padding: 2px 1px; border-radius: 5px; background: rgba(15,23,42,.06); font-size: 10.5px; line-height: 1.2; }
.fis .kiraIzgara span i { font-style: normal; font-size: 10px; color: #64748b; }
.fis .kiraIzgara span b { font-size: 11px; color: #0f172a; }
.fis .kiraIzgara span.bu { background: #fde68a; outline: 1.5px solid #f59e0b; }
.fis .imarSiniri { background: rgba(251,191,36,.12); border: 1px solid #f59e0b; color: #92400e; padding: 5px 6px; border-radius: 8px; font-size: 11px; text-align: center; font-weight: 800; }

/* ===== v16: tek parça tahta + köşelerde kabartmalı kırpık üçgen kareler ===== */
#tahtaPlaka { position: absolute; width: 1712px; height: 1482px; transform: translate(-50%, -50%); pointer-events: none; z-index: 0; }
#tahtaPlaka i { position: absolute; display: block; clip-path: polygon(100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0, 75% 0); }
#tahtaPlaka .tpDis { inset: 0; background: linear-gradient(145deg, #f3d27a 0%, #a97f2b 38%, #5e4614 62%, #e1b957 100%); }
#tahtaPlaka .tpIc { inset: 9px 10px; background:
  radial-gradient(ellipse at 50% 42%, rgba(56,189,248,.10), transparent 62%),
  linear-gradient(160deg, #1d2547 0%, #121830 52%, #1a2040 100%); }


/* Köşe kare: iki kenar sırasının arasındaki boşluğu dolduran kırpık üçgen (beşgen), tahtayla aynı parça gibi kabarık */
.k.kose {
  --kose-dolgu: #fbf7ee; --kose-cerceve: #e6bf5e;
  width: 160px; height: 133px; margin: -66.5px 0 0 -80px;
  background: transparent; border: 0; border-radius: 0; box-shadow: none !important;
  overflow: visible; z-index: 2; padding: 0;
}
.k.kose::before, .k.kose::after { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 0; clip-path: polygon(50% 0, 100% 34.6%, 68.6% 100%, 31.4% 100%, 0 34.6%); }
.k.kose::before { background: linear-gradient(135deg, #fff2bd 0%, var(--kose-cerceve) 35%, #8a6417 100%); }
.k.kose::after { inset: 4px; background:
  linear-gradient(135deg, rgba(255,255,255,.65) 0%, rgba(255,255,255,0) 38%, rgba(0,0,0,.16) 100%), var(--kose-dolgu);
  clip-path: polygon(50% 1.5%, 99% 35%, 68% 99%, 32% 99%, 1% 35%); }
.k.kose > * { position: relative; z-index: 1; }
.k.kose:hover::after { filter: none; opacity: .94; }
/* Köşe karelerde içerik: beşgenin geniş gövdesine sığsın */
.k.kose { padding: 46px 40px 14px 40px; box-sizing: border-box; align-items: stretch; }
.k.kose .ad { font-size: 9px; }
.k.kose .adMetin { font-size: 8.5px; line-height: 1.1; }
.k.kose .bant { height: 14px; min-height: 14px; font-size: 8.5px; border-radius: 4px; }
.k.kose .fy { font-size: 8.5px; }
.k.kose .ikon { transform: scale(.8); }
/* Köşe karenin ucu kenar yönünün tersine bakıyorsa (içeriği düz okunsun diye 180° dönenler) ucu alta al */
.k.kose.ters::before { clip-path: polygon(50% 100%, 100% 65.4%, 68.6% 0, 31.4% 0, 0 65.4%); }
.k.kose.ters::after { clip-path: polygon(50% 98.5%, 99% 65%, 68% 1%, 32% 1%, 1% 65%); }
.k.kose.ters { padding: 14px 40px 46px 40px; }
/* Sağ / sol Esenboğa köşeleri: yatay okunur, uç sağa / sola bakar */
.k.kose.koseYatay { width: 133px; height: 160px; margin: -80px 0 0 -66.5px; }
.k.kose.koseSag { padding: 34px 26px 34px 28px; }
.k.kose.koseSag::before { clip-path: polygon(100% 50%, 65.4% 100%, 0 68.6%, 0 31.4%, 65.4% 0); }
.k.kose.koseSag::after { clip-path: polygon(98.5% 50%, 65% 99%, 1% 68%, 1% 32%, 65% 1%); }
.k.kose.koseSol { padding: 34px 28px 34px 26px; }
.k.kose.koseSol::before { clip-path: polygon(0 50%, 34.6% 0, 100% 31.4%, 100% 68.6%, 34.6% 100%); }
.k.kose.koseSol::after { clip-path: polygon(1.5% 50%, 35% 1%, 99% 32%, 99% 68%, 35% 99%); }
.k.kose.ozel { --kose-dolgu: linear-gradient(160deg, #26334d, #0f172a); color: #fff; }
.k.kose.ozel .ad, .k.kose.ozel .adMetin { color: #fff; }
.k.kose .fy { min-height: 13px; line-height: 13px; border-radius: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cekSatir { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 5px 0; border-top: 1px solid rgba(255,255,255,.08); font-size: 12.5px; }
.cekSatir small { color: #94a3b8; }
.tpbKart.tpbCek { cursor: default; }

/* ===== HEVAŞ STUDIO açılış introsu (yalnızca transform/opacity animasyonu: filtre/blur yok, akıcı) ===== */
body.introAktif > *:not(#hevasIntro):not(#acilisYukleme) { visibility: hidden; }
#hevasIntro { position: fixed; inset: 0; z-index: 100000; background: radial-gradient(ellipse at 50% 45%, #141a2c 0%, #070a12 62%, #02030a 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; transition: opacity .6s ease; cursor: pointer; contain: layout paint; --u: min(12.5vw, 20vh); }
#hevasIntro.cikis { opacity: 0; pointer-events: none; }
#hevasIntro .hiSahne { display: flex; flex-direction: column; align-items: center; gap: calc(var(--u) * .05); margin-top: calc(var(--u) * -.25); }
#hevasIntro .hiSahne.sars { animation: hiSars .24s linear; }
@keyframes hiSars { 0%,100% { transform: translate3d(0,0,0); } 15% { transform: translate3d(-6px,5px,0); } 32% { transform: translate3d(6px,-5px,0); } 50% { transform: translate3d(-4px,3px,0); } 70% { transform: translate3d(3px,-2px,0); } }
#hevasIntro .hiHarfler { position: relative; display: flex; gap: calc(var(--u) * .3); align-items: center; padding: calc(var(--u) * .04) calc(var(--u) * .12); }
#hevasIntro .hiHarf { height: var(--u); width: auto; opacity: 0; transform: translate3d(0,-6vh,0) scale(3.6); user-select: none; -webkit-user-drag: none; }
#hevasIntro .hiHarf.girdi { opacity: 1; transform: none; animation: hiCarp .46s cubic-bezier(.55,0,.9,.4) both; will-change: transform, opacity; }
@keyframes hiCarp {
  0% { opacity: 0; transform: translate3d(0,-6vh,0) scale(3.6); }
  18% { opacity: 1; }
  52% { opacity: 1; transform: scale(.9); }
  66% { transform: scale(1.07); }
  84% { transform: scale(.985); }
  100% { opacity: 1; transform: none; }
}
#hevasIntro.parilti .hiHarf { animation: hiParla .6s ease-out both; animation-delay: calc(var(--i) * .08s); }
@keyframes hiParla { 0% { transform: none; } 35% { transform: scale(1.08); } 100% { transform: none; } }
#hevasIntro .hiParlak { position: absolute; left: 50%; top: 42%; width: calc(var(--u) * 7.5); height: calc(var(--u) * 2.4); transform: translate(-50%, -50%) scale(.6); border-radius: 50%; background: radial-gradient(closest-side, rgba(190,210,255,.30), rgba(190,210,255,0)); opacity: 0; pointer-events: none; }
#hevasIntro.parilti .hiParlak { animation: hiParlak 1.3s ease-out both; }
@keyframes hiParlak { 0% { opacity: 0; transform: translate(-50%,-50%) scale(.6); } 35% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%,-50%) scale(1.25); } }
/* "studio" yazısı soldan hızla gelen bir araba gibi fren yapıp durur: hızlı giriş (eğik), sertçe yavaşlama, öne doğru hafif savrulma ve oturma (solma yok) */
#hevasIntro .hiStudio { width: calc(var(--u) * 3.05); height: auto; opacity: 0; transform: translate3d(-120vw,0,0) skewX(-14deg); user-select: none; -webkit-user-drag: none; }
#hevasIntro.studioGir .hiStudio { opacity: 1; animation: hiStudio 1.25s linear both; will-change: transform; }
@keyframes hiStudio {
  0%   { transform: translate3d(-120vw,0,0) skewX(-14deg); animation-timing-function: cubic-bezier(.05,.75,.25,1); }
  62%  { transform: translate3d(3%,0,0) skewX(-6deg); animation-timing-function: ease-out; }
  78%  { transform: translate3d(5.5%,0,0) skewX(3deg); animation-timing-function: ease-in-out; }
  90%  { transform: translate3d(-1%,0,0) skewX(-1deg); animation-timing-function: ease-out; }
  100% { transform: none; }
}
#hevasIntro .hiMelek { position: absolute; left: 50%; bottom: max(14px, 4.5vh); transform: translate3d(-50%, 12px, 0); min-width: min(70vw, 270px); padding: 7px 18px 9px; border-radius: 12px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.13); text-align: center; opacity: 0; transition: opacity .9s ease, transform .9s ease; color: rgba(226,232,240,.75); }
#hevasIntro.melekGir .hiMelek { opacity: 1; transform: translate3d(-50%, 0, 0); }
#hevasIntro .hiMBaslik { font: 600 clamp(7.5px, 1.25vw, 10px)/1.2 system-ui, sans-serif; letter-spacing: .3em; color: rgba(226,232,240,.5); margin-bottom: 4px; }
#hevasIntro .hiMSatir { display: flex; justify-content: space-between; align-items: baseline; gap: 22px; text-align: left; font: 700 clamp(11px, 1.9vw, 15px)/1.3 system-ui, sans-serif; letter-spacing: .1em; }
#hevasIntro .hiMSatir b { color: #fbbf24; font-weight: 800; }
#hevasIntro .hiAtla { position: absolute; top: max(10px, env(safe-area-inset-top)); right: 12px; background: rgba(255,255,255,.08); color: rgba(226,232,240,.7); border: 1px solid rgba(255,255,255,.16); border-radius: 999px; padding: 6px 14px; font: 600 12px system-ui, sans-serif; cursor: pointer; }
/* Telefon yatay (kısa ekran): yazı ve melek kutusu ekrana göre sığar */
@media (max-height: 520px) {
  #hevasIntro { --u: min(10.5vw, 21vh); }
  #hevasIntro .hiSahne { margin-top: calc(var(--u) * -.45); }
  #hevasIntro .hiMelek { bottom: 8px; padding: 4px 14px 6px; min-width: 200px; }
  #hevasIntro .hiMBaslik { margin-bottom: 2px; }
}
@media (max-height: 520px) and (orientation: landscape) { #hevasIntro .hiAtla { padding: 4px 10px; font-size: 11px; } }
@media (prefers-reduced-motion: reduce) { #hevasIntro .hiSahne.sars { animation: none; } }
#hevasIntro img { background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; outline: 0 !important; max-width: none; }#hevasIntro .hiDokun { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; font: 600 clamp(14px, 2.6vw, 20px)/1.3 system-ui, sans-serif; letter-spacing: .08em; color: rgba(226,232,240,.85); padding: 12px 22px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; background: rgba(255,255,255,.06); animation: hiDokunNabiz 1.4s ease-in-out infinite; }
#hevasIntro.dokunBekle .hiDokun { display: block; }
#hevasIntro.dokunBekle .hiSahne, #hevasIntro.dokunBekle .hiMelek { visibility: hidden; }
@keyframes hiDokunNabiz { 0%,100% { opacity: .55; } 50% { opacity: 1; } }
/* v16: sağ panelde 5 sekme (Tapu, Döviz, Banka, Günlük, Sohbet) tek satıra sığsın */
#yan .sekmeler { display: flex; gap: 2px; }
#yan .sekmeler button { flex: 1 1 0; min-width: 0; padding: 7px 2px; font-size: 10.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -.2px; }
/* v16: çek göstergesi (₺ $ £ yanında), reklam alanları */
.subPara .cekBakiye, .kbParalar .cekBakiye { color: #5eead4; font-weight: 700; white-space: nowrap; }
.subPara .cekBakiye small { opacity: .75; font-size: 9px; }
.reklamSlot { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; margin: 10px auto 0; max-width: 560px; padding: 6px 12px; border-radius: 10px; background: rgba(255,255,255,.05); border: 1px dashed rgba(255,255,255,.18); color: #cbd5e1; font: 600 12px/1.3 system-ui, sans-serif; text-decoration: none; overflow: hidden; }
.reklamSlot .rsEtiket { font-size: 9px; letter-spacing: .12em; color: #94a3b8; border: 1px solid rgba(148,163,184,.4); border-radius: 4px; padding: 0 4px; flex: 0 0 auto; }
.reklamSlot b { color: #fbbf24; }
#reklamHarita { position: absolute; left: 50%; bottom: 2px; transform: translateX(-50%); width: min(468px, 56%); min-height: 26px; margin: 0; padding: 2px 10px; z-index: 6; background: rgba(8,12,24,.78); }
body.reklamHaritaVar #tapuPortfoyBar { margin-bottom: 30px; }

/* ===== v16: köşe kareler daha şık: tipine göre renkli cam gibi dolgu, büyük simge, net yazı ===== */
.k.kose { --kose-renk: #3b4a7a; }
.k.kose.ozel {
  --kose-dolgu: radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--kose-renk) 62%, #ffffff 0%) 0%, color-mix(in srgb, var(--kose-renk) 38%, #0b1220) 52%, #0a1020 100%);
}
.k.kose::after {
  background:
    linear-gradient(135deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 34%, rgba(0,0,0,.28) 100%),
    var(--kose-dolgu);
}
.k.kose::before { background: linear-gradient(135deg, #fff6c8 0%, #f0c75a 30%, #b8862a 62%, #6f4d12 100%); }
.k.kose .bant { display: none; }
.k.kose .ad, .k.kose .adIcerik { background: transparent; justify-content: center; align-items: center; gap: 2px; }
.k.kose .ikon { transform: none; font-size: 22px; line-height: 1; filter: drop-shadow(0 2px 2px rgba(0,0,0,.55)); }
.k.kose .ikon svg { width: 30px; height: 30px; }
.k.kose .adMetin { font-size: 9.5px; font-weight: 800; line-height: 1.12; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.85); letter-spacing: .02em; text-transform: uppercase; }
.k.kose .fy { align-self: center; margin-top: 3px; padding: 1px 8px; border-radius: 999px; background: rgba(8,12,24,.72); border: 1px solid rgba(251,191,36,.5); color: #fcd34d; font-size: 9px; font-weight: 800; line-height: 13px; min-height: 0; }
/* Dikey telefon: tapu kartı sağ alttaki panelde; alt sayfadaki "Tapu" sekmesi gereksiz. Harita altı reklam kompakt. */
@media (max-width:900px) and (orientation:portrait) {
  .sekmeler button[data-s="kart"] { display: none !important; }
  #reklamHarita { width: 138px; left: 96px; transform: none; bottom: 8px; min-height: 0; padding: 2px 6px; font-size: 9.5px; gap: 5px; }
  #reklamHarita .rsEtiket { display: none; }
  body.reklamHaritaVar #tapuPortfoyBar { margin-bottom: 0; }
}

/* Dikey telefon: tapu kartı kompakt; fiyat, sahip ve kira tarifesi kaydırmadan görünür, eylem düğmeleri altta sabit */
body.mobilDikey #solTapuPanel .stpGovde { padding: 4px 5px; }
body.mobilDikey #solTapuPanel .fis .bs { padding: 5px 8px !important; font-size: 13px !important; line-height: 1.15; }
body.mobilDikey #solTapuPanel .fis .bs small { display: inline; font-size: 9.5px; margin-right: 4px; }
body.mobilDikey #solTapuPanel .fis .ic { display: flex; flex-direction: column; padding: 5px 7px; }
body.mobilDikey #solTapuPanel .fis .mulkUst { gap: 1px 8px; font-size: 11px; margin-bottom: 2px; }
body.mobilDikey #solTapuPanel .fis .kiraIzgara { gap: 2px; margin: 2px 0; }
body.mobilDikey #solTapuPanel .fis .kiraIzgara span { padding: 1px 0; font-size: 9.5px; }
body.mobilDikey #solTapuPanel .fis .kiraIzgara span b { font-size: 10px; }
body.mobilDikey #solTapuPanel .fis .mulkNot { order: 3; font-size: 9.5px; margin: 2px 0; }
body.mobilDikey #solTapuPanel .fis .btnler { order: 4; }

/* Orta kur büyük, alış/satış altında küçük */
.obkKurAS { display: block; font-size: 9px; font-weight: 700; opacity: .75; letter-spacing: .2px; white-space: nowrap; line-height: 1.1; margin-top: 1px; }

/* ===== Mevsim görseli (modül 25): kar, yaprak, taç yaprağı, güneş ışığı ===== */
#mevsimEfekt { position: fixed; inset: 0; z-index: 60; pointer-events: none; overflow: hidden; contain: layout paint; }
#mevsimEfekt i { position: absolute; top: -6vh; left: var(--x); font-style: normal; font-size: var(--s); line-height: 1; opacity: var(--o); color: #fff; text-shadow: 0 0 4px rgba(255,255,255,.65); will-change: transform; animation: msDus var(--d) linear var(--g) infinite; }
#mevsimEfekt.ms-guz i, #mevsimEfekt.ms-bahar i { color: inherit; text-shadow: none; animation-name: msSalin; }
@keyframes msDus { 0% { transform: translate3d(0,-6vh,0) rotate(0deg); } 100% { transform: translate3d(var(--dx),112vh,0) rotate(var(--r)); } }
@keyframes msSalin { 0% { transform: translate3d(0,-6vh,0) rotate(0deg); } 25% { transform: translate3d(calc(var(--dx) * .6),28vh,0) rotate(calc(var(--r) * .4)); } 50% { transform: translate3d(calc(var(--dx) * -.2),56vh,0) rotate(calc(var(--r) * .8)); } 75% { transform: translate3d(calc(var(--dx) * .9),84vh,0) rotate(calc(var(--r) * 1.1)); } 100% { transform: translate3d(var(--dx),112vh,0) rotate(var(--r)); } }
/* Kış: etraf beyazlar (kenarlardan içeriye kırağı/kar örtüsü), harita çevresi buz mavisi beyaz */
#mevsimEfekt.ms-kis::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 46%, rgba(255,255,255,0) 48%, rgba(226,240,255,.34) 78%, rgba(244,250,255,.62) 100%); }
#mevsimEfekt.ms-kis::after { content: ''; position: absolute; left: -5%; right: -5%; bottom: -2%; height: 9vh; background: radial-gradient(ellipse at 50% 100%, rgba(255,255,255,.9), rgba(255,255,255,0) 70%); }
body.mevsim-kis #tahtaKap { background-image: radial-gradient(ellipse at 50% 50%, rgba(255,255,255,0) 52%, rgba(230,242,255,.30) 100%) !important; }
body.mevsim-kis .tpDis { box-shadow: 0 0 0 3px rgba(255,255,255,.55), 0 0 26px rgba(214,232,255,.45) !important; }
/* Sonbahar: sıcak turuncu ton */
/* Şubat: kar durur, yalnızca hafif kırağı kalır */
#mevsimEfekt.ms-kisSonu::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 46%, rgba(255,255,255,0) 56%, rgba(226,240,255,.16) 100%); }
#mevsimEfekt.ms-kis i { text-shadow: 0 0 2px rgba(255,255,255,.5); }
#mevsimEfekt.ms-guz::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 46%, rgba(0,0,0,0) 55%, rgba(194,92,12,.20) 100%); }
/* Yaz: sağ üstten güneş ışığı */
#mevsimEfekt.ms-yaz::before { content: ''; position: absolute; right: -12vw; top: -14vh; width: 70vw; height: 60vh; background: radial-gradient(closest-side, rgba(255,226,140,.26), rgba(255,226,140,0)); animation: msGunes 9s ease-in-out infinite alternate; }
@keyframes msGunes { from { opacity: .7; transform: scale(.95); } to { opacity: 1; transform: scale(1.06); } }
#mevsimEfekt.ms-bahar::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 46%, rgba(0,0,0,0) 58%, rgba(244,114,182,.10) 100%); }
body.azAnimasyon #mevsimEfekt::before { animation: none; }
@media (prefers-reduced-motion: reduce) { #mevsimEfekt i { display: none; } }

/* ===== Dikey telefon (v16.1): şerit yalnızca oynanış + sayfa düğmeleri; diğerleri "Düğmeler" menüsünde; büyük dokunma hedefleri ===== */
@media (max-width:900px) and (orientation:portrait) {
  body.oyunAktif.solAltKume #solAltAcBtn { display: flex; align-items: center; justify-content: center; position: fixed; left: 6px; bottom: 6px; height: 46px; min-width: 46px; padding: 0 14px; gap: 6px; font-size: 18px; line-height: 1; border-radius: 12px; cursor: pointer; z-index: 9301; background: rgba(10,16,30,.96); color: #fbbf24; border: 1.5px solid rgba(251,191,36,.55); box-shadow: 0 4px 14px rgba(0,0,0,.6); }
  body.oyunAktif.solAltKume #solAltAcBtn.acik { background: #fbbf24; color: #0b1020; }
  body.oyunAktif.solAltKume #solAltDugmeler:not(.acik) { display: none; }
  body.oyunAktif.solAltKume #solAltDugmeler.acik { display: grid; position: fixed; left: 6px; bottom: 58px; z-index: 9400; background: rgba(10,16,30,.97); border: 1.5px solid rgba(251,191,36,.5); box-shadow: 0 8px 26px rgba(0,0,0,.65); box-sizing: border-box; }
  #solAltDugmeler button { display: flex !important; align-items: center; min-width: 0; width: auto !important; height: 100%; margin: 0 !important; position: static !important; transform: none !important; white-space: nowrap; overflow: hidden; line-height: 1; background: #1e293b; color: #e2e8f0; border: 1px solid rgba(251,191,36,.35); border-radius: 10px !important; }
  #solAltDugmeler button.gizli { display: none !important; }
  #solAltDugmeler #oyundanCikBtn, #solAltDugmeler #odaKapatBtn { background: #7f1d1d; border-color: #ef4444; }
  #solAltDugmeler #seritGenisBtn { display: none !important; }
  /* Şerit: 10 düğme tek ekrana sığar (kaydırma yok); alt köşede "Düğmeler" için yer ayrılır */
  body.oyunAktif.dikeyKume #sagSerit { padding-bottom: 58px; overflow-y: auto; }
  body.oyunAktif.dikeyKume #sagSerit button { min-height: 48px; }
  body.oyunAktif.dikeyKume #sagSerit #zarBtn { min-height: 60px; }
  /* Dokunma hedefleri en az 44 px */
  body.mobilDikey .zoom button, body.mobilDikey #zYak, body.mobilDikey #zUzak, body.mobilDikey #zSigdir, body.mobilDikey #zPiyon, body.mobilDikey #zTakip { width: 44px !important; height: 44px !important; min-width: 44px; min-height: 44px; }
  body.mobilDikey #solUstMobilToggleBtn { min-height: 40px; padding-top: 8px; padding-bottom: 8px; }
}

/* Dikey telefon: yakınlaştırma düğmeleri haritanın sağ kenarını örtmesin; üst sağda tek sıra (Durum Paneli düğmesinin yanında) */
@media (max-width:900px) and (orientation:portrait) {
  body.oyunAktif.mobilDikey .zoom { top: 8px !important; bottom: auto !important; right: 8px !important; left: auto !important; flex-direction: row !important; gap: 6px !important; width: max-content; }
}

/* SVG bina modelleri (v16.1): çatı her seviyede görünür; otel ve gökdelenin özel modeli var */
.binaKule.binaModel { width: auto; bottom: calc(100% - 3px); filter: drop-shadow(0 3px 5px rgba(0,0,0,.65)); }
.k.ters .binaKule.binaModel { top: calc(100% - 3px); bottom: auto; }
.binaModel .binaSvg { display: block; overflow: visible; }
.binaModel .gokdelenSvg { animation: gokdelenIsik 2.4s ease-in-out infinite alternate; }
@keyframes gokdelenIsik { from { filter: brightness(1); } to { filter: brightness(1.18); } }
body.azAnimasyon .binaModel .gokdelenSvg { animation: none; }

/* Kredi taksidine 1 dakika kala tüm ekran titrer */
body.ekranTitre { animation: ekranTitreAnim .09s linear infinite; }
@keyframes ekranTitreAnim { 0% { transform: translate(0,0); } 25% { transform: translate(-7px,3px) rotate(-.25deg); } 50% { transform: translate(6px,-4px) rotate(.25deg); } 75% { transform: translate(-5px,-3px); } 100% { transform: translate(4px,4px); } }

/* Intro maskotu: harflerin üstüne zıplaya zıplaya gelir, el sallar (kaynak/modul/22_hevas_intro.js) */
#hevasIntro .hiRobot { position: absolute; left: 50%; bottom: calc(100% + var(--u) * .1); width: calc(var(--u) * .56); margin-left: calc(var(--u) * -.28); pointer-events: none; opacity: 0; transform: translate3d(-78vw, 0, 0); }
#hevasIntro .hiRobotZipla { transform-origin: 50% 100%; }
#hevasIntro .hiRobot svg { display: block; width: 100%; height: auto; overflow: visible; filter: drop-shadow(0 6px 8px rgba(0,0,0,.55)); }
#hevasIntro.robotGel .hiRobot { opacity: 1; animation: hiRobotGel 2.4s cubic-bezier(.25,.55,.35,1) forwards; }
#hevasIntro.robotGel .hiRobotZipla { animation: hiRobotZipla .4s ease-in-out 6; }
#hevasIntro.robotGel .hiKol { animation: hiRobotSalla .46s ease-in-out 2.5s 5 alternate both; }
@keyframes hiRobotGel { from { transform: translate3d(-78vw, 0, 0); } to { transform: translate3d(0, 0, 0); } }
@keyframes hiRobotZipla { 0% { transform: translateY(0) scale(1.06, .92); } 18% { transform: translateY(0) scale(.96, 1.05); } 50% { transform: translateY(calc(var(--u) * -.22)) scale(.97, 1.04) rotate(4deg); } 82% { transform: translateY(0) scale(1.02, .97); } 100% { transform: translateY(0) scale(1.06, .92); } }
@keyframes hiRobotSalla { from { transform: rotate(-22deg); } to { transform: rotate(26deg); } }

/* Intro melek yatırımcı listesi 6 satır: kısa (yatay telefon) ekranlarda iki sütuna bölünür, stüdyo yazısına binmesin */
@media (max-height: 520px) {
  #hevasIntro .hiMelek { display: grid; grid-template-columns: 1fr 1fr; column-gap: 22px; min-width: min(94vw, 560px); padding: 4px 14px 5px; }
  #hevasIntro .hiMelek .hiMBaslik { grid-column: 1 / -1; margin-bottom: 2px; }
  #hevasIntro .hiMelek .hiMSatir { white-space: nowrap; gap: 10px; letter-spacing: .05em; font-size: clamp(10px, 1.7vw, 13px); }
}

/* SEO: ana menüdeki doğal anahtar kelime satırı ("PentaPoly oyun, Monopoly tarzı") sloganın altında silik durur */
.hero .slogan .sloganSeo { display: inline-block; margin-top: 6px; font-size: .78em; opacity: .72; letter-spacing: .02em; }