/* Anton yazı tipi oyunla birlikte gelir (SIL Open Font License); Google Fonts'a ulaşılamasa da logo aynı görünür */
/* 0.61.1: yazı tipleri sunucudan (Google'a istek yok): Latin + Türkçe alt kümesi; Baloo 2 değişken kalınlık (400–800) */
@font-face { font-family: 'Anton'; font-style: normal; font-weight: 400; font-display: swap; src: url('font/Anton-Latin.woff2') format('woff2'); unicode-range: U+0000-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Baloo 2'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('font/Baloo2-Latin.woff2') format('woff2'); unicode-range: U+0000-024F, U+0259, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url('font/Montserrat-700.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url('font/Montserrat-800.woff2') format('woff2'); }
/* 0.57.2: Kiril harfleri (Rusça) için aynı aileden/benzer yazı tipleri; yalnızca Kiril harfi gerekince indirilir */
@font-face { font-family: 'Anton'; font-style: normal; font-weight: 400; font-display: swap; src: url('font/Oswald-700-Cyr.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url('font/Montserrat-700-Cyr.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url('font/Montserrat-800-Cyr.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Kaushan Script'; font-style: normal; font-weight: 400; font-display: swap; src: url('font/KaushanScript-Regular.woff2') format('woff2'); }
/* 0.57.2: Kaushan Script'te Kiril harfi yok; Rusça yazılar aynı el yazısı havasında Marck Script ile çizilir (yalnızca Kiril harfi gerekince indirilir) */
@font-face { font-family: 'Kaushan Script'; font-style: normal; font-weight: 400; font-display: swap; src: url('font/MarckScript-Cyr.woff2') format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* Çırak – oyun arayüzü
   Lacivert paneller, altın para, kabartmalı butonlar. 3D sahne tüm ekranı kaplar. */

:root {
  --lacivert: #1B2F5B;
  --lacivert-koyu: #111F40;
  --lacivert-acik: #2B4A86;
  --altin: #FFC42E;
  --altin-koyu: #D99A00;
  --krem: #FFF8E6;
  --beyaz: #FFFFFF;
  --metin: #1B2437;
  --soluk: #66708A;
  --cizgi: #E3E6EE;
  --yesil: #1FA25A;
  --yesil-koyu: #13723E;
  --kirmizi: #E0493C;
  --kirmizi-koyu: #A92E23;
  --mavi: #3B8BEB;
  --mavi-koyu: #2461AD;
  --yazi: "Baloo 2", "Trebuchet MS", "Segoe UI", Roboto, Arial, sans-serif;
  --dock: 76px;
  /* 0.62.1: uygulamada (Android) kabuk doğru değerleri --safe-area-inset-* ile verir; tarayıcıda env() kullanılır */
  --ust: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));
  --alt: var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));
}

*, *::before, *::after { box-sizing: border-box; }
html, body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #8FD0FF;
  font-family: var(--yazi);
  color: var(--metin);
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  overscroll-behavior: none;
}
button, input, select { font: inherit; color: inherit; }
input, select { -webkit-user-select: text; user-select: text; }
.sayi { font-variant-numeric: tabular-nums; }

#sahne {
  position: fixed; inset: 0;
  width: 100%; height: 100%;
  display: block;
  touch-action: pinch-zoom;
}
#etiketler { position: fixed; inset: 0; pointer-events: none; overflow: hidden; }
#arayuz { position: fixed; inset: 0; pointer-events: none; }
#arayuz > * { pointer-events: auto; }
/* tüm genişliği kaplayan kaplar dokunuşu yutmasın: yalnızca içlerindeki düğmeler dokunulabilir
   (üst çubuğun hizasındaki dükkân etiketleri ve tezgâhlar da tıklanabilsin) */
#arayuz > .hud, #arayuz > .alt-hud, #arayuz > .dock, #arayuz > #topla-yeri, #arayuz > #ipucu-yeri { pointer-events: none; }
#arayuz > .hud > *, #arayuz > .alt-hud > *, #topla-yeri > * { pointer-events: auto; }

:focus-visible { outline: 3px solid var(--altin); outline-offset: 2px; }

/* ---------- Açılış ekranı ---------- */
#acilis {
  --ilerleme: 0;
  position: fixed; inset: 0; z-index: 100; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  background: #0E1A3A;
  transition: opacity 0.7s ease, transform 0.7s ease;
}
#acilis.gizli { opacity: 0; transform: scale(1.04); pointer-events: none; }
/* ---------- sinematik yükleme ekranı ---------- */
.acilis-paneller { position: absolute; inset: 0; background: #111; }
/* 0.62.3: her pano kendi katmanında; çizim bir kez boyanır, yakınlaşma ekran kartında yapılır (telefonda kararıp yanıp sönmesin) */
.acilis-pano { position: absolute; inset: 0; overflow: hidden; transform: translateZ(0); contain: paint; }
.acilis-pano svg { position: absolute; inset: -6%; width: 112%; height: 112%; will-change: transform; animation: panoYaklas 9s ease-in-out infinite alternate; }
.pano-b svg { animation-delay: -3s; }
.pano-c svg { animation-delay: -6s; }
@keyframes panoYaklas { from { transform: scale(1) translate(0, 0); } to { transform: scale(1.12) translate(-2%, 1%); } }
/* dikey ekranda üç yatay çapraz şerit, yatay ekranda üç dikey çapraz şerit */
.pano-a { clip-path: polygon(0 0, 100% 0, 100% 27%, 0 40%); }
.pano-b { clip-path: polygon(0 41.5%, 100% 28.5%, 100% 63%, 0 76%); }
.pano-c { clip-path: polygon(0 77.5%, 100% 64.5%, 100% 100%, 0 100%); }
/* her çizim yalnızca kendi şeridini kaplar (kesik görünmesin) */
.pano-a svg { inset: auto; left: -6%; width: 112%; top: -3%; height: 46%; }
.pano-b svg { inset: auto; left: -6%; width: 112%; top: 26%; height: 53%; }
.pano-c svg { inset: auto; left: -6%; width: 112%; top: 62%; height: 41%; }
@media (min-aspect-ratio: 1/1) {
  .pano-a { clip-path: polygon(0 0, 38% 0, 28% 100%, 0 100%); }
  .pano-b { clip-path: polygon(39.5% 0, 70% 0, 60% 100%, 29.5% 100%); }
  .pano-c { clip-path: polygon(71.5% 0, 100% 0, 100% 100%, 61.5% 100%); }
  .pano-a svg { top: -6%; height: 112%; left: -3%; width: 44%; }
  .pano-b svg { top: -6%; height: 112%; left: 27%; width: 46%; }
  .pano-c svg { top: -6%; height: 112%; left: 59%; width: 44%; }
}
.acilis-noktalar {
  position: absolute; inset: 0; pointer-events: none; opacity: 0.28;
  background-image: radial-gradient(circle, #000 1.1px, transparent 1.6px); background-size: 7px 7px;
}
.acilis-karart { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,0.55) 100%); pointer-events: none; }
.acilis-baslik {
  position: relative; z-index: 2; text-align: center; transform: rotate(-6deg);
  margin-bottom: 12vh; animation: logoGir 0.8s cubic-bezier(0.2, 0.9, 0.3, 1.3) both;
}
.acilis-logo {
  font-family: Anton, Impact, 'Arial Black', sans-serif; font-weight: 400; line-height: 0.9;
  font-size: clamp(84px, 25vw, 170px); letter-spacing: 0.01em; color: #fff; text-transform: uppercase; /* 0.99.0: PATRON (6 harf) */
  -webkit-text-stroke: 5px #111; paint-order: stroke fill;
  text-shadow: 7px 7px 0 #FFC42E, 12px 12px 0 #111;
  transform: skewX(-8deg);
}
.acilis-logo span { display: inline-block; }
.acilis-slogan {
  display: inline-block; margin-top: 10px; padding: 6px 16px 5px; background: #111; color: #FFC42E;
  font-family: Anton, Impact, sans-serif; font-size: clamp(17px, 5vw, 28px); letter-spacing: 0.08em; text-transform: uppercase;
  transform: skewX(-8deg); box-shadow: 5px 5px 0 #E63946;
}
@keyframes logoGir { from { transform: rotate(-6deg) scale(1.6); opacity: 0; } }
.acilis-alt-serit {
  position: absolute; left: 0; right: 0; bottom: 6px; z-index: 3; display: flex; align-items: flex-end; gap: 12px;
  padding: 0 16px calc(12px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px))); justify-content: space-between;
}
.acilis-ipucu {
  flex: 1; max-width: 460px; min-height: 0; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.35;
  background: rgba(0, 0, 0, 0.72); border-left: 4px solid #FFC42E; padding: 8px 12px; transition: opacity 0.35s;
}
.acilis-durum { flex: none; color: #fff; font-family: Anton, Impact, sans-serif; font-size: 18px; letter-spacing: 0.04em; text-shadow: 2px 2px 0 #111; display: flex; align-items: center; gap: 8px; }
.acilis-cark { width: 20px; height: 20px; border-radius: 50%; border: 3px solid rgba(255,255,255,0.3); border-top-color: #FFC42E; animation: cark 0.8s linear infinite; }
@keyframes cark { to { transform: rotate(360deg); } }
.acilis-yol { position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: rgba(0, 0, 0, 0.6); z-index: 3; }
.acilis-yol-dolgu { position: relative; overflow: hidden; height: 100%; width: 100%; background: #FFC42E; box-shadow: 0 0 12px #FFC42E; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.2s linear; will-change: transform; }
/* 0.61.1: ağır hazırlık anlarında da çubuk canlı görünsün (ekran kartında çalışır, sayfa meşgulken de akar) */
.acilis-yol-dolgu::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.75) 50%, transparent 100%); transform: translateX(-100%); animation: yolParilti 1.1s linear infinite; }
@keyframes yolParilti { to { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) { .acilis-yol-dolgu::after { animation: none; } }
@media (max-width: 520px) {
  .acilis-alt-serit { flex-direction: column; align-items: stretch; gap: 8px; }
  .acilis-durum { font-size: 15px; justify-content: flex-end; }
  .acilis-ipucu { font-size: 13px; max-width: none; }
}
@media (prefers-reduced-motion: reduce) { .acilis-pano svg, .acilis-baslik, .acilis-cark { animation: none; } }
/* dokunmatik cihazlar ve mobil uygulama: yükleme sırasında ana iş parçacığı meşgulken hareketli çizimler boş (siyah) karolar bırakıyordu */
@media (pointer: coarse) { .acilis-pano svg { animation: none; will-change: auto; } }
.uygulama .acilis-pano svg { animation: none; will-change: auto; }

/* ---------- Kabartmalı butonlar ---------- */
.dugme {
  --r: var(--altin); --g: var(--altin-koyu); --y: var(--lacivert-koyu);
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 50px; padding: 8px 18px;
  border: 0; border-radius: 14px;
  background: var(--r); color: var(--y);
  font-weight: 800; font-size: 18px; line-height: 1.1;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 8px 14px rgba(0, 0, 0, 0.18);
  cursor: pointer; width: 100%;
  transform: translateY(0); transition: transform 0.06s, box-shadow 0.06s;
}
.dugme:active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 3px 6px rgba(0, 0, 0, 0.18); }
.dugme[disabled] { filter: grayscale(0.7); opacity: 0.55; cursor: not-allowed; }
.dugme.yesil { --r: var(--yesil); --g: var(--yesil-koyu); --y: #fff; }
.dugme.mavi { --r: var(--mavi); --g: var(--mavi-koyu); --y: #fff; }
.dugme.kirmizi { --r: var(--kirmizi); --g: var(--kirmizi-koyu); --y: #fff; }
.dugme.gri { --r: #E9ECF3; --g: #C4CAD8; --y: var(--metin); }
.dugme.kucuk { min-height: 40px; font-size: 15px; padding: 6px 12px; border-radius: 11px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.dugme + .dugme { margin-top: 10px; }
.metin-dugme { background: none; border: 0; padding: 10px 4px; color: var(--soluk); text-decoration: underline; cursor: pointer; font-size: 15px; width: 100%; }

/* ---------- Üst bilgi çubuğu (HUD) ---------- */
.hud {
  position: fixed; left: 0; right: 0; top: 0;
  padding: calc(var(--ust) + 10px) 10px 0;
  display: flex; align-items: flex-start; gap: 8px;
  pointer-events: none;
}
.hud > * { pointer-events: auto; }
.oyuncu-cip {
  display: flex; align-items: center; gap: 8px;
  background: var(--lacivert); color: #fff;
  border-radius: 999px; padding: 4px 14px 4px 4px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 6px 12px rgba(0, 0, 0, 0.25);
  min-width: 0; max-width: 46vw;
  border: 0; cursor: pointer;
}
.seviye-rozet { position: relative; width: 44px; height: 44px; flex: none; }
.seviye-rozet svg { position: absolute; inset: 0; transform: rotate(-90deg); }
.seviye-rozet span {
  position: absolute; inset: 6px; border-radius: 50%;
  background: var(--altin); color: var(--lacivert-koyu);
  display: grid; place-items: center; font-weight: 800; font-size: 17px;
}
.oyuncu-ad { font-weight: 700; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.1; }
.oyuncu-yer { font-size: 12px; opacity: 0.75; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; }
.oyuncu-yazi { min-width: 0; text-align: start; }

.para-cip {
  margin-inline-start: auto;
  display: flex; align-items: center; gap: 6px;
  background: var(--lacivert); color: #fff;
  border-radius: 999px; padding: 4px 14px 4px 5px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 6px 12px rgba(0, 0, 0, 0.25);
  font-weight: 800; font-size: 20px; font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.para-cip.zipla { animation: zipla 0.35s; }
.para-cip { cursor: pointer; } /* 0.63.6: dokununca banka */
.para-cip:active { transform: scale(.97); }
.para-cip:focus-visible { outline: 3px solid #FFC42E; outline-offset: 2px; }
@keyframes zipla { 40% { transform: scale(1.12); } }
.sikke {
  width: 34px; height: 34px; border-radius: 50%; flex: none;
  background: radial-gradient(circle at 35% 30%, #FFE88A, var(--altin) 45%, var(--altin-koyu));
  border: 3px solid #F7B500;
  box-shadow: none;
  display: grid; place-items: center; font-size: 17px; font-weight: 800; color: #9A6400;
}
.sikke::after { content: var(--para-simge, "₺"); font-size: var(--para-simge-boy, 1em); white-space: nowrap; letter-spacing: -0.03em; } /* 0.59.1: oyuncunun parası; 0.60.1: uzun simge (F CFA, HK$) küçülür */

.alt-hud {
  position: fixed; left: 10px; right: 10px;
  top: calc(var(--ust) + 66px);
  display: flex; gap: 8px; align-items: center;
  pointer-events: none;
}
.alt-hud > * { pointer-events: auto; }
.tarih-cip {
  background: rgba(17, 31, 64, 0.72); color: #fff;
  border-radius: 999px; padding: 4px 12px; font-size: 14px; font-weight: 600;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.yuvarlak-dugme {
  width: 38px; height: 38px; border-radius: 50%; border: 0;
  background: rgba(17, 31, 64, 0.72); color: #fff; font-size: 18px; cursor: pointer;
  display: grid; place-items: center;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.alt-hud .yuvarlak-dugme:first-of-type { margin-inline-start: auto; }
.alt-hud #bonus-dugme { margin-inline-start: auto; }

/* ---------- Alt menü (dock) ---------- */
.dock {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 20;
  padding: 0 8px calc(var(--alt) + 8px);
  display: flex; justify-content: center;
  pointer-events: none;
}
.dock ul {
  pointer-events: auto;
  list-style: none; margin: 0; padding: 6px;
  display: grid; grid-template-columns: repeat(6, 1fr); gap: 3px;
  width: 100%; max-width: 580px;
  background: var(--lacivert);
  border-radius: 22px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 10px 24px rgba(0, 0, 0, 0.3);
}
.dock a {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  height: 60px; border-radius: 16px;
  color: rgba(255, 255, 255, 0.72); text-decoration: none;
  font-size: 12px; font-weight: 700; line-height: 1.1;
  position: relative;
}
.dock a .ikon { font-size: 26px; line-height: 1.1; filter: saturate(0.85); transition: transform 0.15s; }
.dock a[aria-current="page"] { background: var(--lacivert-acik); color: #fff; }
.dock a[aria-current="page"] .ikon { transform: translateY(-2px) scale(1.1); filter: none; }
.dock .rozet {
  position: absolute; top: 4px; right: calc(50% - 22px);
  min-width: 20px; height: 20px; border-radius: 10px; padding: 0 5px;
  background: var(--kirmizi); color: #fff; font-size: 12px; font-weight: 800;
  display: grid; place-items: center; border: 2px solid var(--lacivert);
}

/* Tümünü topla butonu */
.topla-hepsi {
  position: fixed; left: 50%; transform: translateX(-50%);
  bottom: calc(var(--dock) + var(--alt) + 20px);
  width: auto; padding: 8px 22px; z-index: 15;
  animation: nabiz 1.4s ease-in-out infinite;
}
.topla-hepsi:active { transform: translateX(-50%) translateY(4px); }
@keyframes nabiz { 50% { filter: brightness(1.12); } }

/* İpucu balonu (sahne altı) */
.ipucu {
  position: fixed; left: 50%; transform: translateX(-50%);
  bottom: calc(var(--dock) + var(--alt) + 22px);
  background: rgba(17, 31, 64, 0.8); color: #fff;
  padding: 6px 14px; border-radius: 999px; font-size: 14px; font-weight: 600;
  white-space: nowrap; pointer-events: none;
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}

/* ---------- 3D sahne üstündeki etiketler ---------- */
.etiket {
  position: absolute; left: 0; top: 0;
  transform: translate(-50%, -100%);
  pointer-events: auto;
  display: flex; flex-direction: column; align-items: center;
  will-change: transform;
}
.etiket.gizli { display: none; }
.balon {
  background: #fff; color: var(--metin);
  border-radius: 14px; padding: 3px 10px 3px 4px;
  font-size: 13px; font-weight: 700; white-space: nowrap;
  display: flex; align-items: center; gap: 6px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 4px 10px rgba(0, 0, 0, 0.15);
  border: 0; cursor: pointer;
}
.balon::after {
  content: ""; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%);
  border: 6px solid transparent; border-top-color: #fff; border-bottom: 0;
}
.balon .halka { width: 30px; height: 30px; flex: none; position: relative; }
.balon .halka svg { position: absolute; inset: 0; transform: rotate(-90deg); }
.balon .halka b { position: absolute; inset: 0; display: grid; place-items: center; font-size: 15px; }
.balon.bos { background: var(--lacivert); color: #fff; padding: 5px 12px; }
.balon.bos::after { border-top-color: var(--lacivert); }
.balon.kilit { background: rgba(255, 255, 255, 0.85); color: var(--soluk); padding: 4px 10px; }
.balon.kilit::after { border-top-color: rgba(255, 255, 255, 0.85); }
.balon.satin { background: var(--yesil); color: #fff; padding: 4px 10px; }
.balon.satin::after { border-top-color: var(--yesil); }
.balon.mini { padding: 3px; border-radius: 50%; gap: 0; opacity: 0.92; }
.balon.mini.bos { width: 30px; height: 30px; padding: 0; justify-content: center; font-size: 13px; }
.balon.mini:hover { opacity: 1; transform: scale(1.08); }
.balon .cirak { font-size: 11px; font-weight: 700; color: var(--mavi-koyu); display: block; line-height: 1; }
.kese {
  position: relative; width: 36px; height: 36px; padding: 0; border-radius: 50%; border: 0; cursor: pointer;
  background: radial-gradient(circle at 35% 30%, #FFE88A, var(--altin) 50%, var(--altin-koyu));
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 0 0 2px rgba(255, 255, 255, 0.55), 0 3px 8px rgba(0, 0, 0, 0.22);
  font-size: 19px; line-height: 1; display: grid; place-items: center;
  animation: kese 1s ease-in-out infinite;
}
.kese::before { content: ''; position: absolute; inset: -4px; border-radius: 50%; }
@media (pointer: coarse) { .kese { width: 40px; height: 40px; font-size: 21px; } .kese::before { inset: -2px; } }
@keyframes kese { 50% { transform: translateY(-3px); } }

.il-etiket {
  background: rgba(17, 31, 64, 0.78); color: #fff; font-size: 12px; font-weight: 700;
  padding: 1px 8px; border-radius: 999px; white-space: nowrap; pointer-events: none;
}
.il-etiket.benim { background: var(--altin); color: var(--lacivert-koyu); font-size: 14px; padding: 2px 10px; }
.il-etiket.secili { background: #fff; color: var(--lacivert); font-size: 14px; padding: 2px 10px; }
.ilce-etiket {
  background: rgba(255, 255, 255, 0.86); color: var(--lacivert-koyu); font-size: 11px; font-weight: 700;
  padding: 1px 7px; border-radius: 999px; white-space: nowrap; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.ilce-etiket.benim { background: var(--altin); font-size: 13px; }
.mahalle-igne {
  display: flex; flex-direction: column; align-items: center; gap: 0; border: 0; cursor: pointer;
  background: #E63946; color: #fff; font-family: inherit; font-weight: 800; font-size: 13px; line-height: 1.2; padding: 6px 12px; border-radius: 14px;
  box-shadow: 0 4px 12px rgba(0,0,0,.3); white-space: nowrap; pointer-events: auto;
}
.mahalle-igne small { font-weight: 600; font-size: 11px; opacity: .9; }
.il-etiket em { font-style: normal; background: var(--yesil); color: #fff; border-radius: 999px; padding: 0 6px; margin-left: 4px; }

/* ---------- Paneller (alttan açılan oyun pencereleri) ---------- */
#panel-katman {
  position: fixed; inset: 0; z-index: 30;
  background: rgba(8, 16, 34, 0.45);
  display: flex; align-items: flex-end; justify-content: center;
}
#panel-katman[hidden] { display: none; }
/* Menüden açılan paneller alt menünün üstünde durur, menü kullanılabilir kalır */
#panel-katman.dock-acik {
  bottom: calc(var(--dock) + var(--alt) + 12px);
  background: transparent;
  padding: 0 8px;
}
#panel-katman.dock-acik .panel {
  border-radius: 24px;
  max-height: calc(100% - var(--ust) - 70px);
  margin-bottom: 0;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 12px 40px rgba(0, 0, 0, 0.35);
}
.panel {
  width: 100%; max-width: 560px;
  max-height: calc(100% - var(--ust) - 70px);
  display: flex; flex-direction: column;
  background: var(--krem);
  border-radius: 24px 24px 0 0;
  box-shadow: 0 -6px 30px rgba(0, 0, 0, 0.3);
  animation: yuksel 0.28s cubic-bezier(0.2, 0.9, 0.3, 1.15);
  overflow: hidden;
}
@keyframes yuksel { from { transform: translateY(100%); } to { transform: none; } }
.panel.yerinde { animation: none; }
.panel-ust {
  flex: none;
  display: flex; align-items: center; gap: 12px;
  background: var(--lacivert); color: #fff;
  padding: 14px 14px 14px 16px;
}
.panel-ust h2 { margin: 0; font-size: 22px; font-weight: 800; line-height: 1.1; flex: 1; min-width: 0; }
.panel-ust .alt-baslik { font-size: 14px; opacity: 0.75; font-weight: 500; margin-top: 2px; line-height: 1.3; }
.panel-ust .buyuk-ikon { font-size: 38px; line-height: 1; flex: none; }
.kapat {
  width: 40px; height: 40px; border-radius: 12px; border: 0; flex: none;
  background: var(--kirmizi); color: #fff; font-size: 22px; font-weight: 800; cursor: pointer;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08);
}
.kapat:active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
/* 0.41: geri düğmesi (kapat düğmesinin solunda) */
.geri-dugme {
  width: 40px; height: 40px; border-radius: 12px; border: 0; flex: none;
  background: rgba(255,255,255,.16); color: #fff; line-height: 0; cursor: pointer;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08); display: inline-flex; align-items: center; justify-content: center; padding: 0;
}
.geri-dugme svg { display: block; }
.geri-dugme + .geri-dugme { margin-left: -6px; }
/* 0.41.1: gidilecek yer yoksa düğme kaybolmaz, koyulaşıp pasifleşir */
.geri-dugme:disabled { background: rgba(0,0,0,.28); color: rgba(255,255,255,.3); box-shadow: none; cursor: default; transform: none; }
.geri-dugme:disabled:hover { background: rgba(0,0,0,.28); }
.ortali-dugme { display: flex; align-items: center; justify-content: center; gap: 6px; text-align: center; text-decoration: none; min-height: 48px; line-height: 1.2; padding-top: 0; padding-bottom: 0; }
.geri-dugme:hover { background: rgba(255,255,255,.24); }
.geri-dugme:active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
[dir=rtl] .geri-dugme svg { transform: scaleX(-1); }
.panel-govde {
  overflow-y: auto; -webkit-overflow-scrolling: touch;
  padding: 16px 16px calc(20px + var(--alt));
  -webkit-user-select: text; user-select: text;
}
.panel.dock-ustu .panel-govde { padding-bottom: calc(var(--dock) + var(--alt) + 20px); }

.kart {
  background: #fff; border-radius: 16px; padding: 14px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08);
  margin-bottom: 12px;
}
.kart h3 { margin: 0 0 6px; font-size: 18px; font-weight: 800; }
p { margin: 6px 0; line-height: 1.4; }
.soluk { color: var(--soluk); }
.kucuk { font-size: 14px; }
.arti { color: var(--yesil); }
.eksi { color: var(--kirmizi); }

/* Tezgâh listesi */
.tezgah-listesi { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.tezgah-satiri {
  width: 100%; display: flex; gap: 12px; align-items: center;
  background: #fff; border: 0; border-radius: 16px; padding: 10px 12px 10px 10px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08); text-align: start; cursor: pointer;
}
.tezgah-satiri:active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.tezgah-satiri.kilitli { opacity: 0.6; }
.tezgah-satiri .resim {
  width: 56px; height: 56px; flex: none; border-radius: 14px;
  display: grid; place-items: center; font-size: 30px;
  background: linear-gradient(180deg, #E9F4FF, #CFE4FB);
}
.tezgah-satiri .bilgi { flex: 1; min-width: 0; }
.tezgah-satiri .ad { font-weight: 800; font-size: 16px; line-height: 1.2; }
.tezgah-satiri .alt { font-size: 13px; color: var(--soluk); line-height: 1.3; }
.tezgah-satiri .sag { text-align: end; font-weight: 800; font-size: 15px; white-space: nowrap; line-height: 1.2; }
.tezgah-satiri .sag small { display: block; font-weight: 600; font-size: 12px; color: var(--soluk); }
.rozetcik { display: inline-block; font-size: 12px; font-weight: 800; padding: 1px 8px; border-radius: 999px; margin-top: 2px; }
.rozetcik.iyi { background: #DDF5E7; color: var(--yesil-koyu); }
.rozetcik.kotu { background: #FDE5E2; color: var(--kirmizi-koyu); }
.rozetcik.bilgi { background: #E3EEFD; color: var(--mavi-koyu); }
.rozetcik.altin { background: #FFF1C7; color: #8A5B00; }

/* Süre seçimi */
.sure-secimi { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 4px 0 12px; }
.sure-secimi button {
  text-align: start; padding: 10px 12px; min-height: 66px; cursor: pointer;
  background: #fff; border: 3px solid transparent; border-radius: 14px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08);
}
.sure-secimi button[aria-pressed="true"] { border-color: var(--mavi); background: #F1F7FF; }
.sure-secimi b { display: block; font-size: 17px; font-weight: 800; line-height: 1.2; }
.sure-secimi small { display: block; font-size: 13px; color: var(--soluk); }

.tablo { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.tablo td { padding: 7px 0; border-bottom: 1px dashed #E6DDC6; font-size: 16px; }
.tablo td:last-child { text-align: end; font-weight: 800; }
.tablo tr:last-child td { border-bottom: 0; }
.tablo .toplam td { font-size: 20px; border-top: 3px solid var(--metin); border-bottom: 0; padding-top: 10px; }

.olaylar { list-style: none; padding: 0; margin: 8px 0 0; }
.olaylar li { padding: 4px 0; font-size: 14px; font-weight: 600; }

/* 0.69.1: eski adı .kutlama idi; tam ekran kutlama gösterisiyle (ekGorsel.js) çakışıp seviye penceresini kilitliyordu */
.sv-atladi {
  text-align: center; background: var(--altin); color: var(--lacivert-koyu);
  border-radius: 16px; padding: 12px; font-weight: 800; font-size: 20px; margin-bottom: 12px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08);
  animation: parla 0.8s ease-out;
}
@keyframes parla { from { transform: scale(0.7); opacity: 0; } 60% { transform: scale(1.06); } }

/* Formlar */
.alan { display: block; margin-bottom: 12px; }
.alan span { display: block; font-size: 14px; font-weight: 700; margin-bottom: 4px; }
.alan input, .alan select {
  width: 100%; min-height: 50px; padding: 10px 12px;
  border: 3px solid #E6DDC6; border-radius: 14px; background: #fff; font-size: 16px; font-weight: 600;
}
.alan input:focus, .alan select:focus { border-color: var(--mavi); outline: none; }
.sekmeler { display: flex; gap: 8px; margin-bottom: 14px; }
.sekmeler button {
  flex: 1; min-height: 44px; border-radius: 12px; border: 0; cursor: pointer;
  background: #EFE6CF; color: var(--soluk); font-weight: 800; font-size: 16px;
}
.sekmeler button[aria-selected="true"] { background: var(--lacivert); color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }

/* Giriş ekranı */
.giris {
  position: fixed; left: 0; right: 0; bottom: 0;
  display: flex; flex-direction: column; align-items: center;
  padding: 0 12px calc(var(--alt) + 12px);
  max-height: 100%; overflow-y: auto;
}
.giris-logo {
  margin-top: calc(var(--ust) + 24px);
  font-family: Anton, Impact, 'Arial Black', sans-serif; font-weight: 400; text-transform: uppercase;
  font-size: clamp(64px, 20vw, 104px); color: #fff; line-height: 0.95;
  -webkit-text-stroke: 4px #111; paint-order: stroke fill;
  text-shadow: 5px 5px 0 #FFC42E, 9px 9px 0 #111; transform: rotate(-5deg) skewX(-8deg);
  pointer-events: none;
}
.giris-slogan {
  display: inline-block; align-self: center; background: #111; color: #FFC42E; margin: 14px 0 auto; padding: 5px 14px 4px;
  font-family: Anton, Impact, sans-serif; font-size: 19px; letter-spacing: 0.08em; text-transform: uppercase;
  transform: rotate(-5deg) skewX(-8deg); box-shadow: 4px 4px 0 #E63946; pointer-events: none;
}
.giris-kart {
  width: 100%; max-width: 440px; margin-top: 32vh;
  background: var(--krem); border-radius: 22px; padding: 16px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 16px 40px rgba(0, 0, 0, 0.35);
}

/* Listeler */
.satirlar { list-style: none; margin: 0; padding: 0; }
.satirlar li { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px dashed #E6DDC6; }
.satirlar li:last-child { border-bottom: 0; }
.satirlar .sag { white-space: nowrap; font-weight: 800; font-variant-numeric: tabular-nums; text-align: end; margin-inline-start: auto; flex-shrink: 0; }
/* 0.41: sıralamada sol taraf (ad, şehir) esner, servet hep sağa dayalı */
.satirlar li > span:first-child { min-width: 0; }
.satirlar .sag small { font-weight: 600; }
.satirlar .ben { background: #FFF1C7; border-radius: 12px; padding: 9px 10px; margin: 0 -10px; border-bottom: 0; }
.madalya { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; font-weight: 800; margin-right: 8px; background: #EFE6CF; flex: none; }
.madalya.m1 { background: #FFC42E; }
.madalya.m2 { background: #D7DDE6; }
.madalya.m3 { background: #E8A86B; }

.davet-kodu {
  font-size: 34px; font-weight: 800; letter-spacing: 0.1em; text-align: center; color: var(--lacivert);
  background: #fff; border: 3px dashed #E6DDC6; border-radius: 16px; padding: 6px; margin: 8px 0;
}
.bilgi-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 8px 0; }
.bilgi-izgara div { background: #fff; border-radius: 14px; padding: 8px 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.bilgi-izgara small { display: block; color: var(--soluk); font-size: 12px; font-weight: 700; }
.bilgi-izgara b { font-size: 18px; font-weight: 800; }

/* Uçan sikkeler */
.ucan-sikke { position: fixed; left: 0; top: 0; z-index: 60; width: 28px; height: 28px; pointer-events: none; }

/* Bildirim */
#bildirim {
  position: fixed; left: 50%; top: calc(var(--ust) + 156px); z-index: 70;
  transform: translate(-50%, -20px); opacity: 0;
  max-width: calc(100% - 28px); width: max-content;
  background: var(--lacivert); color: #fff; font-weight: 700; font-size: 16px;
  padding: 10px 18px; border-radius: 16px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 10px 20px rgba(0, 0, 0, 0.25);
  transition: opacity 0.2s, transform 0.2s; pointer-events: none;
}
#bildirim.gorunur { opacity: 1; transform: translate(-50%, 0); }
#bildirim.hata { background: var(--kirmizi); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }

@media (prefers-reduced-motion: reduce) {
  .panel, .kese, .topla-hepsi, .sv-atladi { animation: none; }
}
@media (min-width: 700px) {
  #panel-katman:not(.dock-acik) .panel { border-radius: 24px; margin-bottom: calc(var(--dock) + var(--alt) + 18px); max-height: calc(100% - var(--ust) - var(--dock) - 110px); }
  .panel .panel-govde { padding-bottom: 20px; }
  .panel.dock-ustu .panel-govde { padding-bottom: 20px; }
}

/* ---------- 2. aşama: dükkânlar, belediye, mesajlar ---------- */
.balon.kiralik { background: #D0021B; color: #fff; padding: 4px 10px; }
.balon.kiralik::after { border-top-color: #D0021B; }
.balon.benim { background: var(--altin); color: var(--lacivert-koyu); padding: 4px 10px; }
.balon.benim::after { border-top-color: var(--altin); }
.balon.baskasi { background: rgba(255, 255, 255, 0.85); color: var(--metin); padding: 3px 9px; font-size: 12px; }
.balon.baskasi::after { border-top-color: rgba(255, 255, 255, 0.85); }

.bolum-baslik { font-size: 16px; font-weight: 800; margin: 4px 2px 8px; color: var(--lacivert); }
.kart.uyari { background: #FFF6D8; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.kart.tehlike { background: #FDE5E2; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.kart.basari { background: #E3F5EA; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }

.tur-secimi { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; margin-bottom: 14px; }
.tur-secimi button {
  display: flex; flex-direction: column; align-items: flex-start; gap: 0; text-align: start;
  padding: 10px 12px; border-radius: 14px; border: 3px solid transparent; background: #fff; cursor: pointer;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08);
}
.tur-secimi button[aria-pressed="true"] { border-color: var(--yesil); background: #F0FBF4; }
.tur-secimi .tur-ikon { font-size: 30px; line-height: 1.1; }
.tur-secimi b { font-size: 16px; }
.tur-secimi small { font-size: 12.5px; color: var(--soluk); }

.kasa-kart { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.kasa-tutar { font-size: 30px; font-weight: 800; line-height: 1.1; font-variant-numeric: tabular-nums; }
.depo-ust { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.cubuk { height: 12px; border-radius: 6px; background: #EFE6CF; overflow: hidden; margin: 8px 0 12px; }
.cubuk > div { height: 100%; background: linear-gradient(90deg, var(--mavi), #5FA8F5); border-radius: 6px; }

.urun-listesi { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 8px; }
.urun-listesi li { background: #fff; border-radius: 14px; padding: 10px 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.urun-ust { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.urun-alt { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin: 6px 0 4px; }
.fiyat-ayar { display: flex; align-items: center; gap: 6px; }
.fiyat-ayar span { min-width: 72px; text-align: center; font-weight: 800; font-size: 17px; }
.fiyat-ayar button, .al-dugmeler button {
  min-width: 40px; height: 38px; border: 0; border-radius: 10px; cursor: pointer; font-weight: 800; font-size: 16px;
  background: #EFE6CF; color: var(--metin); box-shadow: 0 1px 2px rgba(16, 24, 40, .08);
}
.al-dugmeler { display: flex; gap: 6px; }
/* 0.57.4: ürün rafı doluluğu ve kasa dökümü */
.raf-cubuk { height: 5px; border-radius: 4px; background: #EFE6D2; margin: 5px 0 2px; overflow: hidden; }
.raf-cubuk i { display: block; height: 100%; background: linear-gradient(90deg, #3FA35B, #6CC07E); border-radius: 4px; }
.al-dugmeler button:disabled { opacity: .5; }
/* 0.57.6: kasa dökümü */
.kasa-dokum { padding: 12px 14px; }
.kasa-dokum h4 { margin: 0 0 8px; font-size: 14px; color: var(--lacivert); }
.kasa-dokum .kd-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.kasa-dokum .kd-liste li { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; background: #FBF7EC; border-radius: 12px; padding: 7px 10px; }
.kasa-dokum .kd-ikon { width: 34px; height: 34px; border-radius: 10px; background: #fff; display: grid; place-items: center; font-size: 17px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.kasa-dokum .kd-ad { display: flex; flex-direction: column; min-width: 0; font-size: 14px; font-weight: 600; color: var(--lacivert); line-height: 1.25; }
.kasa-dokum .kd-ad small { font-size: 12px; font-weight: 500; color: var(--soluk); }
.kasa-dokum .kd-liste b { font-size: 15px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.kasa-dokum .kd-net { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; padding: 9px 12px; border-radius: 12px; background: #fff; border: 1.5px solid #EADFC4; font-weight: 700; color: var(--lacivert); }
.kasa-dokum .kd-net b { font-size: 16px; font-variant-numeric: tabular-nums; }
.kasa-dokum .kd-not { margin: 8px 2px 0; font-size: 12px; color: var(--soluk); line-height: 1.4; }
.al-dugmeler button { background: var(--mavi); color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); padding: 0 10px; }
.fiyat-ayar button:active, .al-dugmeler button:active { transform: scale(.97); box-shadow: none; }

.sohbet {
  list-style: none; margin: 0 0 10px; padding: 10px; background: #fff; border-radius: 16px;
  max-height: 46vh; min-height: 160px; overflow-y: auto; display: flex; flex-direction: column; gap: 8px;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.06);
}
.sohbet li { display: flex; flex-direction: column; align-items: flex-start; max-width: 85%; }
.sohbet li.benden { align-self: flex-end; align-items: flex-end; }
.sohbet .balonmetin {
  background: #EFE6CF; padding: 7px 12px; border-radius: 14px 14px 14px 4px; font-size: 15px; line-height: 1.35;
  overflow-wrap: anywhere; -webkit-user-select: text; user-select: text;
}
.sohbet li.benden .balonmetin { background: var(--lacivert); color: #fff; border-radius: 14px 14px 4px 14px; }
.sohbet small { font-size: 11px; color: var(--soluk); margin-top: 2px; }
.ad-dugme { background: none; border: 0; padding: 0 0 2px 4px; color: var(--mavi-koyu); font-weight: 800; font-size: 13px; cursor: pointer; }
.mesaj-yaz { display: flex; gap: 8px; margin-bottom: 8px; }
.mesaj-yaz input {
  flex: 1; min-width: 0; min-height: 46px; padding: 8px 12px; border-radius: 12px; border: 3px solid #E6DDC6;
  background: #fff; font-size: 16px; font-weight: 600;
}
.mesaj-yaz input:focus { outline: none; border-color: var(--mavi); }
.mesaj-yaz .dugme { width: auto; }

/* Sipariş balonları ve uçan yazılar */
.siparis {
  position: relative;
  background: #fff; color: var(--metin); border: 3px solid var(--altin);
  border-radius: 14px; padding: 4px 10px; font-weight: 800; font-size: 13px; white-space: nowrap; cursor: pointer;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08); animation: siparis 1.2s ease-in-out infinite;
}
.siparis::after {
  content: ""; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);
  border: 7px solid transparent; border-top-color: var(--altin); border-bottom: 0;
}
@keyframes siparis { 50% { transform: translateY(-4px) scale(1.04); } }
.ucan-yazi {
  position: fixed; z-index: 65; transform: translate(-50%, -100%); pointer-events: none;
  font-weight: 800; font-size: 18px; color: #fff; white-space: nowrap;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .18), 0 3px 8px rgba(0, 0, 0, 0.4);
  animation: ucanYazi 1.3s ease-out forwards;
}
.ucan-yazi.ozel { color: var(--altin); text-shadow: 0 1px 2px rgba(0, 0, 0, .18), 0 3px 8px rgba(0, 0, 0, 0.4); font-size: 20px; }
@keyframes ucanYazi { from { opacity: 0; margin-top: 10px; } 15% { opacity: 1; } to { opacity: 0; margin-top: -60px; } }
.kategori-adi { font-size: 13px; font-weight: 800; color: var(--soluk); text-transform: none; margin: 10px 2px 6px; }
.tur-secimi button[disabled] { opacity: 0.55; cursor: not-allowed; }
.sure-secimi { grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 380px) { .sure-secimi { grid-template-columns: 1fr 1fr; } }

/* Sokak tabelaları (kuş bakışında görünür) */
.sokak-adi {
  background: #1F4FA0; color: #fff; border: 2px solid #fff; border-radius: 6px;
  padding: 3px 10px; font-weight: 800; font-size: 13px; white-space: nowrap; cursor: pointer;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
}
.pusula { font-size: 20px; }
/* 0.79.0: hikâyedeki meydan çeşmesinin adı (yakından bakınca) */
.cesme-etiket span { display: inline-block; background: #FBF4E4; color: #4A3416; border: 2px solid #D9B25F; border-radius: 8px; padding: 2px 8px; font-weight: 800; font-size: 12.5px; white-space: nowrap; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); pointer-events: none; }

/* ---------- Günlük ödül takvimi ---------- */
.bonus-takvim { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 10px; }
.bonus-gun {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  min-height: 96px; border-radius: 16px; border: 3px solid transparent; background: #fff; cursor: default;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08); font-weight: 700;
}
.bonus-gun small { font-size: 12px; color: var(--soluk); }
.bonus-gun b { font-size: 15px; }
.bonus-ikon { font-size: 28px; line-height: 1.1; }
.bonus-gun.buyuk { grid-column: span 2; background: linear-gradient(180deg, #FFF6D8, #FFE7A0); }
.bonus-gun.alindi { opacity: 0.55; }
.bonus-gun.siradaki {
  border-color: var(--altin); cursor: pointer; background: linear-gradient(180deg, #FFF3C4, #FFD76B);
  animation: bonusParla 1.1s ease-in-out infinite;
}
@keyframes bonusParla { 50% { transform: scale(1.05); box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 0 22px rgba(255, 196, 46, 0.8); } }
.yuvarlak-dugme.nokta { position: relative; }
.yuvarlak-dugme.nokta::after {
  content: ""; position: absolute; top: 2px; right: 2px; width: 11px; height: 11px; border-radius: 50%;
  background: var(--kirmizi); border: 2px solid #fff;
}

/* ---------- Oyun içi bildirimler ---------- */
#oyun-bildirimleri {
  position: fixed; left: 50%; transform: translateX(-50%); z-index: 55;
  top: calc(var(--ust) + 156px); width: min(440px, calc(100% - 20px));
  display: flex; flex-direction: column; gap: 8px; pointer-events: none;
}
.oyun-bildirim {
  pointer-events: auto; display: flex; align-items: center; gap: 10px;
  background: rgba(17, 31, 64, 0.94); color: #fff; border-radius: 16px; padding: 10px 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); font-size: 14px; line-height: 1.3;
  animation: bildirimGel 0.35s cubic-bezier(0.2, 0.9, 0.3, 1.2);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.oyun-bildirim.gidiyor { opacity: 0; transform: translateY(-10px); transition: 0.35s; }
.oyun-bildirim b { font-size: 15px; }
.ob-ikon { font-size: 28px; flex: none; }
.ob-yazi { flex: 1; min-width: 0; }
.oyun-bildirim .dugme { width: auto; flex: none; }
@keyframes bildirimGel { from { opacity: 0; transform: translateY(-16px) scale(0.96); } }

/* ---------- İzin uyarı şeridi ---------- */
#izin-serit {
  position: fixed; left: 50%; transform: translateX(-50%); z-index: 16;
  bottom: calc(var(--dock) + var(--alt) + 76px); width: min(460px, calc(100% - 20px));
  display: flex; align-items: center; gap: 10px; justify-content: space-between;
  background: var(--kirmizi); color: #fff; font-weight: 800; font-size: 14px;
  padding: 8px 8px 8px 14px; border-radius: 14px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 8px 18px rgba(0, 0, 0, 0.25);
  animation: nabiz 1.4s ease-in-out infinite;
}
#izin-serit .dugme { width: auto; --r: #fff; --g: #E8C7C3; --y: var(--kirmizi-koyu); }

/* ---------- Davet ---------- */
.davet-kart { text-align: center; }
.paylas-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 10px 0; }
.paylas { border: 0; cursor: pointer; font-size: 16px;
  display: flex; align-items: center; justify-content: center; min-height: 46px; border-radius: 12px;
  color: #fff; font-weight: 800; text-decoration: none; box-shadow: 0 1px 2px rgba(16, 24, 40, .08);
}
.paylas.whatsapp { background: #25D366; }
.paylas.telegram { background: #2AABEE; }
.paylas.facebook { background: #1877F2; }
.paylas.x { background: #111; }
.kural-listesi { margin: 0; padding-left: 4px; list-style: none; display: grid; gap: 8px; font-size: 14px; line-height: 1.4; }
.davet-ozet { background: linear-gradient(180deg, #FFF6D8, #FFFFFF); }

/* Tezgâh etiketinde biriken para */
.balon .birikim { display: block; font-size: 11px; font-weight: 800; color: #8A5B00; line-height: 1.1; }

/* Açma kapama anahtarı */
.anahtar-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; cursor: pointer; }
.anahtar-satir input { position: absolute; opacity: 0; pointer-events: none; }
.anahtar {
  flex: none; width: 52px; height: 30px; border-radius: 15px; background: #D5CDB8; position: relative; transition: background 0.2s;
}
.anahtar::after {
  content: ""; position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; border-radius: 50%;
  background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transition: transform 0.2s;
}
.anahtar-satir input:checked + .anahtar { background: var(--yesil); }
.anahtar-satir input:checked + .anahtar::after { transform: translateX(22px); }
.anahtar-satir input:focus-visible + .anahtar { outline: 3px solid var(--altin); outline-offset: 2px; }

/* ---------- İlk giriş sinematiği (sinematik) ---------- */
#sinema { position: fixed; inset: 0; z-index: 90; pointer-events: none; }
#sinema .sinema-bant {
  position: absolute; left: 0; right: 0; height: 11vh; background: #000; z-index: 3;
  transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}
#sinema .sinema-bant.ust { top: 0; transform: translateY(-100%); }
#sinema .sinema-bant.alt { bottom: 0; transform: translateY(100%); }
#sinema.acik .sinema-bant { transform: none; }
/* donmuş kare: renk tonu ve nokta dokusu kısa bir an */
.sinema-ton { position: absolute; inset: 0; mix-blend-mode: color; opacity: 0; transition: opacity 0.25s; }
.sinema-noktalar {
  position: absolute; inset: 0; opacity: 0; mix-blend-mode: multiply; transition: opacity 0.25s;
  background-image: radial-gradient(circle, #000 1.2px, transparent 1.7px); background-size: 7px 7px;
}
#sinema.donuk .sinema-ton { opacity: 0.55; }
#sinema.donuk .sinema-noktalar { opacity: 0.3; }
body.sinemada #sahne { transition: filter 0.3s; }
/* başlık kartı */
.sinema-kart {
  --ton: #FFC42E;
  position: absolute; left: 6%; bottom: calc(11vh + 6%); z-index: 4; max-width: 88%;
  transform: translateX(-120%) skewX(-8deg); opacity: 0;
}
.sinema-kart.gorunur { animation: kartGel 0.55s cubic-bezier(0.2, 0.9, 0.25, 1.25) forwards; }
.sinema-kart.gidiyor { animation: kartGit 0.35s ease-in forwards; }
@keyframes kartGel { from { transform: translateX(-120%) skewX(-8deg); opacity: 0; } to { transform: translateX(0) skewX(-8deg); opacity: 1; } }
@keyframes kartGit { from { transform: translateX(0) skewX(-8deg); opacity: 1; } to { transform: translateX(60%) skewX(-8deg); opacity: 0; } }
.kart-ust {
  display: inline-block; background: #111; color: #fff; font-weight: 800; font-size: clamp(12px, 3.4vw, 15px);
  letter-spacing: 0.12em; text-transform: uppercase; padding: 4px 10px; margin-bottom: 4px;
}
.kart-baslik {
  font-family: Anton, Impact, 'Arial Black', sans-serif; text-transform: uppercase; line-height: 0.92;
  font-size: clamp(54px, 17vw, 120px); color: var(--ton);
  -webkit-text-stroke: 4px #111; paint-order: stroke fill; text-shadow: 6px 6px 0 #111;
  overflow-wrap: anywhere;
}
.kart-alt {
  display: inline-block; margin-top: 8px; background: var(--ton); color: #111; font-weight: 800;
  font-size: clamp(14px, 4vw, 19px); padding: 5px 12px; box-shadow: 4px 4px 0 #111;
}
/* final logosu */
.sinema-logo {
  position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: radial-gradient(circle at 50% 45%, rgba(255, 196, 46, 0.35), rgba(0, 0, 0, 0.75) 70%);
  opacity: 0; transition: opacity 0.2s;
}
.sinema-logo .acilis-logo { transform: rotate(-6deg) skewX(-8deg) scale(1.8); transition: transform 0.45s cubic-bezier(0.2, 0.9, 0.3, 1.4); }
.sinema-logo .acilis-slogan { transform: rotate(-6deg) skewX(-8deg); margin-top: 14px; }
#sinema.logo .sinema-logo { opacity: 1; }
#sinema.logo .sinema-logo .acilis-logo { transform: rotate(-6deg) skewX(-8deg) scale(1); }
#sinema.logo .sinema-kart { display: none; }
.sinema-perde { position: absolute; inset: 0; z-index: 6; background: #fff; opacity: 0; transition: opacity 0.45s; pointer-events: none; }
.sinema-perde.beyaz { opacity: 1; }
.sinema-perde.flas { opacity: 1; transition: none; }
#sinema.kapaniyor { opacity: 0; transition: opacity 0.5s; }
.sinema-gec { z-index: 7;
  position: absolute; right: 14px; top: calc(12vh + 12px); pointer-events: auto;
  background: rgba(0, 0, 0, 0.5); color: #fff; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 999px;
  padding: 6px 14px; font-weight: 700; font-size: 14px; cursor: pointer;
}
/* sinematik sırasında oyun arayüzü gizlenir */
body.sinemada #arayuz, body.sinemada #etiketler, body.sinemada #oyun-bildirimleri, body.sinemada #izin-serit { opacity: 0 !important; pointer-events: none !important; }
/* tanıtımda etiketler hiç çizilmez (her karede konum güncellemesi ve boyama maliyeti olmasın) */
body.sinemada #etiketler, body.sinemada #oyun-bildirimleri { display: none !important; }

/* Hava durumu */
button.tarih-cip { border: 0; font: inherit; cursor: pointer; }
.hava-saatler { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; text-align: center; }
.hava-saatler div { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 0; border-radius: 10px; background: rgba(23, 48, 90, 0.06); }
.hava-saatler span { font-size: 22px; line-height: 1.2; }
.hava-saatler small { font-size: 11px; opacity: 0.7; }

/* ---------- Bildirim kartları: X ile kapanır, alttaki çubuk kalan süreyi gösterir ---------- */
.oyun-bildirim { position: relative; overflow: hidden; padding-right: 40px; }
.oyun-bildirim.hata { background: rgba(176, 32, 32, 0.95); }
.oyun-bildirim.basari { background: rgba(17, 31, 64, 0.94); }
.ob-kapat {
  position: absolute; top: 6px; right: 6px; width: 28px; height: 28px; border-radius: 50%;
  border: 0; background: rgba(255, 255, 255, 0.16); color: #fff; font-size: 14px; font-weight: 800; cursor: pointer;
  display: grid; place-items: center;
}
.ob-kapat:hover { background: rgba(255, 255, 255, 0.3); }
.ob-sure {
  position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: rgba(255, 196, 46, 0.85);
  transform-origin: left; animation: obSure var(--sure, 7000ms) linear forwards;
}
.oyun-bildirim.duraklat .ob-sure { animation-play-state: paused; }
@keyframes obSure { to { transform: scaleX(0); } }
#izin-serit { padding-right: 6px; }
.serit-kapat {
  flex: none; width: 30px; height: 30px; border-radius: 50%; border: 0; cursor: pointer;
  background: rgba(255, 255, 255, 0.2); color: #fff; font-weight: 800; font-size: 14px;
}

/* ---------- Onay ve soru pencereleri ---------- */
.onay-perde {
  position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; padding: 20px;
  background: rgba(8, 14, 30, 0); transition: background 0.2s;
}
.onay-perde.acik { background: rgba(8, 14, 30, 0.55); }
.onay-kutu {
  width: min(380px, 100%); background: var(--krem, #FFF8E7); color: var(--lacivert, #17305A);
  border-radius: 22px; padding: 22px 20px 18px; text-align: center;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 24px 60px rgba(0, 0, 0, 0.4);
  transform: scale(0.9) translateY(10px); opacity: 0; transition: transform 0.22s cubic-bezier(0.2, 0.9, 0.3, 1.3), opacity 0.18s;
}
.onay-perde.acik .onay-kutu { transform: none; opacity: 1; }
.onay-ikon { font-size: 40px; line-height: 1; margin-bottom: 6px; }
.onay-kutu h3 { margin: 4px 0 6px; font-size: 20px; }
.onay-kutu p { margin: 0 0 16px; font-size: 15px; line-height: 1.45; }
.onay-girdi {
  width: 100%; box-sizing: border-box; margin: -4px 0 16px; padding: 12px 14px; font: inherit; font-size: 16px;
  border: 2px solid rgba(23, 48, 90, 0.2); border-radius: 12px; background: #fff; color: inherit;
}
.onay-girdi:focus { outline: none; border-color: var(--altin, #FFC42E); }
.onay-dugmeler { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.doldur-not { display: block; margin: 4px 0 2px; font-size: 12px; } /* 0.63.6 */
.onay-secenekler { display: grid; gap: 8px; margin: 4px 0 12px; } /* 0.63.6: seçenekli soru */
.onay-secenekler + .onay-dugmeler { grid-template-columns: 1fr; }
.onay-secenekler .secenek { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; padding: 12px 14px; border: 2px solid #E3D8BF; border-radius: 14px; background: #FFFDF6; font: inherit; color: #1B2F5B; cursor: pointer; text-align: start; }
.onay-secenekler .secenek b { font-size: 16px; font-weight: 800; }
.onay-secenekler .secenek small { font-size: 13px; color: #6B5A45; text-align: end; white-space: nowrap; flex: none; }
.onay-secenekler .secenek:hover:not([disabled]), .onay-secenekler .secenek:focus-visible { border-color: #FFC42E; background: #FFF4D6; outline: none; }
.onay-secenekler .secenek:active:not([disabled]) { transform: scale(.98); }
.onay-secenekler .secenek[disabled] { opacity: .45; cursor: default; }
.onay-dugmeler .dugme { margin: 0; }
.kaynaklar { margin-top: 14px; text-align: center; }

/* ---------- 0.12: sokak olayları, toplu sipariş, günlük görevler ---------- */
.oyun-bildirim.uyari { background: rgba(160, 96, 0, 0.95); }
.olay-balon {
  background: #fff; color: #17213A; border-radius: 14px; padding: 6px 10px; font-weight: 700; font-size: 13px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); white-space: nowrap; position: relative; pointer-events: none;
  animation: balonGel 0.25s cubic-bezier(0.2, 0.9, 0.3, 1.3);
}
.olay-balon::after {
  content: ""; position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%);
  border: 6px solid transparent; border-bottom: 0; border-top-color: #fff;
}
.olay-balon.iyi { background: #E9FBEF; color: #0E6B34; }
.olay-balon.iyi::after { border-top-color: #E9FBEF; }
.olay-balon.kotu { background: #FFE8E6; color: #A11B12; }
.olay-balon.kotu::after { border-top-color: #FFE8E6; }
.olay-balon.uyari { background: #FFF3CC; color: #7A4B00; }
.olay-balon.uyari::after { border-top-color: #FFF3CC; }
.olay-balon.nota { background: transparent; box-shadow: none; font-size: 20px; animation: notaUc 1.6s ease-out forwards; }
.olay-balon.nota::after { display: none; }
@keyframes notaUc { to { transform: translateY(-40px); opacity: 0; } }
@keyframes balonGel { from { transform: scale(0.6); opacity: 0; } }
.olay-dugme {
  border: 0; border-radius: 999px; padding: 8px 14px; font: 800 14px/1.1 inherit; color: #fff; cursor: pointer;
  background: linear-gradient(180deg, #2BC06A, #1A9A50); box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 6px 16px rgba(0, 0, 0, 0.3);
  white-space: nowrap; animation: olayNabiz 1.2s ease-in-out infinite;
}
.olay-dugme:disabled { opacity: 0.6; animation: none; }
.olay-dugme.kucuk { padding: 4px 9px; font-size: 11.5px; animation: none; opacity: 0.92; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 3px 8px rgba(0, 0, 0, 0.25); }
@keyframes olayNabiz { 50% { transform: scale(1.07); } }

#siparis-kutu {
  position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)) + 104px); z-index: 56;
  width: min(360px, calc(100% - 24px)); background: rgba(17, 31, 64, 0.95); color: #fff; border-radius: 18px;
  padding: 10px 12px 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35); animation: siparisGel 0.35s;
}
@keyframes siparisGel { from { opacity: 0; transform: translate(-50%, 24px); } }
#siparis-kutu.acil { box-shadow: 0 0 0 3px #FF4D4D, 0 8px 24px rgba(0, 0, 0, 0.35); }
.siparis-ust { display: flex; align-items: center; gap: 10px; }
.siparis-ikon { font-size: 28px; }
.siparis-yazi { flex: 1; min-width: 0; }
.siparis-yazi b { display: block; font-size: 16px; }
.siparis-yazi small { color: #C9D6F2; }
.siparis-sure { font-size: 22px; font-weight: 800; color: #FFD60A; }
#siparis-kutu.acil .siparis-sure { color: #FF6B6B; }
.siparis-cubuk { height: 8px; background: rgba(255, 255, 255, 0.15); border-radius: 99px; margin: 8px 0; overflow: hidden; }
.siparis-cubuk i { display: block; height: 100%; background: linear-gradient(90deg, #FFD60A, #2BC06A); transition: width 0.2s; }
.siparis-hazirla { width: 100%; font-size: 17px; padding: 12px; }
.siparis-video { width: 100%; margin-top: 6px; font-size: 14px; padding: 8px; background: #FFF4D6; color: #6B4A00; border: 1px solid #F0CF7A; }
.siparis-video[hidden] { display: none; }
.siparis-hazirla:active { transform: scale(0.97); }

.rozet-sayi {
  position: absolute; bottom: -4px; right: -6px; background: #1FA25A; color: #fff; font-size: 10px; font-weight: 800;
  border-radius: 99px; padding: 1px 5px; border: 2px solid #fff; line-height: 1.2;
}
#gorev-dugme { position: relative; }
.gorev-liste { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 10px; }
.gorev { display: flex; align-items: center; gap: 12px; background: #F4F6FB; border-radius: 14px; padding: 10px 12px; }
.gorev.tamam { background: #E9FBEF; }
.gorev-ikon { font-size: 26px; }
.gorev-yazi { flex: 1; min-width: 0; }
.gorev-yazi b { font-size: 14px; }
.gorev-cubuk { height: 7px; border-radius: 99px; background: #DDE3EE; margin-top: 6px; overflow: hidden; }
.gorev-cubuk i { display: block; height: 100%; background: linear-gradient(90deg, #2F80D1, #1FA25A); }
.gorev-sayi { font-weight: 800; font-size: 13px; color: #445; white-space: nowrap; }
.gorev-sandik { display: flex; align-items: center; gap: 12px; border: 2px dashed #D5DBE8; border-radius: 16px; padding: 12px; margin-bottom: 12px; }
.gorev-sandik.hazir { border: 2px solid #FFC42E; background: linear-gradient(180deg, #FFF8DD, #FFEBA8); animation: bonusParla 1.1s ease-in-out infinite; }
.gorev-sandik > div { flex: 1; }
.sandik-ikon { font-size: 34px; }
.gorev-sandik .dugme { width: auto; }

/* ---------- 0.12.1: bildirim merkezi, sayfalama, doğrulama kodu ---------- */
@media (max-width: 420px) {
  .dock a { font-size: 10.5px; letter-spacing: -0.01em; }
  .dock a .ikon { font-size: 23px; }
}
.daha-fazla { width: 100%; margin-top: 10px; }
.bildirim-liste li.bildirim-satir { justify-content: flex-start; align-items: flex-start; cursor: default; }
.bildirim-liste li[data-adres] { cursor: pointer; }
.bildirim-liste li.yeni { background: #FFF6DA; border-radius: 12px; padding: 9px 10px; margin: 0 -10px; border-bottom-color: transparent; }
.b-ikon { font-size: 24px; flex: none; width: 32px; text-align: center; }
.b-yazi { flex: 1; min-width: 0; line-height: 1.35; }

.dogrulama { display: grid; grid-template-columns: auto auto 1fr; align-items: end; gap: 8px; margin: 4px 0 10px; }
.dogrulama-resim { width: 150px; height: 52px; border-radius: 10px; background: #F3F6FC; border: 2px solid #E6DDC6; display: block; }
.dogrulama-yenile { width: 40px; height: 52px; border-radius: 10px; border: 2px solid #E6DDC6; background: #fff; font-size: 22px; cursor: pointer; }
.dogrulama-alan { margin: 0; }
.dogrulama-alan input { letter-spacing: 0.3em; font-size: 20px; font-weight: 800; text-align: center; }
@media (max-width: 380px) {
  .dogrulama { grid-template-columns: auto auto; }
  .dogrulama-alan { grid-column: 1 / -1; }
}
.giris-alt { text-align: center; margin: 10px 0 0; font-size: 14px; font-weight: 700; }
.giris-alt a { color: var(--lacivert); }
.alt-baglanti { margin-top: 12px; }
.alt-baglanti a { color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); }
.giris-geri { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 18px; }
.giris-geri button { width: 38px; height: 38px; border-radius: 12px; border: 0; background: #fff; color: #1A0B3B; font-size: 26px; line-height: 1; cursor: pointer; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.gizli-form { margin-top: 10px; }
.hesap-silme-kart { border-left: 4px solid var(--kirmizi); }
.hesap-silme-kart.bekliyor { background: color-mix(in srgb, var(--kirmizi) 8%, transparent); }
.hesap-silme-kart .gizli-form .dugme.kirmizi { width: 100%; }
.kategori-oner { margin-top: 16px; border: 2px dashed #CFE3F7; background: #F6FAFF; }
textarea { width: 100%; font: inherit; border-radius: 12px; border: 2px solid #E6DDC6; padding: 10px; resize: vertical; box-sizing: border-box; }
[hidden] { display: none !important; }

/* ---------- 0.12.2: sinematik giriş ekranı ---------- */
#giris-sahnesi { position: fixed; inset: 0; z-index: 0; overflow: hidden; background: #1A0B3B; transition: opacity 0.6s; }
#giris-sahnesi.gidiyor { opacity: 0; }
#giris-sahnesi .gs-svg { position: absolute; inset: 0; width: 100%; height: 100%; }
body.giris-modu #sahne, body.giris-modu #etiketler { visibility: hidden; }
.gs-gren {
  position: absolute; inset: -50%; pointer-events: none; opacity: 0.09; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  animation: gsGren 0.8s steps(4) infinite;
}
@keyframes gsGren { 25% { transform: translate(-3%, 2%); } 50% { transform: translate(2%, -3%); } 75% { transform: translate(-1%, -2%); } }
.gs-karartma { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse at 50% 45%, transparent 45%, rgba(10, 2, 25, 0.55) 100%), linear-gradient(180deg, rgba(10, 2, 25, 0.25), transparent 30%, transparent 70%, rgba(10, 2, 25, 0.5)); }
.gs-yildiz { animation: gsParla 3.5s ease-in-out infinite; }
@keyframes gsParla { 50% { opacity: 0.2; } }
.gs-gunes { animation: gsGunes 14s ease-in-out infinite alternate; transform-origin: 1020px 470px; }
@keyframes gsGunes { to { transform: translateY(10px); } }
.gs-bulut { animation: gsBulut 90s linear infinite; }
.gs-bulut.iki { animation-duration: 120s; animation-direction: reverse; }
@keyframes gsBulut { from { transform: translateX(-200px); } to { transform: translateX(1800px); } }
.gs-yansima { animation: gsYansima 2.8s ease-in-out infinite; }
@keyframes gsYansima { 50% { opacity: 0.25; transform: translateX(14px); } }
.gs-vapur { animation: gsVapur 75s linear infinite; }
@keyframes gsVapur { from { transform: translate(-160px, 610px); } to { transform: translate(1700px, 610px); } }
.gs-martilar { animation: gsMarti 38s linear infinite; }
@keyframes gsMarti { from { transform: translate(1700px, 260px); } 50% { transform: translate(800px, 200px); } to { transform: translate(-200px, 250px); } }
.gs-marti { animation: gsKanat 0.5s ease-in-out infinite alternate; transform-box: fill-box; transform-origin: center; }
@keyframes gsKanat { to { transform: scaleY(0.35); } }
.gs-pencere { animation: gsPencere 7s steps(1) infinite; }
@keyframes gsPencere { 60% { opacity: 0.1; } }
.gs-neon { animation: gsNeon 6s linear infinite; }
@keyframes gsNeon { 0%, 18%, 22%, 25%, 100% { opacity: 1; } 20%, 24% { opacity: 0.35; } }
.gs-ampul { animation: gsAmpul 2.4s ease-in-out infinite; }
@keyframes gsAmpul { 50% { opacity: 0.45; } }
.gs-kopru-isik { animation: gsAmpul 3.2s ease-in-out infinite; }
.gs-lamba { animation: gsAmpul 5s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { #giris-sahnesi * { animation: none !important; } }

body.giris-modu .giris { z-index: 2; }
body.giris-modu .giris-logo {
  background: linear-gradient(180deg, #FFF3B0 0%, #FFB25E 45%, #FF4F8B 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
  -webkit-text-stroke: 3px #1A0B3B; text-shadow: none; filter: drop-shadow(5px 6px 0 #1A0B3B) drop-shadow(0 0 30px rgba(255, 79, 139, 0.55));
}
body.giris-modu .giris-slogan { background: #1A0B3B; color: #35F2FF; box-shadow: 4px 4px 0 #FF4FB3; text-shadow: 0 0 10px rgba(53, 242, 255, 0.8); }
.giris-tanitim { display: none; }
body.giris-modu .giris-kart {
  background: rgba(22, 7, 45, 0.62); color: #fff; border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 20px 60px rgba(10, 2, 25, 0.55);
  backdrop-filter: blur(16px) saturate(150%); -webkit-backdrop-filter: blur(16px) saturate(150%);
  margin-top: 24vh;
}
body.giris-modu .giris-kart .alan span, body.giris-modu .giris-kart .kucuk, body.giris-modu .giris-kart p { color: rgba(255, 255, 255, 0.85); }
body.giris-modu .giris-kart .soluk { color: rgba(255, 255, 255, 0.6); }
body.giris-modu .giris-kart input, body.giris-modu .giris-kart select, body.giris-modu .giris-kart textarea {
  background: rgba(255, 255, 255, 0.92); border-color: transparent;
}
body.giris-modu .giris-kart .sekmeler { background: rgba(255, 255, 255, 0.1); }
body.giris-modu .giris-kart .sekmeler button { color: rgba(255, 255, 255, 0.7); background: transparent; }
body.giris-modu .giris-kart .sekmeler button[aria-selected="true"] { background: linear-gradient(135deg, #FF4FB3, #FF9A4D); color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
body.giris-modu .giris-kart .dugme[type=submit] { background: linear-gradient(135deg, #FF4FB3, #FF9A4D); color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 10px 24px rgba(255, 79, 139, 0.35); }
body.giris-modu .giris-alt a, body.giris-modu .giris-kart a { color: #35F2FF; }
body.giris-modu .giris-geri { color: #fff; }
body.giris-modu .dogrulama-resim, body.giris-modu .dogrulama-yenile { border-color: rgba(255, 255, 255, 0.25); }
@media (min-width: 900px) {
  body.giris-modu .giris {
    display: grid; grid-template-columns: 1fr minmax(380px, 440px); align-items: center; gap: 40px;
    top: 0; padding: 40px 6vw; max-height: none;
  }
  body.giris-modu .giris-sol { grid-column: 1; align-self: center; }
  body.giris-modu .giris-kart { grid-column: 2; margin-top: 0; max-height: calc(100vh - 80px); overflow-y: auto; }
  body.giris-modu .giris-logo { margin-top: 0; font-size: clamp(90px, 10vw, 150px); }
  body.giris-modu .giris-slogan { font-size: 24px; align-self: flex-start; }
  body.giris-modu .giris-tanitim { display: block; margin-top: 36px; max-width: 520px; color: #fff; font-size: 19px; line-height: 1.5; text-shadow: 0 2px 10px rgba(10, 2, 25, 0.8); }
  .giris-cipler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
  .giris-cipler span { background: rgba(22, 7, 45, 0.6); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 999px; padding: 6px 12px; font-size: 14px; font-weight: 700; backdrop-filter: blur(6px); }
  body.giris-modu .alt-baglanti { grid-column: 2; margin-top: -24px; }
}
body.giris-modu .giris-sol { display: flex; flex-direction: column; align-items: center; }
@media (min-width: 900px) { body.giris-modu .giris-sol { align-items: flex-start; } }
body.giris-modu .giris-kart input, body.giris-modu .giris-kart select, body.giris-modu .giris-kart textarea { color: #1A0B3B; }
body.giris-modu .giris-kart select:disabled { background: rgba(255, 255, 255, 0.55); }
body.giris-modu .dogrulama-yenile { color: #1A0B3B; background: rgba(255, 255, 255, 0.92); }
@media (max-width: 899px) { body.giris-modu .giris-kart { margin-top: 32vh; } }

/* ---------- 0.12.2: müzikli sinematik tanıtım ---------- */
#sinema .sinema-perde.flas { opacity: 0; animation: sinemaFlas 1.1s ease-out forwards; }
@keyframes sinemaFlas { 0% { opacity: 1; } 100% { opacity: 0; } }
#sinema .sinema-perde.kesme { background: #0B0418; animation: sinemaKesme 0.32s ease-out forwards; }
#sinema .sinema-perde.beyaz-kesme { background: #fff; animation: sinemaKesme 0.28s ease-out forwards; }
@keyframes sinemaKesme { 0% { opacity: 1; } 100% { opacity: 0; } }
#sinema .sinema-renk {
  position: absolute; inset: 0; pointer-events: none; mix-blend-mode: soft-light; opacity: 0.55;
  background: linear-gradient(180deg, rgba(255, 79, 179, 0.55), rgba(255, 154, 77, 0.25) 45%, rgba(53, 242, 255, 0.35));
}
#sinema .gs-gren { opacity: 0.08; }
#sinema .sinema-kelime {
  position: absolute; left: 50%; top: 50%; z-index: 5; pointer-events: none; opacity: 0;
  font-family: Anton, Impact, sans-serif; font-size: clamp(56px, 16vw, 160px); line-height: 1; white-space: nowrap;
  color: #fff; -webkit-text-stroke: 3px #1A0B3B; paint-order: stroke fill; text-transform: uppercase;
  text-shadow: 6px 6px 0 #FF4FB3, 12px 12px 0 #1A0B3B;
  transform: translate(-50%, -50%) rotate(-6deg) skewX(-8deg);
}
#sinema .sinema-kelime.vur { animation: kelimeVur 0.56s cubic-bezier(0.2, 0.9, 0.3, 1.3) forwards; }
@keyframes kelimeVur {
  0% { opacity: 0; transform: translate(-50%, -50%) rotate(-6deg) skewX(-8deg) scale(2.2); }
  25% { opacity: 1; transform: translate(-50%, -50%) rotate(-6deg) skewX(-8deg) scale(1); }
  80% { opacity: 1; }
  100% { opacity: 0; transform: translate(-50%, -50%) rotate(-6deg) skewX(-8deg) scale(0.92); }
}
#sinema.sars { animation: sinemaSars 0.55s linear; }
@keyframes sinemaSars { 10% { transform: translate(-8px, 6px); } 25% { transform: translate(7px, -5px); } 40% { transform: translate(-5px, -4px); } 60% { transform: translate(4px, 3px); } 80% { transform: translate(-2px, 1px); } }
#sinema.logo .sinema-logo .acilis-logo { filter: drop-shadow(0 0 40px rgba(255, 79, 179, 0.7)); }
#sinema.logo .sinema-logo::before {
  content: ""; position: absolute; inset: -20%; pointer-events: none;
  background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.55) 50%, transparent 60%);
  animation: logoParilti 1.6s 0.3s ease-in-out forwards; transform: translateX(-100%);
}
@keyframes logoParilti { to { transform: translateX(100%); } }
body.giris-modu .giris-slogan { margin-top: 24px; }

/* ---------- 0.13: ince, modern kaydırma çubukları ---------- */
* { scrollbar-width: thin; scrollbar-color: rgba(120, 130, 160, 0.45) transparent; }
*::-webkit-scrollbar { width: 6px; height: 6px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: rgba(120, 130, 160, 0.45); border-radius: 99px; }
*::-webkit-scrollbar-thumb:hover { background: rgba(120, 130, 160, 0.7); }
body.giris-modu .giris { scrollbar-width: none; }
body.giris-modu .giris::-webkit-scrollbar { display: none; }
body.giris-modu .giris-kart { scrollbar-color: rgba(255, 79, 179, 0.55) transparent; }
body.giris-modu .giris-kart::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #FF4FB3, #FF9A4D); }
.giris-baglantilar { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px 12px; margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, 0.14); font-size: 14px; font-weight: 700; }
.giris-baglantilar a { color: #35F2FF; text-decoration: none; }
.giris-baglantilar a:hover { text-decoration: underline; }
.kayit-onay { margin: 4px 0 10px; line-height: 1.45; }
.kayit-onay a { color: #35F2FF; font-weight: 700; text-decoration: none; }
.kayit-onay a:hover { text-decoration: underline; }
.yasal-baglantilar { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 14px; margin: 10px 0 0; text-align: center; }
.yasal-baglantilar a { color: inherit; opacity: .75; text-decoration: none; }
.yasal-baglantilar a:hover, .yasal-baglantilar a:focus-visible { opacity: 1; text-decoration: underline; }
.giris-baglantilar span { color: rgba(255, 255, 255, 0.35); }
body:not(.giris-modu) .giris-baglantilar a { color: var(--lacivert); }

/* ---------- 0.13: Google / Facebook ile giriş, profil fotoğrafı, avatarlar ---------- */
.sosyal-girisler { display: grid; gap: 10px; margin: 4px 0 6px; }
.sosyal-dugme {
  display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 8px 14px;
  border-radius: 12px; font-weight: 800; font-size: 16px; text-decoration: none !important; border: 0; cursor: pointer;
}
.sosyal-dugme.google { background: #fff; color: #1f1f1f !important; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 6px 14px rgba(0, 0, 0, 0.18); }
.sosyal-dugme.facebook { background: #1877F2; color: #fff !important; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 6px 14px rgba(0, 0, 0, 0.18); }
.sosyal-dugme.apple { background: #000; color: #fff !important; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 6px 14px rgba(0, 0, 0, 0.18); } /* 0.70.0 */
.sosyal-dugme:active { transform: scale(.97); }
.sosyal-dugme.kucuk { min-height: 40px; font-size: 14px; flex: 1; }
.sosyal-satir { display: flex; gap: 8px; align-items: center; margin-top: 8px; }
.sosyal-satir .dugme { width: auto; flex: none; }
.ya-da { display: flex; align-items: center; gap: 10px; margin: 12px 0 10px; font-size: 13px; font-weight: 700; color: var(--soluk); }
.ya-da::before, .ya-da::after { content: ""; flex: 1; height: 1px; background: currentColor; opacity: 0.35; }
body.giris-modu .ya-da { color: rgba(255, 255, 255, 0.65); }
.foto-sec { display: flex; align-items: center; gap: 14px; margin: 4px 0 14px; line-height: 1.35; }
.foto-dugme {
  position: relative; flex: none; width: 68px; height: 68px; border-radius: 50%; padding: 0; cursor: pointer;
  border: 3px dashed rgba(255, 255, 255, 0.55); background: rgba(255, 255, 255, 0.1); font-size: 28px; color: inherit;
  display: grid; place-items: center;
}
.foto-dugme img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.foto-dugme:has(img) { border-style: solid; border-color: #FFC42E; }
.foto-dugme i {
  position: absolute; right: -4px; bottom: -4px; width: 26px; height: 26px; border-radius: 50%;
  background: linear-gradient(135deg, #FF4FB3, #FF9A4D); color: #fff; font-style: normal; font-size: 16px; font-weight: 900;
  display: grid; place-items: center; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}
body:not(.giris-modu) .foto-dugme { border-color: #C4CAD8; background: #F2F4F8; }
.uyari-kutu { background: rgba(255, 196, 46, 0.18); border: 1px solid rgba(255, 196, 46, 0.5); border-radius: 10px; padding: 8px 10px; }
.avatar { display: inline-grid; place-items: center; flex: none; border-radius: 50%; object-fit: cover; background: #dfe3ec; color: #fff; font-weight: 800; line-height: 1; overflow: hidden; }
.avatar.harf { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
.tezgah-satiri .resim.avatarli { background: none; padding: 0; }
.profil-kart { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.profil-ad { font-size: 20px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profil-foto { position: relative; border: 0; padding: 0; background: none; cursor: pointer; border-radius: 50%; flex: none; box-shadow: 0 0 0 3px var(--altin), 0 6px 14px rgba(0, 0, 0, 0.2); }
.profil-foto .avatar { display: grid; }
.profil-foto i { position: absolute; right: -2px; bottom: -2px; font-style: normal; font-size: 14px; width: 26px; height: 26px; border-radius: 50%; background: #fff; display: grid; place-items: center; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); }
.seviye-rozet.fotolu img { position: absolute; inset: 5px; width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
.seviye-rozet.fotolu b {
  position: absolute; right: -4px; bottom: -3px; min-width: 20px; height: 20px; padding: 0 4px; border-radius: 99px;
  background: var(--altin); color: var(--lacivert-koyu); font-size: 12px; font-weight: 900; display: grid; place-items: center;
  box-shadow: 0 0 0 2px var(--lacivert);
}
.dugme.altin { --r: linear-gradient(135deg, #FFE27A, #FFB31F); --g: #C98600; --y: #3A2400; background: linear-gradient(135deg, #FFE27A, #FFB31F); margin-bottom: 12px; }

/* ---------- 0.13: başarı sertifikası ---------- */
.sertifika-resim { margin: 0 0 6px; border-radius: 12px; overflow: hidden; box-shadow: 0 0 0 3px #FFC42E, 0 10px 26px rgba(0, 0, 0, 0.25); background: #0a2350; aspect-ratio: 1024 / 541; }
.sertifika-resim img { display: block; width: 100%; height: 100%; object-fit: cover; }
.sertifika-kart h3 { margin-top: 0; }
.sertifika-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
.sertifika-kucuk { border: 0; padding: 0; background: none; cursor: pointer; text-align: center; font-weight: 700; font-size: 13px; color: inherit; }
.sertifika-kucuk img { width: 100%; aspect-ratio: 1024 / 541; object-fit: cover; border-radius: 8px; display: block; margin-bottom: 4px; box-shadow: 0 0 0 2px #FFC42E; }

/* ---------- 0.13: sektörler, ambar, pazar, şirket ---------- */
.sekmeler.kaydirmali { overflow-x: auto; scrollbar-width: none; }
.sekmeler.kaydirmali::-webkit-scrollbar { display: none; }
.sekmeler.kaydirmali button { flex: none; white-space: nowrap; padding-left: 12px; padding-right: 12px; }
.sektor-giris {
  display: flex; align-items: center; gap: 12px; width: 100%; text-align: start; border: 0; cursor: pointer; margin-bottom: 14px;
  padding: 12px 14px; border-radius: 16px; color: #fff; background: linear-gradient(120deg, #1C3F8C, #2E7D5B 60%, #D99A00);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 8px 18px rgba(0, 0, 0, 0.2);
}
.sektor-giris > span { font-size: 30px; }
.sektor-giris b { display: block; font-size: 16px; }
.sektor-giris small { opacity: 0.85; font-size: 13px; }
.sektor-giris i { margin-inline-start: auto; font-style: normal; font-size: 28px; opacity: 0.8; }
.tesis-karti { padding-bottom: 8px; }
.tesis-ust, .yatirim-ust { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.tesis-simge { font-size: 28px; width: 44px; height: 44px; flex: none; display: grid; place-items: center; border-radius: 12px; background: #F2EBD8; }
.tesis-baslik { display: flex; flex-direction: column; min-width: 0; }
.tesis-baslik b { font-size: 17px; }
.recete-listesi { display: grid; gap: 8px; }
.recete { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 12px; background: #FAF6EC; }
.recete.kapali { opacity: 0.6; }
.recete-bilgi { flex: 1; min-width: 0; line-height: 1.35; }
.recete .dugme { width: auto; flex: none; }
.tesis-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 6px; }
.tesis-alt .metin-dugme { width: auto; padding: 6px 0; font-size: 14px; }
.metin-dugme.tehlike { color: var(--kirmizi); margin-inline-start: auto; }
.sigorta-sec { display: flex; align-items: center; gap: 6px; }
.sektor-karti summary { display: flex; align-items: center; gap: 10px; cursor: pointer; list-style: none; }
.sektor-karti summary::-webkit-details-marker { display: none; }
.sektor-karti[open] summary { margin-bottom: 8px; }
.yatirim { border-top: 1px solid #EDE3CB; padding: 12px 0 6px; }
.yatirim.kilitli { opacity: 0.6; }
.recete-ozet { margin: 4px 0 8px; padding-left: 18px; }
.recete-ozet li { margin: 3px 0; }
.yatirim-form { display: grid; grid-template-columns: 1fr; gap: 8px; }
.yatirim-form select, .pazar-al input { min-height: 44px; border-radius: 12px; border: 2px solid #E4D9BD; padding: 0 10px; font-size: 16px; background: #fff; }
@media (min-width: 520px) { .yatirim-form { grid-template-columns: 1fr 1fr auto; } .yatirim-form .dugme { width: auto; } }
.ambar-satir { display: flex; justify-content: space-between; align-items: center; gap: 8px; width: 100%; }
.ambar-listesi li { flex-direction: column; align-items: stretch; }
.ambar-form { margin-top: 8px; }
.cipler { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin-bottom: 8px; }
.cip { flex: none; border: 0; border-radius: 999px; padding: 8px 12px; font-weight: 700; background: #EFE6CF; cursor: pointer; color: inherit; }
.cip.secili { background: var(--lacivert); color: #fff; }
.pazar-listesi li { flex-direction: column; align-items: stretch; }
.pazar-satir { display: flex; justify-content: space-between; align-items: center; width: 100%; border: 0; background: none; text-align: start; padding: 0; cursor: pointer; color: inherit; font: inherit; }
.pazar-detay { padding: 8px 0 4px; }
.pazar-al { display: flex; gap: 8px; margin-bottom: 8px; }
.pazar-al input { flex: 1; min-width: 0; }
.pazar-al .dugme { width: auto; }
.eksi { color: var(--kirmizi); }
.sirket-unvan { font-size: 22px; font-weight: 900; }
.basamaklar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 4px 0 14px; }
.basamak { text-align: center; padding: 8px 4px; border-radius: 12px; background: #F2EBD8; opacity: 0.55; }
.basamak span { font-size: 24px; display: block; }
.basamak small { font-size: 11px; font-weight: 700; }
.basamak.gecti { opacity: 0.9; }
.basamak.simdi { opacity: 1; background: var(--altin); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.sart-listesi { list-style: none; padding: 0; margin: 6px 0 10px; }
.sart-listesi li { margin: 5px 0; }

/* ---------- 0.13.2: tecrübe, yetenekler ---------- */
.tecrube-ust { display: flex; align-items: center; gap: 12px; }
.seviye-buyuk { width: 48px; height: 48px; flex: none; border-radius: 50%; display: grid; place-items: center; font-weight: 900; font-size: 22px; background: var(--altin); color: var(--lacivert-koyu); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.yetenek-listesi { display: grid; gap: 10px; margin-top: 10px; }
.yetenek-ust { display: flex; align-items: center; gap: 10px; }
.derece { display: flex; gap: 4px; margin-top: 4px; }
.derece i { width: 18px; height: 8px; border-radius: 4px; background: #E6DDC6; }
.derece i.dolu { background: linear-gradient(90deg, #1FA25A, #56D18B); }
.seviye-rozet.puanli::after { content: ""; position: absolute; top: -1px; right: -1px; width: 12px; height: 12px; border-radius: 50%; background: #FF3B30; box-shadow: 0 0 0 2px var(--lacivert); }
.isim-durum { margin: -6px 0 10px; }
.meydan-kart { background: linear-gradient(135deg, #FFF3C4, #FFE08A); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }

/* gece kapalı dükkân etiketi */
.balon.kapali-dk { background: #3A4256; color: #D7DCE6; }
.balon .kapali-yazi { font-size: 11px; opacity: .9; margin-left: 4px; }

/* ---------- Banka, döviz-altın, tedarik (0.14.0) ---------- */
.banka-kart { background: linear-gradient(135deg, #1B2F5B, #2B4A86); color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.banka-kart .banka-ust { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-bottom: 10px; }
.banka-kart .banka-ust span { opacity: .8; font-weight: 600; }
.banka-kart .banka-ust b { font-size: 26px; }
.banka-kart .bilgi-izgara > div { background: rgba(255,255,255,.1); color: #fff; }
.banka-kart .bilgi-izgara small { color: rgba(255,255,255,.75); }
.banka-kart .arti { color: #7CE0A8; } .banka-kart .eksi { color: #FF9C92; }
.kirmizi:not(.dugme) { color: var(--kirmizi); }
.dugme.kirmizi, .dugme.yesil, .dugme.mavi { color: #fff; }
.dugme-satiri { display: flex; gap: 8px; }
.dugme-satiri .dugme { flex: 1; }
.kart.uyari { background: #FFF1D6; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.vade-secimi { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-bottom: 10px; } /* 0.71.1: 4 vade tek sırada (3+1 boşluk bırakıyordu) */
@media (max-width: 340px) { .vade-secimi { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.vade-secimi button { border: 2px solid var(--cizgi); background: #fff; border-radius: 12px; padding: 8px 4px; display: flex; flex-direction: column; align-items: center; gap: 1px; cursor: pointer; font-family: inherit; color: var(--metin); }
.vade-secimi button small { font-size: 11px; }
.vade-secimi button[aria-pressed="true"] { border-color: var(--yesil); background: #E8F7EE; }
.ilerleme { height: 6px; background: var(--cizgi); border-radius: 3px; overflow: hidden; margin: 6px 0 3px; }
.ilerleme i { display: block; height: 100%; background: var(--yesil); border-radius: 3px; }
.vadeli-satir, .tedarik-satir { display: flex; align-items: center; gap: 10px; }
.iki-alan { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.doviz-listesi { list-style: none; padding: 0; margin: 0 0 12px; }
.doviz-listesi li { background: #fff; border-radius: 14px; margin-bottom: 8px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); overflow: hidden; }
.doviz-satir { width: 100%; display: flex; align-items: center; gap: 10px; border: 0; background: transparent; padding: 10px 12px; text-align: start; cursor: pointer; font-family: inherit; color: var(--metin); }
.doviz-simge { font-size: 28px; flex: none; }
.doviz-ad { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.doviz-ad small { font-size: 12px; line-height: 1.35; }
.doviz-sag { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex: none; }
.doviz-sag small { font-weight: 700; font-size: 12px; }
.mini-grafik { display: block; }
.doviz-islem { padding: 0 12px 12px; }
@media (max-width: 420px) { .mini-grafik { width: 70px; } .iki-alan { grid-template-columns: 1fr; } }

/* ---------- İşlerim ---------- */
.is-ozeti { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 12px; }
.is-ozeti > div { background: #fff; border-radius: 14px; padding: 8px 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.is-ozeti small { display: block; font-size: 12px; color: var(--soluk); font-weight: 600; }
.is-ozeti b { font-size: 20px; } .is-ozeti b span { font-size: 13px; color: var(--soluk); }
.yapilacaklar { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
.yapilacak { display: flex; align-items: center; gap: 12px; width: 100%; text-align: start; border: 0; border-radius: 14px; padding: 10px 12px; cursor: pointer; font-family: inherit; color: var(--metin); background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); border-left: 6px solid var(--mavi); }
.yapilacak > span { font-size: 26px; flex: none; }
.yapilacak > div { flex: 1; min-width: 0; } .yapilacak b { display: block; font-size: 15px; } .yapilacak small { color: var(--soluk); font-size: 13px; }
.yapilacak > i { font-style: normal; font-size: 22px; color: var(--soluk); }
.yapilacak.yesil { border-left-color: var(--yesil); } .yapilacak.kirmizi { border-left-color: var(--kirmizi); } .yapilacak.sari { border-left-color: var(--altin); }
.hizli-gecis { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.hizli-gecis button { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; border: 0; background: #fff; border-radius: 14px; padding: 10px 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); cursor: pointer; font-family: inherit; color: var(--metin); text-align: start; }
.hizli-gecis span { font-size: 24px; } .hizli-gecis small { color: var(--soluk); font-size: 12px; }
details.kilitli-grup { margin: 8px 0 12px; } details.kilitli-grup summary { cursor: pointer; font-weight: 700; color: var(--soluk); padding: 6px 2px; }

/* ---------- Mesajlar ---------- */
.sekmeler .sayac, .konusma-satiri .sayac { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--kirmizi); color: #fff; font-size: 12px; font-weight: 800; }
.sohbet-kutu { background: #F4EEDF; border-radius: 18px; padding: 8px; margin-bottom: 10px; }
.sohbet-kutu .sohbet { background: transparent; box-shadow: none; max-height: 52vh; margin-bottom: 8px; background-image: radial-gradient(rgba(27,47,91,.05) 1px, transparent 1px); background-size: 14px 14px; }
.sohbet-kutu .sohbet .balonmetin { background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.sohbet-kutu .sohbet li.benden .balonmetin { background: #1F8F52; color: #fff; }
.sohbet-kutu .mesaj-yaz { margin: 0; }
.sohbet-kutu .mesaj-yaz input { border-radius: 23px; border-width: 2px; }
.sohbet-kutu .mesaj-yaz .dugme { border-radius: 50%; width: 46px; height: 46px; padding: 0; font-size: 18px; }
.bos-sohbet { align-self: center !important; max-width: 100% !important; padding: 20px 0; }
.mesaj-ara { display: flex; align-items: center; gap: 8px; background: #fff; border-radius: 16px; padding: 4px 4px 4px 12px; margin-bottom: 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mesaj-ara input { flex: 1; min-width: 0; border: 0; font-size: 16px; font-weight: 600; background: transparent; padding: 10px 0; font-family: inherit; }
.mesaj-ara input:focus { outline: none; }
.mesaj-ara .dugme { width: auto; }
.konusma-listesi { list-style: none; margin: 0; padding: 0; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.konusma-listesi li + li { border-top: 1px solid var(--cizgi); }
.konusma-satiri { display: flex; align-items: center; gap: 12px; width: 100%; padding: 10px 12px; border: 0; background: transparent; text-align: start; cursor: pointer; font-family: inherit; color: var(--metin); }
.konusma-satiri:hover { background: #FBF7EC; }
.konusma-satiri .bilgi { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.konusma-satiri .ust { display: flex; justify-content: space-between; gap: 8px; }
.konusma-satiri .ust small { color: var(--soluk); font-size: 12px; white-space: nowrap; }
.konusma-satiri .alt { color: var(--soluk); font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.konusma-satiri.yeni .alt { color: var(--metin); font-weight: 700; }
.konusma-satiri .alt i { font-style: normal; color: var(--soluk); }
.konusma-ust { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }
.konusma-ust .dugme { width: auto; margin: 0; }
.geri-dugme { border: 0; background: #fff; border-radius: 999px; padding: 8px 14px; font-weight: 800; font-family: inherit; color: var(--lacivert); cursor: pointer; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.panel-ust .buyuk-ikon .avatar { border-radius: 50%; border: 2px solid rgba(255,255,255,.6); }

/* ---------- Bildirimler ve hesap hareketleri ---------- */
.gun-baslik { list-style: none; font-size: 13px; font-weight: 800; color: var(--soluk); text-transform: uppercase; letter-spacing: .04em; margin: 14px 4px 6px; }
.gun-baslik:first-child { margin-top: 4px; }
.bildirim-liste2, .hareket-liste { list-style: none; margin: 0; padding: 0; }
.bildirim-kart { display: flex; gap: 12px; align-items: flex-start; background: #fff; border-radius: 14px; padding: 10px 12px; margin-bottom: 8px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.bildirim-kart[data-adres] { cursor: pointer; }
.bildirim-kart.yeni { box-shadow: 0 1px 2px rgba(16, 24, 40, .08), inset 4px 0 0 var(--mavi); background: #F5F9FF; }
.bildirim-kart .b-ikon { width: 40px; height: 40px; border-radius: 50%; background: #F4EEDF; display: grid; place-items: center; font-size: 20px; flex: none; }
.bildirim-kart .b-yazi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.bildirim-kart .b-yazi b { font-size: 15px; } .bildirim-kart .b-yazi span { font-size: 14px; line-height: 1.35; } .bildirim-kart .b-yazi small { color: var(--soluk); font-size: 12px; }
.bildirim-kart > i { font-style: normal; font-size: 22px; color: var(--soluk); align-self: center; }
.hareket-ozet { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 8px; }
.hareket-ozet > div { background: #fff; border-radius: 14px; padding: 8px 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hareket-ozet small { display: block; font-size: 12px; color: var(--soluk); } .hareket-ozet b { font-size: 16px; }
.hareket { display: flex; align-items: center; gap: 10px; background: #fff; padding: 9px 12px; }
.hareket-liste .hareket { border-radius: 0; border-bottom: 1px solid var(--cizgi); }
.hareket-liste .gun-baslik + .hareket { border-top-left-radius: 14px; border-top-right-radius: 14px; }
.h-ikon { width: 36px; height: 36px; border-radius: 12px; display: grid; place-items: center; font-size: 18px; flex: none; }
.h-ikon.giris { background: #E3F5EA; } .h-ikon.cikis { background: #FCE8E6; }
.h-yazi { flex: 1; min-width: 0; font-size: 14px; line-height: 1.3; display: flex; flex-direction: column; }
.h-yazi small { color: var(--soluk); font-size: 12px; }
.h-tutar { font-weight: 800; white-space: nowrap; }
.profil-kart .profil-rakam { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 4px; font-size: 14px; }
.aday-listesi { list-style: none; margin: 0 0 10px; padding: 0; }
.aday-listesi li { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--cizgi); }
.aday-oy { display: flex; align-items: center; gap: 6px; flex: none; } .aday-oy b { font-size: 20px; } .aday-oy .dugme { width: auto; margin: 0; }
.basvuru-karar { flex-wrap: wrap; } .basvuru-karar .dugme { width: auto; margin: 0; }

/* ---------- Harita araçları ---------- */
#harita-hud { position: absolute; inset: 0; pointer-events: none; z-index: 5; }
#harita-hud > * { pointer-events: auto; }
#harita-hud .hh-ust { position: absolute; top: calc(var(--ust) + 118px); left: 12px; right: 12px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; pointer-events: none; }
#harita-hud .hh-ust > * { pointer-events: auto; }
.hh-baslik { background: rgba(14, 30, 58, .82); color: #fff; border-radius: 14px; padding: 6px 12px; display: flex; flex-direction: column; line-height: 1.2; backdrop-filter: blur(6px); }
.hh-baslik small { opacity: .8; font-size: 12px; }
.hh-ara input { border: 0; border-radius: 999px; padding: 10px 14px; font: inherit; font-weight: 700; width: 170px; box-shadow: 0 4px 12px rgba(0,0,0,.25); }
.hh-dugmeler { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 6px; }
.hh-dugmeler button { width: 44px; height: 44px; border-radius: 14px; border: 0; background: rgba(255,255,255,.95); font-size: 20px; font-weight: 800; color: var(--lacivert); box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 6px 14px rgba(0,0,0,.2); cursor: pointer; }
.hh-dugmeler button:active { transform: scale(.97); }
.hh-lejant { position: absolute; left: 12px; bottom: calc(var(--dock) + var(--alt) + 24px); background: rgba(255,255,255,.94); border-radius: 14px; padding: 8px 12px; max-width: 250px; box-shadow: 0 6px 16px rgba(0,0,0,.2); font-size: 13px; }
.hh-lejant summary { font-weight: 800; cursor: pointer; }
.hh-lejant span { display: flex; align-items: center; gap: 6px; margin: 3px 0; }
.hh-lejant i { width: 14px; height: 14px; border-radius: 4px; display: inline-block; border: 1px solid rgba(0,0,0,.15); }
.hh-lejant small { display: block; color: var(--soluk); margin-top: 6px; line-height: 1.3; }
.il-etiket { background: rgba(14, 30, 58, 0.8); box-shadow: 0 2px 6px rgba(0,0,0,.25); }
.kapsam-cip { margin-bottom: 10px; }
.siralama-ozet { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.siralama-ozet > div { display: flex; flex-direction: column; } .siralama-ozet small { color: var(--soluk); font-size: 12px; } .siralama-ozet b { font-size: 22px; }
.lig-karti h3 { margin-bottom: 6px; }
.dugme-satiri .dugme { margin: 0; }
@media (max-width: 440px) {
  .alt-hud { gap: 5px; left: 8px; right: 8px; }
  .alt-hud .tarih-cip { font-size: 12.5px; padding: 4px 9px; white-space: nowrap; }
  .alt-hud .yuvarlak-dugme { width: 34px; height: 34px; font-size: 16px; }
}

/* 0.15.0 — kendi dükkânının önündeki yanıp sönen dokunma işareti */
.dukkan-isaret { pointer-events: auto; width: 34px; height: 34px; border-radius: 50%; border: 2px solid rgba(255,255,255,.95); background: rgba(242,201,76,.35); box-shadow: 0 0 0 0 rgba(242,201,76,.7); cursor: pointer; padding: 0; position: relative; animation: dukkanNabiz 2.2s ease-in-out infinite; }
.dukkan-isaret i { position: absolute; inset: 9px; border-radius: 50%; background: #F2C94C; box-shadow: 0 1px 3px rgba(0,0,0,.35); }
.dukkan-isaret.kasa i { background: #1FA25A; }
.dukkan-isaret.bekliyor { background: rgba(120,130,150,.35); } .dukkan-isaret.bekliyor i { background: #9AA4BA; }
@keyframes dukkanNabiz { 0%,100% { opacity: .55; transform: scale(.92); box-shadow: 0 0 0 0 rgba(242,201,76,.55); } 50% { opacity: 1; transform: scale(1.04); box-shadow: 0 0 0 10px rgba(242,201,76,0); } }
@media (prefers-reduced-motion: reduce) { .dukkan-isaret { animation: none; opacity: .9; } }

/* 0.15.0 — seçimler, meclis, ihale, borsa, iş dünyası */
.sekmeler.kaydir { overflow-x: auto; scrollbar-width: none; }
.sekmeler.kaydir::-webkit-scrollbar { display: none; }
.sekmeler.kaydir button { flex: 1 0 auto; padding: 0 12px; font-size: 15px; white-space: nowrap; }
.sekmeler.kucuk-sekme button { min-height: 38px; font-size: 14px; }
.kart.vurgu { background: #FFF8E4; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.kart h4 { margin: 10px 0 4px; font-size: 15px; }
details.kart > summary { cursor: pointer; list-style: none; }
details.kart > summary::-webkit-details-marker { display: none; }
details.kart > summary::after { content: '▾'; float: right; color: var(--soluk); }
details.kart[open] > summary { margin-bottom: 8px; }
.iki-alan { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-items: end; }
.iki-alan .dugme { margin: 0 0 10px; }
.basari-yazi { color: var(--yesil-koyu); font-weight: 700; }
.secim-takvim { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; counter-reset: adim; }
.secim-takvim li { position: relative; background: #F3EEDF; border-radius: 12px; padding: 8px 8px 8px 30px; min-width: 0; }
.secim-takvim li::before { counter-increment: adim; content: counter(adim); position: absolute; left: 8px; top: 9px; width: 17px; height: 17px; border-radius: 50%; background: #D8CFB6; color: #fff; font-size: 11px; font-weight: 800; display: grid; place-items: center; }
.secim-takvim li b { display: block; font-size: 13px; line-height: 1.2; }
.secim-takvim li small { display: block; font-size: 11px; color: var(--soluk); line-height: 1.25; }
.secim-takvim li.etkin { background: var(--lacivert); color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.secim-takvim li.etkin small { color: #C9D5F0; }
.secim-takvim li.etkin::before { background: var(--altin); color: var(--lacivert); }
.secim-takvim li.bitti::before { content: '✓'; background: var(--yesil); }
.aday-listesi li { justify-content: flex-start; }
.aday-listesi li.secili { background: #E3F5EA; border-radius: 12px; padding: 8px; margin: 2px -8px; }
.aday-yazi { flex: 1; min-width: 0; }
.aday-foto { width: 40px; height: 40px; border-radius: 50%; flex: none; object-fit: cover; box-shadow: 0 0 0 2px #fff, 0 2px 4px rgba(0,0,0,.2); }
.aday-foto.harf { display: grid; place-items: center; background: linear-gradient(135deg, #3B6FD8, #1B2F5B); color: #fff; font-weight: 800; font-size: 15px; }
.aday-foto.harf.sistem { background: linear-gradient(135deg, #9AA3B5, #66708A); }
.makam-listesi { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 6px; }
.makam-listesi li { display: flex; align-items: center; gap: 8px; background: #fff; border-radius: 12px; padding: 6px 8px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); min-width: 0; }
.makam-listesi li span:not(.rozetcik):not(.aday-foto) { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.makam-listesi li small { color: var(--soluk); }
.makam-listesi .aday-foto { width: 32px; height: 32px; font-size: 12px; }
.mazbata-listesi { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
.mazbata { display: block; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); color: inherit; text-decoration: none; }
.mazbata img { display: block; width: 100%; aspect-ratio: 1024 / 541; object-fit: cover; background: #F7F0DC; }
.mazbata span { display: block; padding: 6px 10px; } .mazbata small { display: block; color: var(--soluk); }
.kanun-listesi { list-style: none; margin: 0; padding: 0; }
.kanun-listesi li { padding: 9px 0; border-bottom: 1px dashed #E6DDC6; display: grid; gap: 6px; }
.kanun-listesi li:last-child { border-bottom: 0; }
.ihale-listesi { list-style: none; margin: 0 0 12px; padding: 0; }
.ihale-ust { display: flex; justify-content: space-between; gap: 8px; align-items: flex-start; }
.ihale-teklif { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: end; }
.ihale-teklif .dugme { margin-bottom: 10px; }
.hisse-listesi { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 6px; }
.hisse-listesi button { width: 100%; display: flex; align-items: center; gap: 10px; background: #fff; border: 0; border-radius: 14px; padding: 10px 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); cursor: pointer; text-align: start; font: inherit; color: inherit; }
.hisse-kod { flex: none; background: var(--lacivert); color: #fff; font-weight: 800; font-size: 13px; letter-spacing: .5px; border-radius: 8px; padding: 4px 8px; }
.hisse-kod.buyuk { font-size: 16px; padding: 6px 10px; }
.hisse-ad { flex: 1; min-width: 0; } .hisse-ad b, .hisse-ad small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hisse-ad small { color: var(--soluk); }
.hisse-fiyat { text-align: end; flex: none; } .hisse-fiyat b { display: block; font-variant-numeric: tabular-nums; }
.hisse-baslik { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; } .hisse-baslik > div:nth-child(2) { flex: 1; min-width: 0; }
.buyuk-sayi { font-size: 20px; font-variant-numeric: tabular-nums; }
.hisse-grafik { display: block; width: 100%; height: 90px; margin: 4px 0 8px; }
.emir-defteri { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.emir-defteri ul { list-style: none; margin: 0; padding: 0; font-size: 14px; font-variant-numeric: tabular-nums; }
.emir-defteri li { display: flex; justify-content: space-between; padding: 4px 6px; border-radius: 6px; }
.emir-defteri li.baslik { font-weight: 800; color: var(--soluk); font-size: 12px; }
.emir-defteri li.al { background: rgba(31, 162, 90, .08); } .emir-defteri li.sat { background: rgba(214, 69, 69, .08); }
.arti { color: var(--yesil-koyu, #13733F); } .eksi { color: #C0392B; }
.menu-izgara { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.menu-oge { display: grid; gap: 2px; justify-items: start; background: #fff; border-radius: 16px; padding: 12px 14px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); color: inherit; text-decoration: none; }
.menu-oge span { font-size: 28px; line-height: 1; } .menu-oge b { font-size: 16px; } .menu-oge small { color: var(--soluk); font-size: 12.5px; line-height: 1.3; }
.menu-oge:active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.ortaklar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; width: 100%; }
.sigorta-sec select { font: inherit; font-size: 13px; padding: 3px 6px; border-radius: 8px; border: 1px solid #DDD3B8; background: #fff; }
@media (max-width: 420px) {
  .secim-takvim { grid-template-columns: 1fr; }
  .iki-alan, .ihale-teklif { grid-template-columns: 1fr; }
  .menu-oge span { font-size: 24px; }
}

/* 0.16.0 — ses karıştırıcı */
.ses-karisici { position: fixed; z-index: 60; width: 260px; background: rgba(20, 28, 48, .96); color: #fff; border-radius: 16px; padding: 10px 12px 8px; box-shadow: 0 10px 30px rgba(0,0,0,.35); backdrop-filter: blur(6px); animation: skGel .15s ease-out; }
@keyframes skGel { from { opacity: 0; transform: translateY(-4px); } }
.sk-baslik { font-weight: 800; font-size: 14px; margin: 0 0 6px; opacity: .85; }
.sk-satir { display: grid; grid-template-columns: 36px 1fr 52px; align-items: center; gap: 8px; padding: 5px 0; }
.sk-satir label { display: grid; gap: 2px; font-size: 12.5px; font-weight: 700; color: #C9D5F0; }
.sk-satir input[type=range] { width: 100%; accent-color: #FFC42E; }
.sk-satir b { font-size: 12px; text-align: end; font-variant-numeric: tabular-nums; }
.sk-kapat { width: 34px; height: 34px; border-radius: 50%; border: 0; background: rgba(255,255,255,.12); font-size: 17px; cursor: pointer; }
.sk-kapat.kapali { background: rgba(214, 69, 69, .35); }
.ses-alan input[type=range] { width: 100%; accent-color: var(--lacivert); }
.olay-dugmeler { display: flex; gap: 6px; align-items: center; }
.olay-dugme.gri { background: rgba(255, 255, 255, 0.92); color: var(--metin); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); animation: none; font-size: 13px; }
/* lüks yaşam */
.vitrin-listesi, .varlik-listesi { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 8px; }
.vitrin-listesi li.kilitli { opacity: .62; }
.varlik-ust { display: flex; align-items: center; gap: 10px; }
.varlik-ust > div:nth-child(2) { flex: 1; min-width: 0; }
.varlik-ust .sag { text-align: end; flex: none; }
.varlik-simge { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 26px; background: linear-gradient(135deg, #FFF3CF, #F0D48A); box-shadow: 0 0 0 3px var(--renk, transparent); flex: none; }
.renk-secim { display: flex; flex-wrap: wrap; gap: 8px; }
.renk-secim label { display: grid; justify-items: center; gap: 2px; cursor: pointer; }
.renk-secim input { position: absolute; opacity: 0; pointer-events: none; }
.renk-secim i { position: relative; width: 38px; height: 38px; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 0 1px #D9CFB5; transition: transform .15s, box-shadow .15s; }
/* 0.63.6: seçilen renk açıkça belli olur: büyür, kalın safran halka ve ✓ işareti */
.renk-secim input:checked + i { transform: scale(1.14); box-shadow: 0 0 0 3px #FFC42E, 0 0 0 5px #1B2F5B, 0 4px 12px rgba(0,0,0,.25); }
.renk-secim input:checked + i::after { content: '✓'; position: absolute; inset: 0; display: grid; place-items: center; font-style: normal; font-weight: 900; font-size: 18px; color: #fff; text-shadow: 0 0 3px #000, 0 0 6px #000; }
.renk-secim input:focus-visible + i { outline: 3px solid #FFC42E; outline-offset: 3px; }
.renk-secim small { font-size: 11px; color: var(--soluk); }
/* 0.63.6: lüks alımında ödeme şekli (nakit, vadesiz, kart, taşıt/konut kredisi) */
.odeme-ozet { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: 8px; margin: 0 0 10px; }
.odeme-ozet > div { background: #F7F1E3; border-radius: 12px; padding: 8px 10px; }
.odeme-ozet small { display: block; font-size: 11.5px; color: var(--soluk); }
.odeme-ozet b { font-size: 15px; }
.odeme-secenekler { display: grid; gap: 8px; }
.odeme-secenek { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 2px solid #E3D8BF; border-radius: 14px; background: #FFFDF6; cursor: pointer; }
.odeme-secenek input { position: absolute; opacity: 0; pointer-events: none; }
.odeme-secenek .os-simge { width: 38px; height: 38px; flex: none; display: grid; place-items: center; font-size: 20px; border-radius: 11px; background: #F2EBDA; }
.odeme-secenek .os-yazi { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.odeme-secenek .os-yazi small { font-size: 12.5px; color: var(--soluk); }
.odeme-secenek:has(input:checked) { border-color: #FFC42E; background: #FFF4D6; box-shadow: 0 0 0 2px rgba(255, 196, 46, .35); }
.odeme-secenek:has(input:checked) .os-simge { background: #FFC42E; }
.odeme-secenek:has(input:focus-visible) { outline: 3px solid #1B2F5B; outline-offset: 2px; }
.odeme-secenek.kapali { opacity: .55; cursor: default; }
.kredi-ayrinti { margin-top: 10px; padding: 10px; border-radius: 14px; background: #F4F7FC; }
.kredi-ayrinti .vade-secimi button small { display: block; font-size: 11.5px; font-weight: 600; opacity: .8; }
.uyari-metin { color: #A33A2A; font-weight: 700; margin: 8px 0 0; }
.renk-secim input:checked ~ small { color: var(--lacivert); font-weight: 800; }
.olay-balon.arabam { background: #1B2F5B; color: #fff; font-size: 12px; }
.olay-balon.arabam::after { border-top-color: #1B2F5B; }

/* ---------- 0.17: Hesabım ---------- */
.bag-dugme { margin-top: 6px; border: 0; background: rgba(46, 107, 230, 0.1); color: var(--mavi-koyu, #1c4fb8); font-weight: 700; border-radius: 999px; padding: 5px 12px; cursor: pointer; font-size: 13px; }
.mahalle-sec { display: flex; gap: 8px; margin-top: 6px; align-items: center; }
.mahalle-sec select { flex: 1; min-width: 0; min-height: 40px; border-radius: 10px; border: 1px solid #CBD2E0; padding: 0 8px; font: inherit; }
.mahalle-sec .dugme { width: auto; margin: 0; }
.foto-alan { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.foto-onizleme { position: relative; border: 0; padding: 4px; background: conic-gradient(from 180deg, #FFB31F, #FF4FB3, #4F8BFF, #3FD08A, #FFB31F); border-radius: 50%; cursor: pointer; flex: none; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18); transition: transform .15s; }
.foto-onizleme:hover { transform: scale(1.04); }
.foto-onizleme .avatar { display: grid; border: 3px solid #fff; box-sizing: content-box; }
.foto-kamera { position: absolute; right: 2px; bottom: 2px; width: 32px; height: 32px; border-radius: 50%; background: #fff; display: grid; place-items: center; font-size: 16px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); }
.foto-bilgi { flex: 1; min-width: 180px; }
.foto-bilgi p { margin: 4px 0 10px; }
.foto-bilgi .dugme-satiri .dugme { margin: 0; }
.bildirim-ust { display: flex; align-items: center; gap: 10px; justify-content: space-between; margin-bottom: 10px; flex-wrap: wrap; }
.bildirim-ust .dugme { width: auto; margin: 0; }
.bildirim-kart .b-sil { flex: none; align-self: center; width: 30px; height: 30px; border-radius: 50%; border: 0; background: #F1ECE0; color: #8A8270; font-weight: 800; cursor: pointer; font-size: 13px; }
.bildirim-kart .b-sil:hover { background: #FFE1DC; color: var(--kirmizi); }
.bildirim-kart { transition: opacity .2s, transform .2s; }
.bildirim-kart.siliniyor { opacity: 0; transform: translateX(40px); }
/* Kaydırmalı sekmeler: fareyle kullanılan ekranlarda (web) sığmayan sekmeler alt satıra iner, yarım kalmaz */
@media (hover: hover) and (pointer: fine) {
  .sekmeler.kaydirmali, .sekmeler.kaydir { flex-wrap: wrap; overflow: visible; row-gap: 8px; }
  .sekmeler.kaydirmali button, .sekmeler.kaydir button { flex: 1 0 auto; }
}
/* Dokunmatikte sağa-sola kaydırılır; kenarda hafif gölge devamı olduğunu gösterir */
@media (hover: none) {
  .sekmeler.kaydirmali, .sekmeler.kaydir { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); padding-right: 28px; scroll-snap-type: x proximity; }
}

/* ---------- 0.17: Seviye kilidi rozeti (göz yormayan, görünür) ---------- */
.kilit-rozet { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px 2px 7px; border-radius: 999px; vertical-align: middle;
  background: linear-gradient(135deg, #FFF1C2, #F7CB55); color: #5A3B00; font-weight: 800; font-size: 12px; line-height: 18px; white-space: nowrap;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.kilit-rozet::before { content: ''; width: 11px; height: 13px; flex: none; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 26'%3E%3Cpath d='M5 11V7a6 6 0 0 1 12 0v4' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round'/%3E%3Crect x='1' y='10' width='20' height='15' rx='4'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 26'%3E%3Cpath d='M5 11V7a6 6 0 0 1 12 0v4' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round'/%3E%3Crect x='1' y='10' width='20' height='15' rx='4'/%3E%3C/svg%3E") center / contain no-repeat; }
.kilit-rozet.buyuk { font-size: 15px; padding: 4px 12px 4px 10px; } .kilit-rozet.buyuk::before { width: 14px; height: 16px; }
.tezgah-satiri.kilitli, .yatirim.kilitli, .vitrin-listesi li.kilitli { opacity: 1; background-color: #F6F4EF; }
.tezgah-satiri.kilitli .resim, .yatirim.kilitli .tesis-simge, .vitrin-listesi li.kilitli img, .tur-secimi button[disabled] .tur-ikon { filter: grayscale(0.85); opacity: 0.55; }
.tezgah-satiri.kilitli .ad, .yatirim.kilitli b { color: #6B7180; }
.tur-secimi button[disabled] { opacity: 0.9; background: #F6F4EF; }
.tur-secimi button[disabled] small.kilit-rozet { margin-top: 4px; }
.aday-afis { display: block; width: 100%; margin-top: 10px; padding: 0; border: 0; border-radius: 12px; overflow: hidden; cursor: pointer; background: #0E1C4A; box-shadow: 0 6px 16px rgba(0,0,0,.2); }
.aday-afis img { display: block; width: 100%; height: auto; }
.aday-afis span { display: block; padding: 10px; color: #FFD54A; font-weight: 800; }
.aday-afis { display: block; width: 100%; margin-top: 10px; padding: 0; border: 0; border-radius: 12px; overflow: hidden; cursor: pointer; background: #0E1C4A; box-shadow: 0 6px 16px rgba(0,0,0,.2); }
.aday-afis img { display: block; width: 100%; height: auto; }
.aday-afis span { display: block; padding: 10px; color: #FFD54A; font-weight: 800; }

/* ---------- 0.17.1: Tefon Bank ---------- */
.banka-sekmeler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-bottom: 14px; }
.banka-sekmeler button { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 0; padding: 8px 4px; border: 0; border-radius: 12px;
  background: #F1E9D6; color: var(--metin); font: inherit; font-weight: 800; font-size: 13px; line-height: 1.15; cursor: pointer; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); white-space: nowrap; }
.banka-sekmeler button span { font-size: 20px; }
.banka-sekmeler button[aria-selected="true"] { background: var(--lacivert); color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.tefon-kart { position: relative; overflow: hidden; border-radius: 18px; padding: 16px 18px 14px; margin-bottom: 12px; color: #fff;
  background: radial-gradient(120% 140% at 100% 0%, #3E6FD8 0%, #1B3A7A 45%, #0E1E47 100%); box-shadow: 0 10px 24px rgba(14, 30, 71, .35); }
.tefon-kart::after { content: ''; position: absolute; right: -40px; bottom: -60px; width: 200px; height: 200px; border-radius: 50%; background: rgba(255,255,255,.06); }
.tefon-kart.altin-kart { background: radial-gradient(120% 140% at 100% 0%, #F7C948 0%, #B7791F 50%, #5C3B0A 100%); }
.tefon-ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.tefon-logo { font-weight: 900; letter-spacing: 1.5px; font-size: 15px; }
.tefon-logo b { color: #FFD54A; margin-left: 3px; font-weight: 900; }
.altin-kart .tefon-logo b { color: #fff; }
.tefon-cip { width: 38px; height: 28px; border-radius: 6px; background: linear-gradient(135deg, #F4D27A, #C9A13B); box-shadow: inset 0 0 0 2px rgba(0,0,0,.12); }
.doviz-rozet { font-size: 12px; font-weight: 800; background: rgba(0,0,0,.18); padding: 3px 9px; border-radius: 999px; }
.tefon-kart small { opacity: .8; font-weight: 600; }
.tefon-bakiye { font-size: 32px; font-weight: 900; line-height: 1.1; margin: 2px 0 12px; letter-spacing: .3px; overflow-wrap: anywhere; }
.tefon-alt { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; opacity: .85; letter-spacing: 1px; flex-wrap: wrap; }
.banka-ozet { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0 0 12px; }
.banka-ozet > div { background: #fff; border-radius: 12px; padding: 9px 11px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); min-width: 0; }
.kart .banka-ozet > div { background: #F7F3EA; box-shadow: none; }
.banka-ozet small { display: block; color: var(--soluk); font-size: 12px; font-weight: 600; }
.banka-ozet b { display: block; font-size: 17px; overflow-wrap: anywhere; }
.hizli-tutar { display: flex; gap: 6px; flex-wrap: wrap; margin: -4px 0 12px; }
.hizli-tutar button { border: 1px solid #DCD3BF; background: #fff; border-radius: 999px; padding: 5px 11px; font: inherit; font-size: 13px; font-weight: 700; color: var(--metin); cursor: pointer; }
.hizli-tutar button:active { background: #F0E9D8; }
.banka .vade-secimi { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; margin-bottom: 12px; }
.banka .vade-secimi button { display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 9px 6px; min-width: 0; }
.vade-faiz { font-size: 20px; font-weight: 900; color: var(--yesil-koyu, #156B3C); line-height: 1.1; }
.vade-hesap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; background: #EEF8F1; border: 1px solid #BFE3CB; border-radius: 12px; padding: 9px 10px; margin: 0 0 12px; }
.vade-hesap small { display: block; font-size: 11px; color: var(--soluk); font-weight: 700; }
.vade-hesap b { font-size: 14px; overflow-wrap: anywhere; }
.bk-baslik { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; }
.bk-baslik h3 { margin: 0; }
.hesap-kartlari { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.hesap-karti { border: 1px solid #E6DECB; border-radius: 14px; padding: 12px; background: #FFFDF8; }
.hesap-karti.doldu { border-color: #9ED5B0; background: #F2FBF5; }
.hesap-karti.gecikmis { border-color: #F2A9A1; background: #FFF5F4; }
.hk-ust { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.hk-tutar { font-size: 20px; }
.hesap-karti .ilerleme { margin-bottom: 10px; }
.hk-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; margin-bottom: 10px; }
.hk-izgara small { display: block; font-size: 12px; color: var(--soluk); font-weight: 600; }
.hk-izgara b { font-size: 15px; overflow-wrap: anywhere; }
.hesap-karti .dugme { margin: 0; }
.kredi-ust { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.kredi-ad { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.kredi-faiz { text-align: end; flex: none; } .kredi-faiz b { display: block; font-size: 22px; color: var(--kirmizi-koyu, #9B2226); } .kredi-faiz small { color: var(--soluk); font-size: 11px; }
.kredi-karti.kilitli .kredi-ust { margin-bottom: 0; }
.kredi-karti.kilitli .tesis-simge { filter: grayscale(.8); opacity: .6; }
@media (max-width: 380px) { .vade-hesap { grid-template-columns: 1fr 1fr; } .tefon-bakiye { font-size: 27px; } }
/* esnek satırdaki küçük düğmeler tüm genişliği kaplamasın (yazılar alt alta kaymasın) */
.vadeli-satir > .dugme, .tedarik-satir > .dugme, .satirlar li > .dugme { width: auto; flex: none; }
/* Dar ekranda (telefon) sekmeler yarım kalmasın: 6 ya da daha az sekme ızgaraya dizilir, yazı gerekirse iki satıra iner.
   Daha çok sekmesi olanlar (ör. pazar kategorileri) sağa-sola kaydırılır. */
@media (max-width: 560px) {
  .sekmeler:not(:has(> :nth-child(7))) { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); overflow: visible; -webkit-mask-image: none; mask-image: none; padding-right: 0; gap: 6px; }
  .sekmeler:has(> :nth-child(5)):not(:has(> :nth-child(7))) { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sekmeler:not(:has(> :nth-child(7))) > button { white-space: normal; min-width: 0; padding: 6px 4px; font-size: 13.5px; line-height: 1.2; text-align: center; min-height: 44px; }
}
.sekmeler > button { overflow-wrap: break-word; hyphens: manual; }

/* ---------- 0.19 ---------- */
.bildirim-liste2 { list-style: none; padding: 0; margin: 0; }
.bildirim-liste2 > li.soluk, .hareket-liste > li.soluk { list-style: none; text-align: center; padding: 18px 8px; }
/* dünya haritası etiketleri */
.ulke-etiket { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #6E6350; text-shadow: 0 1px 2px rgba(0, 0, 0, .18); white-space: nowrap; }
.ulke-etiket.komsu { font-size: 12px; color: #5E5440; }
.deniz-etiket { font-size: 12px; font-style: italic; font-weight: 600; letter-spacing: .18em; color: rgba(225, 240, 255, .85); text-shadow: 0 1px 3px rgba(0, 20, 50, .6); white-space: nowrap; }
.turkiye-etiket { font-size: 20px; font-weight: 900; letter-spacing: .4em; color: #fff; text-shadow: 0 2px 10px rgba(0, 0, 0, .55), 0 0 2px rgba(0,0,0,.6); white-space: nowrap; }
.banka-sekmeler { grid-template-columns: repeat(5, 1fr); }
@media (max-width: 400px) { .banka-sekmeler button { font-size: 12px; } .banka-sekmeler button span { font-size: 18px; } }
.havale-no { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.havale-no small { display: block; color: var(--soluk); font-size: 12px; font-weight: 600; }
.havale-no b { font-size: 20px; letter-spacing: 1.5px; font-variant-numeric: tabular-nums; }
.havale-no .dugme { width: auto; margin: 0; flex: none; }
.havale-alici { margin: -6px 0 10px; padding: 6px 10px; border-radius: 10px; }
.havale-alici.iyi { background: #EAF7EF; color: #156B3C; } .havale-alici.kotu { background: #FFF1EF; color: #9B2226; }
.havale-listesi { list-style: none; margin: 0; padding: 0; }
.havale-listesi li { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--cizgi); }
.havale-listesi li:last-child { border-bottom: 0; }
.hv-ikon { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-weight: 900; flex: none; }
.hv-ikon.giden { background: #FFECE9; color: #C0392B; } .hv-ikon.gelen { background: #E6F6EC; color: #1F8F52; }
.hv-yazi { flex: 1; min-width: 0; display: flex; flex-direction: column; } .hv-yazi small { color: var(--soluk); font-size: 12px; overflow-wrap: anywhere; }
.hv-tutar { font-weight: 800; white-space: nowrap; }

/* ---------- 0.23: kaydırırken yazıların ikilenmesine (eski karenin ekranda kalması) karşı ----------
   Arkada her karede yenilenen 3D tuvalin üstündeki kaydırılabilir alanlar kendi katmanında çizilir;
   kaydırma sırasında tarayıcı eski görüntüyü yeni görüntünün üstünde bırakmaz. */
.panel { isolation: isolate; }
.panel-govde, .sekmeler.kaydirmali, .sekmeler.kaydir, .cipler, .sohbet {
  transform: translateZ(0); backface-visibility: hidden; overscroll-behavior: contain;
}

/* ---------- 0.23: tanıtım (sinema VI havası): donmuş kareler, noktalı baskı, final kolajı ---------- */
#sinema.gx { --bant: 10vh; --ton: #FF3FA4; }
#sinema.gx .sinema-bant { height: var(--bant); background: #08030E; z-index: 7; }
/* bütün görüntü katmanları iki bandın arasındaki kadraja kırpılır: noktalar, lekeler bantlara taşmaz */
#sinema.gx .gx-kadraj { position: absolute; inset: 0; overflow: hidden; clip-path: inset(var(--bant) 0 var(--bant) 0); }
#sinema.gx .gx-siyah { position: absolute; inset: 0; z-index: 8; background: #08030E; opacity: 0; transition: opacity .9s ease; pointer-events: none; }
#sinema.gx.hazirlaniyor .gx-siyah { opacity: 1; transition: none; }
#sinema.gx .sinema-gec { z-index: 9; top: calc(var(--bant) + 12px); background: rgba(20, 4, 30, .45); border-color: rgba(255, 255, 255, .35);
  font-family: Montserrat, system-ui, sans-serif; letter-spacing: .08em; }
#sinema.gx.kapaniyor { opacity: 0; transition: opacity .7s; }

/* gün batımı renk tonu ve vinyet */
#sinema.gx .gx-renk { position: absolute; inset: 0; z-index: 2; pointer-events: none; opacity: .22; /* 0.27: katman karışımı yok (ekran kartını yormaz) */
  background: linear-gradient(180deg, rgba(255, 62, 154, .7) 0%, rgba(255, 138, 76, .45) 38%, rgba(255, 196, 107, .2) 60%, rgba(40, 220, 230, .45) 100%); }
#sinema.gx .gx-vinyet { position: absolute; inset: 0; z-index: 2; pointer-events: none;
  background: radial-gradient(ellipse at 50% 45%, transparent 52%, rgba(30, 0, 40, .55) 100%); }
#sinema.gx .gs-gren { z-index: 2; opacity: .045; mix-blend-mode: normal; }

/* kesme: siyah kare yok; sıcak ışık patlaması ve kadrajda kısa yakınlaşma vuruşu */
#sinema.gx .gx-flas { position: absolute; inset: 0; z-index: 6; pointer-events: none; opacity: 0;
  background: radial-gradient(ellipse at 50% 50%, rgba(255, 244, 228, .95), rgba(255, 120, 170, .55) 60%, rgba(255, 80, 150, .3)); }
#sinema.gx .gx-flas.patla { animation: gxFlas .34s ease-out forwards; }
#sinema.gx .gx-flas.patla.guclu { animation-duration: .7s; }
@keyframes gxFlas { 0% { opacity: .78; } 100% { opacity: 0; } }


/* donmuş kare: yakalanan görüntü griye çekilip tek renge boyanır, üstüne noktalı baskı gelir */
#sinema.gx .gx-donuk { position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: 0; overflow: hidden; transition: opacity .28s ease; }
#sinema.gx .gx-kare { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
/* 0.27: donmuş karede görüntü kopyalanmaz; durmuş 3B görüntünün üstüne tek renk perde ve baskı noktaları gelir */
#sinema.gx .gx-donuk-ton { position: absolute; inset: 0; z-index: 1; opacity: .5;
  background: linear-gradient(160deg, rgba(28, 6, 48, .55) 0%, var(--ton) 55%, rgba(255, 241, 224, .35) 100%); }
#sinema.gx .gx-donuk-nokta { position: absolute; inset: 0; z-index: 2; opacity: .38;
  background-image: radial-gradient(circle, rgba(24, 2, 36, .95) 1.5px, transparent 2.1px); background-size: 7px 7px;
  -webkit-mask: radial-gradient(ellipse at 50% 45%, rgba(0, 0, 0, .15) 10%, #000 78%); mask: radial-gradient(ellipse at 50% 45%, rgba(0, 0, 0, .15) 10%, #000 78%); }
#sinema.gx .gx-donuk::after { content: ''; position: absolute; inset: 0; z-index: 3;
  background: linear-gradient(115deg, rgba(255, 255, 255, .22), transparent 40%, transparent 70%, rgba(255, 255, 255, .12)); }
#sinema.gx.donuyor .gx-donuk { opacity: .78; transition: opacity .18s ease-out; }
#sinema.gx.cozuluyor .gx-donuk { opacity: 0; }

/* köşelerde süzülen noktalı fligranlar (kadrajın içinde kalır) */
#sinema.gx .gx-fligran { position: absolute; z-index: 3; pointer-events: none; width: min(46vw, 420px); aspect-ratio: 1; opacity: .42;
  background-image: radial-gradient(circle, var(--ton) 2.3px, transparent 2.9px); background-size: 11px 11px;
  -webkit-mask: radial-gradient(circle at var(--mx) var(--my), #000 0%, rgba(0, 0, 0, .55) 30%, transparent 68%);
  mask: radial-gradient(circle at var(--mx) var(--my), #000 0%, rgba(0, 0, 0, .55) 30%, transparent 68%); transition: opacity .6s ease; }
#sinema.gx .gx-fligran.a { --mx: 0%; --my: 100%; left: 0; bottom: var(--bant); animation: gxFligranA 14s ease-in-out infinite alternate; }
#sinema.gx .gx-fligran.b { --mx: 100%; --my: 0%; right: 0; top: var(--bant); opacity: .3; animation: gxFligranB 16s ease-in-out infinite alternate;
  background-image: radial-gradient(circle, #19D3E6 2px, transparent 2.6px); background-size: 9px 9px; }
@keyframes gxFligranA { from { transform: translate(-3%, 2%); } to { transform: translate(2%, -2%); } }
@keyframes gxFligranB { from { transform: translate(3%, -2%); } to { transform: translate(-2%, 3%); } }
#sinema.gx.kolaj .gx-fligran, #sinema.gx.final .gx-fligran { opacity: 0; }
#sinema.gx.final .gx-kart { display: none; }

/* başlık kartı: dev pembe-turuncu-mor degrade başlık, Montserrat etiket, el yazısı alt satır */
#sinema.gx .gx-kart { --boy: 1; position: absolute; left: 50%; top: 47%; z-index: 4; transform: translate(-50%, -50%); width: 92%; text-align: center; opacity: 0; pointer-events: none; }
#sinema.gx .gx-kart.sol .gx-ust { margin-left: 0; }
#sinema.gx .gx-kart.sol { left: 5%; top: auto; bottom: calc(var(--bant) + 5%); transform: none; text-align: start; width: 90%; }
/* 0.49.0: başlığın arkasında noktalı leke yerine koyu bir fırça darbesi; soldan sağa boyanarak gelir.
   Altında kartın renginde ince bir fırça çizgisi. Yazılar fırçanın üstünde, üst etiket başlığın üstünde kalır. */
#sinema.gx .gx-baslik-kutu { --firca: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 260' preserveAspectRatio='none'%3E%3Cpath d='M30 42 L53 35 L76 41 L100 48 L123 36 L146 42 L170 43 L193 49 L216 28 L239 27 L262 29 L286 36 L309 35 L332 19 L356 34 L379 27 L402 37 L425 38 L448 24 L472 44 L495 37 L518 32 L542 40 L565 33 L588 47 L611 42 L634 32 L658 32 L681 35 L704 38 L728 25 L751 20 L774 24 L797 17 L820 23 L844 35 L867 23 L890 28 L914 40 L937 31 L960 32 L957 34 L984 66 L975 98 L998 130 L956 162 L978 194 L955 226 L960 221 L937 217 L914 224 L890 220 L867 221 L844 214 L820 223 L797 215 L774 217 L751 234 L728 222 L704 220 L681 236 L658 226 L634 229 L611 234 L588 242 L565 222 L542 234 L518 220 L495 233 L472 224 L448 216 L425 221 L402 224 L379 213 L356 217 L332 225 L309 225 L286 224 L262 220 L239 226 L216 216 L193 222 L170 223 L146 221 L123 221 L100 222 L76 242 L53 230 L30 229 L32 226 L13 194 L18 162 L-2 130 L35 98 L19 66 L33 34Z M932 48 L972 52 L932 56Z M37 60 L-15 64 L37 68Z M921 90 L953 94 L921 99Z M31 96 L-9 98 L31 100Z M922 129 L969 134 L922 138Z M31 132 L-20 134 L31 136Z M934 166 L993 168 L934 170Z M31 168 L1 170 L31 172Z M939 204 L998 206 L939 208Z M38 204 L-4 207 L38 210Z'/%3E%3C/svg%3E"); position: relative; isolation: isolate; display: inline-block; max-width: 100%; font-size: calc(clamp(56px, min(23vw, 22vh), 176px) * var(--boy)); line-height: 0; }
#sinema.gx .gx-baslik-kutu::before, #sinema.gx .gx-baslik-kutu::after { content: ''; position: absolute; pointer-events: none; z-index: -1;
  -webkit-mask: var(--firca) center / 100% 100% no-repeat; mask: var(--firca) center / 100% 100% no-repeat; clip-path: inset(0 100% 0 0); }
#sinema.gx .gx-baslik-kutu::before { left: -.32em; right: -.32em; top: .02em; bottom: -.1em;
  background: linear-gradient(100deg, rgba(14, 3, 22, .9), rgba(34, 7, 50, .8) 55%, rgba(14, 3, 22, .88)); }
#sinema.gx .gx-baslik-kutu::after { left: 5%; right: 5%; bottom: -.17em; height: .1em; background: var(--ton); }
#sinema.gx .gx-kart.gorunur .gx-baslik-kutu::before { animation: gxFirca .5s .05s cubic-bezier(.3, .8, .25, 1) forwards; }
#sinema.gx .gx-kart.gorunur .gx-baslik-kutu::after { animation: gxFirca .4s .38s cubic-bezier(.3, .8, .25, 1) forwards; }
@keyframes gxFirca { to { clip-path: inset(0 0 0 0); } }
#sinema.gx .gx-ust { position: relative; z-index: 2; display: table; margin-inline-start: auto; margin-inline-end: auto; font-family: Montserrat, system-ui, sans-serif; font-weight: 800; font-size: clamp(11px, 2.9vw, 15px); letter-spacing: .32em; text-transform: uppercase;
  color: #fff; background: rgba(20, 4, 30, .82); padding: 5px 12px 5px 14px; border-radius: 3px; margin-bottom: .2em; box-shadow: inset 3px 0 0 var(--ton), 0 4px 14px rgba(10, 0, 20, .35); }
#sinema.gx .gx-baslik { position: relative; z-index: 1; display: block; font-family: Anton, Impact, 'Arial Black', sans-serif; font-weight: 400; text-transform: uppercase; line-height: 1.08; letter-spacing: .01em;
  padding: .14em .06em .02em; margin: 0 -.06em; font-size: 1em; overflow-wrap: anywhere;
  background: linear-gradient(95deg, #FFE08A 0%, #FF9A5A 30%, #FF4D9D 62%, #B44CFF 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 5px 0 rgba(40, 0, 50, .7)) drop-shadow(0 0 22px rgba(255, 77, 157, .35)); }
#sinema.gx .gx-alt { position: relative; z-index: 1; font-family: 'Kaushan Script', cursive; font-size: clamp(20px, 5.4vw, 38px); color: #FFF3E6; margin-top: .45em;
  text-shadow: 0 0 18px rgba(255, 77, 157, .85), 0 1px 2px rgba(0, 0, 0, .18); }
#sinema.gx .gx-kart.gorunur { animation: gxKartGel .7s cubic-bezier(.16, .9, .2, 1.15) forwards; }
#sinema.gx .gx-kart.sol.gorunur { animation-name: gxKartGelSol; }
#sinema.gx .gx-kart.gidiyor { animation: gxKartGit .38s ease-in forwards; }
#sinema.gx .gx-kart.sol.gidiyor { animation-name: gxKartGitSol; }
@keyframes gxKartGel { 0% { opacity: 0; transform: translate(-50%, -50%) scale(1.25); } 60% { opacity: 1; } 100% { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
@keyframes gxKartGit { to { opacity: 0; transform: translate(-50%, -50%) scale(.94); } }
@keyframes gxKartGelSol { 0% { opacity: 0; transform: translateX(-40px); } 100% { opacity: 1; transform: none; } }
@keyframes gxKartGitSol { to { opacity: 0; transform: translateX(30px); } }
#sinema.gx.kolaj .gx-kart { display: none; }

/* yer ve saat damgası */
#sinema.gx .gx-yer { position: absolute; z-index: 5; left: 5%; top: calc(var(--bant) + 18px); pointer-events: none; opacity: 0; transform: translateX(-12px); transition: opacity .4s, transform .4s;
  font-family: Montserrat, system-ui, sans-serif; color: #fff; text-shadow: 0 2px 8px rgba(30, 0, 40, .75); border-left: 3px solid var(--ton); padding-left: 10px; }
#sinema.gx .gx-yer.gorunur { opacity: 1; transform: none; }
#sinema.gx .gx-yer b { display: block; font-weight: 800; font-size: clamp(12px, 3.2vw, 16px); letter-spacing: .28em; }
#sinema.gx .gx-yer span { display: block; font-weight: 700; font-size: clamp(11px, 2.8vw, 14px); letter-spacing: .08em; opacity: .85; margin-top: 3px; min-height: 1.2em; }

/* vuruş kelimeleri: dev beyaz kelime, rengin gölgesi ve turkuaz-pembe kayma */
#sinema.gx .gx-kelime { position: absolute; left: 50%; top: 50%; z-index: 5; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; white-space: nowrap;
  font-family: Anton, Impact, sans-serif; font-size: clamp(52px, min(18vw, 24vh), 200px); line-height: 1; text-transform: uppercase; color: #FFF6EC;
  text-shadow: -4px 0 0 rgba(0, 230, 255, .75), 4px 0 0 rgba(255, 60, 150, .85), 0 12px 0 var(--ton), 0 18px 40px rgba(40, 0, 60, .6); }
#sinema.gx .gx-kelime.vur { animation: gxKelime .56s cubic-bezier(.2, .9, .2, 1.2) forwards; }
@keyframes gxKelime { 0% { opacity: 0; transform: translate(-50%, -50%) scale(1.8); } 22% { opacity: 1; transform: translate(-50%, -50%) scale(1); } 82% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, -50%) scale(.96); } }

/* final kolajı: afiş gibi renkli karolar, aralarda koyu çizgiler */
#sinema.gx .gx-kolaj { position: absolute; left: 0; right: 0; top: var(--bant); bottom: var(--bant); z-index: 4; display: grid; grid-template: repeat(3, 1fr) / repeat(3, 1fr);
  gap: 5px; padding: 5px; background: #12041C; opacity: 0; pointer-events: none; transition: opacity .2s; }
#sinema.gx.kolaj .gx-kolaj { opacity: 1; }
#sinema.gx .gx-karo { position: relative; z-index: 0; overflow: hidden; border-radius: 3px; background: #2A0B3A; opacity: 0; transform: scale(1.18); }
#sinema.gx.kolaj .gx-karo { animation: gxKaro .55s var(--gecikme) cubic-bezier(.16, .9, .2, 1.1) forwards; }
@keyframes gxKaro { to { opacity: 1; transform: none; } }
#sinema.gx .gx-karo.orta { background: radial-gradient(ellipse at 50% 60%, #FF7A59 0%, #C2307E 45%, #3A0A4E 100%); }
#sinema.gx .gx-karo-kare { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#sinema.gx .gx-karo-nokta { position: absolute; inset: 0; opacity: .3;
  background-image: radial-gradient(circle, rgba(24, 2, 36, .9) 1.3px, transparent 1.9px); background-size: 6px 6px;
  -webkit-mask: linear-gradient(160deg, transparent 35%, #000 100%); mask: linear-gradient(160deg, transparent 35%, #000 100%); }
/* logo inince karolar hafifçe kararır (üstte koyu katman; filtre yok) */
#sinema.gx .gx-kolaj::after { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity 1.4s ease-out;
  background: radial-gradient(ellipse at 50% 50%, rgba(18, 4, 28, .55), rgba(18, 4, 28, .3)); }
#sinema.gx.logo .gx-kolaj::after { opacity: 1; }

/* logo: çizgili gün batımı güneşi, degrade ÇIRAK, neon el yazısı */
#sinema.gx .gx-logo { position: absolute; left: 0; right: 0; top: var(--bant); bottom: var(--bant); z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center;
  opacity: 0; pointer-events: none; background: radial-gradient(ellipse at 50% 52%, rgba(30, 4, 44, .7) 0%, rgba(30, 4, 44, .35) 38%, transparent 62%); }
#sinema.gx.logo .gx-logo { opacity: 1; }
#sinema.gx .gx-gunes { position: absolute; left: 50%; top: 50%; width: min(58vw, 54vh, 400px); aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -56%) scale(.8); opacity: 0;
  background: linear-gradient(180deg, #FFE38A 0%, #FFB15A 35%, #FF5E8E 68%, #C43BFF 100%);
  -webkit-mask: linear-gradient(180deg, #000 55%, transparent 55%, transparent 59%, #000 59%, #000 66%, transparent 66%, transparent 71%, #000 71%, #000 77%, transparent 77%, transparent 83%, #000 83%, #000 88%, transparent 88%);
  mask: linear-gradient(180deg, #000 55%, transparent 55%, transparent 59%, #000 59%, #000 66%, transparent 66%, transparent 71%, #000 71%, #000 77%, transparent 77%, transparent 83%, #000 83%, #000 88%, transparent 88%);
  filter: drop-shadow(0 0 60px rgba(255, 94, 142, .7)); }
#sinema.gx .gx-gunes::after { content: ''; position: absolute; inset: 0; border-radius: 50%; mix-blend-mode: multiply; opacity: .45;
  /* 0.49.0: nokta dokusu yerine alt yarıda yumuşak bir gölge */
  background: linear-gradient(180deg, transparent 45%, rgba(120, 20, 90, .55) 100%); }
#sinema.gx.logo .gx-gunes { animation: gxGunes 1.4s cubic-bezier(.2, .8, .2, 1) forwards; }
@keyframes gxGunes { to { opacity: .96; transform: translate(-50%, -56%) scale(1); } }
#sinema.gx .gx-logo-ust { position: relative; z-index: 2; font-family: Montserrat, system-ui, sans-serif; font-weight: 800; font-size: clamp(11px, 3vw, 16px); letter-spacing: .5em; padding-left: .5em;
  text-transform: uppercase; color: #fff; opacity: 0; margin-bottom: 4px; text-shadow: 0 2px 10px rgba(40, 0, 50, .8); }
#sinema.gx .gx-logo-yazi { position: relative; font-family: Anton, Impact, sans-serif; font-size: clamp(72px, min(31vw, 30vh), 260px); line-height: 1; letter-spacing: .02em;
  padding: .12em .08em .14em; margin: -.02em 0 -.12em;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFE9F3 40%, #FF8FC0 70%, #FF4D9D 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 8px 0 #3A0A45) drop-shadow(0 0 44px rgba(255, 77, 157, .6)); transform: scale(1.6); opacity: 0; }
#sinema.gx .gx-logo-alt { position: relative; font-family: 'Kaushan Script', cursive; font-size: clamp(26px, 7.5vw, 58px); color: #FFF6FB; margin-top: -4px; opacity: 0; transform: rotate(-4deg);
  text-shadow: 0 0 12px #FF4D9D, 0 0 30px rgba(255, 77, 157, .85), 0 1px 2px rgba(0, 0, 0, .18); }
#sinema.gx.logo .gx-logo-yazi { animation: gxLogo .7s cubic-bezier(.16, .9, .2, 1.25) forwards; }
#sinema.gx.logo .gx-logo-ust { animation: gxBelir .8s .45s ease-out forwards; }
#sinema.gx.logo .gx-logo-alt { animation: gxNeon 1.1s .7s ease-out forwards; }
@keyframes gxLogo { to { transform: scale(1); opacity: 1; } }
@keyframes gxBelir { to { opacity: .95; } }
@keyframes gxNeon { 0% { opacity: 0; } 20% { opacity: 1; } 28% { opacity: .3; } 36% { opacity: 1; } 44% { opacity: .5; } 52%, 100% { opacity: 1; } }
#sinema.gx .gx-logo::after { content: ''; position: absolute; inset: -20%; background: linear-gradient(105deg, transparent 42%, rgba(255, 255, 255, .28) 50%, transparent 58%); transform: translateX(-100%); pointer-events: none; }
#sinema.gx.logo .gx-logo::after { animation: logoParilti 1.6s .6s ease-in-out forwards; }
#sinema.gx.sars .gx-kadraj { animation: sinemaSars .55s linear; }
@media (orientation: portrait) {
  #sinema.gx { --bant: 8vh; }
  #sinema.gx .gx-kolaj { gap: 4px; padding: 4px; }
}
#sahne.gx-vurus { animation: gxVurus .28s cubic-bezier(.2, .8, .2, 1); }
@keyframes gxVurus { from { transform: scale(1.06); } to { transform: none; } }

/* ---------- 0.24: geri sayım (günlük ödül, görev sandığı) ---------- */
.gsy { position: relative; display: flex; align-items: center; gap: 10px; margin: 12px auto 6px; padding: 9px 12px 11px; max-width: 380px;
  border-radius: 14px; background: #fff; border: 1px solid #E7E0CD; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); color: var(--lacivert); overflow: hidden; text-align: start; }
.gsy-ikon { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; font-size: 17px; background: #EEF1FA; }
.gsy-baslik { flex: 1; min-width: 0; font-size: 12px; font-weight: 700; color: var(--soluk); line-height: 1.25; }
.gsy-kutular { flex: none; display: flex; align-items: baseline; gap: 1px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.gsy-kutu { display: inline-flex; align-items: baseline; gap: 1px; }
.gsy-kutu[hidden] { display: none; }
/* rakamlar sabit genişlikte ve yerinde değişir: saniyede bir yanıp sönme ya da dönme yok */
.gsy-kutu b { font-size: 18px; font-weight: 800; line-height: 1; letter-spacing: .01em; color: var(--lacivert); min-width: 1.25em; text-align: end; }
.gsy-kutu i { font-style: normal; font-size: 10px; font-weight: 700; color: var(--soluk); opacity: .8; }
.gsy-ayrac { display: none; }
.gsy-kutu + .gsy-kutu, .gsy-ayrac + .gsy-kutu { margin-left: 6px; }
.gsy-cubuk { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #EEF1FA; }
.gsy-cubuk i { display: block; height: 100%; background: linear-gradient(90deg, #4C6FDB, #2BC06A); transform-origin: left center;
  transform: scaleX(var(--gsy-oran, 0)); transition: transform 1s linear; }
.gsy.sandik .gsy-ikon { background: #FFF1DD; }
.gsy.sandik .gsy-cubuk { background: #FFF1DD; }
.gsy.sandik .gsy-cubuk i { background: linear-gradient(90deg, #F2A93B, #E07A1F); }
.gsy.az-kaldi .gsy-kutu b { color: #D7263D; }
.gsy.az-kaldi .gsy-cubuk i { background: #D7263D; }
@media (max-width: 360px) { .gsy { flex-wrap: wrap; row-gap: 6px; } .gsy-baslik { flex-basis: calc(100% - 42px); } .gsy-kutular { margin-left: 42px; } }
@media (prefers-reduced-motion: reduce) { .gsy-cubuk i { transition: none; } }

/* ---------- 0.24: ortak parçalar ---------- */
.dugme.sari { --r: var(--altin); --g: var(--altin-koyu); --y: var(--lacivert-koyu); }
.segment { display: inline-flex; background: #EEF1F7; border-radius: 12px; padding: 3px; gap: 2px; }
.segment.genis { display: flex; margin: 4px 0 12px; }
.segment.genis button { flex: 1; }
.segment button { border: 0; background: transparent; font: inherit; font-weight: 700; font-size: 14px; padding: 8px 12px; border-radius: 9px; color: var(--soluk); cursor: pointer; white-space: nowrap; }
.segment button[aria-pressed="true"] { background: #fff; color: var(--lacivert); box-shadow: 0 2px 6px rgba(20, 30, 60, .14); }
.segment button[disabled] { opacity: .45; cursor: not-allowed; }
.ayar-satir { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--cizgi); flex-wrap: wrap; }
.ayar-satir:last-of-type { border-bottom: 0; }
.ayar-satir > div:first-child { display: flex; flex-direction: column; min-width: 0; flex: 1 1 180px; }
.ayar-satir small { color: var(--soluk); font-size: 12.5px; }
.ayar-satir select { font: inherit; font-weight: 700; padding: 8px 10px; border-radius: 10px; border: 1.5px solid var(--cizgi); background: #fff; }
.ayar-satir.vurgu { background: linear-gradient(90deg, #FFF6D8, transparent); border-radius: 12px; padding: 10px; }
.ayar-satir .dugme { width: auto; }
ul.kural-liste { list-style: none; padding: 0; margin: 6px 0 0; display: grid; gap: 7px; font-size: 14px; }
ul.kural-liste li { background: #F6F8FC; border-radius: 10px; padding: 8px 10px; }

/* ---------- Kredi kartı ---------- */
.kredi-kart { position: relative; aspect-ratio: 1.586; max-width: 380px; margin: 0 auto 14px; border-radius: 20px; padding: 18px 20px; color: #fff; overflow: hidden;
  background: radial-gradient(circle at 85% 15%, rgba(255, 196, 46, .38), transparent 42%), linear-gradient(135deg, #0F1B3A 0%, #24386E 55%, #111827 100%);
  box-shadow: 0 14px 30px rgba(15, 27, 58, .38); display: flex; flex-direction: column; justify-content: space-between; }
.kredi-kart::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(115deg, rgba(255, 255, 255, .035) 0 2px, transparent 2px 9px); pointer-events: none; }
.kredi-kart::after { content: ''; position: absolute; width: 220px; height: 220px; right: -70px; bottom: -110px; border-radius: 50%; border: 26px solid rgba(255, 255, 255, .05); }
.kredi-kart.bos { background: linear-gradient(135deg, #3A4668, #1F2940); filter: saturate(.7); }
.kredi-kart.icra { background: linear-gradient(135deg, #5B1111, #2A0A0A); }
.kk-ust { display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1; }
.kk-tur { font-size: 11px; font-weight: 800; letter-spacing: .2em; opacity: .85; }
.kk-cip { width: 46px; height: 34px; border-radius: 7px; position: relative; z-index: 1; margin-top: 6px;
  background: linear-gradient(135deg, #F8DE7E, #C9A13A 60%, #F3D57A); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15); }
.kk-cip::after { content: ''; position: absolute; inset: 8px 10px; border: 1.5px solid rgba(90, 60, 0, .35); border-radius: 4px; }
.kk-temassiz { position: absolute; right: 22px; top: 58px; font-weight: 800; letter-spacing: -2px; transform: rotate(90deg); opacity: .7; }
.kk-no { font-size: clamp(17px, 5vw, 22px); letter-spacing: .12em; font-variant-numeric: tabular-nums; position: relative; z-index: 1; text-shadow: 0 1px 2px rgba(0, 0, 0, .4); }
.kk-alt { display: flex; justify-content: space-between; position: relative; z-index: 1; }
.kk-alt small { display: block; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; opacity: .65; }
.kk-alt b { font-size: 14px; letter-spacing: .06em; }
.kart-teklif { display: grid; gap: 12px; }
@media (min-width: 520px) { .kart-teklif { grid-template-columns: 1fr 1fr; align-items: center; } .kart-teklif .kredi-kart { margin: 0; } }
.teklif-limit { background: #EAF7EF; border-radius: 12px; padding: 10px 12px; margin: 8px 0 12px; }
.teklif-limit small { display: block; color: var(--soluk); font-size: 12px; } .teklif-limit b { font-size: 24px; color: var(--yesil-koyu); }
.kk-limit-ust { display: flex; justify-content: space-between; align-items: flex-end; }
.kk-limit-ust small { display: block; color: var(--soluk); font-size: 12px; } .kk-limit-ust b { font-size: 22px; }
.kk-limit .sag { text-align: end; }
.kk-cubuk { height: 12px; border-radius: 6px; background: #EDF0F6; overflow: hidden; margin: 10px 0 6px; }
.kk-cubuk > div { height: 100%; border-radius: 6px; background: linear-gradient(90deg, #1FA25A, #7BC043); transition: width .6s; }
.kk-cubuk > div.yuksek { background: linear-gradient(90deg, #F08A24, #E0493C); }
.son-odeme { display: flex; justify-content: space-between; align-items: center; background: linear-gradient(90deg, #FFF3D6, #FFF); }
.son-odeme small { display: block; font-size: 12px; color: var(--soluk); } .son-odeme b { font-size: 18px; } .son-odeme .sag { text-align: end; }
ul.kk-hareketler { list-style: none; padding: 0; margin: 0 0 10px; }
ul.kk-hareketler li { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--cizgi); }
.kk-ik { width: 34px; height: 34px; border-radius: 10px; background: #F2F4F9; display: grid; place-items: center; flex: none; }
.kk-ac { flex: 1; min-width: 0; font-size: 14px; } .kk-ac small { display: block; font-size: 12px; color: var(--soluk); }
ul.kk-hareketler b.arti { color: var(--yesil); } ul.kk-hareketler b.eksi { color: var(--kirmizi); }
.icra-kart { border: 2px solid #F3C3BE; background: linear-gradient(180deg, #FFF3F2, #fff); }
.icra-kart h3 { color: var(--kirmizi-koyu); }
.not-serit { display: flex; align-items: center; gap: 10px; width: 100%; border: 0; font: inherit; cursor: pointer; text-align: start; margin: 0 0 12px;
  background: #fff; border-radius: 14px; padding: 12px 14px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); border-left: 6px solid var(--renk); }
.not-serit span { flex: 1; font-weight: 700; } .not-serit b { font-size: 22px; color: var(--renk); } .not-serit em { font-style: normal; font-size: 12px; font-weight: 800; color: #fff; background: var(--renk); padding: 2px 8px; border-radius: 99px; }
.not-serit i { font-style: normal; font-size: 22px; color: var(--soluk); }
.not-kart { text-align: center; }
.not-gosterge { width: 100%; max-width: 280px; display: block; margin: 0 auto -6px; }
.not-puan { font-size: 46px; font-weight: 800; line-height: 1; }
.not-bant { display: inline-block; color: #fff; font-weight: 800; padding: 3px 14px; border-radius: 99px; margin: 6px 0 4px; }
ul.not-bilesen { list-style: none; padding: 0; margin: 0; }
ul.not-bilesen li { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--cizgi); }
ul.not-bilesen small { display: block; color: var(--soluk); font-size: 12.5px; font-weight: 500; }
ul.not-bilesen em { font-style: normal; font-weight: 800; font-size: 16px; } ul.not-bilesen em.arti { color: var(--yesil); } ul.not-bilesen em.eksi { color: var(--kirmizi); }
ul.not-bantlar { list-style: none; padding: 0; margin: 0 0 12px; display: grid; gap: 4px; font-size: 14px; }
ul.not-bantlar li { display: flex; align-items: center; gap: 8px; padding: 5px 8px; border-radius: 8px; }
ul.not-bantlar li.secili { background: #F3F6FC; font-weight: 700; }
ul.not-bantlar i { width: 14px; height: 14px; border-radius: 4px; } ul.not-bantlar b { margin-inline-start: auto; }
.vergi-kart { display: flex; gap: 12px; justify-content: space-between; flex-wrap: wrap; }
.vergi-kart small { display: block; color: var(--soluk); font-size: 12px; } .vergi-kart b { font-size: 17px; letter-spacing: .04em; }
.profil-kimlik { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.profil-kimlik > * { border: 0; font: inherit; font-size: 12.5px; font-weight: 700; background: #EEF2FA; color: var(--lacivert); padding: 4px 9px; border-radius: 99px; cursor: pointer; }
.profil-kimlik span { cursor: default; background: #F4F4F4; color: var(--metin); }

/* ---------- Sohbet (sabit ölçülü, gruplu balonlar) ---------- */
.sy-kutu { display: flex; flex-direction: column; height: min(58vh, 540px); min-height: 320px; border-radius: 20px; overflow: hidden;
  background: linear-gradient(180deg, #F4F1EA 0%, #EFEAE0 100%); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05); position: relative; }
.sy-kutu::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .45;
  background-image: radial-gradient(circle at 1px 1px, rgba(27, 47, 91, .07) 1px, transparent 1.5px); background-size: 18px 18px; }
.sy-ust { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: rgba(255, 255, 255, .85); backdrop-filter: blur(6px); border-bottom: 1px solid rgba(0, 0, 0, .06); position: relative; z-index: 1; flex: none; }
.sy-ust-ikon { width: 38px; height: 38px; border-radius: 12px; background: linear-gradient(135deg, #FFC42E, #FF8A3D); display: grid; place-items: center; font-size: 20px; }
.sy-ust b { display: block; } .sy-ust small { color: var(--soluk); font-size: 12px; }
.sy-onceki { margin: 8px auto 0; width: auto !important; position: relative; z-index: 1; flex: none; }
.sy-akis { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 10px 12px 6px; display: flex; flex-direction: column; gap: 2px; position: relative; z-index: 1; scroll-behavior: auto; }
.sy-bos { margin: auto; text-align: center; color: var(--soluk); font-size: 14px; padding: 20px; }
.sy-gun { align-self: center; margin: 10px 0 6px; }
.sy-gun span { display: inline-block; font-size: 12px; font-weight: 800; color: #5E6782; background: rgba(255, 255, 255, .9); padding: 3px 12px; border-radius: 99px; box-shadow: 0 1px 2px rgba(0, 0, 0, .08); }
.sy-satir { display: flex; align-items: flex-end; gap: 6px; max-width: 86%; }
.sy-satir.ilk { margin-top: 8px; }
.sy-satir.ben { align-self: flex-end; flex-direction: row-reverse; }
.sy-avatar { width: 34px; flex: none; }
.sy-avatar button { border: 0; padding: 0; background: none; cursor: pointer; border-radius: 50%; }
.sy-balon { position: relative; background: #fff; color: var(--metin); padding: 7px 11px 6px; border-radius: 16px; box-shadow: 0 1px 1.5px rgba(0, 0, 0, .12); min-width: 60px; word-break: break-word; }
.sy-satir.ilk:not(.ben) .sy-balon { border-bottom-left-radius: 5px; }
.sy-satir.ben .sy-balon { background: linear-gradient(135deg, #2F6FD1, #1B4FA6); color: #fff; }
.sy-satir.ilk.ben .sy-balon { border-bottom-right-radius: 5px; }
.sy-ad { display: flex; align-items: center; gap: 5px; border: 0; background: none; padding: 0; margin-bottom: 1px; font: inherit; font-size: 12.5px; font-weight: 800; color: #C2410C; cursor: pointer; }
.sy-ad i { font-style: normal; font-size: 10px; font-weight: 800; background: #FFE9C7; color: #9A5B00; padding: 0 6px; border-radius: 99px; }
.sy-metin { font-size: 15px; line-height: 1.35; white-space: pre-wrap; }
.sy-saat { display: block; text-align: end; font-size: 10.5px; opacity: .6; margin-top: 1px; }
.sy-yaz { flex: none; display: flex; align-items: center; gap: 8px; padding: 8px 10px calc(8px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)) * 0); background: rgba(255, 255, 255, .92); border-top: 1px solid rgba(0, 0, 0, .06); position: relative; z-index: 1; }
.sy-yaz input { flex: 1; min-width: 0; height: 44px; border-radius: 22px; border: 1.5px solid #E1E5EE; background: #F7F8FB; padding: 0 16px; font: inherit; font-size: 15px; color: var(--metin); }
.sy-yaz input:focus { outline: none; border-color: var(--mavi); background: #fff; }
.sy-gonder { width: 44px; height: 44px; flex: none; border: 0; border-radius: 50%; cursor: pointer; display: grid; place-items: center;
  background: linear-gradient(135deg, #3B8BEB, #1B4FA6); box-shadow: 0 3px 8px rgba(27, 79, 166, .35); transition: transform .1s; }
.sy-gonder:active { transform: scale(.92); }
.sy-gonder svg { width: 20px; height: 20px; fill: #fff; margin-left: 2px; }
.sy-ara { display: flex; align-items: center; gap: 8px; background: #fff; border-radius: 14px; padding: 5px 5px 5px 12px; margin-bottom: 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.sy-ara svg { width: 20px; height: 20px; fill: var(--soluk); flex: none; }
.sy-ara input { flex: 1; min-width: 0; border: 0; font: inherit; font-size: 15px; padding: 8px 0; background: transparent; }
.sy-ara input:focus { outline: none; }
.sy-ara .dugme { width: auto; }
.konusma-ust .sy-eylemler { display: flex; gap: 6px; }
.konusma-ust .sy-eylemler .dugme { width: auto; margin: 0; }

/* ---------- Alt menü (yeni) ---------- */
.dock ul { background: linear-gradient(180deg, rgba(27, 47, 91, .96), rgba(17, 31, 64, .98)); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-radius: 26px; padding: 7px; gap: 4px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 14px 30px rgba(0, 0, 0, .35); }
.dock a { height: 58px; border-radius: 19px; gap: 3px; font-size: 11.5px; letter-spacing: .01em; color: rgba(214, 224, 245, .72); transition: background .2s, color .2s; }
.dock a .ikon { font-size: 0; width: 26px; height: 26px; display: grid; place-items: center; filter: none; transition: transform .2s cubic-bezier(.3, 1.4, .5, 1); }
.dock a .ikon svg { width: 25px; height: 25px; }
.dock a .ikon svg .dolgu { fill: transparent; transition: fill .2s; }
.dock a:hover { color: #fff; }
.dock a:active .ikon { transform: scale(.88); }
.dock a[aria-current="page"] { color: #1B2437; background: linear-gradient(180deg, #FFD65C, #FFB82E); box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 6px 14px rgba(255, 184, 46, .35); }
.dock a[aria-current="page"] .ikon { transform: translateY(-1px); }
.dock a[aria-current="page"] .ikon svg .dolgu { fill: rgba(27, 36, 55, .16); }
.dock a[aria-current="page"] .etiket-ad { font-weight: 800; }
.dock .rozet { top: 3px; right: calc(50% - 24px); border-color: #16264F; box-shadow: 0 2px 6px rgba(224, 73, 60, .5); animation: rozetZipla .5s cubic-bezier(.3, 1.6, .5, 1); }
@keyframes rozetZipla { from { transform: scale(.4); } }
@media (max-width: 400px) { .dock a { font-size: 10px; } .dock a .ikon svg { width: 23px; height: 23px; } }
/* 0.68.0: telefonda alt menü ekranın altına yakın ve yanlarda daha az boşlukla durur. Güvenli alan payının yarısı
   yeterli: düğmelerin iç boşluğu ana ekran çizgisinin üstünde kalır (alan çift sayılınca menü çok yukarıda kalıyordu). */
@media (max-width: 760px) {
  .dock { padding: 0 4px max(4px, calc(var(--alt) * 0.5)); }
  .dock ul { padding: 5px; gap: 2px; border-radius: 22px; max-width: none; }
  .dock a { height: 56px; border-radius: 17px; }
}

/* ---------- Keyif düğmesi ve etkinlik şeridi ---------- */
.keyif-dugme { position: relative; }
.keyif-dugme #keyif-simge { font-size: 22px; line-height: 1; }
.keyif-dugme i { position: absolute; left: 8px; right: 8px; bottom: 5px; height: 4px; border-radius: 2px; background: rgba(255, 255, 255, .25); overflow: hidden; }
.keyif-dugme i::after { content: ''; position: absolute; inset: 0; width: var(--oran, 60%); background: var(--renk, #3A86FF); border-radius: 2px; }
.keyif-dugme.uyari { animation: keyifUyari 2.4s ease-in-out infinite; }
@keyframes keyifUyari { 50% { box-shadow: 0 0 0 4px rgba(240, 138, 36, .45); } }
.etkinlik-serit { position: fixed; z-index: 25; left: 50%; top: calc(var(--ust) + 64px); transform: translateX(-50%); display: flex; gap: 10px; align-items: center; white-space: nowrap;
  background: linear-gradient(90deg, #FF4D9D, #FF9A3D); color: #fff; padding: 6px 14px; border-radius: 99px; box-shadow: 0 6px 18px rgba(255, 77, 157, .4); font-size: 13.5px; pointer-events: none; }
.etkinlik-serit em { font-style: normal; font-weight: 800; background: rgba(0, 0, 0, .2); padding: 1px 8px; border-radius: 99px; }
body.sinemada .etkinlik-serit { display: none; }

/* ---------- Bakım ekranı ---------- */
#bakim-ekrani { position: fixed; inset: 0; z-index: 200; display: grid; place-items: center; padding: 20px; background: radial-gradient(circle at 50% 30%, #2B4A86, #0F1B3A); }
.bakim-kart { max-width: 420px; text-align: center; background: #fff; border-radius: 24px; padding: 28px 22px; box-shadow: 0 20px 50px rgba(0, 0, 0, .4); }
.bakim-ikon { font-size: 56px; animation: bakimDon 3s ease-in-out infinite; }
@keyframes bakimDon { 50% { transform: rotate(-18deg); } }
.bakim-kart h2 { margin: 6px 0; } .bakim-kart p { color: var(--metin); } .bakim-kart small { display: block; color: var(--soluk); margin-bottom: 14px; }

/* ---------- Keyif ve mekânlar ---------- */
.keyif-serit { display: flex; align-items: center; gap: 12px; background: #fff; border-radius: 16px; padding: 10px 14px; margin-bottom: 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.keyif-serit b { display: block; font-size: 17px; } .keyif-serit small { color: var(--soluk); font-size: 12.5px; }
.keyif-halka { position: relative; width: 64px; height: 64px; flex: none; }
.keyif-halka svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.keyif-halka circle { fill: none; stroke-width: 8; }
.keyif-halka .iz { stroke: #EDF0F6; } .keyif-halka .dolu { stroke: var(--renk); stroke-linecap: round; transition: stroke-dashoffset .8s; }
.keyif-halka > div { position: absolute; inset: 0; display: grid; place-items: center; align-content: center; line-height: 1; }
.keyif-halka span { font-size: 20px; } .keyif-halka b { font-size: 13px; color: var(--renk); }
.keyif-buyuk { display: flex; align-items: center; gap: 16px; } .keyif-buyuk .keyif-halka { width: 96px; height: 96px; } .keyif-buyuk h3 { margin: 0; }
ul.keyif-tablo { list-style: none; padding: 0; margin: 0 0 10px; display: grid; gap: 4px; }
ul.keyif-tablo li { display: grid; grid-template-columns: 70px 1fr auto; gap: 8px; align-items: center; padding: 7px 10px; border-radius: 10px; background: #F6F8FC; border-left: 5px solid var(--r); }
ul.keyif-tablo em { font-style: normal; font-weight: 800; color: var(--r); }
ul.mekan-liste { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
ul.mekan-liste li { display: flex; gap: 12px; align-items: center; background: #fff; border-radius: 16px; padding: 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
ul.mekan-liste li.kapali { opacity: .6; }
.mekan-simge { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; font-size: 28px; flex: none; background: linear-gradient(135deg, #2B1B4E, #5B2A86); }
.mekan-bilgi { flex: 1; min-width: 0; } .mekan-bilgi b { display: block; } .mekan-bilgi small { color: var(--soluk); font-size: 12.5px; }
.mekan-kisiler { display: flex; align-items: center; margin-top: 5px; } .mekan-kisiler .avatar { margin-right: -6px; border: 2px solid #fff; }
.mekan-kisiler em { font-style: normal; font-size: 12px; font-weight: 700; color: var(--yesil-koyu); margin-left: 12px; }
.mekan-sag { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; } .mekan-sag small { font-size: 11.5px; font-weight: 800; color: #B45309; } .mekan-sag .dugme { width: auto; white-space: nowrap; }
.mekan-sahne { border-radius: 20px; padding: 14px; margin-bottom: 12px; color: #fff; position: relative; overflow: hidden;
  background: radial-gradient(circle at 20% 0%, rgba(255, 77, 157, .45), transparent 50%), radial-gradient(circle at 90% 100%, rgba(59, 139, 235, .45), transparent 55%), #1A1030; }
.mekan-sahne.tur-kafe, .mekan-sahne.tur-cay_ocagi { background: radial-gradient(circle at 20% 0%, rgba(255, 196, 46, .35), transparent 55%), #3B2415; }
.mekan-sahne.tur-sinema { background: radial-gradient(circle at 50% 0%, rgba(255, 60, 60, .35), transparent 55%), #140A10; }
.mekan-sahne::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(255, 255, 255, .08) 1px, transparent 1.5px); background-size: 14px 14px; }
.mekan-baslik { display: flex; gap: 10px; align-items: center; position: relative; } .mekan-baslik > span { font-size: 34px; } .mekan-baslik b { font-size: 18px; display: block; } .mekan-baslik small { opacity: .8; }
.mekan-masa { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0; position: relative; }
.mekan-kisi { display: flex; flex-direction: column; align-items: center; width: 64px; text-align: center; animation: kisiGel .5s both; }
.mekan-kisi b { font-size: 12px; margin-top: 3px; max-width: 64px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mekan-kisi small { font-size: 10.5px; opacity: .7; }
.mekan-kisi.ben .avatar { box-shadow: 0 0 0 3px #FFC42E; }
@keyframes kisiGel { from { opacity: 0; transform: translateY(8px); } }
.mekan-sahne .dugme-satiri { position: relative; display: flex; gap: 8px; flex-wrap: wrap; } .mekan-sahne .dugme { width: auto; margin: 0; }
.mekan-sohbet .sy-kutu { height: min(44vh, 420px); }

/* ---------- Tatil ---------- */
.tatil-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin-bottom: 12px; }
.tatil-kart { border: 0; font: inherit; text-align: start; cursor: pointer; border-radius: 18px; padding: 12px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); display: flex; flex-direction: column; gap: 2px; position: relative; overflow: hidden; transition: transform .15s; }
.tatil-kart::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 58px; background: linear-gradient(135deg, #7DD3FC, #3B82F6); opacity: .18; }
.tatil-kart:hover { transform: translateY(-2px); }
.tatil-kart.secili { box-shadow: 0 0 0 3px var(--mavi), 0 6px 16px rgba(59, 139, 235, .3); }
.tk-simge { font-size: 34px; position: relative; } .tatil-kart b { font-size: 16px; } .tatil-kart small { color: var(--soluk); font-size: 12px; }
.tatil-kart small em { font-style: normal; font-weight: 800; color: #C2410C; }
.tk-aciklama { font-size: 12.5px; color: #4B5563; margin: 3px 0 6px; flex: 1; }
.tk-fiyat { font-weight: 800; color: var(--yesil-koyu); } .tk-fiyat small { color: var(--soluk); font-weight: 600; }
.tatil-satin .segment { margin-bottom: 10px; }
.tatil-ozet { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 16px; margin-bottom: 4px; } .tatil-ozet > b { font-size: 22px; color: var(--yesil-koyu); }
.tatil-kartpostal { text-align: center; border-radius: 22px; padding: 22px 16px; margin-bottom: 12px; color: #fff; background: linear-gradient(160deg, #0EA5E9 0%, #6366F1 55%, #F97316 100%); box-shadow: 0 10px 26px rgba(99, 102, 241, .35); }
.tk-ust { font-size: 60px; animation: tatilSallan 3s ease-in-out infinite; } @keyframes tatilSallan { 50% { transform: rotate(-8deg) scale(1.05); } }
.tatil-kartpostal .dugme { width: auto; }
.ani-rozetler { display: flex; flex-wrap: wrap; gap: 8px; } .ani-rozetler span { display: flex; flex-direction: column; align-items: center; font-size: 26px; background: #F6F8FC; border-radius: 12px; padding: 6px 8px; min-width: 70px; }
.ani-rozetler small { font-size: 10.5px; color: var(--soluk); }

/* ---------- 0.24: komşu tezgâhlar, ilçe gezme ---------- */
.komsu-balon { display: flex; align-items: center; gap: 6px; padding: 3px 10px 3px 4px; background: rgba(255, 255, 255, .95); border: 0; border-radius: 99px; cursor: pointer; box-shadow: 0 3px 10px rgba(0, 0, 0, .18); font: inherit; }
.komsu-balon .kb-simge { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, #FFE08A, #FFB23F); font-size: 15px; }
.komsu-balon b { display: block; font-size: 12.5px; line-height: 1.1; color: var(--metin); } .komsu-balon small { display: block; font-size: 10.5px; color: var(--soluk); line-height: 1.1; white-space: nowrap; }
#ziyaret-serit { position: fixed; z-index: 24; left: 50%; transform: translateX(-50%); top: calc(var(--ust) + 64px); width: min(560px, calc(100% - 20px));
  display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 12px; border-radius: 18px; background: rgba(17, 31, 64, .92); color: #fff; backdrop-filter: blur(8px); box-shadow: 0 10px 26px rgba(0, 0, 0, .3); animation: zsGel .35s cubic-bezier(.2, .9, .3, 1.2); }
@keyframes zsGel { from { transform: translate(-50%, -20px); opacity: 0; } }
#ziyaret-serit .zs-bilgi { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; }
#ziyaret-serit .zs-ikon { font-size: 24px; } #ziyaret-serit b { display: block; } #ziyaret-serit small { opacity: .8; font-size: 12px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#ziyaret-serit .dugme { width: auto; flex: none; margin: 0; }
body.ziyarette .etkinlik-serit { top: calc(var(--ust) + 160px); }
body.sinemada #ziyaret-serit { display: none; }
ul.ilce-canli { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; max-height: 44vh; overflow-y: auto; }
ul.ilce-canli button { width: 100%; display: grid; grid-template-columns: 1fr auto auto auto auto; gap: 10px; align-items: center; border: 0; background: #fff; border-radius: 12px; padding: 10px 12px; font: inherit; cursor: pointer; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); text-align: start; }
ul.ilce-canli span { font-size: 13px; color: var(--soluk); font-variant-numeric: tabular-nums; } ul.ilce-canli i { font-style: normal; font-weight: 800; color: var(--mavi); }
.komsu-tezgah { display: flex; gap: 12px; align-items: center; } .kt-simge { font-size: 34px; } .komsu-tezgah b { display: block; } .komsu-tezgah small { color: var(--soluk); }

/* ---------- 0.24: özel günler (bayramlar, resmî tatiller) ---------- */
.etkinlik-serit { cursor: pointer; pointer-events: auto; }
.etkinlik-serit.ozel-gun { background: linear-gradient(135deg, #C8102E, #9B0B22); color: #fff; max-width: calc(100vw - 24px); }
.etkinlik-serit.ozel-gun.dini { background: linear-gradient(135deg, #1F6F54, #145040); }
.etkinlik-serit.ozel-gun.anma { background: linear-gradient(135deg, #1B1D22, #34373E); }
.etkinlik-serit.ozel-gun.ozel { background: linear-gradient(135deg, #7A3FC7, #B2458C); }
.etkinlik-serit.ozel-gun.resmi { background: linear-gradient(135deg, #0F3D7A, #1D5FB3); }
.etkinlik-serit.ozel-gun .uzun { overflow: hidden; text-overflow: ellipsis; min-width: 0; opacity: .9; }
.etkinlik-serit.ozel-gun button { all: unset; cursor: pointer; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: rgba(0,0,0,.22); font-size: 12px; flex: none; }
@media (max-width: 480px) { .etkinlik-serit.ozel-gun .uzun { display: none; } }
.takvim-karti .bugun-ozel { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 12px; margin-bottom: 10px; background: rgba(200, 16, 46, .1); }
.takvim-karti .bugun-ozel.dini { background: rgba(31, 111, 84, .12); }
.takvim-karti .bugun-ozel.anma { background: rgba(30, 32, 38, .1); }
.takvim-karti .bugun-ozel > span { font-size: 26px; }
.takvim-karti .bugun-ozel small { display: block; opacity: .8; margin-top: 2px; }
.takvim-karti .ozel-gunler li small { display: block; font-size: 11px; opacity: .65; font-weight: 500; }
#saygi-durusu { position: fixed; inset: 0; z-index: 60; pointer-events: none; display: grid; place-items: start center; padding-top: calc(var(--ust, 0px) + 120px);
  background: radial-gradient(ellipse at center, rgba(0,0,0,0) 40%, rgba(0,0,0,.45) 100%); animation: sd-gir 1.2s ease both; }
#saygi-durusu > div { display: grid; justify-items: center; gap: 4px; text-align: center; color: #fff; background: rgba(15, 16, 20, .78); backdrop-filter: blur(6px);
  padding: 16px 22px; border-radius: 18px; border: 1px solid rgba(255,255,255,.15); max-width: min(420px, calc(100vw - 32px)); }
#saygi-durusu span { font-size: 30px; }
#saygi-durusu b { font-size: 20px; letter-spacing: .02em; }
#saygi-durusu small { font-size: 13px; opacity: .85; }
@keyframes sd-gir { from { opacity: 0; } to { opacity: 1; } }
/* 0.75.0: yılbaşı geri sayımı */
#geri-sayim { position: fixed; inset: 0; z-index: 61; pointer-events: none; display: grid; place-items: start center; padding-top: calc(var(--ust, 0px) + 96px); }
#geri-sayim > div { display: grid; justify-items: center; gap: 2px; color: #fff; text-align: center; background: rgba(12, 14, 30, .72); backdrop-filter: blur(6px);
  padding: 12px 26px 14px; border-radius: 20px; border: 1px solid rgba(255, 215, 120, .35); box-shadow: 0 10px 40px rgba(0,0,0,.35); }
#geri-sayim small { font-size: 13px; opacity: .85; letter-spacing: .02em; }
#geri-sayim b { font-size: 34px; font-variant-numeric: tabular-nums; line-height: 1.1; }
#geri-sayim b.son { font-size: 64px; color: #FFD66E; animation: gs-vur .9s ease-out both; }
#geri-sayim b.mutlu { font-size: 38px; color: #FFD66E; animation: gs-vur 1.2s ease-out both; }
@keyframes gs-vur { from { transform: scale(1.5); opacity: 0; } 30% { opacity: 1; } to { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { #geri-sayim b.son, #geri-sayim b.mutlu { animation: none; } }
.konusma-listesi > li.soluk { list-style: none; text-align: center; padding: 22px 16px; line-height: 1.5; }
/* kart üst satırı: logo ile kart türü çakışmasın */
.kk-ust { gap: 10px; }
.kk-ust .tefon-logo { white-space: nowrap; }
.kk-tur { white-space: nowrap; font-size: 10px; letter-spacing: .14em; }

/* ---------- 0.25: kupon kodu ---------- */
.kupon-form { display: grid; gap: 12px; }
.kupon-bilet { position: relative; padding: 18px 16px 16px; border-radius: 18px; color: #fff; text-align: center;
  background: linear-gradient(135deg, #1B2F5B 0%, #2B4C8C 55%, #7A3FC7 100%); box-shadow: 0 10px 24px rgba(27, 47, 91, .28); overflow: hidden; }
.kupon-bilet::before, .kupon-bilet::after { content: ''; position: absolute; top: 50%; width: 22px; height: 22px; border-radius: 50%; background: var(--panel, #FFF8EC); transform: translateY(-50%); }
.kupon-bilet::before { left: -11px; } .kupon-bilet::after { right: -11px; }
.kupon-bilet > small { display: block; opacity: .85; font-weight: 700; letter-spacing: .04em; margin-bottom: 10px; }
.kupon-kutular { display: flex; justify-content: center; align-items: center; gap: 6px; }
.kupon-kutular span { opacity: .6; font-weight: 800; }
.kupon-kutular input { width: 4.6ch; font: 800 26px/1 ui-monospace, 'SF Mono', Menlo, Consolas, monospace; letter-spacing: .12em; text-align: center;
  padding: 10px 6px; border-radius: 12px; border: 2px solid rgba(255,255,255,.35); background: rgba(255,255,255,.12); color: #fff; min-width: 0; }
.kupon-kutular input::placeholder { color: rgba(255,255,255,.35); }
.kupon-kutular input:focus { outline: none; border-color: #FFD54A; background: rgba(255,255,255,.2); }
.kupon-sonuc { min-height: 0; margin-top: 10px; font-size: 14px; }
.kupon-sonuc:empty { display: none; }
.kupon-sonuc.iyi { display: grid; gap: 2px; background: rgba(31, 162, 90, .9); border-radius: 12px; padding: 10px; animation: kuponIyi .5s ease; }
.kupon-sonuc.iyi b { font-size: 24px; }
.kupon-sonuc.kotu { background: rgba(216, 30, 34, .88); border-radius: 12px; padding: 8px 10px; font-weight: 700; }
.kupon-bilet.salla { animation: kuponSalla .4s ease; }
@keyframes kuponSalla { 20%, 60% { transform: translateX(-6px); } 40%, 80% { transform: translateX(6px); } }
@keyframes kuponIyi { from { transform: scale(.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@media (max-width: 360px) { .kupon-kutular input { font-size: 21px; } }

/* ---------- 0.25: kuş bakışında komşu tezgâh iğnesi ---------- */
.uzak-komsu .komsu-balon { padding: 2px; gap: 0; }
.uzak-komsu .komsu-balon > span:not(.kb-simge) { display: none; }
.uzak-komsu .komsu-balon .kb-simge { width: 24px; height: 24px; font-size: 13px; box-shadow: 0 0 0 3px rgba(255, 178, 63, .35); }
.uzak-komsu .komsu-balon::after { content: ''; position: absolute; left: 50%; bottom: -6px; width: 2px; height: 7px; background: #FFB23F; transform: translateX(-50%); }
.uzak-komsu .komsu-balon { position: relative; }
.ilce-etiket .ilce-canli { display: inline-block; margin-left: 5px; padding: 0 5px; border-radius: 99px; background: rgba(255, 196, 46, .95); color: #3A2600; font-style: normal; font-weight: 800; font-size: 10.5px; }

/* ---------- Mesajlaşma (0.27: Messenger düzeni, tam yükseklik) ---------- */
#panel-katman.mesajlasma, #panel-katman.dock-acik.mesajlasma {
  top: var(--vvt, 0px); bottom: auto; height: var(--vvh, 100dvh); padding: 0;
  align-items: stretch; background: rgba(8, 16, 34, .5);
}
#panel-katman.mesajlasma .panel.ms-panel {
  max-width: none; max-height: none; height: 100%; margin: 0; border-radius: 0; background: #fff;
  box-shadow: none; animation: msGel .22s ease-out;
}
@keyframes msGel { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
.ms-panel > .panel-ust { display: none; }
.ms-panel > .panel-govde { padding: 0 !important; overflow: hidden; flex: 1 1 auto; min-height: 0; display: flex; }
.ms { flex: 1; min-width: 0; min-height: 0; display: flex; background: #fff; color: var(--metin); }
.ms-liste { width: 100%; display: flex; flex-direction: column; min-height: 0; background: #fff; }
.ms-sohbet { flex: 1; min-width: 0; min-height: 0; display: none; flex-direction: column; background: #fff; position: relative; }
.ms[data-gorunum="sohbet"] .ms-liste { display: none; }
.ms[data-gorunum="sohbet"] .ms-sohbet { display: flex; }
.ms-bas { flex: none; display: flex; align-items: center; justify-content: space-between; padding: calc(10px + var(--ust)) 12px 6px 16px; }
.ms-bas h2 { margin: 0; font-size: 24px; font-weight: 800; letter-spacing: -.3px; }
.ms-ikon-dugme { width: 38px; height: 38px; flex: none; border: 0; border-radius: 50%; background: #F0F2F5; color: #050505; font: inherit; font-size: 18px; font-weight: 800; cursor: pointer; display: grid; place-items: center; }
.ms-ikon-dugme:hover { background: #E4E6EB; }
.ms-ikon-dugme svg { width: 22px; height: 22px; fill: currentColor; }
.ms-ara { flex: none; display: flex; align-items: center; gap: 8px; margin: 4px 12px 8px; padding: 0 12px; height: 40px; border-radius: 20px; background: #F0F2F5; }
.ms-ara svg { width: 18px; height: 18px; fill: #65676B; flex: none; }
.ms-ara input { flex: 1; min-width: 0; border: 0; background: transparent; font: inherit; font-size: 15px; color: var(--metin); }
.ms-ara input:focus { outline: none; }
.ms-kaydir { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 8px calc(10px + var(--alt)); -webkit-overflow-scrolling: touch; }
.ms-ara-baslik { font-size: 13px; font-weight: 800; color: #65676B; padding: 12px 10px 4px; text-transform: uppercase; letter-spacing: .4px; }
.ms-kisiler { list-style: none; margin: 0; padding: 0; }
.ms-kisi { width: 100%; display: flex; align-items: center; gap: 12px; padding: 8px 10px; border: 0; border-radius: 12px; background: transparent; font: inherit; text-align: start; cursor: pointer; color: inherit; }
.ms-kisi:hover { background: #F2F2F2; }
.ms-kisi.secili { background: #EBF3FF; }
.ms-avatar { flex: none; display: grid; place-items: center; }
.ms-avatar .avatar, .ms-avatar img { border-radius: 50%; }
.ms-ilce-ikon { width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, #FFC42E, #FF8A3D); display: grid; place-items: center; font-size: 24px; }
.ms-sohbet-bas .ms-ilce-ikon { width: 40px; height: 40px; font-size: 20px; }
.ms-kisi-bilgi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ms-kisi-ust { display: flex; align-items: baseline; gap: 8px; }
.ms-kisi-ust b { flex: 1; min-width: 0; font-size: 15px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ms-kisi-ust small { flex: none; font-size: 12px; color: #65676B; }
.ms-kisi-alt { font-size: 13.5px; color: #65676B; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ms-kisi.yeni .ms-kisi-ust b, .ms-kisi.yeni .ms-kisi-alt { font-weight: 800; color: #050505; }
.ms-kisi.yeni .ms-kisi-ust small { color: #0866FF; font-weight: 800; }
.ms-sayac { flex: none; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: #0866FF; color: #fff; font-size: 12px; font-weight: 800; display: grid; place-items: center; }
.ms-liste-bos, .ms-hata { list-style: none; padding: 18px 12px; color: #65676B; font-size: 14px; text-align: center; }
.ms-hata { color: var(--kirmizi); }
.ms-alt-dugme { display: block; width: calc(100% - 8px); margin: 6px 4px; padding: 10px; border: 0; border-radius: 10px; background: #F0F2F5; font: inherit; font-size: 14px; font-weight: 700; color: #050505; cursor: pointer; }
.ms-alt-dugme[hidden] { display: none; }
/* açık sohbet */
.ms-sohbet-bas { flex: none; display: flex; align-items: center; gap: 10px; padding: calc(8px + var(--ust)) 10px 8px; border-bottom: 1px solid #E4E6EB; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .04); z-index: 2; }
.ms-sohbet-ad { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.2; }
.ms-sohbet-ad b { font-size: 16px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ms-sohbet-ad small { font-size: 12.5px; color: #65676B; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ms-profil { border: 0; background: none; padding: 0; font: inherit; color: inherit; cursor: pointer; text-align: start; font-weight: inherit; }
.ms-sohbet-eylem { display: flex; gap: 6px; align-items: center; }
.ms-menu-kutu { position: relative; }
.ms-menu { position: absolute; right: 0; top: calc(100% + 6px); min-width: 200px; background: #fff; border-radius: 12px; box-shadow: 0 8px 28px rgba(0, 0, 0, .2); padding: 6px; display: flex; flex-direction: column; z-index: 5; }
.ms-menu[hidden] { display: none; }
.ms-menu button { border: 0; background: none; font: inherit; font-size: 15px; text-align: start; padding: 10px 12px; border-radius: 8px; cursor: pointer; color: #050505; }
.ms-menu button:hover { background: #F2F2F2; }
.ms-akis-kutu { flex: 1; min-height: 0; position: relative; display: flex; }
.ms-akis { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 10px 12px 8px; display: flex; flex-direction: column; gap: 2px; background: #fff; }
.ms-akis .sy-balon { background: #F0F0F0; box-shadow: none; border-radius: 18px; }
.ms-akis .sy-satir.ben .sy-balon { background: linear-gradient(180deg, #1E88FF, #0866FF); }
.ms-akis .sy-gun span { background: none; box-shadow: none; color: #65676B; font-weight: 700; }
.ms-akis .sy-satir { max-width: min(78%, 560px); }
.ms-ilk { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.ms-ilk b { font-size: 18px; color: #050505; }
.ms-ilk-avatar .avatar, .ms-ilk-avatar img { border-radius: 50%; }
.ms-onceki { display: flex; justify-content: center; padding: 6px; }
.ms-onceki[hidden] { display: none; }
.ms-yeni-mesaj { position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); border: 0; border-radius: 99px; padding: 7px 14px; background: #fff; color: #0866FF; font: inherit; font-size: 13px; font-weight: 800; box-shadow: 0 2px 12px rgba(0, 0, 0, .18); cursor: pointer; z-index: 2; }
.ms-yeni-mesaj[hidden] { display: none; }
.ms-yaz { flex: none; display: flex; align-items: flex-end; gap: 8px; padding: 8px 10px calc(8px + var(--alt)); background: #fff; border-top: 1px solid #F0F2F5; }
.ms-yaz textarea { flex: 1; min-width: 0; resize: none; min-height: 40px; max-height: 132px; line-height: 20px; padding: 10px 16px; border: 0; border-radius: 20px; background: #F0F2F5; font: inherit; font-size: 16px; color: var(--metin); overflow-y: auto; }
.ms-yaz textarea:focus { outline: none; box-shadow: inset 0 0 0 1.5px #BCD6FF; }
.ms-gonder { width: 40px; height: 40px; flex: none; border: 0; border-radius: 50%; background: #0866FF; cursor: pointer; display: grid; place-items: center; transition: transform .1s, opacity .15s; }
.ms-gonder:disabled { background: #BCC0C4; cursor: default; }
.ms-gonder:not(:disabled):active { transform: scale(.9); }
.ms-gonder svg { width: 20px; height: 20px; fill: #fff; margin-left: 2px; }
.ms-engel-serit { flex: none; display: flex; align-items: center; gap: 10px; padding: 12px 14px calc(12px + var(--alt)); background: #FFF4F4; border-top: 1px solid #F3D2D2; font-size: 14px; }
.ms-engel-serit span { flex: 1; }
.ms-engel-serit .dugme { width: auto; margin: 0; }
.ms-secilmedi { margin: auto; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 24px; color: #65676B; max-width: 360px; }
.ms-secilmedi > span { font-size: 44px; }
.ms-secilmedi b { color: #050505; font-size: 17px; }
.ms-engel-liste { list-style: none; margin: 0; padding: 0; }
.ms-engel-liste li { display: flex; align-items: center; gap: 12px; padding: 8px 4px; border-bottom: 1px solid #F0F2F5; }
.ms-engel-liste b { flex: 1; }
.ms-engel-liste .dugme { width: auto; margin: 0; }
.ms-yukleniyor { display: flex; gap: 5px; justify-content: center; padding: 16px; margin: auto; }
.ms-yukleniyor span { width: 7px; height: 7px; border-radius: 50%; background: #BCC0C4; animation: msNokta 1s infinite ease-in-out; }
.ms-yukleniyor span:nth-child(2) { animation-delay: .15s; } .ms-yukleniyor span:nth-child(3) { animation-delay: .3s; }
@keyframes msNokta { 0%, 80%, 100% { opacity: .3; transform: scale(.8); } 40% { opacity: 1; transform: scale(1); } }
.ms-sohbet .ms-geri { display: grid; }
.ms-kapat-dar { display: grid; }
/* geniş ekran: iki bölmeli pencere */
@media (min-width: 900px) {
  #panel-katman.mesajlasma, #panel-katman.dock-acik.mesajlasma { align-items: center; justify-content: center; padding: 24px; }
  #panel-katman.mesajlasma .panel.ms-panel { max-width: 1080px; height: min(100%, 860px); border-radius: 20px; box-shadow: 0 20px 60px rgba(0, 0, 0, .35); }
  .ms-liste { width: 340px; flex: none; border-right: 1px solid #E4E6EB; }
  .ms[data-gorunum] .ms-liste { display: flex; }
  .ms[data-gorunum] .ms-sohbet { display: flex; }
  .ms-bas, .ms-sohbet-bas { padding-top: 12px; }
  .ms-sohbet .ms-geri, .ms-kapat-dar { display: none; }
  .ms-yaz, .ms-engel-serit { padding-bottom: 10px; }
  .ms-kaydir { padding-bottom: 10px; }
}
/* mesajlaşma açıkken oyun bildirimleri sohbet başlığının altında, en fazla bir tane görünür */
/* mesajlaşma açıkken oyun bildirimleri gösterilmez (sohbeti örtmesin; bildirim merkezinde durur) */
body:has(#panel-katman.mesajlasma:not([hidden])) #oyun-bildirimleri { display: none; }

/* 0.28: hava durumunun altında kısayollar (sektörler, devlet ve piyasalar, görevler, keyif) */
.alt-hud { align-items: flex-start; }
.alt-hud .sol-grup { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; pointer-events: none; }
.alt-hud .sol-grup > * { pointer-events: auto; }
.alt-hud .kisayollar { display: flex; gap: 6px; pointer-events: none; }
.alt-hud .kisayollar > * { pointer-events: auto; }
.alt-hud .yuvarlak-dugme:first-of-type { margin-left: 0; }
.alt-hud .kisayollar .yuvarlak-dugme { margin-left: 0; }

/* 0.28: mesajlaşma koyu lacivert tema (oyunun renkleri; beyaz göz yormasın) */
.ms-panel, #panel-katman.mesajlasma .panel.ms-panel { background: #0F1A33; }
.ms { background: #0F1A33; color: #E8EEFB; }
.ms-liste { background: linear-gradient(180deg, #13213F 0%, #0F1A33 100%); }
.ms-sohbet { background: #0F1A33; }
.ms-bas h2 { color: #FFF8E6; }
.ms-ikon-dugme { background: rgba(255, 255, 255, .08); color: #E8EEFB; }
.ms-ikon-dugme:hover { background: rgba(255, 255, 255, .16); }
.ms-ara { background: rgba(255, 255, 255, .07); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06); }
.ms-ara svg { fill: #8E9CC0; }
.ms-ara input { color: #E8EEFB; }
.ms-ara input::placeholder { color: #7F8DB2; }
.ms-ara-baslik { color: #FFC42E; opacity: .85; }
.ms-kisi { color: #E8EEFB; }
.ms-kisi:hover { background: rgba(255, 255, 255, .06); }
.ms-kisi.secili { background: rgba(255, 196, 46, .14); box-shadow: inset 3px 0 0 #FFC42E; }
.ms-kisi-ust small, .ms-kisi-alt { color: #8E9CC0; }
.ms-kisi.yeni .ms-kisi-ust b, .ms-kisi.yeni .ms-kisi-alt { color: #FFFFFF; }
.ms-kisi.yeni .ms-kisi-ust small { color: #FFC42E; }
.ms-sayac { background: #FFC42E; color: #1B2F5B; }
.ms-liste-bos { color: #8E9CC0; }
.ms-alt-dugme { background: rgba(255, 255, 255, .07); color: #E8EEFB; }
.ms-alt-dugme:hover { background: rgba(255, 255, 255, .12); }
.ms-sohbet-bas { background: #1B2F5B; border-bottom-color: rgba(255, 255, 255, .06); box-shadow: 0 2px 10px rgba(0, 0, 0, .25); }
.ms-sohbet-ad b { color: #FFF8E6; }
.ms-sohbet-ad small { color: #A9B6D6; }
.ms-menu { background: #1E2F55; box-shadow: 0 10px 30px rgba(0, 0, 0, .45); }
.ms-menu button { color: #E8EEFB; }
.ms-menu button:hover { background: rgba(255, 255, 255, .08); }
.ms-akis { background: #0F1A33;
  background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .035) 1px, transparent 1.5px); background-size: 20px 20px; }
.ms-akis .sy-balon { background: #22335A; color: #EAF0FF; box-shadow: none; }
.ms-akis .sy-satir.ben .sy-balon { background: linear-gradient(135deg, #FFC42E 0%, #FF9A3D 100%); color: #2A1A00; }
.ms-akis .sy-saat { opacity: .6; }
.ms-akis .sy-ad { color: #FFB547; }
.ms-akis .sy-ad i { background: rgba(255, 196, 46, .18); color: #FFD27A; }
.ms-akis .sy-gun span { color: #8E9CC0; background: rgba(255, 255, 255, .05); }
.ms-akis .sy-bos, .ms-secilmedi { color: #8E9CC0; }
.ms-ilk b, .ms-secilmedi b { color: #FFF8E6; }
.ms-yeni-mesaj { background: #FFC42E; color: #1B2F5B; }
.ms-yaz { background: #13213F; border-top-color: rgba(255, 255, 255, .06); }
.ms-yaz textarea { background: rgba(255, 255, 255, .08); color: #FFFFFF; }
.ms-yaz textarea::placeholder { color: #7F8DB2; }
.ms-yaz textarea:focus { box-shadow: inset 0 0 0 1.5px rgba(255, 196, 46, .55); }
.ms-gonder { background: #FFC42E; }
.ms-gonder svg { fill: #1B2F5B; }
.ms-gonder:disabled { background: rgba(255, 255, 255, .12); }
.ms-gonder:disabled svg { fill: #7F8DB2; }
.ms-engel-serit { background: rgba(224, 73, 60, .12); border-top-color: rgba(224, 73, 60, .3); color: #FFD9D5; }
.ms-engel-liste li { border-bottom-color: rgba(255, 255, 255, .06); }
.ms-engel-liste b { color: #E8EEFB; }
.ms-yukleniyor span { background: #5E6E96; }
@media (min-width: 900px) { .ms-liste { border-right-color: rgba(255, 255, 255, .06); } }
.profil-kart .profil-rakam { align-items: center; }
.profil-kart .profil-keyif { border: 0; font: inherit; font-size: 14px; background: #FFF1CC; color: var(--metin); padding: 2px 10px; border-radius: 99px; cursor: pointer; }
.profil-kart .profil-keyif b { font-weight: 800; }

/* ---------- 0.29: tanıtım filmi (önceden çekilmiş, donanımla oynatılan video) ---------- */
#sinema.gx.film { background: #06020C; }
#sinema.gx .gx-film { position: absolute; inset: 0; z-index: 0; background: #06020C; overflow: hidden; }
#sinema.gx .gx-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; background: #06020C; }
/* dikey ekranda film sinema oranında ortada durur (yanlardan biraz kırpılarak büyütülür) */
@media (orientation: portrait) {
  #sinema.gx .gx-video { top: 50%; height: min(100%, calc(100vw * 0.5625 * 1.7)); transform: translateY(-50%); }
  /* 0.41.1: dikey ekranda kadraj (bantlar, ince çerçeve, yazılar, noktalı lekeler) filmin kendisine oturur;
     filmin altında ve üstünde siyah boşlukta yazı ya da nokta kalmaz */
  #sinema.gx { --bant: max(6vh, calc((100vh - 100vw * 0.5625 * 1.7) / 2)); }
  #sinema.gx .gx-baslik-kutu { font-size: calc(clamp(40px, 15vw, 110px) * var(--boy)); }
  #sinema.gx .gx-alt { font-size: clamp(17px, 4.6vw, 30px); }
  #sinema.gx .gx-kart.sol { bottom: calc(var(--bant) + 4%); }
}
#sinema.gx .gx-hazirlik { position: absolute; left: 50%; top: 50%; z-index: 9; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; gap: 10px;
  color: rgba(255, 255, 255, .7); font-family: Montserrat, system-ui, sans-serif; font-size: 12px; letter-spacing: .3em; text-transform: uppercase; opacity: 0; transition: opacity .5s; pointer-events: none; }
#sinema.gx.hazirlaniyor .gx-hazirlik { opacity: 1; transition-delay: .8s; }
#sinema.gx .gx-hazirlik-cubuk { width: 140px; height: 2px; background: rgba(255, 255, 255, .15); overflow: hidden; border-radius: 2px; }
#sinema.gx .gx-hazirlik-cubuk i { display: block; width: 40%; height: 100%; background: linear-gradient(90deg, transparent, #FFB23F, #FF3FA4, transparent); animation: gxHazirlik 1.2s ease-in-out infinite; }
@keyframes gxHazirlik { from { transform: translateX(-100%); } to { transform: translateX(250%); } }
#sinema.gx.film .gx-fligran { opacity: .28; }
#sinema.gx.final .gx-fligran { opacity: 0; }
/* film üstündeki renk perdesi: kart gelirken belirir, kendiliğinden söner */
#sinema.gx.film .gx-donuk { opacity: 0; transition: none; }
#sinema.gx.film.donuyor .gx-donuk { animation: gxTonPerde 1.25s ease-out forwards; }
@keyframes gxTonPerde { 0% { opacity: 0; } 12% { opacity: .62; } 55% { opacity: .5; } 100% { opacity: 0; } }

/* Tanıtım: sade bölüm işaretleri ve gerçek film zamanına bağlı ilerleme. */
#sinema.gx .gx-bolum { position: absolute; z-index: 6; left: max(5%, 18px); bottom: calc(var(--bant) + 20px);
  color: #fff; font: 800 clamp(10px, 2.5vw, 13px) Montserrat, sans-serif; letter-spacing: .24em;
  text-shadow: 0 2px 10px #15031d; }
#sinema.gx .gx-akis { position: absolute; z-index: 9; left: 0; right: 0; bottom: var(--bant); height: 3px;
  background: rgba(255,255,255,.25); overflow: hidden; }
#sinema.gx .gx-akis i { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left;
  background: linear-gradient(90deg,#19d3e6,#ffb23f 55%,#ff3fa4); }
#sinema.gx .sinema-gec { padding: 10px 18px; min-height: 42px; background: rgba(9,3,21,.72);
  border: 1px solid rgba(255,255,255,.6); backdrop-filter: blur(8px); }
#sinema.gx .sinema-gec:focus-visible { outline: 3px solid #ffb23f; }
#sinema.gx.tampon .gx-hazirlik { opacity: 1; }
#sinema.gx.tampon .gx-hazirlik small { background: rgba(8,3,20,.8); padding: 8px 12px; border-radius: 4px; }
@media (max-width: 600px) {
  #sinema.gx .gx-bolum { bottom: calc(var(--bant) + 12px); font-size: 10px; }
  #sinema.gx .sinema-gec { right: 12px; top: calc(var(--bant) + 10px); }
}
@media (prefers-reduced-motion: reduce) {
  #sinema.gx .gx-fligran { animation: none; }
  #sinema.gx .gx-kart.gorunur { animation-duration: .01s; }
}

/* Yeni tanıtım: baskı afişi tipografisi, sinema kadrajı ve kısa kesme geçişleri. */
#sinema.gx .gx-afis { position: absolute; z-index: 1; inset: 0; overflow: hidden; pointer-events: none;
  background: #0d1532 url('doku/intro-acilis.webp') center 48% / cover no-repeat; opacity: 1; }
#sinema.gx .gx-afis::after { content: ''; position: absolute; inset: 0;
  background: linear-gradient(90deg,rgba(5,8,25,.6) 0%,rgba(9,7,26,.18) 54%,transparent 100%); }
#sinema.gx.film-basladi .gx-afis { animation: gxAcilisKamera 5s ease-out both; }
#sinema.gx.afis-bitti .gx-afis { opacity: 0; transition: opacity .8s ease-in-out; }
@keyframes gxAcilisKamera { from { background-size: 108% auto; } to { background-size: 120% auto; } }
#sinema.gx .gx-film::after { content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg,rgba(9,2,23,.35),transparent 22%,transparent 68%,rgba(9,2,23,.6)),
    linear-gradient(105deg,rgba(255,59,161,.12),transparent 42%,rgba(15,207,225,.09)); }
#sinema.gx .gx-kadraj::after { content: ''; position: absolute; z-index: 5; pointer-events: none;
  inset: calc(var(--bant) + 12px) 12px; border: 1px solid rgba(255,255,255,.22); }
#sinema.gx .gx-imza { position: absolute; z-index: 6; left: max(5%, 18px); top: calc(var(--bant) + 20px);
  display: flex; flex-direction: column; color: #fff; text-shadow: 0 3px 15px #170328; }
#sinema.gx .gx-imza strong { font: 400 clamp(25px,5vw,42px)/1 Anton,Impact,sans-serif; letter-spacing: .09em; }
#sinema.gx .gx-imza span { margin-top: 3px; font: 800 clamp(8px,1.2vw,11px) Montserrat,sans-serif; letter-spacing: .22em; }
#sinema.gx .gx-gecis { position: absolute; z-index: 3; inset: 0; pointer-events: none; opacity: 0;
  background: linear-gradient(110deg,#17042c 8%,#ff4ca4 48%,#ffb354 85%);
  clip-path: polygon(0 0,60% 0,40% 100%,0 100%); transform: translateX(-120%); }
#sinema.gx .gx-gecis.sil { animation: gxSeritGecis .56s ease-in-out both; }
@keyframes gxSeritGecis { 0% { transform: translateX(-120%); opacity: 0; }
  22% { opacity: .9; } 78% { opacity: .9; } 100% { transform: translateX(230%); opacity: 0; } }
/* 0.40.2: degrade başlıkta yazı gölgesi kullanılmaz: gölge degradenin ÜSTÜNE boyanıyor, başlık siyah görünüyordu.
   Derinliği filter: drop-shadow verir (degradenin altında kalır). */
#sinema.gx .gx-kart .gx-baslik { text-shadow: none; filter: drop-shadow(0 4px 0 #220629) drop-shadow(0 12px 26px rgba(9,1,22,.75)) drop-shadow(0 0 24px rgba(255,77,157,.35)); }
/* vuruş kelimeleri de renkli: açık tondan kelimenin rengine degrade, turkuaz-pembe kayma gölgelerle */
#sinema.gx .gx-kelime { padding: .12em .08em .16em; color: #2A0838; background: none;
  text-shadow: -4px 0 0 rgba(0, 230, 255, .75), 4px 0 0 rgba(255, 60, 150, .85), 0 10px 0 rgba(40, 0, 60, .65), 0 16px 34px rgba(40, 0, 60, .55); }
/* 0.41.1: renkli yüz üstteki kopyada; gölgeler filtre yerine yazı gölgesiyle. Filtre + büyüme animasyonu yazıyı
   düşük çözünürlükte boyayıp büyütüyordu (bulanık/pikselli görünüyordu); artık her karede keskin çizilir. */
#sinema.gx .gx-kelime::after { content: attr(data-k); position: absolute; inset: 0; padding: inherit; text-shadow: none; color: transparent;
  background: linear-gradient(100deg, #FFF4D6 0%, var(--ton) 52%, #FFD9EC 100%); -webkit-background-clip: text; background-clip: text; }
#sinema.gx .gx-kart .gx-ust { background: #ffcc62; color: #2a082f; padding: 4px 9px; letter-spacing: .2em; }
#sinema.gx .gx-kart.sol { left: max(5%, 18px); }
@media (max-width: 600px) {
  #sinema.gx .gx-afis { background-position: 36% center; }
  #sinema.gx.film-basladi .gx-afis { animation: none; }
  #sinema.gx .gx-imza { top: calc(var(--bant) + 16px); }
  #sinema.gx .gx-imza span { max-width: 130px; line-height: 1.3; }
  #sinema.gx .gx-kadraj::after { inset: calc(var(--bant) + 8px) 8px; }
}
@media (prefers-reduced-motion: reduce) {
  #sinema.gx .gx-gecis.sil { animation: none; }
}

/* ---------- 0.30: gruplar, Türkiye geneli arama, oyuncu seçici ---------- */
.ms-baslik-eylem { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ms-baslik-eylem button { border: 0; border-radius: 99px; padding: 4px 10px; background: rgba(255, 196, 46, .16); color: #FFD27A; font: inherit; font-size: 12px; font-weight: 800; letter-spacing: 0; text-transform: none; cursor: pointer; }
.ms-baslik-eylem button:hover { background: rgba(255, 196, 46, .28); }
.ms-grup-ikon { background: linear-gradient(135deg, #6C8CFF, #3A55C9); color: #fff; font-weight: 800; font-size: 20px; }
.ms-avatar.ms-grup-ikon { width: 48px; height: 48px; border-radius: 50%; }
.ms-akis .sy-sistem { align-self: center; max-width: 88%; margin: 6px 0; padding: 4px 12px; border-radius: 99px; background: rgba(255, 255, 255, .06); color: #A9B6D6; font-size: 12.5px; text-align: center; }
.ms-form { gap: 10px; padding-top: 18px; }
.ms-form form { display: flex; flex-direction: column; gap: 10px; max-width: 520px; width: 100%; margin: 0 auto; }
.ms-form label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 800; color: #FFC42E; }
.ms-form input { height: 44px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .1); background: rgba(255, 255, 255, .07); color: #fff; padding: 0 14px; font: inherit; font-size: 15px; }
.ms-form input:focus { outline: none; border-color: rgba(255, 196, 46, .6); }
.ms-form .soluk { color: #8E9CC0; margin: 0; }
.ms-form > .dugme, .ms-form form .dugme { margin-top: 4px; }
.ms-yonetici { font-size: 10.5px; font-weight: 800; background: rgba(255, 196, 46, .18); color: #FFD27A; padding: 1px 7px; border-radius: 99px; margin-left: 4px; vertical-align: middle; }
.os { display: flex; flex-direction: column; gap: 8px; position: relative; }
.os-cipler { display: flex; flex-wrap: wrap; gap: 6px; }
.os-cipler:empty { display: none; }
.os-cip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 4px 3px 3px; border-radius: 99px; background: rgba(255, 196, 46, .16); color: #FFE7A8; font-size: 13px; }
.os-cip .avatar, .os-cip img { border-radius: 50%; }
.os-cip b { font-weight: 700; }
.os-cip button { width: 22px; height: 22px; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .25); color: #fff; cursor: pointer; font-size: 11px; line-height: 1; }
.os-giris input { width: 100%; height: 44px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .1); background: rgba(255, 255, 255, .07); color: #fff; padding: 0 14px; font: inherit; font-size: 15px; box-sizing: border-box; }
.os-giris input::placeholder { color: #7F8DB2; }
.os-sonuc { list-style: none; margin: 0; padding: 4px; border-radius: 12px; background: #1E2F55; box-shadow: 0 10px 30px rgba(0, 0, 0, .4); max-height: 260px; overflow-y: auto; }
.os-sonuc[hidden] { display: none; }
.os-sonuc button { width: 100%; display: flex; align-items: center; gap: 10px; border: 0; background: none; color: #E8EEFB; font: inherit; text-align: start; padding: 6px 8px; border-radius: 8px; cursor: pointer; }
.os-sonuc button:hover { background: rgba(255, 255, 255, .08); }
.os-sonuc button span { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.os-sonuc small { color: #8E9CC0; font-size: 12px; }
.os-sonuc i { font-style: normal; color: #FFC42E; font-weight: 800; }
.os-sonuc .avatar, .os-sonuc img { border-radius: 50%; }
.os-yok { padding: 10px; color: #8E9CC0; font-size: 13px; text-align: center; }
/* açık tema (etkinlik/keyif paneli gibi beyaz zeminlerde) */
.os.acik .os-giris input { background: #F4F6FA; color: var(--metin); border-color: #E1E5EE; }
.os.acik .os-cip { background: #FFF1CC; color: #6B4A00; }

/* ---------- 0.30: ibadete çağrılar ---------- */
.cagri-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.cagri-liste li { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid #EFE7D4; }
.cagri-liste li:first-child { border-top: 0; }
.cl-ikon { width: 36px; height: 36px; flex: none; border-radius: 10px; background: #FFF4DA; display: grid; place-items: center; font-size: 20px; }
.cl-bilgi { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.cl-bilgi b { font-size: 15px; }
.cl-bilgi small { font-size: 12.5px; color: var(--soluk); line-height: 1.3; }
.cl-dinle { width: 32px; height: 32px; flex: none; border: 0; border-radius: 50%; background: #EEF1F7; color: #1B2F5B; cursor: pointer; font-size: 12px; }
.cl-dinle:hover { background: #E1E7F2; }
.cagri-liste .anahtar { border: 0; padding: 0; cursor: pointer; }
.cagri-liste .anahtar.acik { background: var(--yesil); }
.cagri-liste .anahtar.acik::after { transform: translateX(22px); }
.cagri-liste .anahtar span, .cagri-liste .anahtar i { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.cagri-serit { position: fixed; z-index: 70; left: 50%; top: calc(var(--ust, 0px) + 64px); transform: translateX(-50%); display: flex; align-items: center; gap: 10px;
  padding: 6px 6px 6px 12px; border-radius: 99px; background: rgba(15, 26, 51, .92); color: #fff; box-shadow: 0 8px 24px rgba(0, 0, 0, .35); backdrop-filter: blur(8px);
  max-width: calc(100vw - 24px); animation: csGel .35s cubic-bezier(.2, .9, .3, 1.2); }
.cagri-serit.gidiyor { animation: csGit .3s ease-in forwards; }
.cs-ikon { font-size: 22px; }
.cs-ad { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.cs-ad b { font-size: 14px; } .cs-ad small { font-size: 11.5px; opacity: .7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cagri-serit button { border: 0; border-radius: 99px; padding: 7px 12px; background: rgba(255, 255, 255, .14); color: #fff; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; }
.cagri-serit button:hover { background: rgba(255, 255, 255, .24); }
.cs-eylemler { display: flex; align-items: center; gap: 5px; flex: none; }
@media (max-width: 520px) {
  .cagri-serit { width: calc(100vw - 20px); border-radius: 18px; flex-wrap: wrap; }
  .cs-ad { flex: 1; }
  .cs-eylemler { width: 100%; justify-content: flex-end; }
}
/* Hesap satırları: ikon sütunu her genişlikte görünür ve tutar yazıya binmez. */
.hareket-liste > li.hareket { display: flex; align-items: center; min-width: 0; gap: 10px; }
.hareket-liste .h-ikon { display: none; }
.hareket-liste .h-yazi { flex: 1 1 auto; min-width: 0; width: auto; overflow-wrap: anywhere; }
.hareket-liste .h-tutar { flex: 0 0 auto; max-width: min(35%, 140px); overflow: hidden; text-overflow: ellipsis; }
/* İkon satırın kendisinde çizilir; tarayıcı eski JS ile iki öğeli satır getirse de kaybolmaz. */
.hareket-liste > li.hareket::before { content: '💳'; display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 12px; background: #E3F5EA; font-size: 19px; line-height: 1; }
.hareket-liste > li.hareket[data-hareket-ikon]::before { content: attr(data-hareket-ikon); }
.hareket-liste > li.hareket:has(> .h-tutar.eksi)::before { background: #FCE8E6; }
.panel-govde { transform: none; backface-visibility: visible; }
@media (max-width: 380px) { .hareket-liste > li.hareket { gap: 6px; padding-left: 8px; padding-right: 8px; } .hareket-liste .h-tutar { max-width: 85px; } }
@keyframes csGel { from { opacity: 0; transform: translate(-50%, -12px); } }
@keyframes csGit { to { opacity: 0; transform: translate(-50%, -12px); } }

/* ---------- 0.30: müzik çalar (Winamp usulü) ---------- */
.calar-dugme.caliyor { background: linear-gradient(135deg, #1FD65F, #0E9E45); animation: calarNabiz 1.6s ease-in-out infinite; }
@keyframes calarNabiz { 50% { box-shadow: 0 0 0 5px rgba(31, 214, 95, .25); } }
.calar { position: fixed; z-index: 65; width: 340px; max-height: min(78vh, 640px); display: flex; flex-direction: column; color: #D7E3D0;
  background: linear-gradient(180deg, #2A3142 0%, #1A1F2B 100%); border: 1px solid #4A5468; border-radius: 12px; overflow: hidden;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .5); font-family: system-ui, sans-serif; animation: skGel .15s ease-out; }
.calar.gidiyor { opacity: 0; transform: translateY(-6px); transition: .18s; }
.calar.alt { left: 8px; right: 8px; bottom: calc(8px + var(--alt, 0px)); width: auto; }
.calar.birak { outline: 3px dashed #1FD65F; outline-offset: -6px; }
.calar-ust { display: flex; align-items: center; justify-content: space-between; padding: 6px 8px 6px 12px;
  background: repeating-linear-gradient(0deg, #3A4560 0 2px, #33405A 2px 4px); border-bottom: 1px solid #10141C; }
.calar-ust b { font-size: 11px; letter-spacing: 3px; color: #E9D98A; text-shadow: 0 1px 2px rgba(0, 0, 0, .18); }
.calar-ust button { width: 22px; height: 22px; border: 1px solid #10141C; border-radius: 4px; background: #4A5468; color: #fff; font-size: 11px; cursor: pointer; }
.calar-ekran { display: flex; gap: 8px; margin: 8px; padding: 8px; background: #000; border: 1px solid #10141C; border-radius: 4px; box-shadow: inset 0 0 12px rgba(31, 214, 95, .12); }
.calar-sol { display: flex; flex-direction: column; justify-content: center; min-width: 74px; }
.calar-sol b { font: 700 26px/1 'Courier New', ui-monospace, monospace; color: #1FD65F; text-shadow: 0 0 6px rgba(31, 214, 95, .55); letter-spacing: 1px; }
.calar-sol small { font: 11px ui-monospace, monospace; color: #1A9E4A; }
.calar-sag { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.calar-baslik { overflow: hidden; white-space: nowrap; font: 12.5px ui-monospace, 'Courier New', monospace; color: #1FD65F; }
.calar-baslik span { display: inline-block; }
.calar-baslik.kayan span { padding-left: 100%; animation: calarKay 14s linear infinite; }
@keyframes calarKay { to { transform: translateX(-100%); } }
.calar canvas { width: 100%; height: 34px; display: block; }
.calar-ilerleme { width: calc(100% - 16px); margin: 0 8px; accent-color: #E9D98A; height: 18px; }
.calar-dugmeler { display: flex; align-items: center; gap: 4px; padding: 4px 8px 8px; }
.calar-dugmeler > button { width: 34px; height: 30px; border: 1px solid #10141C; border-radius: 4px; cursor: pointer; font-size: 14px; color: #E6ECF5;
  background: linear-gradient(180deg, #5A6682, #3A4560); box-shadow: none; }
.calar-dugmeler > button:active { background: linear-gradient(180deg, #3A4560, #5A6682); }
.calar-dugmeler > button.buyuk { width: 42px; color: #1FD65F; }
.calar-dugmeler > button.acik { color: #1FD65F; box-shadow: inset 0 0 0 1px #1FD65F; }
.calar-ses { flex: 1; min-width: 0; display: flex; align-items: center; gap: 4px; font-size: 12px; }
.calar-ses input { flex: 1; min-width: 0; accent-color: #1FD65F; }
.calar-uyari { margin: 0 8px 6px; font-size: 12px; color: #FFD27A; }
.calar-uyari button { border: 0; border-radius: 4px; background: #E9D98A; color: #1A1F2B; font: inherit; font-weight: 800; padding: 2px 8px; cursor: pointer; }
.calar-sekmeler { display: flex; gap: 2px; padding: 0 8px; }
.calar-sekmeler button { flex: 1; border: 1px solid #10141C; border-bottom: 0; border-radius: 6px 6px 0 0; background: #232A39; color: #9FB0CC; font: inherit; font-size: 12.5px; font-weight: 700; padding: 7px 4px; cursor: pointer; }
.calar-sekmeler button[aria-selected="true"] { background: #000; color: #1FD65F; }
.calar-liste { list-style: none; margin: 0 8px; padding: 4px 0; background: #000; border: 1px solid #10141C; flex: 1 1 auto; min-height: 90px; max-height: 240px; overflow-y: auto; overscroll-behavior: contain; }
.calar-liste li { display: flex; align-items: center; }
.calar-liste li.bos { padding: 14px 10px; font-size: 12.5px; color: #6F8A77; text-align: center; }
.calar-liste button[data-cal] { flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; border: 0; background: none; color: #1FD65F; font: 12.5px ui-monospace, 'Courier New', monospace; text-align: start; padding: 5px 8px; cursor: pointer; }
.calar-liste button[data-cal] span { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.calar-liste button[data-cal] i { font-style: normal; color: #1A9E4A; }
.calar-liste li.secili { background: #0B3D8C; }
.calar-liste li.secili button[data-cal] { color: #fff; }
.calar-liste li:hover:not(.bos):not(.secili) { background: #0E1A12; }
.calar-liste .cikar { border: 0; background: none; color: #7E8FA8; cursor: pointer; padding: 5px 8px; font-size: 12px; }
.calar-liste .cikar:hover { color: #FF6B5A; }
.eq { display: inline-flex; align-items: flex-end; gap: 1.5px; height: 12px; }
.eq s { width: 3px; background: #1FD65F; animation: eqZipla .7s ease-in-out infinite; text-decoration: none; }
.eq s:nth-child(2) { animation-delay: .2s; } .eq s:nth-child(3) { animation-delay: .4s; }
@keyframes eqZipla { 0%, 100% { height: 3px; } 50% { height: 12px; } }
.calar-ekle { display: flex; flex-direction: column; gap: 4px; padding: 8px 8px 10px; }
.calar-ekle[hidden] { display: none; }
.calar-ekle-dugme span { display: block; text-align: center; padding: 9px; border-radius: 6px; background: linear-gradient(180deg, #1FD65F, #0E9E45); color: #06210F; font-weight: 800; font-size: 14px; cursor: pointer; }
.calar-ekle-dugme span[disabled] { opacity: .45; cursor: default; }
.calar-ekle small { font-size: 11.5px; color: #8796B0; text-align: center; }

/* ---------- 0.30: etkinlikler, davetler, buluşma sohbeti ---------- */
.keyif-dugme .rozet-sayi { top: -5px; bottom: auto; right: -6px; left: auto; width: auto; height: auto; background: #E0493C; overflow: visible; }
.keyif-dugme .rozet-sayi::after { content: none; }
.keyif-dugme .rozet-sayi[hidden] { display: none; }
.sekme-rozet { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; margin-left: 4px; border-radius: 9px; background: var(--kirmizi, #E0493C); color: #fff; font-size: 11px; font-weight: 800; }
.ek-baslik { margin: 16px 2px 8px; font-size: 16px; }
.ek-davet-serit { display: flex; align-items: center; gap: 8px; width: 100%; border: 0; cursor: pointer; font: inherit; text-align: start; background: linear-gradient(135deg, #FFF1CC, #FFE2A8); }
.ek-davet-serit span { margin-inline-start: auto; font-weight: 800; color: #9A5B00; }
.ek-odalar, .ek-davetler { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.ek-oda button { width: 100%; display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 0; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); cursor: pointer; font: inherit; text-align: start; color: inherit; }
.ek-oda button:hover { box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 0 0 2px #FFC42E inset; }
.ek-simge { width: 46px; height: 46px; flex: none; border-radius: 14px; background: linear-gradient(135deg, #FFE7A8, #FFC42E); display: grid; place-items: center; font-size: 24px; }
.ek-simge.buyuk { width: 58px; height: 58px; font-size: 30px; border-radius: 18px; }
.ek-bilgi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ek-bilgi b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ek-bilgi small { color: var(--soluk); font-size: 12.5px; }
.ek-ok { font-size: 22px; color: var(--soluk); }
.ek-uyeler { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; align-items: center; }
.ek-uye { position: relative; display: inline-flex; }
.ek-uye .avatar, .ek-uye img { border-radius: 50%; }
.ek-uye i { position: absolute; right: -3px; bottom: -3px; font-style: normal; font-size: 11px; line-height: 1; background: #fff; border-radius: 50%; padding: 1px; }
.ek-uye.d-davetli { opacity: .65; } .ek-uye.d-red, .ek-uye.d-ayrildi { opacity: .35; filter: grayscale(1); }
.ek-uyeler em { font-style: normal; font-size: 12px; color: var(--soluk); margin-left: 2px; }
.ek-filtre { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 6px; scrollbar-width: none; }
.ek-filtre button { flex: none; border: 0; border-radius: 99px; padding: 7px 12px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; color: inherit; }
.ek-filtre button[aria-pressed="true"] { background: #1B2F5B; color: #fff; }
/* Masaüstünde bütün kategoriler görünür; dar ekranda yatay kaydırma kullanılabilir. */
@media (hover: hover) and (pointer: fine) {
  .panel-govde .ek-filtre { flex-wrap: wrap; overflow: visible; }
}
.liste-sayfalama { display: flex; justify-content: center; align-items: center; gap: 12px; margin: 12px 0 4px; }
.liste-sayfalama .dugme { width: auto; margin: 0; }
.liste-sayfalama span { font-size: 13px; font-weight: 700; white-space: nowrap; }
.liste-sayfalama[hidden] { display: none; }
.ek-katalog { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.ek-kart { display: flex; flex-direction: column; gap: 3px; padding: 12px; border: 0; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); cursor: pointer; font: inherit; text-align: start; color: inherit; transition: transform .12s; }
.ek-kart:hover { transform: translateY(-2px); }
.ek-kart.secili { box-shadow: 0 0 0 3px #FFC42E, 0 1px 2px rgba(16, 24, 40, .08); }
.ek-kart-simge { font-size: 30px; line-height: 1.1; }
.ek-kart b { font-size: 14.5px; }
.ek-kart small { font-size: 12px; color: var(--soluk); line-height: 1.3; min-height: 31px; }
.ek-kart-alt { display: flex; flex-direction: column; margin-top: auto; padding-top: 4px; }
.ek-kart-alt em { font-style: normal; font-weight: 800; color: #1FA055; }
.ek-kart-alt i { font-style: normal; font-size: 11.5px; color: var(--soluk); }
.ek-kur { margin-top: 12px; scroll-margin-top: 12px; }
.ek-form { display: flex; flex-direction: column; gap: 8px; }
.ek-form-bas { display: flex; align-items: center; gap: 12px; }
.ek-form-bas > span { font-size: 34px; }
.ek-form-bas small { display: block; color: var(--soluk); font-size: 12.5px; }
.ek-plan { flex-wrap: wrap; }
.ek-geri { border: 0; background: none; font: inherit; font-weight: 800; color: #1B4FA6; cursor: pointer; padding: 4px 0 10px; }
.ek-oda-bas { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.ek-oda-bas h3 { margin: 0; }
.ek-oda-bas small { display: block; color: var(--soluk); font-size: 12.5px; }
.ek-zaman { font-weight: 700; color: #1B4FA6 !important; }
.ek-katilimcilar { background: #fff; border-radius: 16px; padding: 10px 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); margin-bottom: 10px; }
.ek-kat-bas { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.ek-kat-bas small { color: var(--soluk); font-size: 12px; }
.ek-katilimcilar ul { list-style: none; margin: 0; padding: 0; max-height: 240px; overflow-y: auto; }
.ek-katilimcilar li { display: flex; align-items: center; gap: 10px; padding: 6px 0; border-top: 1px solid #F3EDDF; }
.ek-katilimcilar li:first-child { border-top: 0; }
.ek-katilimcilar li .avatar, .ek-katilimcilar li img { border-radius: 50%; flex: none; }
.ek-katilimcilar li > span:not(.avatar) { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.ek-katilimcilar li small { color: var(--soluk); font-size: 12px; }
.ek-katilimcilar li em { font-style: normal; font-size: 12px; font-weight: 700; white-space: nowrap; }
.ek-katilimcilar li.d-red, .ek-katilimcilar li.d-ayrildi { opacity: .55; }
.ek-yaz { border: 0; background: #F0F2F5; border-radius: 50%; width: 32px; height: 32px; cursor: pointer; }
.ek-yanit { display: flex; flex-direction: column; gap: 8px; background: linear-gradient(135deg, #FFF8E6, #FFEFC7); }
.ek-davet-kutu { background: #fff; border-radius: 16px; padding: 10px 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); margin-bottom: 10px; }
.ek-davet-kutu summary { cursor: pointer; font-weight: 800; }
.ek-davet { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }
.ek-davet .dugme { margin: 0; }
.ek-masa { display: flex; flex-direction: column; gap: 4px; }
.ek-davetler .kart { display: flex; flex-direction: column; gap: 6px; }
.ms-secilmedi.acik-zemin { color: var(--soluk); }
.ms-secilmedi.acik-zemin b { color: var(--metin); }
/* buluşma sohbeti: mesajlaşma ekranının koyu düzeni, panelin içinde sabit yükseklikte */
.oda-sohbet.ms { display: flex; flex-direction: column; height: min(62vh, 560px); min-height: 340px; border-radius: 18px; overflow: hidden; margin-top: 10px; box-shadow: 0 8px 24px rgba(15, 26, 51, .25); }
.oda-sohbet .ms-sohbet-bas { padding: 10px 12px; }
.oda-sohbet .ms-ilce-ikon { width: 40px; height: 40px; font-size: 20px; }
.oda-sohbet .ms-yaz { padding-bottom: 10px; }
.oda-sohbet .ms-engel-serit { padding-bottom: 12px; }
.oda-sohbet .ms-sohbet-bas { cursor: pointer; }
.oda-sohbet-ac { margin-left: auto; flex: none; width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(0, 0, 0, .06); color: inherit; font-size: 18px; line-height: 1; cursor: pointer; transition: transform .2s; }
.oda-sohbet.katli .ms-akis-kutu, .oda-sohbet.katli .ms-yaz, .oda-sohbet.katli .ms-engel-serit { display: none; }
.oda-sohbet.katli .oda-sohbet-ac { transform: rotate(-90deg); }
/* 0.92.0: telefonda sohbet kutusu ekranı kaplamasın; sohbetin sonuna gelince sayfa kaymaya devam etsin */
@media (max-width: 720px), (pointer: coarse) {
  .oda-sohbet.ms { height: min(48vh, 420px); min-height: 240px; }
  .oda-sohbet .ms-akis { overscroll-behavior-y: auto; touch-action: pan-y; }
}
.oda-sohbet.ms.katli { height: auto; min-height: 0; }
.mekan-liste .mekan-sag { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.mekan-liste .mekan-sag .dugme { margin: 0; }

/* ---------- Yeni oyuncu rehberi (Çırak Bot): dokunulacak yer ışıkla gösterilir ---------- */
#rehber-spot { position: fixed; left: 0; top: 0; z-index: 54; pointer-events: none; border-radius: 22px; opacity: 0; transition: opacity .35s, width .2s, height .2s;
  box-shadow: 0 0 0 9999px rgba(6, 10, 24, .6), 0 0 0 3px #FFC42E, 0 0 26px 6px rgba(255, 196, 46, .75); }
#rehber-spot.gorunur { opacity: 1; }
#rehber-spot::after { content: ''; position: absolute; inset: -6px; border-radius: 26px; border: 3px solid #FFC42E; animation: rehberNabiz 1.4s ease-out infinite; }
@keyframes rehberNabiz { 0% { opacity: .9; transform: scale(1); } 100% { opacity: 0; transform: scale(1.25); } }
.rehber-el { position: absolute; left: 50%; bottom: -46px; font-size: 38px; transform: translateX(-30%); filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .5)); animation: rehberEl 1s ease-in-out infinite; }
@keyframes rehberEl { 50% { transform: translate(-30%, -10px); } }
#rehber { position: fixed; z-index: 56; left: 50%; bottom: calc(96px + var(--alt, 0px)); transform: translateX(-50%); width: min(460px, calc(100vw - 20px));
  display: flex; align-items: flex-end; gap: 10px; pointer-events: none; transition: top .3s, bottom .3s; }
#rehber > * { pointer-events: auto; }
#rehber.ustte { bottom: auto; top: calc(var(--ust, 0px) + 150px); align-items: flex-start; }
#rehber.yeni .rehber-balon { animation: rehberGel .4s cubic-bezier(.2, .9, .3, 1.25); }
@keyframes rehberGel { from { opacity: 0; transform: translateY(12px) scale(.96); } }
.rehber-avatar { flex: none; width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; font-size: 34px;
  background: radial-gradient(circle at 35% 30%, #FFE7A8, #FFB020); border: 3px solid #fff; box-shadow: 0 6px 16px rgba(0, 0, 0, .35); }
.rehber-avatar.bot { background: none; border: 0; box-shadow: none; width: 66px; height: 66px; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .35)); } /* 0.60.4: robot kafası */
.rehber-balon { flex: 1; min-width: 0; position: relative; background: #fff; color: var(--metin, #1B2233); border-radius: 18px; padding: 10px 14px 10px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .35); }
.rehber-balon::before { content: ''; position: absolute; left: -7px; bottom: 18px; width: 14px; height: 14px; background: #fff; transform: rotate(45deg); border-radius: 2px; }
#rehber.ustte .rehber-balon::before { bottom: auto; top: 20px; }
.rehber-ust { display: flex; align-items: center; gap: 8px; }
.rehber-ust b { font-size: 14px; color: #C2410C; }
.rehber-adim { font-size: 11.5px; font-weight: 800; color: #7A8299; background: #F1F3F8; border-radius: 99px; padding: 1px 8px; }
.rehber-kapat { margin-inline-start: auto; width: 28px; height: 28px; border: 0; border-radius: 50%; background: #F1F3F8; color: #5E6782; cursor: pointer; font-size: 13px; }
.rehber-kapat:hover { background: #E4E7EF; }
.rehber-balon p { margin: 6px 0 8px; font-size: 15px; line-height: 1.4; }
.rehber-alt { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.rehber-noktalar { display: flex; gap: 5px; }
.rehber-noktalar i { width: 7px; height: 7px; border-radius: 50%; background: #DDE1EA; }
.rehber-noktalar i.tamam { background: #1FA055; }
.rehber-noktalar i.simdi { background: #FFB020; width: 18px; border-radius: 4px; }
.rehber-gec { border: 0; background: none; font: inherit; font-size: 13.5px; font-weight: 800; color: #1B4FA6; cursor: pointer; padding: 6px 4px; }
.rehber-balon .dugme { margin: 0; width: auto; }
/* 0.60.4: bağlantı şeridi ve çevrimdışı paket */
#baglanti-serit { position: fixed; z-index: 90; left: 50%; top: calc(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + 8px); transform: translate(-50%, -140%); max-width: min(520px, calc(100vw - 24px));
  background: #3B2A05; color: #FFE7A3; border: 1px solid #8A6A1A; border-radius: 12px; padding: 7px 12px; font-size: 13px; font-weight: 700; box-shadow: 0 6px 18px rgba(0,0,0,.35); transition: transform .35s; pointer-events: none; text-align: center; }
#baglanti-serit.acik { transform: translate(-50%, 0); }
/* 0.75.0: yeni sürüm şeridi (eski sürümle açık kalan sekme kendini yeniler) */
#surum-serit { position: fixed; z-index: 95; left: 50%; top: calc(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + 8px); transform: translate(-50%, -160%); max-width: min(560px, calc(100vw - 24px));
  display: flex; align-items: center; gap: 10px; background: #10331F; color: #DDF7E6; border: 1px solid #2E8B57; border-radius: 12px; padding: 7px 8px 7px 12px; font-size: 13px;
  box-shadow: 0 6px 18px rgba(0,0,0,.35); transition: transform .35s; }
#surum-serit.acik { transform: translate(-50%, 0); }
#surum-serit .ss-sure { opacity: .85; }
#surum-serit .ss-yenile { flex: none; border: 0; border-radius: 9px; padding: 6px 12px; background: #2FBF71; color: #06210F; font-weight: 800; cursor: pointer; }
#surum-serit .ss-yenile:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { #surum-serit { transition: none; } }
.paket-cubuk { height: 10px; border-radius: 99px; background: #E6E9F0; overflow: hidden; }
.paket-cubuk i { display: block; height: 100%; background: linear-gradient(90deg, #1FA055, #49C97B); border-radius: 99px; transition: width .4s; }
/* 0.60.4: Çırak Bot: sevimli robot kafası ve konuşma balonu (sol altta, alt menünün üstünde) */
#cirak-bot, #cirak-bot-giden { position: fixed; z-index: 55; left: 10px; bottom: calc(92px + var(--alt, 0px)); display: flex; align-items: flex-end; gap: 4px; pointer-events: none;
  max-width: calc(100vw - 20px); }
#cirak-bot > *, #cirak-bot-giden > * { pointer-events: auto; }
.cb-kafa { flex: none; width: 94px; height: 94px; padding: 0; border: 0; background: none; cursor: pointer; transform-origin: 50% 100%;
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .35)); transform: translateY(140%); }
#cirak-bot.cikti .cb-kafa { animation: cbZipla .75s cubic-bezier(.2, 1.4, .4, 1) forwards, cbSallan 4s ease-in-out .9s infinite; }
#cirak-bot-giden .cb-kafa { animation: cbGit .6s ease-in forwards; transform: translateY(0); }
#cirak-bot-giden .cb-balon { animation: cbBalonGit .25s ease-in forwards; }
@keyframes cbZipla { 0% { transform: translateY(140%) scale(.8, 1.1); } 60% { transform: translateY(-10%) scale(1.05, .95); } 100% { transform: translateY(0) scale(1); } }
@keyframes cbSallan { 0%, 100% { transform: rotate(0); } 8% { transform: rotate(-7deg); } 16% { transform: rotate(5deg); } 24% { transform: rotate(0); } }
@keyframes cbGit { 0% { transform: rotate(0); } 30% { transform: rotate(-12deg) translateY(-6%); } 55% { transform: rotate(10deg); } 100% { transform: translateY(150%) rotate(0); } }
@keyframes cbBalonGit { to { opacity: 0; transform: scale(.6); } }
.bot-kafa { width: 100%; height: 100%; display: block; overflow: visible; }
.bot-kafa .bk-gozler { transform-origin: 60px 60px; animation: cbKirp 4.2s infinite; }
@keyframes cbKirp { 0%, 92%, 100% { transform: scaleY(1); } 95% { transform: scaleY(.1); } }
.bot-kafa .bk-isik { animation: cbIsik 1.6s ease-in-out infinite; }
@keyframes cbIsik { 50% { opacity: .45; } }
.bot-kafa .bk-anten { transform-origin: 60px 22px; animation: cbAnten 3s ease-in-out infinite; }
@keyframes cbAnten { 0%, 100% { transform: rotate(0); } 25% { transform: rotate(-10deg); } 75% { transform: rotate(10deg); } }
#cirak-bot.konusuyor .bk-agiz { animation: cbAgiz .18s ease-in-out infinite alternate; transform-origin: 60px 77px; }
@keyframes cbAgiz { from { transform: scaleY(.4); } to { transform: scaleY(1.6); } }
.bot-kafa.kucuk { width: 28px; height: 28px; vertical-align: -7px; }
.cb-kart-baslik { display: flex; align-items: center; gap: 6px; }
.cb-balon { position: relative; width: min(340px, calc(100vw - 112px)); margin-bottom: 46px; background: #fff; color: var(--metin, #1B2233); border-radius: 18px;
  padding: 9px 12px 9px; box-shadow: 0 12px 30px rgba(0, 0, 0, .35); border: 2px solid #FFB020; transform-origin: 0 100%; opacity: 0; transform: scale(.6); }
#cirak-bot.cikti .cb-balon { animation: cbBalon .35s cubic-bezier(.2, 1.3, .4, 1) .45s forwards; }
#cirak-bot .cb-balon.yeni { animation: cbBalon .3s cubic-bezier(.2, 1.3, .4, 1) forwards; }
@keyframes cbBalon { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: scale(1); } }
.cb-balon::before { content: ''; position: absolute; left: -11px; bottom: 16px; width: 18px; height: 18px; background: #fff; border-left: 2px solid #FFB020; border-bottom: 2px solid #FFB020;
  transform: rotate(45deg); border-radius: 0 0 0 4px; }
.cb-ust { display: flex; align-items: center; gap: 8px; }
.cb-ust b { font-size: 13.5px; color: #C2410C; }
.cb-adim { font-size: 11px; font-weight: 800; color: #7A8299; background: #F1F3F8; border-radius: 99px; padding: 1px 7px; }
.cb-kapat { margin-inline-start: auto; width: 26px; height: 26px; border: 0; border-radius: 50%; background: #F1F3F8; color: #5E6782; cursor: pointer; font-size: 12px; }
.cb-alt { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.cb-alt .dugme { margin: 0; width: auto; }
.cb-sonraki { border: 0; background: none; font: inherit; font-size: 13.5px; font-weight: 800; color: #1B4FA6; cursor: pointer; padding: 6px 4px; margin-inline-start: auto; }
.cb-govde p { margin: 4px 0 6px; font-size: 14px; line-height: 1.4; }
.cb-govde .cb-baslik { font-weight: 800; font-size: 14.5px; margin-top: 4px; }
.cb-yazi { min-height: 2.8em; }
.cb-yenilik { margin: 2px 0 8px; padding-inline-start: 18px; font-size: 13px; line-height: 1.35; }
.cb-yenilik li { margin: 3px 0; }
.cb-ipucu { margin: 4px 0 8px; padding: 6px 9px; border-radius: 10px; background: #FFF6D8; color: #5C4300; font-size: 12.5px; line-height: 1.35; }
.cb-vurgu { animation: cbVurgu 1.2s ease-in-out 3; position: relative; z-index: 60; }
@keyframes cbVurgu { 0%, 100% { box-shadow: 0 0 0 0 rgba(255, 196, 46, 0); } 50% { box-shadow: 0 0 0 6px rgba(255, 196, 46, .95), 0 0 22px 8px rgba(255, 196, 46, .7); } }
.cirakbot-kart .dugme-satiri { flex-wrap: wrap; }
/* rehber açıkken sağ alttaki öneri balonu ve oyun bildirimleri rehberi örtmesin */
body.rehber-acik #ipucu-yeri { display: none; }

/* ---------- 0.30: etkinlikler, davetler, buluşma sohbeti ---------- */
.sekme-rozet { display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--kirmizi, #E0493C); color: #fff; font-size: 11px; font-weight: 800; margin-left: 2px; }
.keyif-dugme .rozet-sayi { position: absolute; top: -4px; right: -4px; }
.ek-baslik { margin: 16px 0 8px; font-size: 16px; }
.ek-odalar, .ek-davetler { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.ek-oda > button { width: 100%; display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 0; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); font: inherit; color: inherit; text-align: start; cursor: pointer; }
.ek-oda > button:hover { background: #FFFBF0; }
.ek-simge { width: 46px; height: 46px; flex: none; border-radius: 14px; display: grid; place-items: center; font-size: 26px; background: linear-gradient(135deg, #FFE7A8, #FFC42E); }
.ek-simge.buyuk { width: 58px; height: 58px; font-size: 32px; border-radius: 18px; }
.ek-bilgi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ek-bilgi b { font-size: 15.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ek-bilgi small { color: var(--soluk); font-size: 12.5px; }
.ek-ok { font-size: 24px; color: var(--soluk); }
.ek-uyeler { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; align-items: center; }
.ek-uye { position: relative; display: inline-block; }
.ek-uye .avatar, .ek-uye img { border-radius: 50%; }
.ek-uye i { position: absolute; right: -3px; bottom: -3px; font-size: 11px; font-style: normal; background: #fff; border-radius: 50%; width: 16px; height: 16px; display: grid; place-items: center; box-shadow: 0 1px 2px rgba(0, 0, 0, .2); }
.ek-uye.d-red, .ek-uye.d-ayrildi { opacity: .45; filter: grayscale(1); }
.ek-uye.d-davetli { opacity: .8; }
.ek-uyeler em { font-style: normal; font-size: 12px; color: var(--soluk); margin-left: 4px; }
.ek-davet-serit { width: 100%; display: flex; align-items: center; gap: 8px; border: 0; font: inherit; cursor: pointer; text-align: start; background: linear-gradient(135deg, #EAF2FF, #DCE9FF); color: #1B2F5B; }
.ek-davet-serit span { margin-inline-start: auto; font-weight: 800; color: #2F6FD1; }
.ek-filtre { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 6px; margin-bottom: 8px; scrollbar-width: none; }
.ek-filtre button { flex: none; border: 0; border-radius: 99px; padding: 7px 12px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; color: var(--metin); }
.ek-filtre button[aria-pressed="true"] { background: #1B2F5B; color: #fff; }
.ek-katalog { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.ek-kart { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 12px; border: 2px solid transparent; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); font: inherit; color: inherit; text-align: start; cursor: pointer; transition: transform .12s; }
.ek-kart:hover { transform: translateY(-2px); }
.ek-kart.secili { border-color: #FFC42E; background: #FFFBEE; }
.ek-kart-simge { font-size: 30px; line-height: 1; margin-bottom: 4px; }
.ek-kart b { font-size: 14.5px; }
.ek-kart small { font-size: 12px; color: var(--soluk); line-height: 1.3; flex: 1; }
.ek-kart-alt { display: flex; flex-direction: column; margin-top: 4px; }
.ek-kart-alt em { font-style: normal; font-weight: 800; color: #1B7A3E; }
.ek-kart-alt i { font-style: normal; font-size: 11.5px; color: var(--soluk); }
.ek-kur { margin-top: 12px; }
.ek-form { display: flex; flex-direction: column; gap: 8px; }
.ek-form-bas { display: flex; gap: 12px; align-items: center; }
.ek-form-bas > span { font-size: 34px; }
.ek-form-bas small { display: block; color: var(--soluk); font-size: 12.5px; }
.ek-form .alan { margin: 4px 0 0; }
.ek-plan { flex-wrap: wrap; }
.ek-davet { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }
.ek-davet .dugme { align-self: flex-start; width: auto; margin: 0; }
.ek-davet-kutu { margin: 10px 0; background: #fff; border-radius: 16px; padding: 10px 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.ek-davet-kutu summary { cursor: pointer; font-weight: 800; list-style: none; }
.ek-davet-kutu summary::-webkit-details-marker { display: none; }
.ek-geri { border: 0; background: none; font: inherit; font-weight: 800; color: #2F6FD1; cursor: pointer; padding: 4px 0 10px; }
.ek-oda-bas { display: flex; gap: 12px; align-items: center; margin-bottom: 10px; }
.ek-oda-bas h3 { margin: 0; font-size: 18px; }
.ek-oda-bas small { display: block; color: var(--soluk); font-size: 12.5px; }
.ek-zaman { color: #1B7A3E !important; font-weight: 700; }
.ek-katilimcilar { background: #fff; border-radius: 16px; padding: 10px 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.ek-kat-bas { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 6px; }
.ek-kat-bas small { color: var(--soluk); font-size: 12px; }
.ek-katilimcilar ul { list-style: none; margin: 0; padding: 0; max-height: 240px; overflow-y: auto; }
.ek-katilimcilar li { display: flex; align-items: center; gap: 10px; padding: 6px 0; border-top: 1px solid #F3EDDF; }
.ek-katilimcilar li:first-child { border-top: 0; }
.ek-katilimcilar li .avatar, .ek-katilimcilar li img { border-radius: 50%; }
.ek-katilimcilar li > span { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.ek-katilimcilar li small { color: var(--soluk); font-size: 12px; }
.ek-katilimcilar li em { font-style: normal; font-size: 12px; font-weight: 700; white-space: nowrap; }
.ek-katilimcilar li.d-kabul em, .ek-katilimcilar li.d-sahip em { color: #1B7A3E; }
.ek-katilimcilar li.d-red em, .ek-katilimcilar li.d-ayrildi em { color: #B42318; }
.ek-katilimcilar li.d-davetli em { color: #9A5B00; }
.ek-yaz { border: 0; background: #F0F2F5; border-radius: 50%; width: 32px; height: 32px; cursor: pointer; }
.ek-yanit { margin-top: 10px; background: #FFF8E6; }
.ek-masa { display: flex; flex-direction: column; gap: 4px; }
.acik-zemin { color: var(--soluk); }
.acik-zemin b { color: var(--metin) !important; }
/* buluşma sohbeti: mesajlaşma ekranının koyu düzeni */
.oda-sohbet { display: flex; flex-direction: column; height: min(56vh, 520px); min-height: 320px; margin-top: 12px; border-radius: 18px; overflow: hidden; box-shadow: 0 8px 24px rgba(15, 26, 51, .25); }
.oda-sohbet .ms-sohbet-bas { padding: 10px 12px; }
.oda-sohbet .ms-sohbet-bas .ms-ilce-ikon { width: 40px; height: 40px; font-size: 20px; }
.oda-sohbet .ms-yaz { padding-bottom: 10px; }
.oda-sohbet .ms-engel-serit { padding-bottom: 12px; }
.yasam-sekmeler { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.yasam-sekmeler::-webkit-scrollbar { display: none; }
.yasam-sekmeler button { flex: 1 0 auto; white-space: nowrap; }
body.rehber-acik .sokak-adi { opacity: 0; pointer-events: none; }
.gelistirici-form { display: grid; gap: 9px; }
.gelistirici-form [hidden] { display: none; }
.gelistirici-form .alan { min-width: 0; margin: 0; }
.gelistirici-form textarea { min-height: 115px; }
.gelistirici-form .dugme { width: fit-content; max-width: 100%; }
.gelistirici-liste { list-style: none; padding: 0; margin: 0; }
.gelistirici-katki { border-top: 1px solid var(--cizgi); padding: 12px 0; overflow-wrap: anywhere; }
.gelistirici-katki:first-child { border-top: 0; }
.gelistirici-katki b, .gelistirici-katki small { display: block; }
.gelistirici-katki small { color: var(--soluk); }
.gelistirici-katki p { margin: 6px 0; white-space: pre-wrap; }
.gelistirici-cevap { padding: 8px 10px; border-radius: 10px; background: #EAF4FF; }
.gelistirici-onay { display: flex; gap: 10px; align-items: flex-start; line-height: 1.45; font-size: 14px; }
.gelistirici-onay input { flex: none; width: 18px; height: 18px; margin-top: 2px; }
.hesap-ekip { margin-top: 16px; }
#panel-katman.dock-acik .panel.jenerik-panel { height: calc(100% - var(--ust) - 12px); max-height: calc(100% - var(--ust) - 12px); }
.jenerik-panel .panel-govde { flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: hidden; padding: 12px; }
.jenerik-sahne { position: relative; flex: 1; min-height: 0; overflow: hidden; border-radius: 18px; isolation: isolate; color: #fff; text-align: center;
  background-color: #080e1b;
  background-image: url("doku/jenerik-noir-0361.jpg");
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: inset 0 0 0 1px #d7e6ff18, inset 0 0 80px #02050b55, 0 12px 32px #0b142333;
}
.jenerik-sahne::before, .jenerik-sahne::after { content: ''; position: absolute; z-index: 2; inset-inline: 0; height: 22%; pointer-events: none; }
.jenerik-sahne::before { top: 0; background: linear-gradient(#080e1bf2, #080e1b00); }
.jenerik-sahne::after { bottom: 0; background: linear-gradient(#090e1800, #090e18f2); }
.jenerik-isik { position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(ellipse at 12% 82%, #67c4d825 0%, transparent 30%), radial-gradient(ellipse at 89% 79%, #ffb98230 0%, transparent 29%), radial-gradient(ellipse at 50% 40%, #070b18b3 0%, #070b1800 63%);
}
.jenerik-akis { position: relative; z-index: 1; padding: var(--jenerik-ust, calc(var(--jenerik-yukseklik, 400px) * .3)) 18px 60px; animation: jenerikAkis var(--jenerik-sure, 40s) linear forwards; will-change: transform; }
.jenerik-logo.acilis-logo { font-size: clamp(42px, 12vw, 72px); line-height: 1.1; -webkit-text-stroke: 3px #111; text-shadow: 4px 4px 0 #FFC42E, 7px 7px 0 #111; transform: skewX(-8deg); }
/* Jenerik metinleri: logo dışında tek tip ve tek boyut; başlıklar renklerle ayrılır. */
.jenerik-akis :is(h2,h3,p,small,a,b,strong) { font-family: Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.65; color: #f1f4f8; letter-spacing: 0; text-transform: none; }
.jenerik-giris { margin: 18px auto 90px; }
.jenerik-bolum { margin: 0 auto 25px; overflow-wrap: anywhere; }
.jenerik-ana-bolum { margin: 0 auto 2px; max-width: 520px; }
.jenerik-kisi { margin: 0 auto 2px; max-width: 500px; }
.jenerik-gorev, .jenerik-aciklama { display: block; }
.jenerik-aciklama { white-space: pre-wrap; }
.jenerik-lisans { display: inline-block; margin-top: 7px; text-underline-offset: 3px; }
.jenerik-bolum h3 { margin: 0 0 1px; }
.jenerik-bolum p { margin: 1px 0; }
.jenerik-final { margin: max(45px, calc(var(--jenerik-yukseklik, 400px) * .6)) auto 0; }
.jenerik-final .jenerik-logo { margin-bottom: 22px; }
.jenerik-final small { display: block; }
.jenerik-kontrol { flex: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 12px 0 0; }
.jenerik-kontrol .dugme { min-width: 0; min-height: 44px; margin: 0; padding: 9px 8px; border: 1px solid #34435d; border-radius: 12px; background: linear-gradient(135deg, #22314d, #111c32); color: #ffe4ac; font-size: 14px; font-weight: 700; white-space: nowrap; box-shadow: 0 2px 5px rgba(8, 13, 28, .18); transition: transform .15s, box-shadow .15s, border-color .15s; }
.jenerik-kontrol [data-duraklat] { background: linear-gradient(135deg, #ffe5af, #efbb70); border-color: #e7b067; color: #182238; box-shadow: 0 2px 5px rgba(135, 91, 27, .16); }
@media (hover: hover) { .jenerik-kontrol .dugme:hover { transform: translateY(-1px); border-color: #d4ad70; box-shadow: 0 4px 10px rgba(8, 13, 28, .2); } }
.jenerik-kontrol .dugme:active { transform: scale(.97); box-shadow: 0 1px 3px rgba(8, 13, 28, .16); }
.jenerik-kontrol .dugme:focus-visible { outline: 3px solid #3b8beb; outline-offset: 2px; }
.jenerik-durak .jenerik-akis { animation-play-state: paused; }
@keyframes jenerikAkis { 0%, 6% { transform: translateY(0); } 94%, 100% { transform: translateY(calc(-1 * var(--jenerik-mesafe, 1200px))); } }
@media (prefers-reduced-motion: reduce) { .jenerik-sahne { overflow-y: auto; } .jenerik-akis { padding: 40px 15px; animation: none; will-change: auto; } .jenerik-sahne::before, .jenerik-sahne::after, .jenerik-kontrol { display: none; } }

/* 0.35.4: jenerik hiyerarşisi ve hesap/sıralama durumları */
.jenerik-akis .jenerik-ana-bolum { color: #ffd28a; }
.jenerik-akis .jenerik-bolum h3 { color: #89dce5; }
.siralama-durum { display: inline-block; width: 8px; height: 8px; margin-inline-end: 6px; border-radius: 50%; background: #8793a2; vertical-align: middle; flex-shrink: 0; }
.siralama-durum.cevrimici { background: #22a65a; }
.profil-yonetim { display: inline; font-size: 12px; font-weight: 600; color: var(--mavi, #2563eb); text-decoration: none; overflow-wrap: anywhere; }
.profil-yonetim[hidden] { display: none; }
.profil-yonetim:hover, .profil-yonetim:focus-visible { text-decoration: underline; }

.profil-baslik { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 8px; min-width: 0; }
.profil-baslik .profil-ad { min-width: 0; max-width: 100%; }

/* 0.35.9: sabit gece şehri; video çözme yükü yok. */
.jenerik-isik { background: linear-gradient(180deg, #050a144d, #050a1459 60%, #050a1473); }
.jenerik-akis .jenerik-ana-bolum { font-size: 18px; font-weight: 750; }
.jenerik-akis .jenerik-bolum h3 { font-weight: 550; }

.oyun-yukleniyor { position: fixed; inset: 0; display: grid; place-items: center; padding: 24px; z-index: 10; text-align: center; }
body .oyun-yukleniyor .giris-kart, body.giris-modu .oyun-yukleniyor .giris-kart { grid-column: auto; margin: 0 auto; justify-self: center; align-self: center; max-height: none; }
.oyun-yukleniyor .giris-kart { width: min(100%, 380px); color: #f6f0e6; background: #111827e8; border: 1px solid #ffd28a33; box-shadow: 0 18px 65px #0008; }
.oyun-yukleniyor h2 { font-size: 20px; color: #ffd28a; }
.oyun-yukleniyor p { color: #d3d9e4; font-size: 14px; }
.yukleme-cemberi { width: 34px; height: 34px; margin: 0 auto 18px; border: 3px solid #ffd28a26; border-top-color: #ffd28a; border-radius: 50%; animation: yuklemeDon .9s linear infinite; }
.oyun-yukleniyor .giris-kart { padding: 26px 24px 22px; border-radius: 22px; background: rgba(24, 12, 50, 0.9); border: 1px solid rgba(255, 255, 255, 0.16); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
/* 0.61.4: "Mahallen hazırlanıyor" ilerleme çubuğu: altın dolgu, akan parıltı (sayfa meşgulken de akar) */
.yk-cubuk { position: relative; height: 10px; margin: 18px 0 8px; border-radius: 99px; overflow: hidden; background: rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4); }
.yk-cubuk i { position: absolute; inset: 0; border-radius: inherit; transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.15s linear;
  background: linear-gradient(90deg, #FFB25E, #FFC42E 60%, #FFE07A); box-shadow: 0 0 14px rgba(255, 196, 46, 0.55); overflow: hidden; }
.yk-cubuk i::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent); transform: translateX(-100%); animation: yolParilti 1.2s linear infinite; }
[dir="rtl"] .yk-cubuk i { transform-origin: 100% 50%; }
.yk-alt { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; font-weight: 700; color: rgba(255, 255, 255, 0.7); }
.yk-alt b { color: #FFD28A; font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) { .yk-cubuk i::after { animation: none; } }
@keyframes yuklemeDon { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .yukleme-cemberi { animation: none; } }


/* Dünya açılımı: yalnızca giriş formunda RTL; oyun HUD düzeni korunur. */
.dil-secici { display:flex; align-items:center; gap:12px; margin:0 0 14px; min-width:0; }
.dil-secici > span { flex-shrink:0; font-size:13px; color:var(--soluk,#94a3b8); }
.dil-secici select { flex:1; min-width:0; width:100%; padding:9px 12px; border:1px solid rgba(128,148,178,.3); border-radius:10px; background:var(--kart,#f8fafc); color:var(--metin,#1e293b); font:inherit; font-size:13px; }
.dil-secici select option { background:#fff; color:#172033; }
.giris[dir="rtl"] .alan, .giris[dir="rtl"] .giris-sol { text-align:right; }
.giris[dir="rtl"] input[name="kullaniciAdi"], .giris[dir="rtl"] input[type="password"], .giris[dir="rtl"] input[type="email"], .giris[dir="rtl"] input[name="davetKodu"] { direction:ltr; text-align:left; }
.giris .dil-asama { margin:0 0 12px; line-height:1.5; }
.giris-cipler b { font-weight:inherit; }

.dil-secici > span { display:flex; align-items:center; gap:6px; }
body.giris-modu .dil-secici > span { color:rgba(255,255,255,.85); }
@media (max-width:899px) { body.giris-modu .giris-kart { margin-top:clamp(24px,7vh,64px); } }

/* Long translated labels stay inside each menu item. */
.dock ul { grid-template-columns:repeat(6,minmax(0,1fr)); }
.dock li,.dock a { min-width:0; }
.dock .etiket-ad { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.panel[dir="rtl"] input[name="kullaniciAdi"],.panel[dir="rtl"] input[type="range"] { direction:ltr; }
.panel[dir="rtl"] input[name="kullaniciAdi"] { text-align:left; }

/* Girişte aramalı, klavye ve dokunmatik destekli seçimler. */
.secim-native {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;}
.secim-kontrol {width:100%;min-width:0;flex:1;}
.secim-dugme {display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 14px;border:1px solid #ffffff45;border-radius:12px;background:#ffffffeb;color:#211936;text-align:start;cursor:pointer;font:inherit;box-shadow:0 2px 8px #0000000a;}
.secim-dugme:hover {border-color:#bd92d8;background:#fff;}
.secim-dugme:focus-visible,.secim-dugme[aria-expanded=true] {outline:3px solid #c797ff77;outline-offset:2px;}
.secim-simge {flex:none;width:24px;height:24px;color:#7e5a94;display:inline-block;}
.secim-simge svg,.secim-arama svg {width:24px;height:24px;}
.secim-bayrak {width:32px;height:24px;background-size:512px 408px;background-repeat:no-repeat;border-radius:4px;box-shadow:0 0 0 1px #00000012;}
.secim-deger {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550;}
.secim-ok {font-size:21px;color:#796681;line-height:1;}
.giris .dil-secici {display:flex;gap:14px;align-items:center;}
.giris .dil-secici > span {color:#ffffffcf;min-width:34px;}
.secim-acilir {position:fixed;z-index:7000;box-sizing:border-box;padding:8px;background:#fbf9fd;color:#211936;border:1px solid #ded6e9;border-radius:16px;box-shadow:0 18px 55px #140a3266;overflow:hidden;font-family:inherit;text-align:start;}
.secim-arama {display:flex;align-items:center;gap:9px;border:1px solid #dfd6e9;border-radius:10px;background:#fff;padding:0 11px;margin-bottom:8px;color:#81668f;}
.secim-arama > span {display:flex;flex:none;}
.secim-arama input {box-sizing:border-box;width:100%;min-width:0;height:44px;border:0!important;outline:0;background:transparent!important;color:#211936!important;font:inherit;font-size:15px;padding:8px 0;}
.secim-arama:focus-within {border-color:#a16dc7;box-shadow:0 0 0 2px #ad81d022;}
.secim-liste {overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;}
.secim-satir {display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px;border:0;border-radius:9px;background:transparent;color:#211936;text-align:start;font:inherit;cursor:pointer;}
.secim-satir:hover,.secim-satir.secim-aktif {background:#eee5f7;}
.secim-satir[aria-selected=true] {background:#eadef4;}
.secim-satir[aria-disabled=true] {cursor:default;color:#79727f;}
.secim-satir-metin {display:flex;flex-direction:column;flex:1;min-width:0;gap:2px;}
.secim-satir-metin b {font-size:14px;font-weight:550;overflow-wrap:anywhere;}
.secim-satir-metin small {font-size:11px;color:#8b7d95;}
.secim-tik {color:#8856af;font-weight:700;}
.secim-bos {margin:16px 10px;font-size:14px;color:#796681;}

/* Form etiketi rengi, ülke seçiminin açık zeminindeki metne taşınmasın. */
body.giris-modu .giris-kart .alan .secim-dugme .secim-deger {color:#211936;}
body.giris-modu .giris-kart .alan .secim-dugme .secim-ok {color:#796681;}
body.giris-modu .giris-kart .alan .secim-dugme .secim-simge {color:#7e5a94;}
/* 0.37.22: toplu siparişin kalan süresi, ana iş parçacığı meşgulken de akan çubuk */
.siparis-zaman { height: 4px; background: rgba(255, 255, 255, .12); border-radius: 99px; margin-top: 8px; overflow: hidden; }
.siparis-zaman i { display: block; height: 100%; background: linear-gradient(90deg, #FF6B6B, #FFD60A); transform-origin: left center; will-change: transform; }
@keyframes siparisZaman { from { transform: scaleX(var(--bas, 1)); } to { transform: scaleX(0); } }
.kese.toplaniyor { opacity: .55; transform: scale(.86); transition: opacity .15s, transform .15s; pointer-events: none; }

/* 0.37.22: Bildirimler sekme sayaçları ve yeni hesap hareketi vurgusu */
.sekmeler button { position: relative; }
.sekme-sayac {
  display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; margin-left: 6px;
  border-radius: 99px; background: #E5484D; color: #fff; font-size: 12px; font-weight: 800; line-height: 1; vertical-align: 2px;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.85); font-variant-numeric: tabular-nums;
}
.hareket-liste > li.hareket.yeni { background: #F5F9FF; box-shadow: inset 4px 0 0 var(--mavi); }
/* 0.56.5: bildirimdeki dokunulabilir bölüm adı: altı çizili yazı yerine küçük bir bağlantı çipi */
.bolum-bag { display: inline-flex; align-items: center; gap: 2px; padding: 0 7px 0 8px; margin: 0 1px; border-radius: 99px; font-weight: 750; color: var(--mavi-koyu, #1E5BB8);
  background: rgba(30, 91, 184, 0.1); box-shadow: inset 0 0 0 1px rgba(30, 91, 184, 0.2); text-decoration: none; white-space: nowrap; line-height: 1.55; transition: background .15s; }
.bolum-bag::after { content: '›'; font-weight: 800; margin-left: 1px; }
.bolum-bag:hover, .bolum-bag:focus-visible { background: rgba(30, 91, 184, 0.18); text-decoration: none; }
[dir="rtl"] .bolum-bag::after { content: '‹'; }

/* 0.39.0: Emeği geçenlerdeki ÇIRAK yazısı giriş ekranındaki logoyla aynı */
.jenerik-logo.acilis-logo {
  font-family: Anton, Impact, 'Arial Black', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0;
  font-size: clamp(64px, 18vw, 120px); line-height: 0.95; display: inline-block; padding: 0 0.08em;
  background: linear-gradient(180deg, #FFF3B0 0%, #FFB25E 45%, #FF4F8B 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
  -webkit-text-stroke: 3px #1A0B3B; paint-order: stroke fill; text-shadow: none;
  filter: drop-shadow(5px 6px 0 #1A0B3B) drop-shadow(0 0 30px rgba(255, 79, 139, 0.55));
  transform: rotate(-5deg) skewX(-8deg);
}
/* 0.39.0: kiralık dükkân işareti diğer dükkân işaretleriyle aynı hizada, rengi farklı (mavi) */
.dukkan-isaret.kiralik { background: rgba(64, 156, 255, .32); animation-name: dukkanNabizMavi; }
.dukkan-isaret.kiralik i { background: #2F80ED; }
/* 0.40: kiralık dükkân numarası; arka sokaktakiler turuncu çerçeveli */
.dukkan-isaret .dukkan-no { position: absolute; left: 50%; top: 100%; transform: translate(-50%, 4px); min-width: 22px; padding: 1px 6px; border-radius: 9px; background: rgba(20, 38, 74, .88); color: #fff; font: 800 11px/16px system-ui, sans-serif; white-space: nowrap; border: 1.5px solid rgba(255,255,255,.85); pointer-events: none; }
.dukkan-isaret .dukkan-no.arka { border-color: #F2994A; background: rgba(120, 58, 10, .9); }
@keyframes dukkanNabizMavi { 0%,100% { opacity: .55; transform: scale(.92); box-shadow: 0 0 0 0 rgba(64,156,255,.55); } 50% { opacity: 1; transform: scale(1.04); box-shadow: 0 0 0 10px rgba(64,156,255,0); } }
.onay-kutu p { white-space: pre-line; }

/* 0.41: yöneticiye tanıtım filmini indirme düğmesi (Geç düğmesinin solunda) */
#sinema .sinema-indir { pointer-events: auto; cursor: pointer; position: absolute; z-index: 9; top: calc(var(--bant, 10vh) + 12px); right: 120px; display: inline-flex; align-items: center; gap: 6px;
  padding: 10px 16px; min-height: 42px; border-radius: 999px; background: rgba(9,3,21,.72); border: 1px solid rgba(255,255,255,.35); color: #fff;
  font: 800 14px Montserrat, system-ui, sans-serif; text-decoration: none; backdrop-filter: blur(6px); }
#sinema .sinema-indir[hidden] { display: none; }

/* ---- 0.41: profil sayfası ve arkadaşlar ---- */
.profil-sayfa { margin: -16px -16px 0; }
.pr-kapak { height: 112px; position: relative;
  background: radial-gradient(120% 140% at 12% 0%, #FFD86B 0%, rgba(255,216,107,0) 55%), linear-gradient(135deg, var(--lacivert-acik), var(--lacivert) 60%, #3B2A6B); }
.pr-kapak::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(45deg, rgba(255,255,255,.05) 0 10px, transparent 10px 20px); }
.pr-seviye { position: absolute; right: 12px; top: 12px; z-index: 1; background: var(--altin); color: var(--lacivert); font-weight: 800; font-size: 13px; border-radius: 999px; padding: 3px 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.pr-kimlik { display: flex; align-items: flex-end; gap: 14px; padding: 0 16px; margin-top: -52px; position: relative; z-index: 1; }
.pr-foto { flex: none; border-radius: 50%; padding: 4px; background: var(--krem); box-shadow: 0 4px 14px rgba(0,0,0,.18); position: relative; }
.pr-foto .avatar { display: grid; }
.pr-foto.cevrimici::after, .ark-foto.cevrimici::after { content: ""; position: absolute; right: 8%; bottom: 8%; width: 18%; height: 18%; min-width: 12px; min-height: 12px; border-radius: 50%; background: #31C46B; border: 3px solid var(--krem); }
.pr-ad { min-width: 0; padding-top: 58px; padding-bottom: 2px; display: flex; flex-direction: column; gap: 1px; }
.pr-ad h3 { margin: 0; font-size: 24px; line-height: 1.1; overflow-wrap: anywhere; }
.pr-ad small { font-size: 13px; }
.pr-cevrim { color: var(--soluk); } .pr-cevrim.acik { color: #1E9E53; font-weight: 700; }
.pr-eylemler { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 16px 4px; }
.pr-eylemler .dugme { flex: 1 1 auto; min-width: 120px; text-decoration: none; text-align: center; }
.pr-rakamlar { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; margin: 10px 16px 14px; background: #fff; border-radius: 16px; padding: 10px 6px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.pr-rakamlar > div { display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 0; }
.pr-rakamlar b { font-size: 16px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.pr-rakamlar small { font-size: 11.5px; color: var(--soluk); white-space: nowrap; }
@media (max-width: 420px) { .pr-rakamlar { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 10px; } }
.pr-bolum { margin: 0 16px 12px; }
.pr-bolum h4 { margin: 0 0 8px; font-size: 16px; }
.pr-isler { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.pr-isler li { display: grid; grid-template-columns: 30px 1fr; column-gap: 8px; align-items: center; }
.pr-isler li > span { grid-row: span 2; font-size: 24px; text-align: center; }
.pr-isler li small { color: var(--soluk); font-size: 12px; }
.pr-arkadaslar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.pr-arkadaslar button { border: 0; background: #F4F1E8; border-radius: 14px; padding: 8px 4px; display: flex; flex-direction: column; align-items: center; gap: 2px; cursor: pointer; font: inherit; color: inherit; min-width: 0; }
.pr-arkadaslar button:hover { background: #ECE6D4; }
.pr-arkadaslar b { font-size: 13px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pr-arkadaslar small { font-size: 11px; color: var(--soluk); }
.ark-liste { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 8px; }
.ark-kisi { display: flex; align-items: center; gap: 8px; background: #fff; border-radius: 14px; padding: 8px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.ark-ac { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; border: 0; background: none; font: inherit; color: inherit; text-align: start; cursor: pointer; padding: 0; }
.ark-foto { position: relative; flex: none; display: grid; }
.ark-bilgi { min-width: 0; display: flex; flex-direction: column; }
.ark-bilgi b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ark-bilgi small { color: var(--soluk); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ark-eylem { display: flex; gap: 6px; flex: none; }
.ark-baslik { margin: 6px 0 8px; font-size: 15px; }
.ark-ara input { width: 100%; box-sizing: border-box; font: inherit; font-size: 16px; padding: 10px 14px; border-radius: 12px; border: 2px solid var(--cizgi); margin-bottom: 10px; }
.bos-durum { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 24px 10px; }
.bos-durum > span { font-size: 44px; }
.bos-durum small { color: var(--soluk); max-width: 320px; }
a.ms-kisi { text-decoration: none; color: inherit; }
.satirlar li.tiklanir { cursor: pointer; }
.satirlar li.tiklanir:hover { background: rgba(27,47,91,.04); }

/* ---- 0.41: banka: numara göster/gizle, hesap hareketleri, ödemeler, ekstre ---- */
.numara-goster { display: inline-flex; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; letter-spacing: 1px; white-space: nowrap; }
.goz-dugme { border: 0; background: rgba(255,255,255,.18); color: inherit; border-radius: 8px; width: 28px; height: 24px; display: inline-grid; place-items: center; font-size: 14px; cursor: pointer; padding: 0; line-height: 1; }
.goz-dugme:hover { background: rgba(255,255,255,.3); }
.kart .goz-dugme, .banka-ozet .goz-dugme { background: #EEE8D8; }
.tefon-iban { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; position: relative; z-index: 1; }
.kopya-dugme { border: 0; background: rgba(255,255,255,.16); color: #fff; border-radius: 999px; padding: 3px 10px; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.tefon-alt { position: relative; z-index: 1; }
.arti-acik { color: #9BF0B9; font-weight: 800; }
.vadeli-kart { background: radial-gradient(120% 140% at 100% 0%, #2FBF71 0%, #157A4A 45%, #0B3F27 100%); }
.iban-yazi { font-variant-numeric: tabular-nums; letter-spacing: .5px; font-size: 15px; overflow-wrap: anywhere; }
.bh-liste, .odeme-liste { list-style: none; margin: 0; padding: 0; }
.bh-liste .gun-baslik { font-size: 12px; font-weight: 800; color: var(--soluk); padding: 10px 0 4px; text-transform: uppercase; letter-spacing: .5px; }
.bh-satir, .odeme-satir { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid #F0EADB; }
.bh-satir:last-child, .odeme-satir:last-child { border-bottom: 0; }
.bh-ik, .od-ik { flex: none; width: 34px; height: 34px; border-radius: 10px; background: #F4EFE2; display: grid; place-items: center; font-size: 18px; }
.bh-ac, .od-ac { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.bh-ac b, .od-ac b { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bh-ac small, .od-ac small { font-size: 12px; color: var(--soluk); }
.bh-tutar { flex: none; text-align: end; font-variant-numeric: tabular-nums; white-space: nowrap; }
.od-sag { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; text-align: end; }
.od-sag b { font-variant-numeric: tabular-nums; white-space: nowrap; }
.odeme-satir.tehlike .od-ik { background: #FDE3DF; }
.ekstre-donemler { margin: 0 0 10px; }
.kredi-limit-ozet { margin-bottom: 12px; }
/* 0.41: sokak seçici (kalabalık ilçelerde) */
.sokak-cip { position: absolute; top: calc(var(--ust) + 64px); left: 12px; display: flex; flex-direction: column; align-items: flex-start; gap: 0; border: 0; border-radius: 14px; padding: 6px 12px; background: rgba(255,255,255,.94); color: var(--lacivert); font: inherit; font-size: 14px; cursor: pointer; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); pointer-events: auto; }
.sokak-cip small { font-size: 11px; color: var(--soluk); }
/* 0.57.6: kısayolların altında akışta */
.alt-hud .sol-grup .sokak-cip { position: static; top: auto; left: auto; flex-direction: row; align-items: center; gap: 7px; margin-top: 4px; padding: 5px 11px 5px 8px; border-radius: 12px; font-size: 13px; line-height: 1.2; }
.sokak-cip .sc-ikon { font-size: 16px; }
.sokak-cip .sc-metin { display: flex; flex-direction: column; align-items: flex-start; }
body.bolgede .alt-hud .sokak-cip { display: none; }
body.haritada .sokak-cip { display: none; } /* 0.95.7: sokak çipi yalnız mahallede (haritada başlık kutusunun altına biniyordu) */

/* 0.41.1: mesaj saklama notu */
.ms-saklama { margin: 10px 14px 16px; font-size: 12px; color: var(--soluk); text-align: center; }

/* 0.41.1: anketler */
.kart.anket { display: grid; gap: 6px; }
.anket-baslik { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.anket-baslik b { font-size: 16px; line-height: 1.3; }
.anket-secim { display: grid; gap: 8px; margin-top: 6px; }
.anket-dugme { margin: 0; text-align: start; justify-content: flex-start; background: var(--kart2, rgba(37, 99, 235, 0.08)); color: inherit; border: 1.5px solid rgba(37, 99, 235, 0.35); box-shadow: none; }
.anket-dugme:hover { border-color: #2563EB; }
.anket-satir { margin-top: 6px; }
.anket-ust { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; }
.anket-cubuk { height: 10px; border-radius: 99px; background: rgba(127, 127, 127, 0.18); overflow: hidden; margin-top: 4px; }
.anket-cubuk i { display: block; height: 100%; border-radius: 99px; background: #5B8DEF; transform-origin: left center; animation: anketDol 0.6s ease-out; }
[dir=rtl] .anket-cubuk i { transform-origin: right center; }
.anket-satir.onde .anket-cubuk i { background: #22A35A; }
.anket-satir.benim .anket-ust span { font-weight: 800; }
.anket-not { margin-top: 4px; }
@keyframes anketDol { from { transform: scaleX(0); } }

/* 0.42: mağaza — özel plaka, özel boya, garaj vitrini */
.plaka-tr { direction: ltr; display: inline-flex; align-items: stretch; border: 2px solid #111; border-radius: 4px; background: #fff; color: #111; font: 800 12.5px/1 Arial, sans-serif; letter-spacing: 0.04em; overflow: hidden; vertical-align: middle; white-space: nowrap; }
.plaka-tr i { font-style: normal; background: #1F3FA6; color: #fff; font-size: 8px; padding: 6px 3px 2px; display: flex; align-items: flex-end; margin-inline-end: 5px; }
.plaka-tr { padding-inline-end: 6px; }
.plaka-tr > :not(i) { align-self: center; }
.plaka-onizleme { display: flex; justify-content: center; padding: 14px 0 6px; }
.plaka-onizleme .plaka-tr { font-size: 26px; border-width: 3px; padding: 4px 12px 4px 0; }
.plaka-onizleme .plaka-tr i { font-size: 13px; padding: 14px 6px 4px; margin-inline-end: 12px; }
.plaka-onizleme.gecersiz .plaka-tr { opacity: 0.45; }
.olay-balon .plaka-mini { display: inline-block; background: #fff; color: #111; border: 1.5px solid #111; border-radius: 3px; padding: 1px 4px; font: 800 10px/1.2 Arial, sans-serif; margin-inline-start: 4px; }
.boya-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; margin-bottom: 10px; }
.boya-secim { display: grid; justify-items: center; gap: 4px; padding: 10px 6px; border-radius: 14px; border: 2px solid transparent; background: rgba(127, 127, 127, 0.08); color: inherit; cursor: pointer; font: inherit; text-align: center; }
.boya-secim b { font-size: 13px; } .boya-secim small { font-size: 11px; opacity: 0.75; }
.boya-secim.secili { border-color: #22A35A; background: rgba(34, 163, 90, 0.1); }
.boya-secim.simdiki { opacity: 0.55; cursor: default; }
.boya-ornek { width: 46px; height: 46px; border-radius: 50%; background: var(--renk); box-shadow: inset 0 -6px 10px rgba(0, 0, 0, 0.25), 0 2px 6px rgba(0, 0, 0, 0.25); }
.boya-ornek.metalik { background: radial-gradient(circle at 32% 28%, rgba(255, 255, 255, 0.75), transparent 38%), var(--renk); }
.boya-ornek.sedef { background: radial-gradient(circle at 30% 26%, rgba(255, 255, 255, 0.9), transparent 34%), linear-gradient(135deg, rgba(255, 220, 240, 0.35), rgba(200, 235, 255, 0.35)), var(--renk); }
.boya-ornek.krom { background: linear-gradient(160deg, #fff 0%, var(--renk) 35%, #4d5157 55%, var(--renk) 75%, #fff 100%); }
.boya-ornek.mat { box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.2); }
.magaza-vitrin { border: 1.5px dashed rgba(201, 162, 75, 0.7); }
.pr-garaj { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.pr-garaj li { display: flex; gap: 10px; align-items: center; }
.pr-garaj-simge { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; font-size: 22px; background: color-mix(in srgb, var(--renk, #8892a0) 30%, transparent); box-shadow: inset 0 0 0 2px var(--renk, transparent); flex: none; }
.pr-garaj-simge.krom { background: linear-gradient(160deg, #fff, var(--renk) 40%, #555 60%, var(--renk)); }

/* 0.42.1: profil çerçeveleri, isim renkleri, far ve jant örnekleri, altın sertifika */
.avatar-cerceve { --k: 3px; display: inline-grid; place-items: center; padding: var(--k); border-radius: 50%; flex: none; position: relative; line-height: 0; vertical-align: middle; }
.avatar-cerceve > .avatar { display: block; border: 2px solid rgba(255, 255, 255, 0.9); }
.avatar-cerceve.c-altin { background: conic-gradient(from 200deg, #8a5f12, #ffe38a, #b8862b, #fff4c2, #a6731c, #f0c75a, #8a5f12); box-shadow: 0 0 10px rgba(255, 200, 70, 0.55); }
.avatar-cerceve.c-gumus { background: conic-gradient(from 200deg, #6f757c, #f4f6f8, #9aa1a8, #ffffff, #7c838a, #dfe3e7, #6f757c); }
.avatar-cerceve.c-zumrut { background: conic-gradient(from 200deg, #064d36, #3fe0a6, #0b7a52, #b6ffe3, #087047, #2ec48b, #064d36); box-shadow: 0 0 8px rgba(46, 196, 139, 0.45); }
.avatar-cerceve.c-neon { background: #0b1a2e; box-shadow: 0 0 0 2px #19e3ff, 0 0 12px #19e3ff, 0 0 22px rgba(25, 227, 255, 0.55); }
.avatar-cerceve.c-ates { background: conic-gradient(#ff3d00, #ffb300, #ff6a00, #ffe066, #ff2d00, #ff9500, #ff3d00); animation: cerceveDon 3s linear infinite; box-shadow: 0 0 12px rgba(255, 110, 0, 0.6); }
.avatar-cerceve.c-gokkusagi { background: conic-gradient(#ff4d4d, #ffb84d, #fff34d, #4dff88, #4dc3ff, #8a4dff, #ff4dd8, #ff4d4d); animation: cerceveDon 4s linear infinite; }
.avatar-cerceve.c-ates > .avatar, .avatar-cerceve.c-gokkusagi > .avatar { animation: cerceveDon 4s linear infinite reverse; }
.avatar-cerceve.c-ates > .avatar { animation-duration: 3s; }
@keyframes cerceveDon { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .avatar-cerceve, .avatar-cerceve > .avatar { animation: none !important; } }
.isim-renk { font-weight: 800; }
.isim-renk.r-altin { color: #C9962A; text-shadow: 0 0 6px rgba(255, 200, 70, 0.35); }
.isim-renk.r-kirmizi { color: #E0352B; }
.isim-renk.r-mavi { color: #2E7BEF; }
.isim-renk.r-yesil { color: #1FA35C; }
.isim-renk.r-mor { color: #8A4DE0; }
.isim-renk.r-turuncu { color: #F07A12; }
.isim-renk.r-pembe { color: #E8479B; }
.isim-renk.r-turkuaz { color: #0FB3B0; }
.isim-renk.r-gokkusagi { background: linear-gradient(90deg, #ff4d4d, #ffb84d, #e6d100, #2fd36f, #2ea8ff, #8a4dff, #ff4dd8); -webkit-background-clip: text; background-clip: text; color: transparent; }
.isim-onizleme { font-size: 15px; min-height: 46px; display: grid; place-items: center; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.far-ornek { width: 46px; height: 46px; border-radius: 50%; background: radial-gradient(circle, #fff 0 22%, var(--renk) 40%, transparent 72%); box-shadow: 0 0 18px var(--renk); }
.jant-ornek { width: 46px; height: 46px; border-radius: 50%; background: radial-gradient(circle, #2b2f34 0 18%, var(--renk) 20% 58%, #1a1c1f 60% 100%); box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.25), 0 2px 6px rgba(0, 0, 0, 0.3); }
.magaza-link { display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; }
.magaza-link > span { font-size: 26px; } .magaza-link div { flex: 1; display: grid; } .magaza-link small { opacity: 0.7; } .magaza-link i { font-style: normal; font-size: 22px; opacity: 0.5; }
.altin-serit { display: inline-block; margin: 0 0 8px; padding: 4px 12px; border-radius: 999px; font-weight: 900; font-size: 12px; color: #3a2600; background: linear-gradient(180deg, #ffe58a, #e0a92a); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.sertifika-resim.altin { padding: 6px; border-radius: 14px; background: linear-gradient(135deg, #7a5410, #f7d774 22%, #b8862b 45%, #fff2b0 60%, #a6731c 80%, #f0c75a); box-shadow: 0 0 22px rgba(255, 200, 70, 0.45); }
.sertifika-resim.altin img { border-radius: 9px; }

/* 0.42.2: tezgâh deseni, neon tabela ve tabela yazı tipi örnekleri */
.desen-ornek { width: 54px; height: 40px; border-radius: 8px 8px 4px 4px; background: repeating-linear-gradient(90deg, var(--r1) 0 9px, var(--r2) 9px 18px); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); clip-path: polygon(0 0, 100% 0, 100% 70%, 92% 100%, 84% 70%, 75% 100%, 67% 70%, 58% 100%, 50% 70%, 42% 100%, 33% 70%, 25% 100%, 17% 70%, 8% 100%, 0 70%); }
.neon-ornek { display: grid; place-items: center; min-width: 92px; height: 40px; padding: 0 8px; border-radius: 6px; background: #120F1A; color: #fff; font: 800 13px/1 "Trebuchet MS", sans-serif; letter-spacing: 0.04em; text-shadow: 0 0 3px var(--renk), 0 0 8px var(--renk), 0 0 16px var(--renk); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.06); max-width: 100%; overflow: hidden; }
.yazi-ornek { display: grid; place-items: center; min-width: 92px; height: 40px; padding: 0 8px; border-radius: 6px; background: #1B2F5B; color: #fff; font-size: 16px; max-width: 100%; overflow: hidden; white-space: nowrap; }
.yazi-ornek.y-zarif { font: italic 700 16px Georgia, "Times New Roman", serif; }
.yazi-ornek.y-el { font: 700 19px "Brush Script MT", "Segoe Script", "Snell Roundhand", "Lucida Handwriting", cursive; }
.yazi-ornek.y-daktilo { font: 700 15px "Courier New", Courier, monospace; }
.yazi-ornek.y-yuvarlak { font: 800 15px "Arial Rounded MT Bold", "Trebuchet MS", Verdana, sans-serif; }

/* 0.43: bilboard reklamı */
.bilboard-onizleme { position: relative; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 14px; aspect-ratio: 2 / 1; max-width: 420px; margin: 8px auto 12px; padding: 14px 18px 30px;
  border-radius: 8px; border: 6px solid #3B4250; color: var(--y); background: linear-gradient(120deg, var(--z), var(--k)); overflow: hidden; box-shadow: 0 6px 18px rgba(0,0,0,.25); }
.bilboard-onizleme .bb-simge { font-size: clamp(38px, 11vw, 64px); width: 1.6em; height: 1.6em; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.12); }
.bilboard-onizleme b { display: block; font: 900 clamp(17px, 5vw, 28px)/1.05 Montserrat, "Segoe UI", Arial, sans-serif; overflow-wrap: anywhere; }
.bilboard-onizleme small { display: block; margin-top: 4px; color: rgba(255,255,255,.9); font-weight: 700; font-size: 13px; }
.bilboard-onizleme em { position: absolute; left: 0; right: 0; bottom: 0; padding: 4px 12px; font: 700 11px Montserrat, sans-serif; font-style: normal; color: rgba(255,255,255,.75); background: rgba(0,0,0,.35); }
.bb-panolar { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; margin-bottom: 6px; }
.bb-pano { display: grid; gap: 2px; padding: 10px 12px; border: 2px solid #E4DCC6; border-radius: 12px; cursor: pointer; background: #fff; }
.bb-pano input { position: absolute; opacity: 0; pointer-events: none; }
.bb-pano:has(input:checked) { border-color: var(--lacivert); background: #EEF3FB; }
.bb-pano.kapali { opacity: .55; cursor: not-allowed; }
.bb-pano small { color: #6B6455; font-size: 12px; }
.bb-simgeler, .bb-renkler, .bb-sureler { display: flex; flex-wrap: wrap; gap: 6px; }
.bb-simgeler label, .bb-renkler label, .bb-sureler label { cursor: pointer; }
.bb-simgeler input, .bb-renkler input, .bb-sureler input { position: absolute; opacity: 0; pointer-events: none; }
.bb-simgeler i { display: grid; place-items: center; width: 40px; height: 40px; font-size: 22px; font-style: normal; border-radius: 10px; border: 2px solid #E4DCC6; background: #fff; }
.bb-renkler i { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; font: 900 16px Montserrat, sans-serif; font-style: normal; border: 3px solid #fff; box-shadow: 0 0 0 1px #D9CFB5; }
.bb-sureler label { display: grid; padding: 8px 14px; border: 2px solid #E4DCC6; border-radius: 12px; background: #fff; text-align: center; }
.bb-sureler small { color: #6B6455; }
.bb-simgeler input:checked + i, .bb-sureler label:has(input:checked) { border-color: var(--lacivert); background: #EEF3FB; }
.bb-renkler input:checked + i { box-shadow: 0 0 0 3px var(--lacivert); }
.bb-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.bb-liste li { display: grid; grid-template-columns: auto 1fr auto auto; gap: 10px; align-items: center; }
.bb-liste li > span { font-size: 24px; }
.bb-liste small { display: block; color: #6B6455; font-size: 12px; }

/* 0.43: altın istek */
.altin-istek-sec { display: flex; gap: 10px; align-items: flex-start; text-align: start; margin: 10px 0 6px; padding: 10px 12px; border: 2px solid #F2D27A; border-radius: 12px; background: #FFF8E1; cursor: pointer; }
.altin-istek-sec input { margin-top: 4px; width: 18px; height: 18px; accent-color: #C9940A; }
.altin-istek-sec small { color: #7A6431; }
.istek-kutu.altin { box-shadow: 0 0 0 3px #F2C14E, 0 12px 40px rgba(201,148,10,.45); }
.istek-kutu .onay-girdi + .onay-girdi { margin-top: 6px; }
.olay-balon.altin { background: linear-gradient(135deg, #FFF3C4, #F2C14E); color: #5A3D00; font-weight: 800; box-shadow: 0 0 0 2px #E0A800, 0 6px 18px rgba(224,168,0,.45); }
.olay-balon.altin::after { border-top-color: #F2C14E; }
.olay-balon.altin-isilti { background: transparent; box-shadow: none; font-size: 22px; animation: notaUc 1.8s ease-out forwards; filter: drop-shadow(0 0 6px #FFD54F); }
.olay-balon.altin-isilti::after { display: none; }
.olay-balon.dolasan { background: linear-gradient(135deg, #2B1B5B, #7B2FBE); color: #fff; font-size: 12px; font-weight: 700; }
.olay-balon.dolasan::after { border-top-color: #4A2590; }
.cephe-ev { margin-top: 10px; }
.cephe-ev + .cephe-ev { border-top: 1px solid #EEE6D2; padding-top: 10px; }

/* 0.43.1: panel başlığındaki geri / ileri düğmeleri — tek tanım. Eski ".geri-dugme" kuralı (dolgu ve beyaz zemin)
   üzerine yazıp üzerine gelince yarı saydam zemin + açık gölgeyle hilal gibi görünüyordu. */
.panel-ust .geri-dugme { width: 40px; height: 40px; padding: 0; border-radius: 999px; background: #fff; color: var(--lacivert); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); transition: background .12s, transform .08s; }
.panel-ust .geri-dugme:hover { background: #FFF3CF; }
.panel-ust .geri-dugme:active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.panel-ust .geri-dugme:disabled, .panel-ust .geri-dugme:disabled:hover { background: rgba(0,0,0,.28); color: rgba(255,255,255,.3); box-shadow: none; transform: none; cursor: default; }
/* 0.43.1: vergi numarası kullanıcı adıyla aynı satırda, sağa yaslı */
.profil-baslik { align-items: center; }
.profil-baslik .profil-vkn { margin-inline-start: auto; font-size: 12.5px; font-weight: 700; background: #F4F4F4; color: var(--metin); padding: 4px 9px; border-radius: 99px; white-space: nowrap; cursor: default; }
.yazi-ornek.y-blok { font: 900 16px Impact, "Arial Black", "Franklin Gothic Heavy", sans-serif; letter-spacing: 0.02em; }
.yazi-ornek.y-klasik { font: 700 16px "Palatino Linotype", Palatino, "Book Antiqua", "Times New Roman", serif; letter-spacing: 0.06em; }

/* 0.44: Esnaf Kartı — "topla ve yeniden başlat" düğmesi; ikisi birden varsa üst üste durur */
.topla-hepsi:not(.topla-baslat):has(+ .topla-baslat) { bottom: calc(var(--dock) + var(--alt) + 76px); }
.esnaf-rozet { font-style: normal; font-size: 0.85em; margin-left: 3px; vertical-align: 0.05em; filter: drop-shadow(0 1px 0 rgba(0,0,0,.15)); }
/* 0.44: sezon ürünleri */
.avatar-cerceve.c-sezon { background: conic-gradient(from 90deg, #0E7C66, #F2C14E, #0E7C66, #7FE0C6, #0E7C66); box-shadow: 0 0 10px rgba(14, 124, 102, 0.5); }
.avatar-cerceve.c-sampiyon { background: conic-gradient(#F2C14E, #fff6c8, #0E7C66, #F2C14E, #ffe38a, #0E7C66, #F2C14E); animation: cerceveDon 5s linear infinite; box-shadow: 0 0 14px rgba(242, 193, 78, 0.75); }
.avatar-cerceve.c-sampiyon > .avatar { animation: cerceveDon 5s linear infinite reverse; }
.isim-renk.r-sezon { background: linear-gradient(90deg, #8a96a8, #e9eef5, #9aa6b8, #ffffff, #8a96a8); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: sezonParilti 3s linear infinite; }
@keyframes sezonParilti { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .avatar-cerceve.c-sampiyon, .avatar-cerceve.c-sampiyon > .avatar, .isim-renk.r-sezon { animation: none; } }
.pr-sezon-rozet { color: #0E7C66; font-weight: 800; }
/* 0.44: Esnaf Kartı ve Sezon */
.hak-serit { background: #EEF7EF; color: #1F6B3A; font-weight: 700; font-size: 14px; padding: 10px 14px; margin-bottom: 10px; }
.esnaf-kart.aktif { box-shadow: 0 0 0 2px #2E9E4F inset; }
.esnaf-liste { margin: 10px 0 12px; padding-left: 4px; list-style: none; display: grid; gap: 6px; font-size: 14px; }
.sezon-ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.sezon-ust h3 { margin: 0 0 2px; }
.sezon-puan { text-align: center; background: #0E7C66; color: #fff; border-radius: 14px; padding: 6px 12px; min-width: 78px; }
.sezon-puan b { display: block; font-size: 22px; line-height: 1.1; }
.sezon-puan small { font-size: 11px; opacity: .85; }
.sezon-cubuk { margin: 10px 0; }
.sezon-cubuk > div { background: linear-gradient(90deg, #0E7C66, #F2C14E); }
.sezon-tablo { display: grid; gap: 4px; margin-bottom: 12px; }
.sezon-satir { display: grid; grid-template-columns: 64px 1fr 1.6fr; gap: 8px; align-items: center; padding: 6px 8px; border-radius: 10px; background: #F7F3E8; font-size: 13px; }
.sezon-satir.baslik { background: none; font-weight: 800; font-size: 12px; color: #6B6455; }
.sezon-satir.ulasildi { background: #EAF6EE; }
.sezon-satir span small { display: block; color: #6B6455; font-size: 11px; }
.sezon-satir .kilitli { opacity: .6; }
.sezon-bag { display: flex; align-items: center; gap: 8px; margin: 12px 0; padding: 10px 14px; border-radius: 12px; background: #E9F5F1; color: #0E5C4C; text-decoration: none; font-size: 14px; }
.sezon-bag span { flex: 1; color: #3E6B60; }
.sezon-kart .dugme-satiri .rozetcik { align-self: center; flex: none; }

/* 0.44.1: arkadaşlar penceresi — sabit boy, tek satırda kalan düğmeler, düzgün mesaj simgesi */
.panel.panel-sabit { height: min(680px, calc(100% - var(--ust) - 70px)); }
.ark-eylem { align-items: center; }
.ark-eylem .dugme { width: auto; white-space: nowrap; min-height: 40px; height: 40px; padding: 0 12px; font-size: 15px; }
.ark-eylem .ark-mesaj { width: 44px; min-width: 44px; padding: 0; color: #fff; }
.ark-eylem .ark-mesaj svg { display: block; }

/* 0.44.2: tanıtımı yazılarıyla indirme penceresi (yöneticiler) */
.tanitim-indir { position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; background: rgba(6, 2, 12, .72); padding: 16px; }
.ti-kutu { width: min(640px, 100%); background: #fff; color: var(--metin); border-radius: 18px; padding: 18px; box-shadow: 0 20px 60px rgba(0,0,0,.45); }
.ti-kutu h3 { margin: 0 0 6px; }
.ti-not { margin: 0 0 12px; font-size: 14px; color: #6B6455; }
.ti-onizleme { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 10px; background: #06020C; }
.ti-cubuk { height: 8px; border-radius: 4px; background: #EFE6CF; overflow: hidden; margin: 12px 0; }
.ti-cubuk i { display: block; width: 0; height: 100%; background: linear-gradient(90deg, #FFB23F, #FF3FA4); transition: width .3s; }
.ti-dugmeler { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }
.ti-dugmeler .dugme { width: auto; margin: 0; display: inline-flex; align-items: center; justify-content: center; min-height: 40px; text-decoration: none; }

/* 0.45: davet indirimi */
.davet-indirim .di-ust { display: flex; align-items: center; gap: 12px; }
.davet-indirim .di-oran { flex: none; min-width: 64px; height: 64px; border-radius: 16px; display: grid; place-items: center; font: 900 22px Montserrat, system-ui, sans-serif; background: #EFE6CF; color: #8a7a55; }
.davet-indirim.aktif .di-oran { background: linear-gradient(135deg, #2E9E4F, #1B6E37); color: #fff; }
/* 0.99.19: davet hızı (süre kısalması) */
.davet-hiz.aktif .di-oran { background: linear-gradient(135deg, #F2A93B, #D9711C); color: #fff; }
.davet-hiz .cubuk > div { background: linear-gradient(90deg, #F2A93B, #D9711C); }
.di-satir { font-size: 12px; font-weight: 700; color: #9a8a6a; }
.di-satir.aktif { color: #1B7A3C; }
.davet-indirim .di-ust small { display: block; color: #6B6455; font-size: 13px; }

/* 0.46: meslek odaları */
.oda-kart { display: grid; gap: 8px; }
.oda-kart.uye { border-left: 4px solid #2E9E4F; }
.oda-ust { display: flex; gap: 10px; align-items: center; }
.oda-ust .oda-simge { font-size: 30px; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; background: #F3EAD3; flex: none; }
.oda-ust b { display: block; font-size: 16px; }
.oda-ust small { display: block; color: #7a7262; font-size: 12.5px; }
.oda-durum { font-size: 13px; font-weight: 700; color: #5d5646; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.oda-durum.yesil { color: #1B7A3C; }
.oda-durum.kirmizi { color: #B3261E; }
.oda-avantaj { margin: 0; padding-left: 18px; font-size: 13px; line-height: 1.5; }
.oda-secim { background: #FBF6EA; border-radius: 12px; padding: 10px 12px; font-size: 13.5px; display: grid; gap: 6px; }
.oda-adaylar { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.oda-adaylar li { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; align-items: center; background: #fff; border-radius: 10px; padding: 8px 10px; }
.oda-adaylar li small { grid-column: 1; color: #7a7262; font-style: italic; }
.oda-adaylar li .sag { grid-row: 1 / span 2; grid-column: 2; display: flex; align-items: center; gap: 6px; font-weight: 700; }
.oda-aday-form { display: flex; gap: 6px; }
.oda-aday-form input { flex: 1; min-width: 0; padding: 8px 10px; border-radius: 10px; border: 1px solid #E2D8C2; }
.oda-aday-form .dugme { flex: none; width: auto; }
.oda-rapor-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-top: 8px; }
.oda-rapor-izgara small { color: #7a7262; font-weight: 700; }
.oda-rapor { list-style: none; margin: 4px 0 0; padding: 0; font-size: 13px; }
.oda-rapor li { display: flex; justify-content: space-between; gap: 8px; padding: 3px 0; border-bottom: 1px dashed #EEE4CF; }
.oda-rapor .arti { color: #1B7A3C; font-weight: 700; } .oda-rapor .eksi { color: #B3261E; font-weight: 700; }

/* 0.47: Sıralama dönem sekmeleri (gün / hafta / ay / yıl / tüm zamanlar) ve dönem ödülleri */
.donem-sekme { display: flex; gap: 4px; padding: 4px; margin: 0 0 12px; border-radius: 14px; background: linear-gradient(180deg, #EEF1F8, #E2E7F2); box-shadow: inset 0 1px 2px rgba(17, 31, 64, .12); overflow-x: auto; scrollbar-width: none; }
.donem-sekme::-webkit-scrollbar { display: none; }
.donem-sekme button { flex: 1 0 auto; min-width: 54px; border: 0; border-radius: 10px; padding: 8px 10px; background: transparent; color: var(--soluk); font: inherit; font-weight: 800; font-size: 14px; white-space: nowrap; cursor: pointer; transition: background .18s, color .18s, transform .12s; }
.donem-sekme button:active { transform: scale(.96); }
.donem-sekme button[aria-selected="true"] { background: linear-gradient(180deg, #FFD65C, var(--altin)); color: var(--lacivert-koyu); box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 4px 10px rgba(217, 154, 0, .28); }
.donem-sekme button[data-donem="tum"][aria-selected="true"] { background: linear-gradient(180deg, var(--lacivert-acik), var(--lacivert)); color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.donem-odul { background: linear-gradient(135deg, #FFF8E1, #FFFDF5 60%); border: 1px solid #F3DE9A; }
.donem-odul .do-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.donem-odul .do-ust > b { font-size: 16px; color: var(--lacivert); }
.donem-odul .do-kalan { font-size: 13px; color: var(--soluk); background: #fff; border-radius: 999px; padding: 3px 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); white-space: nowrap; }
.do-oduller { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.do-oduller li { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 6px 2px; border-radius: 10px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); text-align: center; min-width: 0; }
.do-oduller li span { font-size: 11px; font-weight: 800; color: var(--soluk); }
.do-oduller li b { font-size: 12.5px; color: var(--lacivert); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.do-oduller li small { font-size: 10.5px; line-height: 1.2; color: #8A5A00; margin-top: 2px; }
.do-oduller li.m1 { background: linear-gradient(180deg, #FFE38A, #FFC42E); }
.do-oduller li.m2 { background: linear-gradient(180deg, #F2F5F9, #D7DDE6); }
.do-oduller li.m3 { background: linear-gradient(180deg, #F6CFA6, #E8A86B); }
.do-oduller li.m1 span, .do-oduller li.m2 span, .do-oduller li.m3 span { color: var(--lacivert-koyu); }
.do-gecen { margin-top: 8px; }
.do-tatil { margin: 8px 0 0; font-size: 12.5px; line-height: 1.5; color: #6B4A00; }
.do-gecen summary { cursor: pointer; font-weight: 800; font-size: 13px; color: var(--lacivert-acik); }
.do-rozet { display: inline-block; margin-top: 2px; padding: 1px 6px; border-radius: 999px; background: #FFF1C2; color: #8A5A00; font-weight: 800; font-size: 11px; }
@media (max-width: 420px) { .do-oduller { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; } .do-oduller li b { font-size: 11px; } .donem-sekme button { font-size: 13px; padding: 7px 8px; min-width: 0; } }
/* 0.47: tatil hediyesi */
.tatil-hediye { background: linear-gradient(135deg, #E8FFF4, #F4FFFA); border: 1px solid #9FE3C0; }
.tatil-hediye h3 { margin: 0 0 4px; }
.tatil-kart .tk-hediye { position: absolute; top: 6px; right: 6px; font-size: 11px; font-weight: 800; background: #1FA25A; color: #fff; border-radius: 999px; padding: 2px 7px; }
/* 0.49.0: sıralama: sıra kartı */
.sira-kart { background: linear-gradient(135deg, var(--lacivert-acik), var(--lacivert) 70%); color: #fff; border: 0; box-shadow: 0 6px 16px rgba(17, 31, 64, .22); position: relative; overflow: hidden; }
.sira-kart::after { content: ""; position: absolute; right: -60px; top: -70px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 196, 46, .16), transparent 68%); pointer-events: none; }
.sira-kart .sk-ust { display: flex; align-items: center; gap: 14px; position: relative; z-index: 1; }
.sk-madalya { flex: none; display: block; margin: -10px 0 -6px -4px; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .35)); overflow: visible; }
.sira-kart .sk-ust { gap: 12px; }
.sk-bilgi { display: flex; flex-direction: column; min-width: 0; }
.sk-bilgi small { font-size: 12.5px; color: rgba(255, 255, 255, .72); }
.sk-bilgi b { font-size: 26px; line-height: 1.15; color: #FFD65C; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sk-durum { position: relative; z-index: 1; margin-top: 12px; padding: 9px 12px; border-radius: 12px; background: rgba(255, 255, 255, .1); font-size: 13.5px; line-height: 1.35; color: #EAF0FA; }
.sk-durum b { color: #FFD65C; }
.sk-durum.basari { background: linear-gradient(90deg, rgba(31, 162, 90, .35), rgba(31, 162, 90, .15)); }
.sk-cubuk { display: block; height: 7px; margin-top: 7px; border-radius: 99px; background: rgba(255, 255, 255, .16); overflow: hidden; }
.sk-cubuk > i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #FFC42E, #FF9A4D); }
/* 0.49.0: ödüllü video düğmelerinin altındaki not ve haftalık deneme sayacı */
.video-not { margin: 8px 0 12px; text-align: center; }
.video-hafta { display: block; margin-top: 4px; color: #8A5A00; font-weight: 700; }
.tesis-karti [data-video] { width: 100%; margin-top: 10px; }

/* ===== 0.48: Mini oyunlar ===== */
.dugme.turuncu { --r: #F28C28; --g: #B95E0C; --y: #fff; }
.dugme.buyuk { min-height: 58px; font-size: 21px; border-radius: 16px; }
.salla { animation: moSalla .35s; }
@keyframes moSalla { 20% { transform: translateX(-7px); } 40% { transform: translateX(7px); } 60% { transform: translateX(-4px); } 80% { transform: translateX(4px); } }
/* davet balonu */
.oyun-davet { position: fixed; left: 12px; bottom: calc(var(--dock) + var(--alt) + 150px); z-index: 25; display: flex; align-items: center; gap: 8px; padding: 7px 14px 7px 8px; border: 0; border-radius: 999px;
  background: linear-gradient(135deg, #FF5FA2, #FF9A4D); color: #fff; box-shadow: 0 6px 18px rgba(255, 95, 162, .45), 0 0 0 3px rgba(255, 255, 255, .7); cursor: pointer; animation: moZipla 1.6s ease-in-out infinite; font: inherit; text-align: start; max-width: 72vw; }
.oyun-davet .od-simge { font-size: 30px; width: 40px; height: 40px; display: grid; place-items: center; background: rgba(255, 255, 255, .25); border-radius: 50%; }
.oyun-davet .od-yazi { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.oyun-davet b { font-size: 15px; } .oyun-davet small { font-size: 12px; opacity: .92; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@keyframes moZipla { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-8px) rotate(1deg); } }
/* oyun köşesi */
.mo-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; margin-bottom: 14px; }
.mo-tas { border: 0; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); padding: 10px 4px 8px; display: flex; flex-direction: column; align-items: center; gap: 2px; cursor: pointer; font: inherit; position: relative; }
.mo-tas b { font-size: 12.5px; line-height: 1.15; text-align: center; color: var(--lacivert); }
.mo-tas small { font-size: 11px; color: var(--soluk); }
.mo-tas.hazir { background: linear-gradient(180deg, #FFF6D6, #FFE9A6); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mo-tas.kapali { opacity: .55; }
.mo-tas-simge { font-size: 30px; line-height: 1.2; }
.mo-tas-simge.buyuk { font-size: 42px; }
.mo-odullu { position: absolute; top: -6px; right: -4px; background: #FF5FA2; color: #fff !important; font-weight: 800; border-radius: 999px; padding: 1px 7px; }
.mo-teklif { display: flex; align-items: center; gap: 12px; background: linear-gradient(135deg, #FFF0F6, #FFF8EC); border: 1px solid #FFC2DA; }
.mo-teklif .dugme { width: auto; }
#oyun-rozet { background: #FF5FA2; }
/* oyun penceresi */
.mo-katman { position: fixed; inset: 0; z-index: 60; background: rgba(8, 14, 30, .78); display: flex; align-items: center; justify-content: center; padding: calc(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + 8px) 8px calc(var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)) + 8px); }
.mo-pencere { width: min(520px, 100%); height: min(860px, 100%); background: var(--krem); border-radius: 22px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 20px 60px rgba(0, 0, 0, .5); }
.mo-ust { display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: var(--lacivert); color: #fff; }
.mo-baslik { flex: 1; min-width: 0; font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mo-puan { font-weight: 800; font-size: 18px; color: #FFD65C; white-space: nowrap; }
.mo-kapat { width: 36px; height: 36px; border: 0; border-radius: 10px; background: rgba(255, 255, 255, .14); color: #fff; font-size: 18px; cursor: pointer; }
.mo-sure { height: 7px; background: #E6DFCC; }
.mo-sure i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #2ECC71, #27AE60); transition: width .1s linear; }
.mo-sure i.az { background: linear-gradient(90deg, #E74C3C, #F39C12); }
.mo-alan { flex: 1; position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: stretch; justify-content: center; touch-action: manipulation; user-select: none; -webkit-user-select: none; }
.mo-tuval { position: absolute; inset: 0; width: 100%; height: 100%; display: block; touch-action: none; }
.mo-giris { padding: 24px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.mo-giris h2 { margin: 0; color: var(--lacivert); font-size: 26px; }
.mo-giris p { margin: 0; max-width: 360px; line-height: 1.4; }
.mo-giris .dugme { max-width: 320px; margin-top: 10px; }
.mo-giris .dugme + .dugme { margin-top: 10px; }
.mo-giris-simge { font-size: 76px; line-height: 1.1; animation: moZipla 1.8s ease-in-out infinite; }
.mo-odul-not { color: #8A5A00; font-weight: 700; }
.mo-yildiz { font-size: 30px; min-height: 36px; }
.mo-sonuc h2 { color: #1F8A4C; }
.mo-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; padding: 10px; }
.mo-dugmeler .dugme { width: auto; flex: 1 1 40%; margin: 0 !important; }
/* trafik */
.mo-trafik { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; cursor: pointer; }
.mo-lamba { width: 110px; padding: 12px; background: #263238; border-radius: 24px; display: flex; flex-direction: column; gap: 10px; box-shadow: 0 10px 20px rgba(0, 0, 0, .3); }
.mo-lamba i { display: block; width: 86px; height: 86px; border-radius: 50%; background: #455A64; transition: background .08s, box-shadow .08s; }
/* 0.57.2: yatay telefonda lamba ekrana sığar */
@media (max-height: 520px) { .mo-lamba { width: auto; padding: 8px; gap: 6px; border-radius: 18px; } .mo-lamba i { width: min(86px, 13vh); height: min(86px, 13vh); } }
.mo-lamba[data-renk="k"] i.k { background: #F44336; box-shadow: 0 0 30px #F44336; }
.mo-lamba[data-renk="s"] i.s { background: #FFC107; box-shadow: 0 0 30px #FFC107; }
.mo-lamba[data-renk="y"] i.y { background: #00E676; box-shadow: 0 0 40px #00E676; }
.mo-trafik-yazi { font-size: 28px; font-weight: 800; color: var(--lacivert); min-height: 36px; }
/* çay ocağı */
.mo-cay { flex: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 14px; background: linear-gradient(180deg, #FFF3E0, #FFE0B2); }
.mo-cay.dogru { background: linear-gradient(180deg, #E8F5E9, #C8E6C9); } .mo-cay.yanlis { animation: moSalla .35s; }
.mo-musteri { display: flex; align-items: center; gap: 12px; }
.mo-musteri-yuz { font-size: 64px; }
.mo-siparis { flex: 1; background: #fff; border-radius: 16px; padding: 10px 14px; font-size: 30px; font-weight: 800; display: flex; gap: 14px; justify-content: center; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mo-tepsi { min-height: 90px; margin: 12px 0; background: #B0BEC5; border-radius: 50px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; padding: 10px; box-shadow: none; }
.mo-bardak { width: 26px; height: 40px; background: linear-gradient(180deg, transparent 18%, #B5361C 18%); border: 2px solid rgba(255, 255, 255, .9); border-radius: 4px 4px 10px 10px; clip-path: polygon(0 0, 100% 0, 82% 50%, 100% 100%, 0 100%, 18% 50%); }
.mo-seker { font-style: normal; font-size: 20px; }
/* ayran */
.mo-ayran { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 14px; }
.mo-bardak-buyuk { position: relative; width: 130px; height: 220px; border: 4px solid #B0BEC5; border-top: 0; border-radius: 0 0 22px 22px; background: rgba(255, 255, 255, .6); overflow: hidden; }
.mo-dolgu { position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: linear-gradient(180deg, #FFFFFF, #F1F3F4); }
.mo-kopuk { position: absolute; left: 0; right: 0; height: 0; background: repeating-radial-gradient(circle at 30% 50%, #fff 0 5px, #F5F5F5 5px 9px); }
.mo-cizgi { position: absolute; left: -4px; right: -4px; height: 0; border-top: 3px dashed #2ECC71; z-index: 2; }
.mo-ayran-yazi { font-size: 22px; font-weight: 800; color: var(--lacivert); min-height: 30px; }
.mo-doldur { max-width: 320px; touch-action: none; }
/* pide fırını */
.mo-firin { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 14px; background: radial-gradient(circle at 50% 40%, #6D2E16, #2B130A); }
.mo-firin p { color: #FFE0B2 !important; }
.mo-firin-ic { display: flex; flex-direction: column; gap: 14px; width: min(360px, 100%); }
.mo-goz { position: relative; height: 92px; border: 0; border-radius: 46px 46px 18px 18px; background: radial-gradient(ellipse at 50% 100%, #FF7043 0, #8D3B1A 70%); box-shadow: inset 0 6px 14px rgba(0, 0, 0, .5); cursor: pointer; display: grid; place-items: center; }
.mo-goz.hazir { box-shadow: inset 0 6px 14px rgba(0, 0, 0, .5), 0 0 0 4px #FFD54F; }
.mo-pide { display: block; width: 78%; height: 42px; border-radius: 50% / 100% 100% 30% 30%; background: #F4E5BE; transition: background .25s, opacity .2s; box-shadow: none; }
.mo-goz small { position: absolute; top: 6px; right: 14px; color: #fff; font-weight: 800; }
/* tost */
.mo-tost { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 16px; }
.mo-tost-makine { width: 220px; padding: 18px; background: linear-gradient(180deg, #90A4AE, #546E7A); border-radius: 20px; box-shadow: 0 8px 16px rgba(0, 0, 0, .25); }
.mo-ekmek { height: 130px; border-radius: 22px 22px 14px 14px; background: #F6E7C1; padding: 10px; }
.mo-yuz { display: block; width: 100%; height: 100%; border-radius: 16px; background: #F6E7C1; background-image: repeating-linear-gradient(90deg, transparent 0 22px, rgba(0, 0, 0, .18) 22px 26px); transition: background-color .2s; }
.mo-tost-cubuk { position: relative; width: 260px; height: 16px; border-radius: 99px; background: #E0E0E0; overflow: hidden; }
.mo-tost-cubuk i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #F6E7C1, #C98A3A 62%, #2A1A10); }
.mo-tost-cubuk b { position: absolute; top: 0; bottom: 0; left: 55%; width: 15%; border: 2px solid #2ECC71; border-radius: 6px; }
.mo-tost-yazi { font-weight: 800; color: var(--lacivert); min-height: 26px; }
.mo-tost-dugme { max-width: 300px; }
/* terazi */
.mo-terazi { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 10px; padding: 12px; }
.mo-terazi.dogru .mo-kefe { box-shadow: 0 0 0 4px #2ECC71; }
.mo-hedef { text-align: center; font-size: 22px; color: var(--lacivert); }
.mo-hedef small { color: var(--soluk); font-size: 14px; }
.mo-kefe { background: #fff; border-radius: 20px; padding: 14px; text-align: center; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); transition: box-shadow .2s; }
.mo-ibre { width: 180px; height: 92px; margin: 0 auto; border-radius: 180px 180px 0 0; background: conic-gradient(from 270deg at 50% 100%, #E74C3C 0 40deg, #2ECC71 40deg 140deg, #E74C3C 140deg 180deg, transparent 180deg); position: relative; }
.mo-ibre i { position: absolute; left: 50%; bottom: 0; width: 4px; height: 82px; margin-left: -2px; background: #263238; border-radius: 2px; transform-origin: 50% 100%; transition: transform .3s; }
.mo-agirliklar { min-height: 44px; display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin: 10px 0; }
.mo-agirlik { border: 0; background: #455A64; color: #fff; font-weight: 800; border-radius: 8px 8px 4px 4px; padding: 6px 9px; cursor: pointer; }
.mo-toplam { font-size: 24px; font-weight: 800; color: var(--lacivert); }
/* pazarlık */
.mo-pazarlik { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 22px; padding: 18px; }
.mo-satici { font-size: 58px; display: flex; align-items: center; gap: 12px; }
.mo-konusma { font-size: 18px; font-weight: 800; background: #fff; padding: 10px 14px; border-radius: 16px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); color: var(--lacivert); }
.mo-cetvel { position: relative; height: 46px; border-radius: 14px; background: linear-gradient(90deg, #E57373, #FFB74D, #E57373); box-shadow: none; }
.mo-yesil { position: absolute; top: 0; bottom: 0; background: #2ECC71; border-radius: 10px; box-shadow: 0 0 0 3px #fff; }
.mo-ibre2 { position: absolute; top: -10px; bottom: -10px; width: 6px; margin-left: -3px; background: #263238; border-radius: 3px; }
/* ızgara oyunları */
.mo-izgara-oyun { display: grid; grid-template-columns: repeat(var(--n), 1fr); gap: 5px; padding: 10px; width: min(100%, 480px); align-self: center; }
.mo-hucre { aspect-ratio: 1; border: 0; border-radius: 10px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); font-size: clamp(20px, 7vw, 34px); display: grid; place-items: center; cursor: pointer; padding: 0; transition: transform .12s; }
.mo-hucre.secili { box-shadow: 0 0 0 3px #3B8BEB, 0 1px 2px rgba(16, 24, 40, .08); transform: scale(1.06); }
.mo-hucre.patla { animation: moPatla .23s forwards; }
@keyframes moPatla { to { transform: scale(.2); opacity: 0; } }
.mo-lokum-tas { background: var(--r); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); border-radius: 8px; }
.mo-hafiza .mo-kart { aspect-ratio: .8; border: 0; border-radius: 12px; background: transparent; padding: 0; position: relative; cursor: pointer; perspective: 600px; }
.mo-kart span { position: absolute; inset: 0; display: grid; place-items: center; border-radius: 12px; backface-visibility: hidden; transition: transform .3s; font-size: clamp(26px, 9vw, 40px); }
.mo-kart .on { background: linear-gradient(135deg, var(--lacivert-acik), var(--lacivert)); }
.mo-kart .arka { background: #fff; transform: rotateY(180deg); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mo-kart.acik .on { transform: rotateY(180deg); } .mo-kart.acik .arka { transform: rotateY(360deg); }
.mo-kart.bulundu .arka { background: #E8F5E9; box-shadow: 0 0 0 3px #2ECC71; }
/* kebap */
.mo-kebap { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 14px; }
.mo-sis { width: 92%; min-height: 64px; display: flex; align-items: center; gap: 2px; padding: 0 12px; background: linear-gradient(180deg, transparent 46%, #9E9E9E 46% 54%, transparent 54%); font-size: 34px; }
.mo-kebap-yazi { font-size: 20px; font-weight: 800; color: var(--lacivert); min-height: 28px; }
.mo-kebap-dugmeler { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; width: min(340px, 100%); }
.mo-malzeme { aspect-ratio: 1.3; border: 0; border-radius: 18px; background: #fff; font-size: 48px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); cursor: pointer; transition: transform .1s, background .1s; }
.mo-malzeme.yan { background: #FFE082; transform: scale(1.08); box-shadow: 0 0 0 4px #FFB300; }
/* okey */
.mo-okey { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 10px; }
.mo-istaka { display: grid; grid-template-columns: repeat(5, 1fr); gap: 7px; padding: 14px 10px; background: linear-gradient(180deg, #A1663A, #6D3F1E); border-radius: 16px; }
.mo-tas2 { aspect-ratio: .72; border: 0; border-radius: 8px; background: #FFFDF5; font-size: clamp(22px, 7vw, 32px); font-weight: 800; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); cursor: pointer; position: relative; transition: transform .1s; }
.mo-tas2 i { position: absolute; left: 50%; bottom: 10%; width: 10px; height: 10px; margin-left: -5px; border-radius: 50%; background: currentColor; opacity: .85; }
.mo-tas2.secili { transform: translateY(-10px); box-shadow: 0 0 0 3px #3B8BEB, 0 1px 2px rgba(16, 24, 40, .08); }
/* borular */
.mo-boru-sarmal { position: relative; display: flex; align-items: center; justify-content: center; padding: 0 30px; }
.mo-cesme, .mo-bostan { position: absolute; font-size: 28px; }
.mo-cesme { left: 0; top: calc(10px + (100% - 20px) / 5 * (var(--bas, 0) + .5) - 18px); }
.mo-bostan { right: 0; top: calc(10px + (100% - 20px) / 5 * (var(--son, 0) + .5) - 18px); }
.mo-boru .mo-hucre { background: #ECEFF1; padding: 0; overflow: hidden; }
.mo-boru .mo-hucre svg { width: 100%; height: 100%; display: block; }
.mo-boru .mo-hucre.dolu { background: #E1F5FE; }
/* dolmuş */
.mo-dolmus { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 10px; }
.mo-dolmus-ust { font-size: 18px; font-weight: 800; color: var(--lacivert); display: flex; align-items: center; gap: 8px; justify-content: center; flex-wrap: wrap; }
.mo-parca { display: inline-grid; grid-template-columns: repeat(var(--g), 26px); grid-auto-rows: 26px; gap: 2px; vertical-align: middle; background: #FFF3C4; padding: 3px; border-radius: 8px; }
.mo-dolmus-ust small .mo-parca { opacity: .55; transform: scale(.8); }
.mo-parca i { font-style: normal; font-size: 20px; display: grid; place-items: center; }
.mo-koltuk { background: #FFC107; border-radius: 24px 24px 12px 12px; padding: 14px; }
.mo-koltuk .mo-hucre { background: #5D4037; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mo-koltuk .mo-hucre.dolu { background: #FFF8E1; }
/* kayan */
.mo-kayan .mo-hucre { flex-direction: column; background: linear-gradient(180deg, #FFFFFF, #F2EEE2); }
.mo-kayan .mo-hucre b { font-size: 24px; color: var(--lacivert); line-height: 1; }
.mo-kayan .mo-hucre span { font-size: 26px; }
.mo-kayan .mo-hucre.yerinde { background: linear-gradient(180deg, #E8F5E9, #C8E6C9); }
.mo-kayan .mo-hucre.bos { background: rgba(0, 0, 0, .08); box-shadow: none; }
/* gölge, kasa */
.mo-golge, .mo-kasa { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 14px; }
.mo-golge-buyuk { font-size: 130px; line-height: 1.1; filter: brightness(0); opacity: .8; transition: filter .3s, opacity .3s; }
.mo-golge-buyuk.acik { filter: none; opacity: 1; }
.mo-secenekler { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; width: min(360px, 100%); }
.mo-secenek { border: 0; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); font-size: 46px; padding: 8px; cursor: pointer; }
.mo-secenek.yazi { font-size: 24px; font-weight: 800; color: var(--lacivert); padding: 14px 8px; }
.mo-secenek.dogru { background: #C8E6C9; box-shadow: 0 0 0 3px #2ECC71; } .mo-secenek.yanlis { background: #FFCDD2; box-shadow: 0 0 0 3px #E53935; }
.mo-kasa-ic { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; background: #ECEFF1; border-radius: 16px; padding: 14px; width: min(400px, 100%); min-height: 120px; }
.mo-banknot { width: 76px; height: 40px; border-radius: 6px; background: var(--r); color: #fff; font-weight: 800; font-size: 20px; display: grid; place-items: center; box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .35), 0 2px 4px rgba(0, 0, 0, .2); }
.mo-bozuk { font-size: 30px; }
/* şans */
.mo-cark { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 14px; }
.mo-cark-ok { font-size: 32px; color: #E53935; margin-bottom: -26px; z-index: 1; text-shadow: 0 1px 2px rgba(0, 0, 0, .18); }
.mo-cark-teker { width: min(330px, 86vw); height: auto; filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .3)); }
.mo-cark .dugme { max-width: 300px; }
.mo-kese { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 14px; font-size: 20px; font-weight: 800; color: var(--lacivert); }
.mo-keseler { display: flex; gap: 14px; }
.mo-kese-tek { border: 0; background: none; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 4px; font: inherit; transition: transform .3s; }
.mo-kese-tek span { font-size: clamp(48px, 21vw, 78px); animation: moZipla 2s ease-in-out infinite; }
.mo-kese-tek:nth-child(2) span { animation-delay: .3s; } .mo-kese-tek:nth-child(3) span { animation-delay: .6s; }
.mo-kese-tek b { min-height: 24px; font-size: 18px; color: #8A5A00; }
.mo-kese-tek.secili { transform: scale(1.15); }
.mo-kese-tek.acildi:not(.secili) { opacity: .55; }
.mo-zar { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 14px; }
.mo-zarlar { display: flex; gap: 22px; }
.mo-zarlar span { font-size: 110px; line-height: 1; color: #263238; background: #fff; border-radius: 22px; width: 120px; height: 120px; display: grid; place-items: center; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 10px 18px rgba(0, 0, 0, .2); transition: transform .08s; }
.mo-zar-yazi { font-size: 22px; font-weight: 800; color: var(--lacivert); }
.mo-zar .dugme { max-width: 300px; }
.komisyon-kart { background: linear-gradient(135deg, #F1F8E9, #FFFDE7); border: 1px solid #DCE775; }
/* 0.49: Oyun Köşesi sekmeleri, haftalık sıralama, başarımlar */
.mo-sekmeler { margin-bottom: 12px; }
.mo-hafta-ozet { display: flex; align-items: center; gap: 10px; width: 100%; text-align: start; border: 0; cursor: pointer; font: inherit; background: linear-gradient(135deg, #FFF8E1, #FFECB3); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mo-hafta-ozet b { display: block; color: var(--lacivert); }
.mo-hafta-ozet small { color: #6D5A1E; }
.mo-ok { font-size: 26px; color: #B58A12; font-weight: 800; }
.mo-hafta-bas { display: flex; align-items: center; gap: 10px; }
.mo-sira-sec { flex: 1; min-width: 0; font: inherit; font-weight: 700; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--cizgi); background: #fff; color: var(--lacivert); }
.mo-hafta-ben { display: flex; align-items: center; gap: 12px; background: linear-gradient(135deg, #1B2F5B, #2C4A8A); color: #fff; }
.mo-hafta-ben b { color: #fff; } .mo-hafta-ben .soluk { color: #C9D6F2; }
.mo-hafta-ben-sol { font-size: 34px; min-width: 44px; text-align: center; }
.mo-hafta-ben-sol .mo-sira-no { background: #FFC42E; color: #1B2F5B; width: 40px; height: 40px; font-size: 18px; }
.mo-hafta-sure { background: rgba(255, 255, 255, .14); padding: 4px 8px; border-radius: 999px; white-space: nowrap; }
.mo-odul-serit { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 12px; }
.mo-odul-serit span { background: #FFF6D6; border: 1px solid #F2D27A; border-radius: 999px; padding: 4px 10px; font-size: 13px; font-weight: 700; color: #6D5A1E; }
.mo-sira-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.mo-sira-liste li { display: flex; align-items: center; gap: 10px; background: #fff; border-radius: 12px; padding: 8px 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mo-sira-liste li.ben { background: #E8F1FF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mo-sira-m { font-size: 24px; min-width: 34px; text-align: center; }
.mo-sira-no { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #ECEFF4; color: var(--lacivert); font-size: 14px; font-weight: 800; }
.mo-sira-ad { flex: 1; min-width: 0; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mo-sira-p { color: var(--lacivert); } .mo-sira-p small { color: var(--soluk); font-weight: 600; }
.mo-ist { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-bottom: 12px; }
.mo-ist div { background: #fff; border-radius: 12px; padding: 8px 4px; text-align: center; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mo-ist b { display: block; font-size: 20px; color: var(--lacivert); } .mo-ist small { font-size: 11px; color: var(--soluk); }
.mo-basarimlar { display: flex; flex-direction: column; gap: 8px; }
.mo-basarim { display: flex; align-items: center; gap: 10px; background: #fff; border-radius: 14px; padding: 10px 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mo-basarim-simge { font-size: 30px; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: #F1F1F1; filter: grayscale(1); opacity: .6; flex: none; }
.mo-basarim.alindi { background: linear-gradient(135deg, #FFFBEA, #FFF1C2); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mo-basarim.alindi .mo-basarim-simge { filter: none; opacity: 1; background: radial-gradient(circle, #FFE58A, #F4B400); box-shadow: 0 0 0 3px #fff, 0 2px 8px rgba(180, 130, 0, .4); }
.mo-basarim-yazi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.mo-basarim-yazi b { color: var(--lacivert); } .mo-basarim-yazi small { color: var(--soluk); font-size: 12.5px; line-height: 1.25; }
.mo-basarim-cubuk { display: block; height: 7px; background: #ECEFF4; border-radius: 99px; overflow: hidden; margin-top: 4px; }
.mo-basarim-cubuk i { display: block; height: 100%; background: linear-gradient(90deg, #4CAF50, #8BC34A); border-radius: 99px; }
.mo-basarim-n { font-size: 11px; color: var(--soluk); }
.mo-basarim-tamam { font-size: 12px; font-weight: 800; color: #2E7D32; }
.mo-basarim-odul { font-size: 12.5px; font-weight: 800; color: #8D6E00; white-space: nowrap; }
.mo-rekor { background: #FFF3C4; color: #7A5B00; font-weight: 800; padding: 6px 12px; border-radius: 999px; animation: moZipla 1.6s ease-in-out 2; }
.mo-yeni-basarim { background: linear-gradient(135deg, #FFF8E1, #FFE082); border-radius: 14px; padding: 10px 14px; display: flex; flex-direction: column; gap: 4px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mo-yeni-basarim span { color: #2E7D32; font-weight: 800; } .mo-yeni-basarim small { color: #7A5B00; font-weight: 700; }
/* 0.49: Evim */
.ev-kart { display: flex; align-items: center; gap: 12px; background: linear-gradient(135deg, #FFF8EC, #FDEBD0); }
.ev-kart h3 { margin: 0 0 2px; color: var(--lacivert); } .ev-kart p { margin: 0; }
.ev-kart.aile { background: linear-gradient(135deg, #EEF6FF, #DCEBFF); }
.ev-kart.uyari, .kart.uyari { background: linear-gradient(135deg, #FFF0EE, #FFE0DB); border: 1px solid #F5B5AA; }
.ev-simge { font-size: 44px; width: 64px; height: 64px; display: grid; place-items: center; background: #fff; border-radius: 18px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); flex: none; }
.ev-gider { list-style: none; margin: 6px 0 8px; padding: 0; }
.ev-gider li { display: flex; justify-content: space-between; gap: 8px; padding: 7px 2px; border-bottom: 1px dashed var(--cizgi); }
.ev-gider li.toplam { border-bottom: 0; font-size: 16px; color: var(--lacivert); } .ev-gider li.toplam span { font-weight: 800; }
.ev-secenekler { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
.ev-secenek { display: flex; align-items: center; gap: 10px; background: #fff; border-radius: 14px; padding: 10px 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.ev-secenek.kilitli { opacity: .6; } .ev-secenek.burada { background: #EAF7EC; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.ev-secenek-simge { font-size: 28px; flex: none; }
.ev-secenek-yazi { flex: 1; min-width: 0; display: flex; flex-direction: column; } .ev-secenek-yazi b { color: var(--lacivert); } .ev-secenek-yazi small { color: var(--soluk); font-size: 12.5px; }
/* 0.49: Kumarhane ve hapis */
.dugme.mor { --r: #7B3FB5; --g: #4E2178; --y: #fff; color: #fff; }
.yapilacak.mor { border-left-color: #7B3FB5; }
.kh-ana { display: flex; gap: 14px; align-items: flex-start; background: linear-gradient(160deg, #1D3B2A, #0F2418); color: #F4F1E6; }
.kh-ana h3 { margin: 0; color: #FFD66B; } .kh-ana .soluk { color: #BFD3C4; }
.kh-masa { width: 72px; height: 72px; border-radius: 50%; background: radial-gradient(circle at 50% 40%, #2F7D4C, #165130 70%); box-shadow: inset 0 0 0 5px #6B3E1E, 0 4px 10px rgba(0, 0, 0, .4); display: grid; place-items: center; flex: none; }
.kh-masa span { font-size: 36px; }
.kh-kasa { display: flex; justify-content: space-between; align-items: baseline; margin: 10px 0 4px; } .kh-kasa b { font-size: 22px; color: #FFD66B; }
.kh-cubuk { height: 8px; background: rgba(255, 255, 255, .15); border-radius: 99px; overflow: hidden; margin-bottom: 6px; } .kh-cubuk i { display: block; height: 100%; background: linear-gradient(90deg, #FFD66B, #FF9F1C); }
.kh-ana .dugme { margin-top: 6px; }
.kh-gozcu { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; } .kh-gozcu input { width: 22px; height: 22px; margin-top: 2px; } .kh-gozcu span { display: flex; flex-direction: column; } .kh-gozcu small { color: var(--soluk); }
.kh-uyari { background: #FFF7E0; border: 1px solid #F2D27A; } .kh-uyari p { margin: 4px 0 0; }
.kh-muhur, .kh-baskin { background: linear-gradient(135deg, #FFE9E6, #FFD3CC); border: 1px solid #EFA79C; } .kh-muhur p, .kh-baskin p { margin: 4px 0 0; }
.kh-kademeler { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
.kh-kademe { display: flex; align-items: center; gap: 10px; background: #fff; border-radius: 14px; padding: 10px 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.kh-kademe b { display: block; color: var(--lacivert); } .kh-kademe small { color: var(--soluk); font-size: 12.5px; }
.kh-kademe.mevcut { background: #F3EAFB; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); } .kh-kademe.kilitli { opacity: .55; }
.kh-kademe-simge { font-size: 28px; flex: none; }
.soluk-dugme { background: transparent; color: var(--soluk); box-shadow: none; text-decoration: underline; }
.kh-hapis { position: relative; overflow: hidden; display: flex; gap: 12px; align-items: center; background: #2B2F36; color: #EDEFF2; }
.kh-hapis b { color: #FFB4A8; font-size: 17px; } .kh-hapis p { margin: 4px 0 8px; }
.kh-parmaklik { position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 26px, rgba(170, 178, 189, .28) 26px 32px); pointer-events: none; }
.kh-hapis-yazi { position: relative; }
.hapis-serit { position: fixed; top: calc(var(--ust, 0px) + 118px); left: 50%; transform: translateX(-50%); z-index: 26; border: 0; border-radius: 999px; padding: 7px 16px; font: inherit; font-size: 14px;
  background: repeating-linear-gradient(90deg, #2B2F36 0 18px, #3A3F48 18px 22px); color: #FFD3CC; box-shadow: 0 4px 14px rgba(0, 0, 0, .35); cursor: pointer; white-space: nowrap; }
/* 0.49: sevkiyat ihaleleri */
.sevkiyat-rota { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; background: #EEF4FB; border-radius: 12px; padding: 8px 12px; margin: 6px 0 8px; }
.sevkiyat-rota b { color: var(--lacivert); } .sevkiyat-rota small { width: 100%; color: var(--soluk); }
.rota-cizgi { flex: 1; min-width: 40px; text-align: center; border-bottom: 2px dashed #8FA9C9; line-height: 1; padding-bottom: 2px; }
.ihale-kart .cubuk .yolda { background: repeating-linear-gradient(45deg, #FFC42E 0 6px, #F2A900 6px 12px) !important; }
.ihale-kart .cubuk { display: flex; }
.sefer-listesi { list-style: none; margin: 6px 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.sefer-listesi li { display: grid; grid-template-columns: auto auto 1fr auto; gap: 8px; align-items: center; background: #F7F5EF; border-radius: 10px; padding: 6px 10px; font-size: 13px; }
.sefer-yol { height: 6px; background: #E3DDCB; border-radius: 99px; overflow: hidden; } .sefer-yol i { display: block; height: 100%; background: linear-gradient(90deg, #4CAF50, #8BC34A); }
.filo-ozet { display: flex; align-items: center; gap: 10px; } .filo-ozet > span { font-size: 30px; } .filo-ozet b { display: block; color: var(--lacivert); } .filo-ozet small { color: var(--soluk); }
/* 0.49: belediye çalışmaları */
.bel-aktif { display: flex; gap: 10px; align-items: center; background: #FFF4E5; border-radius: 12px; padding: 8px 10px; margin-bottom: 8px; }
.bel-simge { font-size: 30px; }
.bel-aktif .cubuk { margin: 6px 0 4px; height: 8px; }
.bel-etkiler { list-style: none; padding: 0; margin: 4px 0 8px; display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
.bel-secenekler { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.bel-secenek { border: 0; border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); padding: 10px; text-align: start; font: inherit; cursor: pointer; display: flex; flex-direction: column; gap: 2px; }
.bel-secenek span { font-size: 24px; } .bel-secenek b { color: var(--lacivert); font-size: 13.5px; } .bel-secenek small { color: var(--soluk); font-size: 11.5px; }
.bel-secenek:disabled { opacity: .5; cursor: default; }
/* 0.49.1: jenerikteki ÇIRAK logosunda Ç'nin çengeli kutunun dışına taşıp alttaki yazının üstüne biniyordu */
.jenerik-logo.acilis-logo { padding: .04em .1em .26em; margin-bottom: -.12em; }
.jenerik-final .jenerik-logo { margin-bottom: 10px; }
/* 0.56.6: kutu alçaldığında (geniş ekran, kısa pencere) ÇIRAK logosu kutu yüksekliğine göre küçülür; açılış yazıları alttaki karartmaya kaymaz */
.jenerik-logo.acilis-logo { font-size: clamp(36px, min(15vw, calc(var(--jenerik-yukseklik, 640px) * .22)), 108px); }
.hizli-gecis button[hidden] { display: none !important; }
/* 0.49.1: Hesabım üst kartı — sade, kurumsal: kimlik, üç rakam, eşit kısayol ızgarası */
.hesap-kimlik { background: #fff; border: 1px solid #E4E1D6; border-radius: 16px; padding: 14px; margin-bottom: 12px; box-shadow: 0 1px 2px rgba(27, 47, 91, .05), 0 6px 18px rgba(27, 47, 91, .06); }
.hk-ust { display: flex; align-items: center; gap: 14px; }
.hesap-kimlik .profil-foto { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--altin), 0 4px 10px rgba(0, 0, 0, .15); }
.hesap-kimlik .profil-foto i { width: 24px; height: 24px; font-size: 12px; }
.hk-kim { flex: 1; min-width: 0; }
.hesap-kimlik .profil-baslik { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; }
.hesap-kimlik .profil-ad { font-size: 19px; line-height: 1.2; color: var(--lacivert); font-weight: 800; }
.hesap-kimlik .profil-yonetim { font-size: 11px; font-weight: 700; letter-spacing: .02em; color: #2461AD; background: #EAF2FD; border: 1px solid #CFE0F7; padding: 1px 8px; border-radius: 6px; line-height: 18px; }
.hk-esnaf { font-size: 11px; font-weight: 800; color: #7A4B00; background: #FFF3D1; border: 1px solid #F1D48A; padding: 1px 7px; border-radius: 6px; line-height: 18px; white-space: nowrap; }
.hk-yer { font-size: 13px; color: var(--soluk); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hk-alt { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; margin-top: 6px; }
.hk-vkn { font-size: 12px; color: var(--soluk); font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.hk-vkn b { color: var(--metin); font-weight: 700; }
.hk-bag { border: 0; background: none; padding: 0; font: inherit; font-size: 12.5px; font-weight: 700; color: #2461AD; cursor: pointer; }
.hk-bag:hover, .hk-bag:focus-visible { text-decoration: underline; }
.hk-rakam { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 14px 0 12px; border: 1px solid #ECE8DC; border-radius: 12px; background: #FAF8F2; overflow: hidden; }
.hk-rakam > * { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; min-width: 0; padding: 9px 12px; border: 0; background: none; font: inherit; text-align: start; color: inherit; }
.hk-rakam > * + * { border-left: 1px solid #ECE8DC; }
.hk-rakam small { font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #8A8FA0; }
.hk-rakam b { font-size: 15px; font-weight: 800; color: var(--lacivert); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.hk-rakam button { cursor: pointer; } .hk-rakam button:hover { background: #F3EFE3; }
.hk-menu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.hk-menu button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 0; min-height: 70px; padding: 9px 6px 8px; border: 1px solid #E6E3D9; border-radius: 11px; background: #fff; font: inherit; font-size: 12.5px; line-height: 1.2; font-weight: 700; color: var(--lacivert); cursor: pointer; text-align: center; transition: border-color .15s, box-shadow .15s, transform .15s; }
.hk-menu button i { flex: none; width: 30px; height: 30px; display: grid; place-items: center; font-style: normal; font-size: 15px; border-radius: 8px; background: #F2F4F9; }
.hk-menu button span { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.hk-menu button:hover { border-color: #C9D3E6; box-shadow: 0 3px 10px rgba(27, 47, 91, .08); }
.hk-menu button:active { transform: scale(.97); }
.hk-menu button:focus-visible { outline: 3px solid #3b8beb; outline-offset: 2px; }
.hk-menu .sekme-sayac { position: absolute; top: -6px; right: -6px; margin: 0; }
.hk-nokta { position: absolute; top: 6px; right: 6px; width: 9px; height: 9px; border-radius: 50%; background: #FF5FA2; box-shadow: 0 0 0 2px #fff; animation: hkNabiz 1.6s ease-in-out infinite; }
@keyframes hkNabiz { 50% { transform: scale(1.35); } }
@media (max-width: 380px) { .hk-rakam > * { padding: 8px 9px; } .hk-rakam b { font-size: 14px; } }
/* 0.49.1: yeni mini oyunlar */
.mo-hs { flex: 1; display: flex; flex-direction: column; gap: 14px; padding: 16px; background: linear-gradient(180deg, #FFF8E6, #F6E3BE); }
.mo-hs-musteri { display: flex; align-items: center; gap: 14px; justify-content: center; min-height: 110px; }
.mo-hs-yuz { font-size: 70px; line-height: 1; }
.mo-hs-balon { position: relative; background: #fff; border-radius: 20px; padding: 10px 18px; box-shadow: 0 4px 12px rgba(0, 0, 0, .12); }
.mo-hs-balon::before { content: ''; position: absolute; left: -10px; top: 50%; transform: translateY(-50%); border: 10px solid transparent; border-right-color: #fff; border-left: 0; }
.mo-hs-balon.gel { animation: moHsGel .18s ease-out; }
@keyframes moHsGel { from { transform: scale(.6); opacity: .3; } }
.mo-hs-istek { font-size: 56px; line-height: 1; }
.mo-hs-raf { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 12px; background: #8B6B4A; border-radius: 16px; box-shadow: none; }
.mo-hs-urun { aspect-ratio: 1; border: 0; border-radius: 14px; background: #FFFDF6; font-size: clamp(34px, 10vw, 52px); cursor: pointer; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); touch-action: manipulation; transition: transform .08s; }
.mo-hs-urun:active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mo-hs-urun.dogru { background: #D7F5DD; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mo-hs-urun.yanlis { background: #FFE1DE; animation: moSalla .3s; }
.mo-hs-seri { text-align: center; font-weight: 800; color: #D35400; min-height: 22px; font-size: 18px; }
@keyframes moSalla { 25% { transform: translateX(-6px); } 75% { transform: translateX(6px); } }
.mo-kazi { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 14px; background: radial-gradient(circle at 50% 30%, #FFF6D8, #F3D98E); }
.mo-kazi-yazi { margin: 0; font-size: 18px; font-weight: 800; color: var(--lacivert); text-align: center; min-height: 26px; }
.mo-kazi-kart { position: relative; width: min(330px, 92%); padding: 12px; border-radius: 18px; background: linear-gradient(135deg, #E8475B, #B8233B); box-shadow: 0 10px 24px rgba(120, 20, 40, .35); }
.mo-kazi-baslik { text-align: center; color: #FFE7A0; font-weight: 900; letter-spacing: .04em; margin-bottom: 8px; font-size: 18px; }
.mo-kazi-izgara { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; aspect-ratio: 1; }
.mo-kazi-hucre { display: grid; place-items: center; background: #FFFDF5; border-radius: 10px; transition: background .3s, transform .3s; }
.mo-kazi-hucre b { font-size: clamp(13px, 4vw, 17px); color: #5A3A00; }
.mo-kazi-hucre.kazanan { background: #FFE066; transform: scale(1.06); box-shadow: 0 0 0 3px #fff, 0 0 18px #FFD54F; }
.mo-kazi-ort { position: absolute; border-radius: 10px; cursor: crosshair; }
.mo-piyango { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 14px; background: linear-gradient(180deg, #E8F1FF, #CFE0FA); }
.mo-pi-bilet { background: #FFFDF2; border: 2px dashed #C9A227; border-radius: 14px; padding: 8px 14px; text-align: center; }
.mo-pi-bilet small { color: #8A6D00; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; font-size: 11px; }
.mo-pi-sayilar, .mo-pi-cekilen { display: flex; gap: 8px; justify-content: center; }
.mo-pi-sayilar span, .mo-pi-cekilen span { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; font-weight: 900; font-size: 18px; }
.mo-pi-sayilar span { background: #fff; color: var(--lacivert); box-shadow: inset 0 0 0 2px #D7DEEA; }
.mo-pi-sayilar span.tuttu { background: #27AE60; color: #fff; box-shadow: none; animation: moHsGel .25s; }
.mo-pi-torba { width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff, #B8C7E0 70%); box-shadow: inset 0 -8px 16px rgba(30, 60, 110, .25), 0 8px 18px rgba(30, 60, 110, .2); display: grid; place-items: center; }
.mo-pi-top { width: 64px; height: 64px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #FFE9A8, #F2A900); color: #3A2500; font-size: 26px; font-weight: 900; display: grid; place-items: center; box-shadow: 0 4px 8px rgba(0, 0, 0, .2); }
.mo-pi-top.donuyor { animation: moPiDon .2s linear infinite; }
@keyframes moPiDon { 50% { transform: translate(3px, -3px) rotate(20deg); } }
.mo-pi-cekilen span { background: rgba(255, 255, 255, .6); color: var(--lacivert); box-shadow: inset 0 0 0 2px rgba(27, 47, 91, .15); }
.mo-pi-cekilen span.dolu { background: #fff; animation: moHsGel .25s; } .mo-pi-cekilen span.tuttu { background: #27AE60; color: #fff; }
.mo-pi-yazi { margin: 0; font-weight: 800; color: var(--lacivert); font-size: 18px; min-height: 26px; }
.mo-pi-tablo { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; width: min(420px, 100%); }
.mo-pi-tablo span { background: #fff; border-radius: 8px; padding: 4px 2px; text-align: center; display: flex; flex-direction: column; transition: background .2s, transform .2s; }
.mo-pi-tablo b { color: var(--lacivert); font-size: 15px; } .mo-pi-tablo small { font-size: 10px; color: var(--soluk); }
.mo-pi-tablo span.su { background: #FFF2C2; } .mo-pi-tablo span.kazandi { background: #27AE60; transform: scale(1.08); } .mo-pi-tablo span.kazandi :is(b, small) { color: #fff; }
.mo-piyango .dugme { max-width: 300px; }
/* 0.49.1: emeği geçenler videosu — yalnızca yöneticilere görünen indir düğmesi (tanıtımdaki gibi) */
.jenerik-indir { position: absolute; z-index: 5; top: 12px; right: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; min-height: 38px; border-radius: 999px;
  background: rgba(9, 3, 21, .72); border: 1px solid rgba(255, 255, 255, .35); color: #fff; font: 800 13px Montserrat, system-ui, sans-serif; cursor: pointer; backdrop-filter: blur(6px); }
.jenerik-indir[hidden] { display: none; }
.jenerik-indir:hover { background: rgba(9, 3, 21, .88); }
/* 0.49.3: onaylı ekip işareti (yönetim ve geliştirici ekibi) */
.onay-rozet { position: relative; display: inline-block; width: 1em; height: 1em; margin-left: 4px; vertical-align: -0.12em; font-style: normal; flex: none; cursor: help; outline: none; }
.onay-rozet svg { display: block; width: 100%; height: 100%; overflow: visible; }
.onay-rozet svg path:first-child { fill: #1BA6B8; }
.onay-rozet.yonetim svg path:first-child { fill: #1E9BD7; }
.onay-rozet.gelistirici svg path:first-child { fill: #17B39A; }
.onay-rozet .tik { fill: none; stroke: #fff; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.onay-rozet::after { content: attr(data-ipucu); position: absolute; left: 50%; bottom: calc(100% + 6px); transform: translate(-50%, 4px); white-space: nowrap; padding: 5px 9px; border-radius: 8px;
  background: rgba(17, 24, 39, .92); color: #fff; font: 600 12px/1.2 system-ui, sans-serif; letter-spacing: 0; text-transform: none; pointer-events: none; opacity: 0; transition: opacity .15s, transform .15s; z-index: 50; }
.onay-rozet:hover::after, .onay-rozet:focus-visible::after, .onay-rozet.goster::after { opacity: 1; transform: translate(-50%, 0); }

/* 0.49.4: Vergi Dairesi — kısmi ödeme, taksit, yapılandırma */
.vergi-eylem { display: flex; flex-wrap: wrap; gap: 6px; }
.vergi-secenekler { margin-top: 8px; border-top: 1px dashed var(--cizgi); padding-top: 6px; }
.vergi-secenekler > summary { cursor: pointer; font-weight: 800; font-size: 13px; color: var(--mavi-koyu); padding: 4px 0; }
.vergi-secenek { display: grid; gap: 4px; padding: 10px 12px; margin-top: 8px; border-radius: 12px; background: #F6F8FC; border: 1px solid var(--cizgi); }
.vergi-secenek.vurgu { background: #F1FBF5; border-color: #BFE6CF; }
.vergi-secenek > small { color: var(--soluk); font-size: 12.5px; line-height: 1.4; }
.vergi-satir { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 4px; }
.vergi-satir input, .vergi-satir select { flex: 1 1 150px; min-width: 0; font: 600 14px var(--yazi); padding: 7px 10px; border: 1.5px solid var(--cizgi); border-radius: 10px; background: #fff; color: var(--metin); }
.vergi-satir .dugme { white-space: normal; text-align: start; }
.vergi-plan { margin-top: 8px; padding: 10px 12px; border-radius: 12px; background: #EEF4FE; border: 1px solid #CFE0FA; }
.vergi-plan-ust { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; font-size: 13.5px; }
.vergi-plan-ust span { font-weight: 800; color: var(--mavi-koyu); font-variant-numeric: tabular-nums; }
.vergi-plan-cubuk { height: 8px; border-radius: 99px; background: #D6E3F7; overflow: hidden; margin-top: 6px; }
.vergi-plan-cubuk i { display: block; height: 100%; background: linear-gradient(90deg, var(--mavi), var(--yesil)); border-radius: 99px; }

/* 0.49.4: Meslek odaları — başkanlık şartı ve Ticaret Odası pazar raporu (bülten) */
.oda-sart { display: block; margin-top: 2px; font-size: 12px; font-weight: 700; color: #7A5A00; }
.pazar-rapor { padding: 0; overflow: hidden; border: 1px solid #DCD3BE; }
.pr-bas { display: flex; flex-wrap: wrap; gap: 12px 18px; align-items: flex-end; justify-content: space-between; padding: 14px 16px 12px; background: linear-gradient(135deg, #14264D, #22407A); color: #fff; }
.pr-bas h3 { margin: 2px 0 0; font-size: 20px; color: #fff; }
.pr-bas small { color: #C9D6F2; font-size: 12.5px; }
.pr-ust { display: block; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--altin); }
.pr-ozet { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; flex: 1 1 100%; } /* 0.71.1: kutular satırı doldurur */
@media (min-width: 560px) { .pr-ozet { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.pr-ozet div { min-width: 0; padding: 6px 10px; border-radius: 10px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.16); }
.pr-ozet small { display: block; font-size: 11px; color: #C9D6F2; }
.pr-ozet b { font-size: 15px; font-variant-numeric: tabular-nums; }
.pr-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; } /* 0.71.1: yükselen/düşen yan yana, satırı doldurur */
@media (max-width: 420px) { .pr-izgara { grid-template-columns: 1fr; } }
.pr-izgara > .pr-blok:not(.pr-genis) + .pr-blok:not(.pr-genis) { border-left: 1px solid #EEE6D4; }
.pr-blok { padding: 12px 16px; border-top: 1px solid #EEE6D4; min-width: 0; }
.pr-blok.pr-genis { grid-column: 1 / -1; }
.pr-blok h4 { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin: 0 0 8px; font-size: 13px; letter-spacing: .02em; color: var(--lacivert); }
.pr-blok h4 small { font-weight: 600; color: var(--soluk); font-size: 11.5px; }
.pr-hacim { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.pr-hacim li { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.pr-sira { width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; font-weight: 800; font-size: 13px; background: #F3EEDF; color: #6B5A2E; }
.pr-hacim li:first-child .pr-sira { background: var(--altin); color: #3D2A00; }
.pr-urun { min-width: 0; display: grid; gap: 4px; } /* 0.71.1: .pr-ad profil kartıyla çakışıyordu (58 px üst boşluk) */
.pr-urun b { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pr-urun i { display: block; height: 6px; border-radius: 99px; background: linear-gradient(90deg, #2B4A86, #3B8BEB); }
.pr-deger { text-align: end; font-variant-numeric: tabular-nums; }
.pr-deger b { display: block; font-size: 13.5px; }
.pr-deger small { color: var(--soluk); font-size: 11.5px; }
.pr-hareket { list-style: none; margin: 0; padding: 0; }
.pr-hareket li { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 6px 0; border-bottom: 1px solid #F2ECDD; font-size: 13.5px; }
.pr-hareket li:last-child { border-bottom: 0; }
.pr-hareket span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.pr-hareket span small { display: block; color: var(--soluk); font-size: 11.5px; font-variant-numeric: tabular-nums; }
.pr-hareket em { font-style: normal; font-weight: 800; font-size: 12.5px; padding: 2px 8px; border-radius: 99px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pr-hareket em.arti { background: #DDF5E7; color: var(--yesil-koyu); }
.pr-hareket em.eksi { background: #FDE5E2; color: var(--kirmizi-koyu); }
.pr-bos { margin: 0; color: var(--soluk); font-size: 13px; }
.pr-not { margin: 0; padding: 10px 16px 12px; font-size: 12px; color: var(--soluk); background: #FBF8F0; border-top: 1px solid #EEE6D4; }

/* 0.49.4: her zaman açık özel dükkânlar */
.ozel-tesekkur { text-align: center; display: grid; gap: 6px; justify-items: center; padding: 18px 16px; background: linear-gradient(180deg, #FFF8E1, #FFFDF6); border: 1px solid #F2DFA6; }
.ozel-tesekkur .ozel-kalp { font-size: 34px; line-height: 1; }
.ozel-tesekkur b { font-size: 17px; color: #7A5200; }
.ozel-tesekkur p { margin: 0; font-size: 15px; line-height: 1.5; max-width: 42ch; }
.ozel-tesekkur small { color: var(--soluk); font-size: 12.5px; }

/* 0.49.4: Ekonomi göstergeleri */
.eko-ozet { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 10px; } /* 0.71.1: 6 kutu: telefonda 2, genişte 3 sütun */
@media (min-width: 560px) { .eko-ozet { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.eko-kpi { display: grid; gap: 2px; padding: 12px 14px; border-radius: 14px; background: linear-gradient(160deg, #18294F, #24427D); color: #fff; min-width: 0; }
.eko-kpi small { font-size: 11.5px; color: #C7D4F0; font-weight: 700; letter-spacing: .02em; }
.eko-kpi b { font-size: 19px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.eko-kpi span { font-size: 11.5px; color: #C7D4F0; }
.eko-kpi em { justify-self: start; font-style: normal; font-weight: 800; font-size: 12px; padding: 1px 8px; border-radius: 99px; background: rgba(255,255,255,.14); }
.eko-kpi em.arti { color: #7CF0A8; } .eko-kpi em.eksi { color: #FF9C93; }
.eko-blok h3 { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.eko-blok h3 small { font-size: 12px; font-weight: 600; color: var(--soluk); }
.eko-tablo-sar { overflow-x: auto; }
.eko-tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.eko-tablo td { padding: 7px 4px; border-bottom: 1px solid var(--cizgi); }
.eko-tablo tr:last-child td { border-bottom: 0; }
.eko-tablo .sag { text-align: end; font-variant-numeric: tabular-nums; white-space: nowrap; }
.eko-tablo em, .eko-kanun em { font-style: normal; font-weight: 800; font-size: 12.5px; }
.eko-tablo em.arti { color: var(--yesil-koyu); } .eko-tablo em.eksi { color: var(--kirmizi-koyu); } .eko-tablo em.sabit { color: var(--soluk); }
.eko-ikili { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 0 10px; }
.eko-liste { list-style: none; margin: 0; padding: 0; }
.eko-liste li { display: flex; justify-content: space-between; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--cizgi); font-size: 14px; }
.eko-liste li:last-child { border-bottom: 0; }
.eko-liste b { font-variant-numeric: tabular-nums; white-space: nowrap; }
.eko-kanun { list-style: none; margin: 0; padding: 0; }
.eko-kanun li { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--cizgi); }
.eko-kanun li:last-child { border-bottom: 0; }
.eko-kanun small { display: block; color: var(--soluk); font-size: 12.5px; }
.eko-ulke { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; }
.eko-ulke div { text-align: center; padding: 10px 6px; border-radius: 12px; background: #F4F6FB; }
.eko-ulke b { display: block; font-size: 20px; color: var(--lacivert); font-variant-numeric: tabular-nums; }
.eko-ulke small { color: var(--soluk); font-size: 12px; }

/* 0.49.4: Plaza ve ofis */
.yesil-yazi { color: var(--yesil-koyu); }
.plaza-bas { display: flex; gap: 14px; align-items: center; padding: 14px; border-radius: 16px; margin-bottom: 10px; color: #fff;
  background: linear-gradient(180deg, #0E1F3D 0%, #1C3E73 60%, #3B6EA8 100%); overflow: hidden; }
.plaza-bas h3 { margin: 2px 0; color: #fff; font-size: 20px; letter-spacing: .02em; }
.plaza-bas small { color: #CBDAF4; font-size: 12.5px; }
.plaza-bas-metin { flex: 1; min-width: 0; display: grid; gap: 2px; }
.plaza-kule { flex: 0 0 64px; height: 96px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; padding: 6px 5px 10px; border-radius: 6px 6px 2px 2px;
  background: linear-gradient(160deg, #9CC3E8, #4F7FAE 55%, #2A4F7E); box-shadow: inset 0 0 0 2px rgba(255,255,255,.35); }
.plaza-kule i { border-radius: 2px; background: rgba(255,255,255,.18); }
.plaza-kule i:nth-child(3n) { background: rgba(255,233,160,.75); }
.plaza-kule i:nth-child(5n+1) { background: rgba(255,255,255,.45); }
.plaza-doluluk { height: 6px; border-radius: 99px; background: rgba(255,255,255,.18); overflow: hidden; margin-top: 6px; }
.plaza-doluluk i { display: block; height: 100%; background: linear-gradient(90deg, var(--altin), #FFE08A); }
.plaza-ofisim .po-ust { display: flex; gap: 12px; align-items: center; margin-bottom: 8px; }
.po-kapi { flex: 0 0 auto; width: 54px; height: 54px; border-radius: 12px; display: grid; place-content: center; text-align: center; font-weight: 800; font-size: 22px; line-height: 1;
  color: #fff; background: linear-gradient(160deg, #2B4A86, #1B2F5B); font-variant-numeric: tabular-nums; }
.po-kapi small { display: block; font-size: 10px; font-weight: 700; color: #C9D6F2; text-transform: uppercase; letter-spacing: .08em; }
.po-ust b { display: block; font-size: 17px; }
.po-ust small { color: var(--soluk); font-size: 12.5px; }
.po-etiket { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--mavi-koyu); }
.plaza-ad { margin-bottom: 8px; }
.plaza-turler { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; margin-bottom: 12px; }
.plaza-tur { display: grid; gap: 6px; align-content: start; padding: 12px; border-radius: 14px; background: #fff; border: 1.5px solid var(--cizgi); }
.plaza-tur.secili { border-color: var(--mavi); box-shadow: 0 0 0 2px rgba(59,139,235,.15); }
.pt-ust { display: flex; justify-content: space-between; align-items: center; gap: 6px; }
.pt-m2 { font-size: 20px; font-weight: 800; color: var(--lacivert); }
.pt-m2 small { font-size: 12px; font-weight: 600; color: var(--soluk); }
.pt-liste { list-style: none; margin: 0; padding: 0; font-size: 13px; }
.pt-liste li { display: flex; justify-content: space-between; gap: 6px; padding: 3px 0; border-bottom: 1px dashed var(--cizgi); }
.pt-liste li:last-child { border-bottom: 0; }
.pt-liste b { font-variant-numeric: tabular-nums; }
.tablo-sar { overflow-x: auto; }
.plaza-rehber { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.plaza-rehber th { text-align: start; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--soluk); padding: 4px 6px; border-bottom: 1.5px solid var(--cizgi); }
.plaza-rehber td { padding: 7px 6px; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.plaza-rehber td:first-child, .plaza-rehber td:nth-child(2) { font-variant-numeric: tabular-nums; font-weight: 800; color: var(--lacivert); width: 1%; white-space: nowrap; }
.plaza-rehber td small { display: block; color: var(--soluk); font-size: 11.5px; }
.plaza-rehber tr.ben td { background: #EEF4FE; }
.sayfalama { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 10px; font-weight: 700; font-variant-numeric: tabular-nums; }
.sayfalama .dugme { min-width: 40px; }

/* 0.49.4: Profil sayfası (yeni düzen) ve arkadaşlar penceresi */
.profil2 { margin: -16px -16px 0; }
.p2-bas { position: relative; display: flex; gap: 14px; align-items: center; padding: 22px 16px 18px; color: #fff; overflow: hidden;
  background: radial-gradient(110% 140% at 0% 0%, rgba(255,216,107,.55) 0%, rgba(255,216,107,0) 50%), linear-gradient(135deg, #2B4A86, #1B2F5B 58%, #31245E); }
.p2-bas::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(45deg, rgba(255,255,255,.045) 0 10px, transparent 10px 20px); pointer-events: none; }
.p2-foto { position: relative; z-index: 1; flex: none; border-radius: 50%; padding: 4px; background: rgba(255,255,255,.9); box-shadow: 0 6px 18px rgba(0,0,0,.25); }
.p2-foto .avatar { display: grid; }
.p2-foto.cevrimici::after { content: ""; position: absolute; right: 6%; bottom: 6%; width: 18px; height: 18px; border-radius: 50%; background: #31C46B; border: 3px solid #fff; }
.p2-kim { position: relative; z-index: 1; min-width: 0; display: grid; gap: 3px; }
.p2-kim h3 { margin: 0; font-size: 24px; line-height: 1.1; color: #fff; overflow-wrap: anywhere; }
.p2-yer { font-size: 13.5px; color: #DCE6FA; }
.p2-uyelik { font-size: 12.5px; color: #C2D0EE; }
.p2-uyelik .pr-cevrim { color: #C2D0EE; } .p2-uyelik .pr-cevrim.acik { color: #7CF0A8; }
.p2-cipler { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0; }
.p2-cip { display: inline-flex; align-items: center; gap: 4px; font: 700 12px var(--yazi); padding: 3px 10px; border-radius: 999px; background: rgba(255,255,255,.14); color: #fff; border: 1px solid rgba(255,255,255,.2); }
.p2-cip.altin { background: var(--altin); color: #3D2A00; border-color: var(--altin-koyu); }
.p2-cipler.secim { margin: 0 0 10px; }
.p2-cipler.secim .p2-cip { background: #F2EEE2; color: var(--metin); border-color: #E4DCC6; cursor: pointer; font-size: 13px; padding: 5px 12px; }
.p2-cipler.secim .p2-cip.secili { background: var(--lacivert); color: #fff; border-color: var(--lacivert); }
.p2-cipler.secim .p2-cip:disabled { opacity: .45; cursor: default; }
.p2-seviye { margin: 4px 16px 0; padding: 10px 12px; background: #fff; border-radius: 14px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.p2-seviye-ust { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.p2-seviye-ust span:last-child { color: var(--soluk); }
.p2-cubuk { height: 8px; border-radius: 99px; background: #EDE7D6; overflow: hidden; margin-top: 6px; }
.p2-cubuk i { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, var(--altin), #FF9F43); }
.p2-rakamlar { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; margin: 10px 16px; background: #fff; border-radius: 16px; padding: 10px 6px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.p2-rakamlar > div { display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 0; }
.p2-rakamlar b { font-size: 16px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.p2-rakamlar small { font-size: 11.5px; color: var(--soluk); white-space: nowrap; }
@media (max-width: 520px) { .p2-rakamlar { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 10px; } }
.p2-sirket { display: flex; gap: 12px; align-items: center; margin: 0 16px 10px; }
.p2-sirket-simge { font-size: 28px; }
.p2-sirket b { display: block; } .p2-sirket small { color: var(--soluk); font-size: 12.5px; }
.p2-sekmeler { margin: 4px 16px 10px; }
.p2-sayi { display: inline-block; min-width: 20px; padding: 0 6px; border-radius: 99px; background: rgba(27,47,91,.08); font-size: 12px; font-variant-numeric: tabular-nums; }
.p2-icerik { padding: 0 16px 16px; min-height: 120px; }
.p2-ara { width: 100%; font: inherit; font-size: 15px; padding: 9px 12px; border-radius: 12px; border: 2px solid var(--cizgi); margin-bottom: 10px; }
.p2-isler { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
.p2-isler li { display: flex; gap: 10px; align-items: center; padding: 10px; background: #fff; border-radius: 14px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); min-width: 0; }
.p2-isler li > div { min-width: 0; flex: 1; }
.p2-isler b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p2-isler small { display: block; color: var(--soluk); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p2-is-simge { flex: none; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: #F4F1E8; font-size: 22px; }
.sayfalama2 { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px; margin: 12px 0 4px; }
.sayfalama2 button { min-width: 36px; height: 36px; padding: 0 8px; border-radius: 10px; border: 1.5px solid var(--cizgi); background: #fff; color: var(--metin); font: 700 14px var(--yazi); cursor: pointer; font-variant-numeric: tabular-nums; }
.sayfalama2 button.aktif { background: var(--lacivert); border-color: var(--lacivert); color: #fff; }
.sayfalama2 button:disabled { opacity: .4; cursor: default; }
.sayfalama2 .sf-bosluk { color: var(--soluk); padding: 0 2px; }
.ark-arac { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 10px; }
.ark-arac input[type=search], .ark-arac select { font: inherit; font-size: 15px; padding: 9px 12px; border-radius: 12px; border: 2px solid var(--cizgi); background: #fff; color: var(--metin); }
.ark-arac input[type=search] { flex: 1 1 180px; min-width: 0; }
.ark-arac .ark-ara { flex: 1 1 100%; }
.ark-arac .ark-ara input { margin-bottom: 0; }
.ark-ozet { flex: 1 1 100%; color: var(--soluk); font-size: 12.5px; }
.ark-segment { display: inline-flex; padding: 3px; border-radius: 12px; background: #EEE9DB; gap: 3px; }
.ark-segment button { border: 0; background: transparent; font: 700 14px var(--yazi); padding: 7px 14px; border-radius: 9px; cursor: pointer; color: var(--metin); }
.ark-segment button[aria-pressed="true"] { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.ark-sv { font-weight: 800; color: var(--lacivert); }
.ark-acik { color: #1E9E53; font-weight: 700; }

/* 0.49.4: yeni mini oyunlar */
.mo-ipucu { margin: 0 0 10px; text-align: center; font-weight: 800; color: var(--lacivert); font-size: 16px; }
.mo-sudoku, .mo-farkli, .mo-2048, .mo-isik, .mo-paraustu { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px; }
.mo-sd-izgara { display: grid; grid-template-columns: repeat(4, 1fr); width: min(300px, 82vw); aspect-ratio: 1; border: 3px solid var(--lacivert); border-radius: 10px; overflow: hidden; background: #fff; }
.mo-sd-hucre { border: 1px solid #D9DEE8; background: #fff; font: 800 30px var(--yazi); color: var(--mavi-koyu); cursor: pointer; }
.mo-sd-hucre.sabit { background: #EEF1F7; color: var(--lacivert); cursor: default; }
.mo-sd-hucre.sag { border-right: 3px solid var(--lacivert); } .mo-sd-hucre.alt { border-bottom: 3px solid var(--lacivert); }
.mo-fk-izgara { display: grid; gap: 6px; width: min(340px, 88vw); }
.mo-fk-izgara button { aspect-ratio: 1; border: 0; border-radius: 10px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); font-size: clamp(18px, 6vw, 34px); cursor: pointer; padding: 0; }
.mo-fk-izgara button.yanlis { background: #FDE2DF; }
.mo-2048-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; width: min(320px, 86vw); aspect-ratio: 1; padding: 8px; border-radius: 14px; background: #BBA98F; touch-action: none; outline: none; }
.mo-2048-hucre { display: grid; place-items: center; border-radius: 8px; background: #D7C9B3; font: 800 clamp(16px, 6vw, 28px) var(--yazi); color: #5C4A33; }
.mo-2048-hucre.d1 { background: #EEE4DA; } .mo-2048-hucre.d2 { background: #EDE0C8; } .mo-2048-hucre.d3 { background: #F2B179; color: #fff; }
.mo-2048-hucre.d4 { background: #F59563; color: #fff; } .mo-2048-hucre.d5 { background: #F67C5F; color: #fff; } .mo-2048-hucre.d6 { background: #F65E3B; color: #fff; }
.mo-2048-hucre.d7, .mo-2048-hucre.d8, .mo-2048-hucre.d9, .mo-2048-hucre.d10, .mo-2048-hucre.d11 { background: #EDC22E; color: #fff; }
.mo-isik-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; width: min(300px, 82vw); aspect-ratio: 1; padding: 10px; border-radius: 14px; background: #1E2A3E; }
.mo-isik-hucre { border: 0; border-radius: 10px; background: #33415A; cursor: pointer; box-shadow: none; transition: background .15s; }
.mo-isik-hucre.acik { background: radial-gradient(circle at 50% 40%, #FFF6C8, #FFD54A 60%, #F2A900); box-shadow: 0 0 18px rgba(255,213,74,.7); }
.mo-isik-hamle { margin-top: 8px; color: var(--soluk); font-weight: 700; }
.mo-pu-fis { position: relative; display: grid; grid-template-columns: auto auto; gap: 6px 22px; align-items: baseline; padding: 30px 26px 22px; min-width: 210px; background: #fff; font-size: 16px; margin-bottom: 16px; color: #5B5240; box-shadow: 0 10px 24px rgba(60, 40, 10, .12); border-radius: 6px 6px 0 0;
  -webkit-mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / 14px 100%; mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / 14px 100%; padding-bottom: 28px; }
.mo-pu-fis-bas { position: absolute; top: 6px; left: 0; right: 0; text-align: center; font-size: 18px; letter-spacing: 2px; }
.mo-pu-fis b { text-align: end; font-size: 24px; color: var(--lacivert); font-variant-numeric: tabular-nums; }
.mo-pu-fis span { font-weight: 700; }
.mo-pu-fis .mo-pu-nakit { color: #1E8449; }
.mo-pu-secenek { display: grid; grid-template-columns: repeat(2, minmax(120px, 1fr)); gap: 12px; width: min(340px, 88vw); }
.mo-pu-para { position: relative; border: 0; border-radius: 14px; padding: 16px 8px; cursor: pointer; font: 800 21px var(--yazi); color: #0E4D2C; font-variant-numeric: tabular-nums;
  background: linear-gradient(135deg, #D8F5DF 0%, #A8E6B9 55%, #8FD9A6 100%); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .6), inset 0 0 0 5px rgba(30, 132, 73, .18), 0 1px 2px rgba(16, 24, 40, .08); transition: transform .1s, box-shadow .1s; }
.mo-pu-para:active { transform: scale(.97); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .6), inset 0 0 0 5px rgba(30, 132, 73, .18), 0 1px 2px rgba(16, 24, 40, .08); }
.mo-pu-para.dogru { background: linear-gradient(135deg, #FFF6C8, #FFD54A); color: #6B4A00; box-shadow: 0 0 0 3px #F2A900, 0 0 24px rgba(255, 213, 74, .8); animation: moPop .28s; }
.mo-pu-para.yanlis, .mo-pu-para:disabled { background: #F6D5D1; color: #B03A2E; box-shadow: 0 0 0 2px #E0493C; opacity: .7; animation: moSalla .35s; }
/* 0.52: DOM tabanlı mini oyunlar için ortak görünüm */
.mo-alan { background: radial-gradient(130% 70% at 50% 0%, #FFFEF8 0%, var(--krem) 55%, #F4E8CC 100%); }
.mo-ust { background: linear-gradient(180deg, #24407A, var(--lacivert)); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mo-ipucu { display: inline-block; align-self: center; padding: 6px 14px; border-radius: 999px; background: rgba(27, 47, 91, .07); }
.mo-secenek { transition: transform .1s, box-shadow .1s; }
.mo-secenek:active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mo-secenek.dogru { animation: moPop .3s; } .mo-secenek.yanlis { animation: moSalla .35s; }
.mo-sd-izgara { gap: 0; box-shadow: 0 10px 24px rgba(27, 47, 91, .15); border-radius: 14px; transition: box-shadow .3s; }
.mo-sd-hucre { transition: background .12s; } .mo-sd-hucre:not(.sabit):active { background: #E3F0FF; }
.mo-sd-izgara.cozuldu { box-shadow: 0 0 0 4px #2ECC71, 0 0 30px rgba(46, 204, 113, .5); }
.mo-sd-izgara.cozuldu .mo-sd-hucre { background: #E8F8EE; }
.mo-isik-izgara { border: 6px solid #8D6E63; box-shadow: inset 0 0 0 2px #5D4037, 0 10px 24px rgba(0, 0, 0, .25); }
.mo-isik-hucre:active { transform: scale(.94); }
.mo-kasa-ic { box-shadow: inset 0 3px 8px rgba(0, 0, 0, .12); background: linear-gradient(180deg, #E3E8EC, #F1F4F6); }
.mo-golge-buyuk { filter: brightness(0) drop-shadow(0 8px 0 rgba(0, 0, 0, .08)); }
@keyframes moPop { 0% { transform: scale(1); } 45% { transform: scale(1.08); } 100% { transform: scale(1); } }
/* şans oyunları */
.mo-sans { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 14px; text-align: center; }
.mo-sans .dugme { max-width: 320px; }
.mo-sans-yazi { margin: 0; min-height: 24px; font-size: 18px; font-weight: 800; color: var(--lacivert); }
.mo-sans-sahne { position: relative; height: 150px; display: grid; place-items: center; }
.mo-fincan, .mo-kur, .mo-kuyu { font-size: 96px; display: inline-block; }
.mo-fincan.calkala, .mo-kur.calkala { animation: moCalkala .25s linear infinite; }
.mo-fincan.cikti { animation: moPop .5s ease-out; }
.mo-sikke { position: absolute; top: 0; font-size: 38px; }
.mo-sikke.dus { animation: moDus 1.4s ease-in forwards; }
.mo-kur-soz { margin: 0; font-style: italic; font-size: 17px; max-width: 30ch; color: #5D4037; }
@keyframes moCalkala { 0%, 100% { transform: rotate(-8deg); } 50% { transform: rotate(8deg); } }
@keyframes moPop { 0% { transform: scale(.4); } 70% { transform: scale(1.15); } 100% { transform: scale(1); } }
@keyframes moDus { 0% { transform: translateY(-20px) rotate(0); opacity: 1; } 80% { transform: translateY(70px) rotate(540deg); opacity: 1; } 100% { transform: translateY(80px) rotate(600deg); opacity: 0; } }
.mo-slot-pencere { display: flex; gap: 8px; padding: 12px; border-radius: 18px; background: linear-gradient(#B71C1C, #7F0000); box-shadow: inset 0 0 0 4px #FFD54A; }
.mo-slot-m { width: 78px; height: 92px; display: grid; place-items: center; font-size: 52px; border-radius: 10px; background: #fff; box-shadow: inset 0 6px 10px rgba(0,0,0,.18); }
.mo-slot-m.dur { animation: moPop .3s ease-out; }
.mo-tb-kart { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; padding: 10px; border-radius: 12px; background: #FFF8E1; border: 2px solid #E9C46A; width: min(320px, 86vw); }
.mo-tb-kart span { padding: 6px 0; border-radius: 8px; background: #fff; font: 800 18px var(--yazi); color: var(--lacivert); font-variant-numeric: tabular-nums; }
.mo-tb-kart span.tuttu { background: var(--yesil); color: #fff; }
.mo-tb-top { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; font: 800 26px var(--yazi); background: radial-gradient(circle at 35% 30%, #fff, #FFD54A 60%, #E0A800); color: #3D2A00; }
.mo-tb-sayac { color: var(--soluk); font-weight: 700; }
.mo-tb-tablo { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; }
.mo-tb-tablo span { padding: 3px 8px; border-radius: 8px; background: #F3F0E6; font-size: 12px; display: grid; }
.mo-sc-izgara { display: grid; grid-template-columns: repeat(var(--n, 3), 1fr); gap: 10px; }
.mo-sc { border: 0; background: none; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 2px; font: inherit; padding: 4px; border-radius: 14px; transition: transform .25s; }
.mo-sc span { font-size: 58px; line-height: 1.1; animation: moZipla 2s ease-in-out infinite; }
.mo-sc:nth-child(2n) span { animation-delay: .25s; } .mo-sc:nth-child(3n) span { animation-delay: .5s; }
.mo-sc b { min-height: 22px; font-size: 15px; color: #8A5A00; font-variant-numeric: tabular-nums; }
.mo-sc.secili { background: rgba(255,196,46,.25); transform: scale(1.06); }
.mo-sc.acildi span { animation: moPop .4s ease-out; }
.mo-sc.enbuyuk b { color: var(--yesil-koyu); }
.mo-hazine .mo-sc span { font-size: 46px; }
.mo-yaris .mo-sc-izgara { grid-template-columns: 1fr; width: min(340px, 88vw); gap: 6px; }
.mo-yaris .mo-sc { flex-direction: row; justify-content: flex-start; background: linear-gradient(90deg, #E9D8B4, #F6EBD3); border-radius: 10px; position: relative; }
.mo-yaris .mo-sc span { animation: none; font-size: 40px; transform: scaleX(-1); }
.mo-yaris .mo-sc b { margin-inline-start: auto; position: relative; z-index: 1; }
.mo-yaris .mo-sc.kosuyor span { animation: moKos 3.2s ease-out forwards; animation-delay: calc(var(--sira, 0) * .12s); }
@keyframes moKos { from { transform: scaleX(-1) translateX(0); } to { transform: scaleX(-1) translateX(calc(-1 * (min(220px, 45vw) - var(--sira, 0) * 48px))); } }
/* 0.49.5: dolmuş yarı boş kalktı uyarısı */
.mo-dolmus { position: relative; }
.mo-dolmus-not { position: absolute; left: 50%; top: 42%; transform: translateX(-50%); background: rgba(198, 40, 40, .92); color: #fff; font-weight: 800; font-size: 14px; padding: 8px 14px; border-radius: 12px; pointer-events: none; text-align: center; animation: mo-dn 1.2s ease forwards; z-index: 3; }
@keyframes mo-dn { 0% { opacity: 0; transform: translate(-50%, 8px); } 15%, 75% { opacity: 1; transform: translate(-50%, 0); } 100% { opacity: 0; transform: translate(-50%, -10px); } }
/* 0.49.5: uzun konum/son görülme satırı arkadaş kartını taşırmasın */
.ark-liste { grid-template-columns: minmax(0, 1fr); }
.ark-kisi { min-width: 0; }
/* 0.49.6: üç gösterge kutusu dar ekranda 2+1 (sonuncusu tam satır) */
@media (max-width: 520px) { .eko-ozet .eko-kpi:last-child:nth-child(odd) { grid-column: 1 / -1; } }
/* 0.49.6: Çırak Gazetesi */
.gazete { background: #FBF7EE; border: 1px solid #E4DCC8; border-radius: 16px; padding: 14px 14px 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); color: #1F2430; }
.gz-kafa { text-align: center; border-bottom: 3px double #2B2B2B; padding-bottom: 8px; margin-bottom: 10px; }
.gz-ad { font-family: Georgia, 'Times New Roman', serif; font-weight: 900; font-size: clamp(26px, 7vw, 40px); letter-spacing: .04em; line-height: 1.05; color: #14213D; }
.gz-tarih { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; border-top: 1px solid #2B2B2B; margin-top: 6px; padding-top: 4px; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: #4A4F5C; }
.gz-manset { padding: 4px 2px 12px; border-bottom: 1px solid #D9D0BA; margin-bottom: 12px; }
.gz-ust { display: inline-block; background: #C62828; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; padding: 3px 8px; border-radius: 4px; }
.gz-manset h3 { font-family: Georgia, 'Times New Roman', serif; font-size: clamp(20px, 5.4vw, 28px); line-height: 1.2; margin: 8px 0 4px; color: #14213D; }
.gz-manset p { margin: 0; color: #4A4F5C; font-style: italic; }
.gz-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 0 18px; }
.gz-blok { min-width: 0; padding: 8px 0 12px; border-top: 1px solid #D9D0BA; }
.gz-blok h4 { margin: 0 0 6px; font-family: Georgia, 'Times New Roman', serif; font-size: 16px; color: #14213D; }
.gz-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
ol.gz-liste { counter-reset: gz; }
ol.gz-liste li::before { counter-increment: gz; content: counter(gz) '.'; font-weight: 800; color: #9A8F75; margin-inline-end: 6px; }
.gz-liste li { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: 14px; min-width: 0; }
.gz-liste li > span { min-width: 0; flex: 1; overflow-wrap: anywhere; }
.gz-liste small { display: block; color: #6B6F7A; font-size: 12px; }
.gz-liste b { white-space: nowrap; font-variant-numeric: tabular-nums; }
.gz-liste em { font-style: normal; font-weight: 800; white-space: nowrap; font-variant-numeric: tabular-nums; }
.gz-liste em.arti { color: #1B8A3A; } .gz-liste em.eksi { color: #C62828; } .gz-liste em.sabit { color: #6B6F7A; }
.gz-bos, .gz-not { margin: 0; color: #6B6F7A; font-size: 13px; font-style: italic; }
.gz-not { font-style: normal; color: #1F2430; }
.gz-alt { text-align: center; margin: 8px 0 0; }
/* 0.49.6: Yenilikler'de uygulanan geliştirici önerileri */
.yenilik-katki { margin-top: 8px; padding: 10px 12px; border-radius: 12px; background: #F1F6FF; border: 1px solid #D6E3FA; }
.yenilik-katki ul { margin: 6px 0 0; padding-inline-start: 18px; display: grid; gap: 4px; }
.yenilik-katki small { color: var(--soluk); white-space: nowrap; }
/* 0.49.6: jenerik yağmuru (yazıların arkasında) */
.jenerik-yagmur { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
/* 0.49.7: dükkânlar arası geçiş */
.dk-gezgin { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; padding: 6px; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.dk-gezgin.geciyor .dk-orta { opacity: .55; transition: opacity .15s; }
.dk-ok { flex: none; width: 46px; height: 46px; border: 0; border-radius: 12px; background: var(--lacivert); color: #fff; font-size: 28px; font-weight: 800; line-height: 1; cursor: pointer; display: grid; place-items: center; }
.dk-ok:active { transform: scale(.95); }
.dk-orta { flex: 1; min-width: 0; text-align: center; display: grid; }
.dk-orta b { font-size: 16px; color: var(--lacivert); }
.dk-orta small { color: var(--soluk); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (hover: none) { .dk-orta small { display: none; } }
/* 0.49.7: yatay şeritler fareyle sürüklenebilir */
@media (hover: hover) and (pointer: fine) {
  .sekmeler, .cipler, .ek-filtre, .yasam-sekmeler, .donem-sekme, .p2-cipler { cursor: grab; }
  .suruklenen { cursor: grabbing !important; user-select: none; scroll-behavior: auto !important; }
  .suruklenen * { cursor: grabbing !important; }
}
/* 0.49.7: çok satırlı soru kutusu ve MASAK itirazı */
textarea.onay-girdi { width: 100%; box-sizing: border-box; resize: vertical; min-height: 110px; font: inherit; padding: 10px 12px; border-radius: 12px; border: 1.5px solid var(--cizgi); }
.masak-yanit { margin-top: 8px; padding: 8px 10px; border-radius: 10px; background: #fff; }
.masak-yanit small { color: var(--soluk); }
.masak-yanit p { margin: 2px 0 0; }
/* 0.49.7: reklam kampanyası türü */
.reklam-tur { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 6px 0 10px; }
.reklam-tur label { position: relative; display: block; cursor: pointer; }
.reklam-tur input { position: absolute; opacity: 0; pointer-events: none; }
.reklam-tur span { display: grid; gap: 2px; padding: 10px 12px; border-radius: 12px; border: 2px solid var(--cizgi); background: #fff; min-height: 100%; box-sizing: border-box; }
.reklam-tur small { color: var(--soluk); font-size: 12px; }
.reklam-tur input:checked + span { border-color: #2E7D32; background: #F1FAF2; box-shadow: 0 0 0 3px rgba(46,125,50,.15); }
.reklam-tur input:focus-visible + span { outline: 2px solid var(--lacivert); }

/* 0.50: Bağışla isim verme */
.bagis-bas { display: flex; flex-wrap: wrap; gap: 10px 12px; align-items: center; }
.bagis-bas > div { flex: 1 1 180px; min-width: 0; }
.bagis-bas > button { flex: 1 1 100%; width: 100%; }
.bagis-bas h3 { margin: 2px 0; font-size: 18px; overflow-wrap: anywhere; }
.bagis-simge { width: 46px; height: 46px; flex: none; display: grid; place-items: center; font-size: 26px; border-radius: 14px; background: linear-gradient(180deg, #F2F5FB, #E3E8F2); box-shadow: inset 0 1px 2px rgba(17, 31, 64, .1); }
.bagis-ad { display: flex; align-items: stretch; border: 2px solid var(--cizgi); border-radius: 12px; overflow: hidden; margin: 6px 0; background: #fff; }
.bagis-ad input { flex: 1; min-width: 0; border: 0; padding: 10px 12px; font: inherit; font-size: 16px; outline: none; background: transparent; }
.bagis-ad span { display: grid; place-items: center; padding: 0 12px; background: #F2F4F8; color: var(--soluk, #6B7280); font-weight: 700; font-size: 13px; white-space: nowrap; }
.bagis-onizleme { margin: 4px 0 10px; padding: 10px 12px; border-radius: 10px; background: #0F5132; color: #fff; font-family: Georgia, "Times New Roman", serif; font-weight: 700; text-align: center; letter-spacing: .04em; text-transform: uppercase; overflow-wrap: anywhere; border: 2px solid #E9D8A6; }
.bagis-sureler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-bottom: 10px; }
.bagis-sureler button { border: 2px solid var(--cizgi); background: #fff; border-radius: 12px; padding: 8px 4px; display: flex; flex-direction: column; align-items: center; gap: 2px; cursor: pointer; font-family: inherit; color: var(--metin); }
.bagis-sureler button b { font-size: 13px; }
.bagis-sureler button span { font-size: 12px; color: var(--soluk, #6B7280); }
.bagis-sureler button[aria-checked="true"] { border-color: var(--yesil); background: #EAF7F0; }
.bagis-sira { list-style: none; margin: 0; padding: 0; }
.bagis-sira li { display: flex; flex-direction: column; padding: 7px 0; border-bottom: 1px solid var(--cizgi); }
.bagis-sira li:last-child { border-bottom: 0; }
.bagis-liste { display: flex; flex-direction: column; gap: 6px; }
.bagis-oge { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); text-decoration: none; color: inherit; }
.bagis-oge > span:nth-child(2) { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.bagis-oge b { overflow-wrap: anywhere; }
.bagis-oge small { color: var(--soluk, #6B7280); font-size: 12px; }
.bagis-oge .ok { font-size: 22px; color: #9AA3B2; }
@media (max-width: 380px) { .bagis-sureler { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* 0.50: YSK ve seçim kampanyası */
.ysk-bas { display: flex; gap: 12px; align-items: center; background: linear-gradient(135deg, #0F2A4A, #1D4A7A); color: #fff; }
.ysk-bas b { display: block; font-size: 17px; }
.ysk-bas small { color: rgba(255, 255, 255, .78); }
.ysk-arma { width: 44px; height: 44px; flex: none; display: grid; place-items: center; font-size: 24px; border-radius: 50%; background: rgba(255, 255, 255, .14); border: 2px solid rgba(255, 255, 255, .35); }
.ysk-tablo { width: 100%; border-collapse: collapse; font-size: 13px; }
.ysk-tablo th, .ysk-tablo td { text-align: start; padding: 6px 6px; border-bottom: 1px solid var(--cizgi); white-space: nowrap; }
.ysk-tablo th { font-size: 11px; color: var(--soluk); text-transform: uppercase; letter-spacing: .03em; }
.kampanya-liste { list-style: none; margin: 10px 0 0; padding: 0; }
.kampanya-liste li { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--cizgi); }
.kampanya-liste li:last-child { border-bottom: 0; }
.kampanya-liste li > span:nth-child(2) { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.kampanya-liste small { color: var(--soluk); font-size: 12px; }
.kampanya-simge { width: 36px; height: 36px; flex: none; display: grid; place-items: center; font-size: 20px; border-radius: 10px; background: #F2F5FB; }
/* 0.63.6: kampanya satırında düğme yalnızca fiyat kadar yer kaplar; ad ve açıklama kaymadan tek sütunda kalır */
.kampanya-liste li > .dugme, .kampanya-liste li > .rozetcik { flex: none; width: auto; min-width: 92px; margin: 0; padding-left: 12px; padding-right: 12px; white-space: nowrap; }
.kampanya-liste li > span:nth-child(2) b { line-height: 1.25; }
.kampanya-liste li > span:nth-child(2) small { line-height: 1.3; margin-top: 2px; }
.kampanya-guc { position: relative; height: 16px; margin-top: 4px; border-radius: 8px; background: #EEF1F7; overflow: hidden; max-width: 220px; }
.kampanya-guc i { position: absolute; inset: 0 auto 0 0; background: linear-gradient(90deg, #F2C14E, #E8681C); border-radius: 8px; }
.kampanya-guc small { position: relative; display: block; font-size: 11px; line-height: 16px; padding: 0 6px; color: #3A2A10; font-weight: 700; }
.miting-katil { position: absolute; z-index: 5; transform: translate(-50%, -100%); }

/* ---------- 0.50: Üretim bölgeleri ---------- */
body.bolgede #topla-yeri, body.bolgede #ipucu-yeri, body.bolgede #etiketler { display: none !important; }
/* 0.53: bölgede mahalledeki hava çipi kalır; altında bölge düğmeleri (mahalle kısayolları ve kuş bakışı gizlenir) */
body.bolgede .alt-hud .kisayollar { display: none !important; }
.oyuncu-yer.bolge-yer { font-weight: 700; }
.bolge-kisayol { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; pointer-events: none; }
.bolge-kisayol > * { pointer-events: auto; }
.bk-satir { display: flex; gap: 6px; flex-wrap: wrap; pointer-events: none; }
.bk-satir:empty { display: none; }
.bk-satir > * { pointer-events: auto; }
.bk-hap { border: 0; border-radius: 999px; background: rgba(17, 31, 64, 0.78); color: #fff; padding: 6px 13px 6px 10px; font: inherit; font-size: 14px; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); line-height: 1.2; transition: transform .12s, background .2s; }
.bk-hap:hover { transform: translateY(-1px); background: rgba(17, 31, 64, 0.9); }
.bk-hap.altin { background: linear-gradient(180deg, #FFD455, #F2B21C); color: var(--lacivert-koyu); box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 4px 10px rgba(0, 0, 0, 0.2); }
.bk-hap.yesil { background: linear-gradient(180deg, #23A35A, #13723E); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.bk-hap[aria-expanded="true"] { background: var(--lacivert); box-shadow: 0 0 0 2px var(--altin) inset; }
.bk-simgeler { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; pointer-events: none; }
.bk-simgeler > * { pointer-events: auto; }
.bk-ikon { height: 40px; min-width: 40px; border: 0; border-radius: 999px; background: rgba(17, 31, 64, 0.78); color: #fff; font: inherit; font-size: 19px; display: inline-flex; align-items: center; justify-content: center; gap: 0; padding: 0 10px; cursor: pointer; white-space: nowrap; overflow: hidden; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); transition: gap .22s ease, padding .22s ease, background .2s; }
.bk-ikon span { max-width: 0; opacity: 0; font-size: 13px; font-weight: 700; transition: max-width .26s ease, opacity .2s ease; overflow: hidden; }
.bk-ikon:hover, .bk-ikon:focus-visible { gap: 8px; padding: 0 14px 0 10px; }
.bk-ikon:hover span, .bk-ikon:focus-visible span { max-width: 180px; opacity: 1; }
.bk-ikon.acik { background: #13723E; box-shadow: 0 0 0 2px #3CE07A inset; }
.bk-acilir[hidden] { display: none; }
.bk-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; background: rgba(17, 31, 64, 0.94); border-radius: 18px; padding: 8px; width: min(440px, calc(100vw - 20px)); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); animation: bk-ac .18s ease-out; }
.bk-izgara.deniz { grid-template-columns: repeat(2, 1fr); width: min(320px, calc(100vw - 20px)); }
.bk-izgara button { position: relative; border: 0; border-radius: 14px; background: rgba(255, 255, 255, 0.08); color: #fff; padding: 9px 4px 8px; font: inherit; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 3px; transition: background .15s, transform .12s; }
.bk-izgara button:hover { background: rgba(255, 255, 255, 0.16); transform: translateY(-1px); }
.bk-izgara .bk-is { font-size: 24px; line-height: 1; }
.bk-izgara button > span:last-of-type { font-size: 11.5px; font-weight: 700; line-height: 1.15; text-align: center; }
.bk-izgara.deniz button > span:last-of-type { font-size: 13px; }
.bk-izgara button em { position: absolute; top: 5px; right: 6px; font-style: normal; font-size: 10px; font-weight: 800; background: var(--altin); color: var(--lacivert-koyu); border-radius: 999px; padding: 0 5px; }
.bk-izgara button[aria-current] { background: var(--altin); color: var(--lacivert-koyu); }
@keyframes bk-ac { from { opacity: 0; transform: translateY(-4px) scale(.98); } to { opacity: 1; transform: none; } }
#bolge-alt { position: fixed; left: 10px; right: 10px; bottom: calc(var(--dock) + var(--alt) + 14px); display: flex; justify-content: center; pointer-events: none; z-index: 5; }
#bolge-alt > * { pointer-events: auto; width: 100%; max-width: 560px; }
#bolge-alt:empty { display: none; }
@media (min-width: 900px) { #bolge-alt { left: auto; right: 16px; width: 440px; } }
#bolge-etiketler { position: fixed; inset: 0; pointer-events: none; overflow: hidden; }
#bolge-etiketler[hidden] { display: none; }
.be-etiket {
  position: absolute; left: 0; top: 0; transform-origin: 50% 100%; will-change: transform;
  background: rgba(17, 31, 64, 0.86); color: #fff; border-radius: 12px; padding: 5px 10px 7px;
  font-size: 13px; line-height: 1.2; text-align: center; white-space: nowrap; max-width: 220px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; gap: 1px;
}
.be-etiket::after { content: ""; position: absolute; left: 50%; bottom: -6px; margin-left: -6px; border: 6px solid transparent; border-bottom: 0; border-top-color: rgba(17, 31, 64, 0.86); }
.be-etiket.gizli { display: none; }
.be-etiket.tiklanir { pointer-events: auto; cursor: pointer; }
.be-etiket b { font-size: 14px; overflow: hidden; text-overflow: ellipsis; }
.be-etiket small { opacity: 0.72; font-size: 11px; overflow: hidden; text-overflow: ellipsis; }
.be-etiket span { font-size: 12px; overflow: hidden; text-overflow: ellipsis; }
.be-etiket > i { display: block; height: 4px; border-radius: 4px; margin-top: 3px; background: linear-gradient(90deg, var(--altin) var(--p, 0%), rgba(255, 255, 255, 0.18) var(--p, 0%)); }
.be-etiket.hazir { background: rgba(19, 114, 62, 0.94); animation: be-nabiz 1.6s ease-in-out infinite; }
.be-etiket.hazir::after { border-top-color: rgba(19, 114, 62, 0.94); }
.be-etiket.bos span { color: #FFD98A; }
@keyframes be-nabiz { 50% { box-shadow: 0 0 0 5px rgba(31, 162, 90, 0.35), 0 3px 10px rgba(0, 0, 0, 0.25); } }
.be-etiket.komsu { background: rgba(255, 255, 255, 0.86); color: var(--lacivert-koyu); padding: 3px 8px 4px; }
.be-etiket.komsu::after { border-top-color: rgba(255, 255, 255, 0.86); }
.be-etiket.komsu b { font-size: 12px; }
.be-etiket.bos-parsel { background: rgba(255, 196, 46, 0.92); color: var(--lacivert-koyu); }
.be-etiket.bos-parsel::after { border-top-color: rgba(255, 196, 46, 0.92); }
.be-etiket.yer { background: var(--lacivert); font-size: 15px; }
.be-etiket.tekne { background: rgba(255, 255, 255, 0.82); color: var(--lacivert-koyu); padding: 2px 8px; font-size: 11px; }
.be-etiket.tekne::after { border-top-color: rgba(255, 255, 255, 0.82); }
.be-etiket.tekne.benim { background: rgba(17, 31, 64, 0.9); color: #fff; }
.be-etiket.tekne.benim::after { border-top-color: rgba(17, 31, 64, 0.9); }
.be-etiket.tekne.secili { background: var(--altin); color: var(--lacivert-koyu); }
.be-etiket.tekne.secili::after { border-top-color: var(--altin); }
.be-etiket.suru { background: rgba(10, 40, 30, 0.72); font-size: 12px; padding: 2px 8px; }
.be-etiket.suru::after { display: none; }

#bolge-gecis {
  position: fixed; inset: 0; z-index: 60; display: grid; place-items: center; padding: 20px;
  background: radial-gradient(circle at 50% 35%, #2B4A86, #0E1A36 70%);
  opacity: 0; transition: opacity 0.28s ease; pointer-events: auto;
}
#bolge-gecis.acik { opacity: 1; }
#bolge-gecis.kapaniyor { opacity: 0; transition-duration: 0.5s; pointer-events: none; }
#bolge-gecis.b-tarim { background: radial-gradient(circle at 50% 35%, #8A7A32, #2E2A12 72%); }
#bolge-gecis.b-ciftlik { background: radial-gradient(circle at 50% 35%, #4E7A3A, #142412 72%); }
#bolge-gecis.b-liman { background: radial-gradient(circle at 50% 35%, #2A6E9E, #0A1E36 72%); }
#bolge-gecis.b-sahil { background: radial-gradient(circle at 50% 35%, #2A9EC0, #0E3A4E 72%); }
#bolge-gecis.b-osb { background: radial-gradient(circle at 50% 35%, #5A6470, #1A1E26 72%); }
#bolge-gecis.b-maden { background: radial-gradient(circle at 50% 35%, #8A6A4A, #261A12 72%); }
#bolge-gecis.b-orman { background: radial-gradient(circle at 50% 35%, #2E5A34, #0A1A0E 72%); }
#bolge-gecis.b-enerji { background: radial-gradient(circle at 50% 35%, #C89A2A, #2A2010 72%); }
#bolge-gecis .bg-kart { text-align: center; color: #fff; max-width: 420px; transform: translateY(8px); transition: transform 0.4s ease; }
#bolge-gecis.acik .bg-kart { transform: none; }
#bolge-gecis .bg-simge { font-size: 64px; line-height: 1; animation: bg-sal 2.4s ease-in-out infinite; }
@keyframes bg-sal { 50% { transform: translateY(-6px) rotate(-3deg); } }
#bolge-gecis h2 { margin: 10px 0 2px; font-size: 26px; }
#bolge-gecis .bg-durum { margin: 0 0 14px; opacity: 0.8; }
#bolge-gecis .bg-cubuk { height: 8px; border-radius: 8px; background: rgba(255, 255, 255, 0.18); overflow: hidden; }
#bolge-gecis .bg-cubuk i { display: block; height: 100%; width: 0; background: var(--altin); border-radius: 8px; transition: width 0.35s ease; }
#bolge-gecis .bg-ipucu { margin-top: 16px; font-size: 14px; opacity: 0.85; line-height: 1.4; }
#bolge-gecis .dugme { margin-top: 12px; }

#bolge-hud { position: fixed; inset: 0; pointer-events: none; z-index: 5; }
#bolge-hud > * { pointer-events: auto; }
.bh-ust { position: absolute; left: 10px; right: 10px; top: calc(var(--ust) + 66px); display: flex; gap: 8px; align-items: center; pointer-events: none; }
.bh-ust > * { pointer-events: auto; }
.bh-baslik { flex: 1; min-width: 0; text-align: center; background: rgba(17, 31, 64, 0.8); color: #fff; border-radius: 14px; padding: 5px 12px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); display: flex; flex-direction: column; }
.bh-baslik b { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bh-baslik small { font-size: 12px; opacity: 0.8; }
.bh-dugme { border: 0; border-radius: 14px; background: rgba(17, 31, 64, 0.8); color: #fff; padding: 6px 10px; font: inherit; font-size: 18px; cursor: pointer; display: flex; align-items: center; gap: 6px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.bh-dugme span { font-size: 13px; font-weight: 700; }
.bh-secici { position: absolute; top: calc(var(--ust) + 118px); left: 10px; right: 10px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; background: rgba(17, 31, 64, 0.9); border-radius: 16px; padding: 8px; max-width: 620px; margin: 0 auto; }
.bh-secici[hidden] { display: none; }
.bh-secici button { border: 0; border-radius: 12px; background: rgba(255, 255, 255, 0.08); color: #fff; padding: 8px 4px; font: inherit; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 22px; }
.bh-secici button span { font-size: 11px; line-height: 1.15; text-align: center; }
.bh-secici button[aria-current] { background: var(--altin); color: var(--lacivert-koyu); }
.bh-alt { position: absolute; left: 10px; right: 10px; bottom: calc(var(--dock) + var(--alt) + 14px); display: flex; justify-content: center; pointer-events: none; }
.bh-alt > * { pointer-events: auto; width: 100%; max-width: 560px; }
.bh-ozet { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: center; background: rgba(255, 255, 255, 0.94); border-radius: 16px; padding: 8px 12px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2); font-size: 14px; }
.bh-ozet > span { flex: 1 1 160px; }
.bh-kart { background: #fff; border-radius: 18px; padding: 10px 12px 12px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28); max-height: 46vh; overflow: auto; }
.bh-kart header { display: flex; align-items: center; gap: 10px; }
.bh-kart header > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.bh-kart header small { color: var(--soluk); }
.bh-kart .bh-ks { font-size: 30px; }
.bh-kart .kapat, .bh-hedef .kapat { border: 0; background: var(--cizgi); width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 15px; flex: none; }
.bh-kart > p { margin: 6px 0 4px; }
.bh-bar { height: 8px; border-radius: 8px; background: var(--cizgi); overflow: hidden; }
.bh-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--yesil), #7AD35A); border-radius: 8px; }
.bh-eylemler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.bh-eylemler .dugme small { opacity: 0.75; font-weight: 600; margin-left: 4px; }
.bh-balik { display: flex; flex-direction: column; gap: 6px; }
.bh-uyari { margin: 0; background: rgba(224, 73, 60, 0.92); color: #fff; border-radius: 12px; padding: 6px 10px; font-size: 13px; }
.bh-arac { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; }
.bh-cip, .bh-deniz { border: 0; border-radius: 999px; background: rgba(17, 31, 64, 0.82); color: #fff; padding: 6px 12px; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; }
.bh-cip.acik { background: #13723E; box-shadow: 0 0 0 2px #3CE07A inset; }
.bh-deniz select { background: transparent; color: #fff; border: 0; font: inherit; font-weight: 700; cursor: pointer; }
.bh-deniz select option { color: var(--metin); }
.bh-hedef { display: flex; align-items: center; gap: 8px; background: #fff; border-radius: 16px; padding: 8px 10px; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22); }
.bh-hedef > div { flex: 1; min-width: 0; display: flex; flex-direction: column; font-size: 13px; }
.bh-hedef .dugme, .bh-eylemler .dugme, .bh-ozet .dugme, .bh-bos .dugme { width: auto; flex: none; margin: 0; }
.bh-hedef small { color: var(--soluk); }
.bh-hedef small.uyari { color: var(--kirmizi); font-weight: 700; }
.bh-tekneler { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; }
.bh-tekne { flex: 0 0 auto; border: 0; border-radius: 14px; background: rgba(255, 255, 255, 0.94); padding: 6px 10px; font: inherit; cursor: pointer; display: grid; grid-template-columns: auto 1fr; column-gap: 6px; text-align: start; min-width: 150px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18); }
.bh-tekne span { grid-row: span 2; font-size: 24px; align-self: center; }
.bh-tekne b { font-size: 13px; white-space: nowrap; }
.bh-tekne small { font-size: 11px; color: var(--soluk); white-space: nowrap; }
.bh-tekne.secili { background: var(--altin); }
.bh-tekne.mesgul small { color: #B06A00; }
.bh-bos { background: rgba(255, 255, 255, 0.95); border-radius: 16px; padding: 10px 12px; display: flex; flex-direction: column; gap: 4px; align-items: flex-start; width: 100%; font-size: 14px; }
.bh-bos small { color: var(--soluk); }
.bh-ipucu { margin: 0; text-align: center; font-size: 13px; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); }
.bh-tk.kilitli { opacity: 0.7; }
.bh-tk h3 small { float: right; color: var(--yesil-koyu); }
.bt-satir { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--cizgi); font-size: 14px; }
.bt-satir:last-child { border-bottom: 0; }
.bt-satir .dugme { width: auto; flex: none; }

.bolge-serit { display: flex; align-items: center; gap: 6px; overflow-x: auto; padding: 2px 0 10px; scrollbar-width: none; }
.bolge-serit > span { flex: none; font-weight: 700; font-size: 13px; color: var(--soluk); }
.bolge-cip { flex: none; position: relative; display: inline-flex; align-items: center; gap: 4px; padding: 6px 10px; border-radius: 999px; background: var(--krem); color: var(--lacivert-koyu); text-decoration: none; font-size: 15px; box-shadow: inset 0 0 0 1px var(--cizgi); }
.bolge-cip span { font-size: 12px; font-weight: 700; }
.bolge-cip em { font-style: normal; background: var(--lacivert); color: #fff; border-radius: 999px; font-size: 11px; padding: 0 6px; }
.tesis-bolge { margin-inline-start: auto; text-decoration: none; font-size: 20px; padding: 4px; border-radius: 10px; background: var(--krem); }
.bolge-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; margin-bottom: 10px; }
.bolge-kutu { position: relative; border: 0; border-radius: 16px; padding: 14px 8px; cursor: pointer; color: #fff; font: inherit; display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.bolge-kutu .bk-simge { font-size: 34px; }
.bolge-kutu small { opacity: 0.85; }
.bolge-kutu em { position: absolute; top: 6px; right: 8px; font-style: normal; background: var(--yesil); border-radius: 999px; padding: 0 7px; font-size: 12px; }
.bolge-kutu.b-tarim { background: linear-gradient(160deg, #B89A3A, #6E5A1E); }
.bolge-kutu.b-ciftlik { background: linear-gradient(160deg, #6A9A4A, #2E5222); }
.bolge-kutu.b-liman { background: linear-gradient(160deg, #3A86B8, #163E66); }
.bolge-kutu.b-sahil { background: linear-gradient(160deg, #3AB4D0, #1A6A84); }
.bolge-kutu.b-osb { background: linear-gradient(160deg, #78828E, #353B46); }
.bolge-kutu.b-maden { background: linear-gradient(160deg, #A8805A, #4E3420); }
.bolge-kutu.b-orman { background: linear-gradient(160deg, #3E7A46, #163A1C); }
.bolge-kutu.b-enerji { background: linear-gradient(160deg, #D8A83A, #7A5A12); }
@media (min-width: 900px) {
  .bh-alt { left: auto; right: 16px; width: 440px; }
}
@media (max-width: 560px) {
  .bh-dugme span { display: none; }
  .bh-dugme { padding: 7px 10px; }
  .bh-arac { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; scrollbar-width: none; }
  .bh-cip, .bh-deniz { flex: none; }
}

/* ---------- 0.51: şehirler arası yolculuk, taşınma, gizli test hesabı ---------- */
.yol-secenekler { display: grid; gap: 8px; margin: 10px 0; }
.yol-secenek { display: grid; grid-template-columns: 44px 1fr auto; gap: 10px; align-items: center; width: 100%; border: 0; background: #fff; border-radius: 16px; padding: 10px 12px; font: inherit; color: var(--metin); text-align: start; cursor: pointer; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); transition: transform .12s; }
.yol-secenek:not(:disabled):hover { transform: translateY(-1px); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.yol-secenek:not(:disabled):active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.yol-secenek.kapali { opacity: .55; cursor: default; background: #F6F4EE; }
.yol-simge { font-size: 30px; line-height: 1; text-align: center; }
.yol-yazi { min-width: 0; } .yol-yazi b { display: block; font-size: 15px; } .yol-yazi b small { font-weight: 600; color: var(--soluk); font-size: 12px; }
.yol-yazi > small { display: block; font-size: 12px; color: var(--soluk); line-height: 1.25; overflow: hidden; text-overflow: ellipsis; }
.yol-sag { text-align: end; white-space: nowrap; } .yol-sag b { display: block; color: var(--yesil-koyu); } .yol-sag small { font-size: 12px; color: var(--soluk); }
#yolculuk-serit { position: fixed; z-index: 40; left: 50%; top: calc(var(--ust) + 12px); width: min(560px, calc(100% - 20px)); transform: translate(-50%, -30px); opacity: 0; transition: transform .35s cubic-bezier(.2,.9,.3,1.2), opacity .3s;
  padding: 10px 12px 12px; border-radius: 18px; background: rgba(17, 31, 64, .94); color: #fff; backdrop-filter: blur(8px); box-shadow: 0 10px 26px rgba(0, 0, 0, .35); pointer-events: auto; }
#yolculuk-serit.acik { transform: translate(-50%, 0); opacity: 1; }
#yolculuk-serit .ys-ust { display: flex; align-items: center; gap: 10px; }
#yolculuk-serit .ys-simge { font-size: 28px; animation: ysSalla 1.2s ease-in-out infinite; }
@keyframes ysSalla { 50% { transform: translateY(-3px) rotate(-4deg); } }
#yolculuk-serit .ys-yazi { flex: 1; min-width: 0; } #yolculuk-serit .ys-yazi b { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#yolculuk-serit .ys-yazi small { display: block; font-size: 12px; opacity: .8; }
#yolculuk-serit .dugme { width: auto; flex: none; margin: 0; }
#yolculuk-serit .ys-cubuk { height: 6px; border-radius: 6px; background: rgba(255, 255, 255, .18); margin-top: 9px; overflow: hidden; }
#yolculuk-serit .ys-cubuk i { display: block; height: 100%; width: 0; border-radius: 6px; background: linear-gradient(90deg, var(--altin), #4ADE80); }
#yolculuk-serit .ys-saat { display: flex; justify-content: space-between; gap: 8px; font-size: 11.5px; opacity: .85; margin-top: 5px; }
body.yolculukta #harita-hud, body.yolculukta .dock, body.yolculukta #topla-yeri, body.yolculukta #ziyaret-serit { opacity: .2; pointer-events: none; transition: opacity .3s; }
.tas-giris { display: flex; gap: 12px; align-items: flex-start; } .tas-simge { font-size: 34px; line-height: 1; }
.tas-adres { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); /* 0.71.1: 4 alan 2×2 */ gap: 8px; margin: 8px 0; }
.tas-adres label { display: grid; gap: 4px; font-size: 13px; font-weight: 700; color: var(--soluk); }
.tas-adres select { width: 100%; font: inherit; font-size: 14px; padding: 8px 10px; border-radius: 12px; border: 2px solid var(--cizgi); background: #fff; color: var(--metin); }
.tas-ogeler { display: grid; gap: 6px; margin-bottom: 8px; }
/* 0.99.11: taşınan dükkânın yeni yeri */
.tas-yer { display: flex; align-items: center; gap: 8px; margin: -2px 0 2px 46px; font-size: 13px; }
.tas-yer select { flex: 1; min-width: 0; min-height: 36px; border-radius: 10px; border: 1.5px solid #E3DCCB; background: #fff; padding: 4px 8px; font: inherit; }
.tas-oge { display: grid; grid-template-columns: auto 30px 1fr; gap: 8px; align-items: center; background: #fff; border-radius: 12px; padding: 8px 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); cursor: pointer; }
.tas-oge input { width: 20px; height: 20px; accent-color: var(--yesil); } .tas-oge-simge { font-size: 22px; text-align: center; }
.tas-oge-yazi { min-width: 0; } .tas-oge-yazi b { display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tas-oge-yazi small { display: block; font-size: 12px; color: var(--soluk); }
.tas-oge.engel { opacity: .65; cursor: default; background: #F7F5F0; }
.tas-hesap .ev-gider .tas-alt { font-size: 12px; font-weight: 800; color: var(--soluk); text-transform: uppercase; letter-spacing: .03em; border: 0; padding-top: 8px; }
.tas-hesap .ev-gider b.iade { color: var(--yesil-koyu); }
.tas-hesap .dugme[data-tasin] { margin-top: 10px; }
[data-tas-hesap].yukleniyor { opacity: .55; transition: opacity .2s; pointer-events: none; }
.test-rozet { display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: .04em; padding: 1px 6px; border-radius: 8px; background: #7C3AED; color: #fff; vertical-align: 2px; }

/* ---------- 0.53: Pazar kategorileri ve Tesislerim bölgeleri: kaydırmalı şerit yerine sarılan karo ızgara ---------- */
.cipler.izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); gap: 6px; overflow: visible; transform: none; }
.cipler.izgara .cip { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 58px; border-radius: 14px; padding: 7px 4px; font-size: 12px; line-height: 1.15; text-align: center; white-space: normal; overflow-wrap: anywhere; }
.cipler.izgara .cip .ci-simge { font-size: 20px; line-height: 1; }
.bolge-serit { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; overflow: visible; padding: 2px 0 10px; }
.bolge-serit > span { grid-column: 1 / -1; }
.bolge-cip { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 58px; padding: 7px 4px; border-radius: 14px; text-align: center; }
.bolge-cip b { font-size: 20px; line-height: 1; font-weight: 400; }
.bolge-cip span { font-size: 11.5px; line-height: 1.15; overflow-wrap: anywhere; }
.bolge-cip em { position: absolute; top: 4px; right: 4px; }

/* 0.54: bölgeden açılan yatırım listesi başlığı */
.yatirim-bolge { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px; margin-bottom: 8px; border-radius: 14px; background: var(--krem); box-shadow: inset 0 0 0 1px var(--cizgi); }
.yatirim-bolge > span { flex: 1; min-width: 0; }
.yatirim-bolge .metin-dugme { white-space: nowrap; width: auto; flex: none; margin: 0; }

/* ---------- 0.55: Olaylar (vakalar): gelen olay kartı, telefon, ilk yardım, mezat, mahalle projesi, itibar ---------- */
.vaka-dugme.caliyor, #banka-dugme.caliyor { animation: vaka-cal 1.1s ease-in-out infinite; background: var(--kirmizi); }
@keyframes vaka-cal { 0%, 100% { transform: rotate(0); } 10% { transform: rotate(-14deg); } 20% { transform: rotate(14deg); } 30% { transform: rotate(-10deg); } 40% { transform: rotate(8deg); } 50% { transform: rotate(0); } }
.vaka-kart {
  position: fixed; z-index: 75; left: 50%; top: calc(var(--ust) + 12px); transform: translateX(-50%); width: min(420px, calc(100vw - 24px));
  background: #fff; color: var(--metin); border-radius: 22px; padding: 14px 16px; box-shadow: 0 18px 40px rgba(8, 16, 34, 0.35);
  animation: vaka-gir .35s cubic-bezier(.2, .9, .3, 1.2);
}
.vaka-kart.acil { box-shadow: 0 0 0 3px var(--kirmizi), 0 18px 40px rgba(8, 16, 34, 0.35); }
@keyframes vaka-gir { from { transform: translate(-50%, -30px); opacity: 0; } to { transform: translate(-50%, 0); opacity: 1; } }
.vaka-kart p { margin: 8px 0 10px; font-size: 14px; line-height: 1.35; }
.vk-ust { display: flex; align-items: center; gap: 10px; }
.vk-ust b { display: block; font-size: 17px; line-height: 1.15; }
.vk-ust small { color: var(--kirmizi); font-weight: 700; }
.vk-simge { font-size: 30px; line-height: 1; flex: none; }
.vk-sure { margin-inline-start: auto; font-style: normal; font-weight: 800; color: var(--kirmizi); font-variant-numeric: tabular-nums; }
.vk-dugmeler { display: flex; gap: 8px; flex-wrap: wrap; }
.vk-dugmeler .dugme { flex: 1 1 auto; width: auto; min-width: 90px; white-space: nowrap; padding-left: 12px; padding-right: 12px; }
.vaka-perde { position: fixed; inset: 0; z-index: 80; background: rgba(8, 16, 34, 0.55); display: grid; place-items: center; padding: 16px; }
.telefon { width: min(300px, 100%); background: #111826; color: #fff; border-radius: 34px; padding: 22px 20px 18px; box-shadow: 0 20px 50px rgba(0, 0, 0, .5); }
.tf-ekran { text-align: center; margin-bottom: 14px; min-height: 86px; }
.tf-ekran small { color: #FFB4AA; font-weight: 700; }
.tf-ekran output { display: block; font-size: 34px; font-weight: 800; letter-spacing: 3px; margin: 6px 0 2px; font-variant-numeric: tabular-nums; }
.tf-ekran em { font-style: normal; color: #9AA6BE; font-variant-numeric: tabular-nums; }
.tf-ekran output.mesaj { font-size: 22px; letter-spacing: 0; line-height: 1.3; }
.tf-ipucu { margin: -6px 0 12px; text-align: center; font-size: 13px; color: #FFD58A; font-weight: 700; }
.tf-tuslar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; justify-items: center; }
.tf-tuslar button { width: 64px; height: 64px; border-radius: 50%; border: 0; background: #2A3348; color: #fff; font-size: 26px; font-weight: 700; cursor: pointer; }
.tf-tuslar button:active { background: #44506B; }
.tf-alt { display: flex; justify-content: space-between; align-items: center; margin-top: 14px; }
.tf-alt button { width: 56px; height: 56px; border-radius: 50%; border: 0; font-size: 22px; cursor: pointer; background: #2A3348; color: #fff; }
.tf-alt .tf-ara { width: 70px; height: 70px; background: var(--yesil); font-size: 28px; }
.tf-alt .tf-ara:disabled { opacity: .5; }
.ilk-yardim, .vaka-sonuc { width: min(360px, 100%); background: #fff; color: var(--metin); border-radius: 24px; padding: 20px; text-align: center; box-shadow: 0 20px 50px rgba(0, 0, 0, .35); }
.ilk-yardim h3, .vaka-sonuc h3 { margin: 6px 0; }
.iy-kalp { width: 130px; height: 130px; border-radius: 50%; border: 0; background: #FFE3E0; font-size: 64px; margin: 10px auto; display: block; cursor: pointer; touch-action: manipulation; user-select: none; }
.iy-kalp.vur { animation: iy-vur .3s ease-out; }
.iy-kalp.basildi { transform: scale(.9); background: #FFC9C2; }
@keyframes iy-vur { 0% { box-shadow: 0 0 0 0 rgba(224, 73, 60, .6); } 100% { box-shadow: 0 0 0 22px rgba(224, 73, 60, 0); } }
.iy-olcer { position: relative; height: 12px; border-radius: 6px; margin: 8px 6px 18px; background: linear-gradient(90deg, #E0493C 0 25%, #E8A23A 25% 33%, #1FA25A 33% 50%, #E8A23A 50% 58%, #E0493C 58% 100%); }
.iy-olcer i { position: absolute; top: -4px; width: 4px; height: 20px; background: var(--lacivert); border-radius: 2px; left: 0; transition: left .2s; }
.iy-olcer span { position: absolute; top: 14px; font-size: 11px; color: var(--soluk); }
.iy-olcer span:nth-of-type(1) { left: 33%; transform: translateX(-50%); }
.iy-olcer span:nth-of-type(2) { left: 50%; transform: translateX(-50%); }
.iy-alt { display: flex; align-items: baseline; justify-content: center; gap: 6px; margin-bottom: 10px; }
.iy-alt b { font-size: 28px; }
.iy-alt b.iyi { color: var(--yesil); } .iy-alt b.orta { color: #D99A00; } .iy-alt b.kotu { color: var(--kirmizi); }
.iy-alt em { font-style: normal; margin-left: 10px; color: var(--soluk); font-weight: 700; }
.vaka-sonuc .vk-simge { font-size: 46px; }
.vs-odul { background: var(--krem); border-radius: 14px; padding: 10px; margin: 10px 0 14px; font-weight: 700; line-height: 1.6; }
.vaka-satir { display: flex; gap: 12px; align-items: flex-start; }
.vaka-satir.vt-yangin, .vaka-satir.vt-hirsiz, .vaka-satir.vt-kriz { box-shadow: inset 4px 0 0 var(--kirmizi); }
.vaka-satir .vk-dugmeler { margin-top: 8px; }
.vaka-satir .vk-dugmeler .dugme { flex: none; }
.vaka-gecmis { list-style: none; margin: 0; padding: 0; }
.vaka-gecmis li { display: flex; justify-content: space-between; gap: 10px; padding: 7px 0; border-top: 1px solid var(--cizgi); font-size: 14px; }
.vaka-gecmis li:first-child { border-top: 0; }
.vaka-gecmis li small { display: block; color: var(--soluk); font-size: 12px; }
.vaka-gecmis li b { white-space: nowrap; }
.mezat-lot.benim { box-shadow: inset 0 0 0 2px var(--yesil); }
.mezat-lot.gecildi { box-shadow: inset 0 0 0 2px var(--kirmizi); }
.ml-ust { display: flex; gap: 10px; align-items: center; }
.ml-sure { font-style: normal; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ml-sure.son { color: var(--kirmizi); }
.ml-teklif { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 10px; }
.ml-teklif small { display: block; color: var(--soluk); }
.ml-dugmeler { display: flex; gap: 6px; flex-shrink: 0; } /* 0.99.11 */
.syl-yeni-esnaf { display: flex; align-items: center; gap: 12px; background: linear-gradient(135deg, #FFF6D6, #FFE7B0); border: 1.5px solid #F1C35A; }
.syl-yeni-esnaf > span { font-size: 28px; }
.syl-yeni-esnaf small { display: block; margin-top: 2px; line-height: 1.4; }
.ml-teklif .dugme { width: auto; flex: none; }
.proje-kart .pk-ust { display: flex; gap: 12px; align-items: center; }
.pk-simge { font-size: 40px; }
.pk-ust b { font-size: 18px; display: block; }
.pk-ust small { color: var(--soluk); }
.pk-cubuk { height: 14px; border-radius: 7px; background: var(--cizgi); overflow: hidden; margin: 12px 0 6px; }
.pk-cubuk i { display: block; height: 100%; background: linear-gradient(90deg, var(--yesil), #5CCB86); border-radius: 7px; }
.pk-rakam { margin: 0 0 6px; } .pk-rakam span { float: right; font-weight: 800; color: var(--yesil-koyu); }
.pk-bagis { display: flex; gap: 8px; } .pk-bagis .dugme { flex: 1; width: auto; }
.proje-tamam { background: #E8F7EE; font-weight: 700; }
.itibar-kart .ik-ust { display: flex; align-items: baseline; gap: 6px; }
.ik-ust b { font-size: 40px; line-height: 1; }
.ik-ust em { margin-inline-start: auto; font-style: normal; color: #fff; border-radius: 999px; padding: 2px 10px; font-weight: 700; font-size: 13px; }
.ik-cubuk { height: 10px; border-radius: 5px; background: var(--cizgi); overflow: hidden; margin: 10px 0; }
.ik-cubuk i { display: block; height: 100%; }
.ik-etki { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; font-size: 13px; }
.ik-etki li { background: var(--krem); border-radius: 10px; padding: 6px 8px; text-align: center; }
.guvenlik-liste { list-style: none; margin: 0; padding: 0; }
.guvenlik-liste li { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 0; border-top: 1px solid var(--cizgi); flex-wrap: wrap; }
.guvenlik-liste li > span:last-child { display: flex; gap: 6px; }
.guvenlik-liste .dugme { width: auto; }
.guvenlik-liste em.var { font-style: normal; background: #E8F7EE; color: var(--yesil-koyu); border-radius: 999px; padding: 4px 10px; font-weight: 700; }
@media (max-width: 420px) { .ik-etki { grid-template-columns: 1fr; } .tf-tuslar button { width: 58px; height: 58px; } }

/* =====================================================================================================
   0.55.1: Panel tasarımı — sabit boylu pencere, tabela başlık, çekmece sekmeler, sade kartlar
   ===================================================================================================== */
.panel {
  --pk-kagit: #FBF4E2; --pk-cizgi: #ECE0C3; --pk-golge: #E2D3AE; --pk-ray: #EFE4C8;
  background: var(--pk-kagit);
}
/* menü pencereleri (rotalı) sabit boylu; açılır küçük pencereler (ödül, onay…) içeriği kadar */
.panel { height: min(820px, calc(100% - var(--ust) - 70px)); }
.panel.icerik-boyu { height: auto; }
#panel-katman.dock-acik .panel:not(.icerik-boyu) { height: min(820px, calc(100% - var(--ust) - 70px)); max-height: none; }
#panel-katman.dock-acik .panel { box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 18px 46px rgba(6, 14, 32, 0.38); }
/* başlık: koyu tabela, altında ince altın şerit */
.panel-ust {
  position: relative; gap: 12px; padding: 12px 12px 15px 14px;
  background: linear-gradient(180deg, #22407A 0%, var(--lacivert) 62%, #17294F 100%);
  box-shadow: none;
}
.panel-ust .buyuk-ikon {
  width: 50px; height: 50px; border-radius: 15px; display: grid; place-items: center; font-size: 28px;
  background: radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05));
  box-shadow: inset 0 0 0 2px rgba(255, 196, 46, 0.55), 0 3px 8px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.panel-ust .buyuk-ikon img { width: 100%; height: 100%; object-fit: cover; }
.panel-ust h2 { font-size: 21px; letter-spacing: -0.01em; line-height: 1.15; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.panel-ust .alt-baslik { font-size: 13.5px; opacity: 0.74; margin-top: 3px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.panel-ust .geri-dugme, .panel-ust .kapat { width: 38px; height: 38px; border-radius: 12px; }
.panel-ust .geri-dugme { background: rgba(255, 255, 255, 0.12); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); color: #fff; }
.panel-ust .geri-dugme:hover { background: rgba(255, 255, 255, 0.22); }
.panel-ust .geri-dugme:disabled, .panel-ust .geri-dugme:disabled:hover { background: rgba(0, 0, 0, 0.22); color: rgba(255, 255, 255, 0.28); box-shadow: none; }
.panel-ust .kapat { font-size: 19px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.panel-ust .kapat:hover { filter: brightness(1.08); }
/* gövde */
.panel-govde { padding: 14px 16px calc(20px + var(--alt)); scrollbar-width: thin; scrollbar-color: #D6C59C transparent; }
.panel-govde::-webkit-scrollbar { width: 10px; }
.panel-govde::-webkit-scrollbar-thumb { background: #D6C59C; border-radius: 10px; border: 3px solid var(--pk-kagit); }
.panel-govde::-webkit-scrollbar-track { background: transparent; }
/* sekmeler: tek parça çekmece rayı; gövde kayarken üstte sabit kalır */
.panel-govde .sekmeler { gap: 4px; padding: 4px; border-radius: 14px; background: var(--pk-ray); box-shadow: inset 0 1px 3px rgba(96, 72, 24, 0.18); margin-bottom: 14px; }
.panel-govde .sekmeler button {
  min-height: 40px; border-radius: 10px; padding: 4px 10px; background: transparent; box-shadow: none;
  color: #6F6450; font-size: 14.5px; font-weight: 800; line-height: 1.15; transition: background 0.12s, color 0.12s;
}
.panel-govde .sekmeler button:hover:not([aria-selected="true"]) { background: rgba(255, 255, 255, 0.6); color: var(--metin); }
.panel-govde .sekmeler button[aria-selected="true"] { background: var(--lacivert); color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 3px 8px rgba(17, 31, 64, 0.25); }
.panel-govde .sekmeler button:focus-visible { outline: 3px solid var(--mavi); outline-offset: 1px; }
.panel-govde > .sekmeler { position: sticky; top: -14px; z-index: 4; box-shadow: inset 0 1px 3px rgba(96, 72, 24, 0.18), 0 -14px 0 6px var(--pk-kagit), 0 6px 10px -6px rgba(96, 72, 24, 0.35); }
/* kartlar: beyaz kâğıt, ince kenar, kısa taban gölgesi */
.panel-govde .kart { border-radius: 16px; padding: 14px 16px; box-shadow: 0 0 0 1px var(--pk-cizgi), 0 1px 2px rgba(16, 24, 40, .08); }
.panel-govde .kart h3 { font-size: 17px; line-height: 1.25; }
.panel-govde .tezgah-satiri { box-shadow: 0 0 0 1px var(--pk-cizgi), 0 1px 2px rgba(16, 24, 40, .08); }
.panel-govde .tezgah-satiri:hover { box-shadow: 0 0 0 2px #E3CF9A, 0 1px 2px rgba(16, 24, 40, .08); }
.panel-govde .dugme { box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 6px 12px rgba(0, 0, 0, 0.12); }
.panel-govde .dugme:active { box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.panel-govde .dugme.kucuk { box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.panel-govde .dugme:focus-visible { outline: 3px solid var(--mavi); outline-offset: 2px; }
.panel-govde .alan input, .panel-govde .alan select, .panel-govde .alan textarea { border: 2px solid #E3D6B5; border-radius: 12px; background: #fff; }
.panel-govde .alan input:focus, .panel-govde .alan select:focus, .panel-govde .alan textarea:focus { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(59, 139, 235, 0.18); outline: none; }
.panel-govde .tablo td { border-bottom-color: #EBE1C8; }
.panel-govde h3:not(.kart h3) { letter-spacing: -0.01em; }
@media (max-width: 520px) {
  .panel-ust { padding: 10px 10px 13px 12px; gap: 10px; }
  .panel-ust .buyuk-ikon { width: 42px; height: 42px; border-radius: 13px; font-size: 24px; }
  .panel-ust h2 { font-size: 19px; }
  .panel-ust .alt-baslik { font-size: 12.5px; }
  .panel-ust .geri-dugme, .panel-ust .kapat { width: 34px; height: 34px; border-radius: 11px; }
  .panel-govde { padding: 12px 12px calc(18px + var(--alt)); }
  .panel-govde > .sekmeler { top: -12px; box-shadow: inset 0 1px 3px rgba(96, 72, 24, 0.18), 0 -12px 0 6px var(--pk-kagit), 0 6px 10px -6px rgba(96, 72, 24, 0.35); }
  .panel-govde .sekmeler button { font-size: 13.5px; padding: 4px 6px; }
  .panel-govde .kart { padding: 12px 13px; }
}
@media (prefers-reduced-motion: reduce) { .panel { animation: none; } }
/* tek satıra sığmayan sekme rayı: eşit sütunlu iki satırlık ızgara (sütun sayısını ana.js belirler) */
.panel-govde .sekmeler.cok-satir { display: grid; grid-template-columns: repeat(var(--sutun, 3), minmax(0, 1fr)); row-gap: 4px; overflow: visible; -webkit-mask-image: none; mask-image: none; padding-right: 4px; }
.panel-govde .sekmeler.cok-satir > button { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: none; }
@media (hover: none) {
  .panel-govde .sekmeler.kaydirmali, .panel-govde .sekmeler.kaydir { flex-wrap: nowrap; }
  .panel-govde .sekmeler.kaydirmali button, .panel-govde .sekmeler.kaydir button { flex: none; }
}
/* kart dışında kalan satır listeleri de kâğıt kart içinde dursun; bilgi kutucukları kartlarla aynı dilde */
.panel-govde .satirlar:not(.kart .satirlar, .kart.satirlar) { background: #fff; border-radius: 16px; padding: 2px 16px; margin-bottom: 12px; box-shadow: 0 0 0 1px var(--pk-cizgi), 0 1px 2px rgba(16, 24, 40, .08); }
.panel-govde .satirlar li { border-bottom: 1px solid #F0E7D2; }
.panel-govde .satirlar li:last-child { border-bottom: 0; }
.panel-govde .bilgi-izgara > div { border-radius: 14px; padding: 9px 13px; box-shadow: 0 0 0 1px var(--pk-cizgi), 0 1px 2px rgba(16, 24, 40, .08); }
.panel-govde .bilgi-izgara small { font-size: 12px; letter-spacing: 0.01em; }
.panel-govde .bilgi-izgara b { font-size: 18px; font-variant-numeric: tabular-nums; }
.panel-govde .bilgi-izgara > button { margin: 0; }
.panel-govde .vitrin-listesi, .panel-govde .varlik-listesi { gap: 10px; }
.panel-govde .vitrin-listesi > .kart, .panel-govde .varlik-listesi > .kart { margin-bottom: 0; }
.panel-govde .varlik-listesi .dugme-satiri { flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.panel-govde .varlik-listesi .dugme-satiri .dugme { flex: 1 1 auto; width: auto; white-space: nowrap; min-height: 40px; font-size: 14.5px; padding: 6px 12px; margin: 0; }
/* kartın içindeki bilgi kutucukları düz zeminli olur (kart içinde kart görünmez) */
.panel-govde .kart .bilgi-izgara > div { background: #F8F3E6; box-shadow: none; }
.kh-kademe .dugme { width: auto; flex: none; white-space: nowrap; margin: 0; padding: 6px 14px; }
.kh-kademe small { display: block; }
/* sekme yazısı tek satırda kalır; sığmazsa ray iki satıra bölünür (ana.js), yine sığmazsa üç nokta */
.panel-govde .sekmeler button { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
@media (max-width: 520px) { .panel-govde .sekmeler button { font-size: 13px; padding: 4px 5px; } }
.hisse-listesi { grid-template-columns: minmax(0, 1fr); }
.hisse-fiyat { flex: none; text-align: end; }
.panel-govde .hisse-listesi button { box-shadow: 0 0 0 1px var(--pk-cizgi), 0 1px 2px rgba(16, 24, 40, .08); }
/* ızgara listelerde uzun yazılı satırlar kutuyu taşırmasın */
.panel-govde ul[class$="-listesi"] { min-width: 0; }
.panel-govde ul[class$="-listesi"] > li { min-width: 0; }
/* yan yana dizilen düğmelerde alt alta boşluğu kaldır (yükseklikleri eşit kalsın) */
.pk-bagis .dugme + .dugme, .guvenlik-liste .dugme + .dugme, .vk-dugmeler .dugme + .dugme, .dugme-satiri .dugme + .dugme, .bilgi-izgara .dugme + .dugme, .ml-alt .dugme + .dugme { margin-top: 0; }
.guvenlik-liste li > span:last-child { align-items: center; }
/* dar ekranda iki satırlık raylarda yazı kesilmesin: düğme içinde iki satıra iner */
@media (max-width: 520px) {
  .panel-govde .sekmeler.cok-satir > button { white-space: normal; text-overflow: clip; line-height: 1.12; min-height: 42px; padding: 3px 4px; font-size: 12.5px; overflow-wrap: anywhere; hyphens: auto; }
}
@media (max-width: 560px) {
  .panel-govde .sekmeler:not(:has(> :nth-child(7))) > button { white-space: normal; text-overflow: clip; line-height: 1.12; padding: 3px 4px; font-size: 12.5px; }
}
.menu-oge { position: relative; }
.menu-oge > .rozet-sayi { position: absolute; top: 8px; right: 8px; bottom: auto; left: auto; height: auto; min-width: 22px; text-align: center; font-size: 12px; font-style: normal; padding: 2px 6px; background: #E0493C; } /* 0.57.4: üst ve alt birlikte verilince rozet dikey çubuğa dönüşüyordu */
.menu-oge > .rozet-sayi[hidden] { display: none; }
/* 0.56: sarılan çip satırı (kaymaz, hepsi görünür) — kamu ihaleleri türleri */
.cipler.sarili { flex-wrap: wrap; overflow: visible; -webkit-mask-image: none; mask-image: none; transform: none; }
.cipler.sarili .cip { flex: 1 1 auto; text-align: center; }
/* 0.56: arama kutusu (menü araması, İşlerim araması) */
.arama-kutu { position: relative; margin-bottom: 12px; }
.arama-alan { display: flex; align-items: center; gap: 8px; background: #fff; border-radius: 14px; padding: 0 12px; min-height: 46px; box-shadow: 0 0 0 1px var(--pk-cizgi, #ECE0C3), 0 1px 2px rgba(16, 24, 40, .08); }
.arama-alan:focus-within { box-shadow: 0 0 0 2px var(--mavi), 0 1px 2px rgba(16, 24, 40, .08); }
.arama-alan span { font-size: 17px; opacity: 0.65; }
.arama-alan input { flex: 1; min-width: 0; border: 0; outline: none; background: transparent; font-size: 16px; font-weight: 600; padding: 10px 0; color: var(--metin); }
.arama-alan input::-webkit-search-cancel-button { cursor: pointer; }
.arama-oneri { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 20; list-style: none; margin: 0; padding: 6px; background: #fff; border-radius: 14px; box-shadow: 0 0 0 1px #E3D6B5, 0 14px 32px rgba(17, 31, 64, 0.22); max-height: 320px; overflow-y: auto; }
.arama-oneri li { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; cursor: pointer; }
.arama-oneri li[aria-selected="true"], .arama-oneri li:hover { background: #F1F6FF; }
.arama-oneri .ao-simge { width: 34px; height: 34px; flex: none; display: grid; place-items: center; font-size: 20px; background: #F6F0E0; border-radius: 10px; }
.arama-oneri .ao-yazi { min-width: 0; display: grid; }
.arama-oneri .ao-yazi b { font-size: 15px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arama-oneri .ao-yazi small { color: var(--soluk); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arama-oneri .ao-bos { color: var(--soluk); cursor: default; justify-content: center; }
.odak-vurgu { animation: odakVurgu 2.4s ease-out; }
@keyframes odakVurgu { 0%, 30% { box-shadow: 0 0 0 3px var(--altin), 0 1px 2px rgba(16, 24, 40, .08); } 100% { box-shadow: 0 0 0 1px var(--pk-cizgi, #ECE0C3), 0 1px 2px rgba(16, 24, 40, .08); } }

/* 0.56: kamera paneli (🧭 düğmesinden açılır) */
.kamera-pad {
  position: fixed; z-index: 30; display: grid; grid-template-columns: repeat(3, 40px); grid-auto-rows: 40px; gap: 5px;
  padding: 8px; border-radius: 16px; background: rgba(17, 31, 64, 0.82);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 8px 24px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.08);
  pointer-events: auto;
}
.kamera-pad[hidden] { display: none; }
.kamera-pad button {
  border: 0; border-radius: 11px; background: rgba(255,255,255,.12); color: #fff; font-size: 20px; font-weight: 700;
  cursor: pointer; display: grid; place-items: center; touch-action: manipulation;
}
.kamera-pad button:hover { background: rgba(255,255,255,.22); }
.kamera-pad button:active { background: var(--altin, #E2A93B); color: #1B1300; transform: scale(.94); }
.kamera-pad button[data-kam=sifir] { font-size: 18px; background: rgba(226,169,59,.28); }
.kamera-pad button.pasif { visibility: hidden; }
#kus-dugme[aria-expanded=true] { box-shadow: 0 0 0 2px var(--altin, #E2A93B); }
@media (max-width: 560px) { .kamera-pad { grid-template-columns: repeat(3, 38px); grid-auto-rows: 38px; } }
/* 0.56.7: sıralamada servet dökümü */
.servet-dokum { margin-top: 10px; border-top: 1px dashed rgba(27, 47, 91, .16); padding-top: 8px; }
.servet-dokum > summary { cursor: pointer; font-weight: 700; font-size: 13.5px; color: var(--lacivert); list-style: none; display: flex; align-items: center; gap: 6px; }
.servet-dokum > summary::-webkit-details-marker { display: none; }
.servet-dokum > summary::after { content: '▾'; margin-inline-start: auto; transition: transform .2s; }
.servet-dokum[open] > summary::after { transform: rotate(180deg); }
.servet-kalemler { margin: 8px 0 6px; }
.servet-kalemler li { font-size: 13.5px; }
.servet-kalemler .servet-toplam { border-top: 2px solid rgba(27, 47, 91, .14); }
.sira-kart .servet-dokum { border-top-color: rgba(255, 255, 255, .22); }
.sira-kart .servet-dokum > summary { color: #FFD28A; }
.sira-kart .servet-kalemler .servet-toplam { border-top-color: rgba(255, 255, 255, .35); }
.sira-kart .servet-dokum .eksi { color: #FF9C92; }
.sira-kart .servet-dokum .soluk { color: rgba(255, 255, 255, .72); }
/* 0.56.9: jenerik açılışı: "Bu senin hikâyen" imzası Ç'nin çengelinin yanından K'nin sonuna, logoyla aynı eğimde */
.jenerik-acilis-logo { position: relative; display: inline-block; font-size: clamp(36px, min(15vw, calc(var(--jenerik-yukseklik, 640px) * .22)), 108px); }
.jenerik-acilis-logo .jenerik-logo.acilis-logo { font-size: 1em; }
.jenerik-akis .jenerik-imza { position: absolute; left: 21%; right: 3%; bottom: .06em; z-index: 1; pointer-events: none; text-align: center; white-space: nowrap;
  font-family: 'Kaushan Script', 'Brush Script MT', cursive; font-weight: 400; font-size: max(12px, .2em); line-height: 1; letter-spacing: .01em; color: #FFF6DC;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .18), 0 0 10px rgba(255, 79, 139, .65), 0 0 2px #1A0B3B; transform: rotate(-5deg) skewX(-8deg); }
.jenerik-giris { margin-bottom: var(--jenerik-giris-alt, 90px); }
/* 0.56.9: açılışta logo ve alt yazı 3 saniye sabit durur, sonra yazılar akmaya başlar (videodaki gibi) */
.jenerik-akis { animation-delay: 3s; }
/* 0.57.0: tanıtım akıcılığı: başlık kartı kendi katmanında (GPU) kayar; gölge filtresi bir kez çizilip katmanla birlikte taşınır.
   0.57.1: başlık yazısı degradeyle boyanır (renk saydam); text-shadow saydam harflerin arkasından görünüp yazıyı siyah yapıyordu, filtre gölgesine dönüldü */
#sinema.gx .gx-kart { will-change: transform, opacity; backface-visibility: hidden; }
#sinema.gx .gx-film video, #sinema.gx .gx-video { transform: translateZ(0); }
/* 0.57.4: oyun içi bildirimler sağ altta, alt menünün hemen üstünde: oyun alanının ortasını kapatmaz, telefonda
   başparmağın altında kalır, yana kaydırınca kapanır. En yeni bildirim en altta. */
#oyun-bildirimleri { left: auto; right: max(10px, var(--safe-area-inset-right, env(safe-area-inset-right, 0px))); transform: none; top: auto; translate: none;
  bottom: calc(var(--dock) + var(--alt) + 16px); width: min(340px, calc(100% - 20px)); max-height: 62vh; overflow: visible;
  justify-content: flex-end; align-items: stretch; }
.oyun-bildirim { touch-action: pan-y; }
.oyun-bildirim.gidiyor { transform: translateX(24px); }
@keyframes bildirimGel { from { opacity: 0; transform: translateX(24px) scale(0.97); } }
/* toplama düğmesi (alt ortada) görünürken bildirimler onun üstünde durur */
body:has(.topla-hepsi:not([hidden])) #oyun-bildirimleri { bottom: calc(var(--dock) + var(--alt) + 76px); }
@media (max-width: 759px) { body:has(.topla-hepsi:not([hidden])) #oyun-bildirimleri { bottom: calc(var(--dock) + var(--alt) + 108px); } }
.ob-hepsi { pointer-events: auto; align-self: flex-end; border: 0; border-radius: 999px; padding: 5px 12px; font: 700 12.5px/1.2 inherit;
  background: rgba(17, 31, 64, 0.88); color: #FFD28A; box-shadow: 0 3px 10px rgba(0, 0, 0, .25); cursor: pointer; }
@media (max-width: 759px) {
  #oyun-bildirimleri { width: min(320px, calc(100% - 20px)); gap: 6px; }
  .oyun-bildirim { padding: 8px 36px 8px 10px; font-size: 12.5px; border-radius: 14px; backdrop-filter: none; -webkit-backdrop-filter: none; background: rgba(17, 31, 64, 0.95); }
  .oyun-bildirim b { font-size: 13.5px; }
  .ob-ikon { font-size: 22px; }
  .ob-kapat { width: 24px; height: 24px; top: 5px; right: 5px; font-size: 12px; }
}
.kredi-eylem { display: flex; gap: 8px; flex-wrap: wrap; }
.kredi-eylem .dugme { flex: 1 1 140px; margin: 0; }

/* 0.57.7: güneş / ay düğmesi ve koyu balon teması */
.tema-dugme { margin-inline-start: auto; display: flex; align-items: center; gap: 2px; padding: 3px; border: 0; border-radius: 999px; background: var(--lacivert); box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 6px 12px rgba(0, 0, 0, 0.25); cursor: pointer; }
.tema-dugme span { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-size: 15px; opacity: 0.45; transition: background .2s, opacity .2s; }
.tema-dugme[data-secili="acik"] span[data-tema="acik"], .tema-dugme[data-secili="koyu"] span[data-tema="koyu"] { opacity: 1; background: rgba(255, 255, 255, 0.18); }
.tema-dugme + .para-cip { margin-left: 0; }
/* 0.68.0: üst çubukta her zaman görünen Mağaza düğmesi (dar ekranda yalnızca simge) */
.magaza-cip { display: flex; align-items: center; gap: 5px; padding: 0 13px 0 9px; height: 40px; border-radius: 999px; text-decoration: none; color: #fff; font-weight: 800; font-size: 14px; white-space: nowrap;
  background: #22A35A; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 6px 12px rgba(0, 0, 0, 0.25); flex: none; } /* 0.68.1: yeşil, tek renk */
.magaza-cip span { font-size: 19px; line-height: 1; }
.magaza-cip:active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.tema-dugme + .magaza-cip + .para-cip { margin-left: 0; }
@media (max-width: 520px) { .magaza-cip { width: 40px; padding: 0; justify-content: center; } .magaza-cip b { display: none; } }
body.ic-modu .magaza-cip, body.surus-modu .magaza-cip { display: none; }
@media (max-width: 520px) {
  .tema-dugme { padding: 2px; }
  .tema-dugme span { width: 30px; height: 30px; }
  .tema-dugme[data-secili="acik"] span[data-tema="koyu"], .tema-dugme[data-secili="koyu"] span[data-tema="acik"], .tema-dugme:not([data-secili]) span[data-tema="koyu"] { display: none; }
}
body.koyu-tema .balon { background: #16233F; color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 4px 10px rgba(0, 0, 0, 0.3); }
body.koyu-tema .balon::after { border-top-color: #16233F; }
body.koyu-tema .balon .halka svg circle:first-child { stroke: rgba(255, 255, 255, 0.18); }
body.koyu-tema .balon .halka svg circle:last-child { stroke: #3DD68C; }
body.koyu-tema .balon .cirak { color: #9CC4FF; }
body.koyu-tema .balon.kilit, body.koyu-tema .balon.baskasi { background: rgba(22, 35, 63, 0.88); color: #C9D3EA; }
body.koyu-tema .balon.kilit::after, body.koyu-tema .balon.baskasi::after { border-top-color: rgba(22, 35, 63, 0.88); }
body.koyu-tema .balon.bos { background: var(--lacivert); }
body.koyu-tema .balon.bos::after { border-top-color: var(--lacivert); }
body.koyu-tema .balon.satin { background: var(--yesil); }
body.koyu-tema .balon.satin::after { border-top-color: var(--yesil); }
body.koyu-tema .balon.kiralik { background: #D0021B; }
body.koyu-tema .balon.kiralik::after { border-top-color: #D0021B; }
body.koyu-tema .balon.benim { background: var(--altin); color: var(--lacivert-koyu); }
body.koyu-tema .balon.benim::after { border-top-color: var(--altin); }
body.koyu-tema .siparis { background: #16233F; color: #fff; }
body.koyu-tema .olay-balon { background: #16233F; color: #fff; }
body.koyu-tema .olay-balon::after { border-top-color: #16233F; }
body.koyu-tema .olay-balon.iyi { background: #123A27; color: #8FF0B8; }
body.koyu-tema .olay-balon.iyi::after { border-top-color: #123A27; }
body.koyu-tema .olay-balon.kotu { background: #4A1714; color: #FFB3AC; }
body.koyu-tema .olay-balon.kotu::after { border-top-color: #4A1714; }
body.koyu-tema .olay-balon.uyari { background: #4A3608; color: #FFE08A; }
body.koyu-tema .olay-balon.uyari::after { border-top-color: #4A3608; }
body.koyu-tema .olay-balon.nota { background: transparent; }
body.koyu-tema .sokak-cip { background: rgba(17, 31, 64, 0.82); color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
body.koyu-tema .sokak-cip small { color: #B8C3DD; }

/* 0.57.13: kiralama ekranında sektör arama ve filtre */
.tur-bos .baglanti-dugme { border: 0; background: none; padding: 4px 2px; font: inherit; font-size: 13px; font-weight: 800; color: var(--mavi-koyu); text-decoration: underline; cursor: pointer; }
/* 0.57.14: kiralama filtresi yeni tasarım: beyaz kart, arama, kayan kategori şeridi (oklu), işaret kutulu seçenekler, sıralama */
.tur-filtre { --kd-zemin: #fff; background: #fff; border-radius: 18px; padding: 12px; margin: 0 0 14px; box-shadow: 0 0 0 1px var(--pk-cizgi, #ECE0C3), 0 1px 2px rgba(16, 24, 40, .08); }
.tur-filtre .tf-ara { margin-bottom: 10px; min-height: 44px; background: var(--pk-kagit, #FBF4E2); box-shadow: inset 0 0 0 1px var(--pk-cizgi, #ECE0C3); }
.tur-filtre .tf-ara:focus-within { box-shadow: inset 0 0 0 2px var(--mavi); background: #fff; }
.tf-ara-simge { width: 20px; height: 20px; flex: none; fill: none; stroke: var(--soluk); stroke-width: 2.4; stroke-linecap: round; }
.tur-filtre .tf-ara input { font-size: 15.5px; }
.tur-filtre .tf-ara input::-webkit-search-cancel-button { display: none; -webkit-appearance: none; }
.tf-sil { flex: none; width: 26px; height: 26px; border: 0; border-radius: 50%; display: grid; place-items: center; background: rgba(27, 47, 91, 0.09); color: var(--soluk); font-size: 12px; font-weight: 800; cursor: pointer; }
.tf-sil:hover { background: rgba(27, 47, 91, 0.16); color: var(--metin); }
.tf-sil[hidden] { display: none; }
.tur-filtre .kaydirici { margin-bottom: 10px; }
.tf-katlar .cip { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; font-size: 13.5px; background: var(--pk-kagit, #FBF4E2); box-shadow: inset 0 0 0 1px var(--pk-cizgi, #ECE0C3); transition: background .15s, color .15s; }
.tf-katlar .cip:hover { background: #F3E8CC; }
.tf-katlar .cip-sayi { margin: 0; padding: 1px 7px; border-radius: 999px; font-size: 11px; font-weight: 800; background: rgba(27, 47, 91, 0.08); color: var(--soluk); }
.tf-katlar .cip.secili { background: var(--lacivert); color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.tf-katlar .cip.secili .cip-sayi { background: rgba(255, 255, 255, 0.2); color: #fff; }
.tf-anahtarlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 6px; margin-bottom: 10px; }
.tf-anahtar { display: flex; align-items: center; gap: 8px; min-height: 40px; border: 0; border-radius: 12px; padding: 7px 10px; background: var(--pk-kagit, #FBF4E2); box-shadow: inset 0 0 0 1px var(--pk-cizgi, #ECE0C3); font: inherit; font-weight: 700; font-size: 13.5px; line-height: 1.15; color: var(--metin); text-align: start; cursor: pointer; transition: background .15s, box-shadow .15s; }
.tf-anahtar:hover { background: #F3E8CC; }
.tf-kutu { position: relative; flex: none; width: 18px; height: 18px; border-radius: 6px; background: #fff; box-shadow: inset 0 0 0 2px #CDBF98; transition: background .15s; }
.tf-simge { font-size: 15px; line-height: 1; }
.tf-anahtar.secili { background: #E8F6EE; box-shadow: inset 0 0 0 1.5px var(--yesil); color: var(--yesil-koyu); }
.tf-anahtar.secili .tf-kutu { background: var(--yesil); box-shadow: none; }
.tf-anahtar.secili .tf-kutu::after { content: ''; position: absolute; left: 6px; top: 2.5px; width: 4.5px; height: 9px; border: solid #fff; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); }
.tur-filtre-sira { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; padding-top: 10px; border-top: 1px solid var(--pk-cizgi, #ECE0C3); }
.tf-sirala { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 800; color: var(--soluk); }
.tf-sirala select { -webkit-appearance: none; appearance: none; font: inherit; font-size: 13.5px; font-weight: 700; color: var(--metin); border: 0; border-radius: 10px; padding: 7px 30px 7px 11px; max-width: 58vw; cursor: pointer;
  background: var(--pk-kagit, #FBF4E2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%2366708A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 9px center / 14px; box-shadow: inset 0 0 0 1px var(--pk-cizgi, #ECE0C3); }
[dir="rtl"] .tf-sirala select { padding: 7px 11px 7px 30px; background-position: left 9px center; }
.tf-sonuc { font-size: 12.5px; font-weight: 800; color: var(--yesil-koyu); background: #E8F6EE; padding: 3px 10px; border-radius: 999px; }
.tf-sonuc:empty { display: none; }
.tf-temizle { margin-inline-start: auto; border: 0; border-radius: 9px; background: none; padding: 5px 8px; font: inherit; font-size: 13px; font-weight: 800; color: var(--kirmizi-koyu); cursor: pointer; }
.tf-temizle:hover { background: rgba(224, 73, 60, 0.1); }
.tf-temizle[hidden] { display: none; }

/* 0.57.14: kayan çip şeritleri: iki yanda ok düğmesi ve kenar gölgesi (oklar yalnızca fareli cihazlarda) */
.kaydirici { position: relative; margin-bottom: 8px; }
.kaydirici > .cipler { margin-bottom: 0; padding: 2px 1px 3px; }
.kaydirici::before, .kaydirici::after { content: ''; position: absolute; top: 0; bottom: 0; width: 46px; z-index: 1; pointer-events: none; transition: opacity .2s; }
.kaydirici::before { left: 0; background: linear-gradient(90deg, var(--kd-zemin, var(--pk-kagit, #FBF4E2)) 35%, transparent); }
.kaydirici::after { right: 0; background: linear-gradient(270deg, var(--kd-zemin, var(--pk-kagit, #FBF4E2)) 35%, transparent); }
.kaydirici.bas::before, .kaydirici.son::after { opacity: 0; }
[dir="rtl"] .kaydirici.bas::before, [dir="rtl"] .kaydirici.son::after { opacity: 1; }
[dir="rtl"] .kaydirici.bas::after, [dir="rtl"] .kaydirici.son::before { opacity: 0; }
.kd-ok { position: absolute; top: 50%; z-index: 2; width: 30px; height: 30px; margin-top: -15px; padding: 0; border: 0; border-radius: 50%; display: grid; place-items: center; background: #fff; color: var(--lacivert); cursor: pointer;
  box-shadow: 0 2px 8px rgba(17, 31, 64, 0.22), 0 0 0 1px var(--pk-cizgi, #ECE0C3); transition: opacity .2s, background .15s, transform .15s; }
.kd-ok svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.kd-ok.sol { left: -2px; } .kd-ok.sag { right: -2px; }
.kd-ok:hover { background: var(--altin); transform: scale(1.06); }
.kaydirici:not(.tasar) .kd-ok, .kaydirici.bas .kd-ok.sol, .kaydirici.son .kd-ok.sag { opacity: 0; pointer-events: none; }
[dir="rtl"] .kaydirici.tasar .kd-ok.sol, [dir="rtl"] .kaydirici.tasar .kd-ok.sag { opacity: 1; pointer-events: auto; }
[dir="rtl"] .kaydirici.son .kd-ok.sol, [dir="rtl"] .kaydirici.bas .kd-ok.sag { opacity: 0; pointer-events: none; }
@media (hover: none) { .kd-ok { display: none; } }
.kart .kaydirici, .kart.kaydirici { --kd-zemin: #fff; }

/* 0.57.14: Görünüm seç (sokak seçimi) */
.gs-ozet { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 12px; }
.gs-ozet > div { background: #fff; border-radius: 14px; padding: 9px 12px; box-shadow: 0 0 0 1px var(--pk-cizgi, #ECE0C3), 0 1px 2px rgba(16, 24, 40, .08); display: grid; gap: 1px; }
.gs-ozet small { font-size: 11.5px; font-weight: 700; color: var(--soluk); }
.gs-ozet b { font-size: 20px; font-weight: 800; color: var(--metin); font-variant-numeric: tabular-nums; }
.gs-liste { display: grid; gap: 8px; }
.gs-kart { display: flex; align-items: center; gap: 12px; width: 100%; border: 0; border-radius: 16px; padding: 12px 14px; background: #fff; color: var(--metin); font: inherit; text-align: start; cursor: pointer;
  box-shadow: 0 0 0 1px var(--pk-cizgi, #ECE0C3), 0 1px 2px rgba(16, 24, 40, .08); transition: box-shadow .15s, transform .1s, background .15s; }
.gs-kart:hover { box-shadow: 0 0 0 2px #E3CF9A, 0 1px 2px rgba(16, 24, 40, .08); }
.gs-kart:active { transform: scale(.97); }
.gs-kart.secili { background: #FFF6D8; box-shadow: 0 0 0 2px var(--altin), 0 1px 2px rgba(16, 24, 40, .08); }
.gs-simge { flex: none; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 24px; background: var(--pk-kagit, #FBF4E2); box-shadow: inset 0 0 0 1px var(--pk-cizgi, #ECE0C3); }
.gs-kart.secili .gs-simge { background: var(--altin); box-shadow: none; }
.gs-govde { flex: 1; min-width: 0; display: grid; gap: 6px; }
.gs-ust { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; }
.gs-ust b { font-size: 16.5px; font-weight: 800; }
.gs-burada { font-size: 11.5px; font-weight: 800; color: var(--lacivert-koyu); background: var(--altin); border-radius: 999px; padding: 2px 9px; }
.gs-olcu { display: flex; flex-wrap: wrap; gap: 5px; }
.gs-hap { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 700; color: var(--soluk); background: var(--pk-kagit, #FBF4E2); border-radius: 999px; padding: 3px 9px; white-space: nowrap; }
.gs-hap i { font-style: normal; font-size: 12px; }
.gs-hap.kiralik { color: var(--yesil-koyu); background: #E8F6EE; }
.gs-hap.yok { opacity: .8; }
.gs-hap.benim { color: #8A5A00; background: #FFF0C2; }
.gs-ok { flex: none; font-size: 26px; line-height: 1; color: #C2B48C; font-weight: 700; }
[dir="rtl"] .gs-ok { transform: scaleX(-1); }
.gs-not { margin: 12px 4px 0; }
@media (max-width: 420px) { .gs-ozet b { font-size: 18px; } .gs-simge { width: 40px; height: 40px; font-size: 21px; } }
.gs-kiralik { display: grid; gap: 6px; margin-bottom: 4px; }
.gs-kr { display: flex; align-items: stretch; gap: 6px; }
.gs-kr-git { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; border: 0; border-radius: 14px; padding: 9px 12px; background: #fff; color: var(--metin); font: inherit; text-align: start; cursor: pointer; box-shadow: 0 0 0 1px var(--pk-cizgi, #ECE0C3), 0 1px 2px rgba(16, 24, 40, .08); }
.gs-kr-git:hover { box-shadow: 0 0 0 2px #E3CF9A, 0 1px 2px rgba(16, 24, 40, .08); }
.gs-kr-no { flex: none; min-width: 40px; height: 34px; padding: 0 6px; border-radius: 10px; display: grid; place-items: center; background: #D0021B; color: #fff; font-weight: 800; font-size: 15px; font-variant-numeric: tabular-nums; }
.gs-kr-bilgi { flex: 1; min-width: 0; display: grid; }
.gs-kr-bilgi b { font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gs-kr-bilgi small { font-size: 12px; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gs-kr-yer { flex: none; font-size: 11.5px; font-weight: 800; border-radius: 999px; padding: 3px 9px; }
.gs-kr-yer.on { background: #E8F6EE; color: var(--yesil-koyu); }
.gs-kr-yer.arka { background: #FFF0C2; color: #8A5A00; }
.gs-kr-incele { flex: none; border: 0; border-radius: 14px; padding: 0 14px; background: var(--lacivert); color: #fff; font: inherit; font-weight: 800; font-size: 13.5px; cursor: pointer; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.gs-kr-incele:hover { background: var(--lacivert-acik); }
@media (max-width: 400px) { .gs-kr-yer { display: none; } }
.tur-secimi small.tur-eslesme { color: var(--mavi-koyu); font-weight: 700; }
.tur-bos { text-align: center; }
.tur-bos p { margin: 4px 0 10px; font-weight: 700; }
.tur-bos-dugmeler { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; }
/* 0.57.13: kasanın vadesiz hesaba otomatik geçeceği süre */
.kasa-kart .kasa-aktarim { display: block; margin-top: 2px; font-size: 12px; font-weight: 700; color: var(--soluk); line-height: 1.3; }

/* 0.57.13: ikinci el pazarı */
.ie-giris { background: #FFF8E6; }
.ie-kurallar { margin-top: 6px; }
.ie-kurallar summary { cursor: pointer; font-weight: 800; color: var(--mavi-koyu); }
.ie-kurallar .kural-listesi { margin: 6px 0 0; }
.ie-fiyat { font-size: 17px; }
.ie-oran { display: inline-block; margin-top: 2px; font-size: 11.5px; font-weight: 800; padding: 2px 7px; border-radius: 999px; white-space: nowrap; }
.ie-oran.ucuz { background: #E3F6EA; color: var(--yesil-koyu); }
.ie-oran.pahali { background: #FDECEA; color: var(--kirmizi-koyu); }
.ie-oran.esit { background: #EEF2F7; color: var(--soluk); }
.ie-not { margin: 8px 0 0; padding: 7px 10px; border-radius: 10px; background: #F7F1E2; font-size: 13px; font-style: italic; overflow-wrap: anywhere; }
.ie-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; margin-top: 8px; }
.panel-govde .varlik-listesi .ie-alt .dugme-satiri { margin-top: 0; margin-inline-start: auto; }
.ie-rozet { display: inline-block; font-size: 12px; font-weight: 800; padding: 5px 10px; border-radius: 999px; background: #FFF0C2; color: #7A5600; }
.ie-rozet.mavi { background: #E4F0FD; color: var(--mavi-koyu); }
.ie-ilan .baglanti-dugme, .ie-ilan .baglanti-dugme:visited { border: 0; background: none; padding: 0; font: inherit; font-weight: 700; color: var(--mavi-koyu); cursor: pointer; }
.ie-ilan.benim { box-shadow: 0 0 0 2px #F3D27A inset; }
.ie-teklifler { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 6px; }
.ie-teklif { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; padding: 8px 10px; border-radius: 12px; background: #F6F8FB; }
.panel-govde .varlik-listesi .ie-teklif .dugme-satiri { margin-top: 0; }
.ie-teklif-tutar { font-size: 16px; font-weight: 800; }
.ie-bos { margin: 8px 0 0; }
.ie-sayac { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; margin-left: 4px; border-radius: 999px; background: var(--kirmizi); color: #fff; font-size: 12px; vertical-align: 2px; }
.ie-sayac.mavi { background: var(--mavi); }
.ie-durum { margin: 8px 0 4px; font-weight: 700; font-size: 14px; }
.ie-teklifim.kapali { opacity: 0.72; }
.ie-filtre .cipler { margin-bottom: 8px; }
.ie-filtre-alt { display: flex; gap: 8px; align-items: center; margin-bottom: 10px; }
.ie-filtre-alt .arama-alan { flex: 1; min-width: 0; min-height: 42px; }
.ie-filtre-alt select { flex: none; max-width: 38%; font: inherit; font-size: 14px; font-weight: 700; border: 0; border-radius: 12px; padding: 10px 8px; background: #fff; box-shadow: 0 0 0 1px var(--pk-cizgi, #ECE0C3); color: var(--metin); }
.ie-form .ie-hizli { margin: -4px 0 8px; }
.ie-form .ie-hizli .cip { font-size: 12.5px; padding: 7px 10px; background: #fff; box-shadow: 0 0 0 1px var(--pk-cizgi, #ECE0C3); }
.ie-ozet { min-height: 1.3em; }
.ie-ilanda { background: #FFF0C2; }














/* ---------- 0.61.1: giriş / kayıt ekranı ("kapı") ----------
   Gece çarşısı: sinematik şehir sahnesinin önünde tenteli bir dükkân kartı.
   Tek cesur öğe tente; geri kalan sakin. Kart koyu ve dolgun (okunurluk), ana düğme oyunun altın sikke rengi. */
.kapi {
  --k-gece: #140A2E; --k-kart: rgba(24, 12, 50, 0.9); --k-cizgi: rgba(255, 255, 255, 0.16);
  --k-yazi: #fff; --k-soluk: rgba(255, 255, 255, 0.68); --k-neon: #35F2FF; --k-altin: #FFC42E; --k-altin-koyu: #C98F00;
  --k-tente-a: #E63946; --k-tente-b: #FFF4DC; --k-hata: #FF7A85; --k-tamam: #5BE39A;
  --k-bosluk: clamp(16px, 4vw, 56px);
  position: fixed; inset: 0; z-index: 2; overflow-y: auto; overscroll-behavior: contain;
  display: grid; grid-template-columns: minmax(0, 1fr); grid-auto-rows: max-content; align-content: start; justify-items: center;
  gap: 18px; padding: calc(var(--ust) + 12px) 16px calc(var(--alt) + 24px);
  color: var(--k-yazi); font-family: var(--yazi); scrollbar-width: none;
}
.kapi::-webkit-scrollbar { display: none; }
.kapi a { color: var(--k-neon); }

/* üst şerit: dil seçimi her zaman sağ üstte, kartta yer kaplamaz */
.kapi-ust { width: 100%; max-width: 1240px; display: flex; justify-content: flex-end; }
.kapi-dil { width: auto; min-width: 150px; max-width: 60vw; }
.kapi-dil .alan { margin: 0; }
.kapi-dil .alan > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }

/* vitrin: logo, slogan, kısa tanıtım ve çıraklıktan patronluğa yol */
.kapi-vitrin { width: 100%; max-width: 440px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.kapi-logo {
  margin: 0; padding: 0 0.12em 0.2em; /* Ç'nin çengeli de boyanır */
  font: 400 clamp(56px, 16vw, 84px)/1 Anton, Impact, 'Arial Black', sans-serif; text-transform: uppercase; letter-spacing: 0.01em; /* 0.99.0: PATRON */
  background: linear-gradient(180deg, #FFF3B0 0%, #FFB25E 48%, #FF4F8B 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
  -webkit-text-stroke: 3px #1A0B3B; paint-order: stroke fill;
  filter: drop-shadow(5px 6px 0 #1A0B3B) drop-shadow(0 0 28px rgba(255, 79, 139, 0.5));
  transform: rotate(-5deg) skewX(-8deg); pointer-events: none;
}
.kapi-slogan {
  margin: -0.15em 0 0; padding: 5px 14px 4px; background: #1A0B3B; color: var(--k-neon);
  font: 400 clamp(15px, 4.4vw, 20px)/1.15 Anton, Impact, sans-serif; letter-spacing: 0.06em; text-transform: uppercase;
  transform: rotate(-5deg) skewX(-8deg); box-shadow: 4px 4px 0 #FF4FB3; text-shadow: 0 0 10px rgba(53, 242, 255, 0.75);
}
.kapi-ozet { display: none; }
.kapi-yol, .kapi-guven { display: none; }

/* kart */
.kapi-kart {
  position: relative; width: 100%; max-width: 420px; border-radius: 22px; overflow: hidden;
  background: var(--k-kart); border: 1px solid var(--k-cizgi);
  box-shadow: 0 24px 64px rgba(8, 2, 22, 0.6);
  backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%);
  color-scheme: dark;
}
.kapi-tente {
  height: 30px; transform-origin: top;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.18), transparent 55%),
    repeating-linear-gradient(90deg, var(--k-tente-a) 0 28px, var(--k-tente-b) 28px 56px);
  -webkit-mask: linear-gradient(#000, #000) top / 100% 16px no-repeat, radial-gradient(circle at 50% 0, #000 13.6px, transparent 14px) bottom / 28px 14px repeat-x;
  mask: linear-gradient(#000, #000) top / 100% 16px no-repeat, radial-gradient(circle at 50% 0, #000 13.6px, transparent 14px) bottom / 28px 14px repeat-x;
}
/* tek açılış anı: kart yükselir, tente iner (yalnızca ilk çizimde; sekme değişince tekrar oynamaz) */
.kapi.ilk .kapi-kart { animation: kapiKart 0.5s 0.05s cubic-bezier(0.2, 0.8, 0.2, 1) both; }
.kapi.ilk .kapi-tente { animation: kapiTente 0.55s 0.2s cubic-bezier(0.3, 1.4, 0.4, 1) both; }
@keyframes kapiTente { from { transform: scaleY(0); } }
@keyframes kapiKart { from { opacity: 0; transform: translateY(14px); } }
.kapi-ic { padding: 10px 20px 18px; }

/* sekmeler */
.kapi-sekmeler { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; margin: 4px 0 16px; border-radius: 14px; background: rgba(0, 0, 0, 0.35); }
.kapi-sekmeler button {
  min-height: 42px; border: 0; border-radius: 11px; background: transparent; color: var(--k-soluk);
  font: 800 16px/1 var(--yazi); cursor: pointer; transition: background 0.15s, color 0.15s;
}
.kapi-sekmeler button:hover { color: #fff; }
.kapi-sekmeler button[aria-selected="true"] { background: var(--k-altin); color: #1A0B3B; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.kapi-geri { display: flex; align-items: center; gap: 10px; margin: 4px 0 14px; font: 800 18px/1.2 var(--yazi); }
.kapi-geri button {
  flex: none; width: 38px; height: 38px; border-radius: 11px; border: 1px solid var(--k-cizgi); background: rgba(255, 255, 255, 0.08);
  color: #fff; font-size: 22px; line-height: 1; cursor: pointer;
}

/* kayıt adımları (gerçek bir sıra: 1 → 2) */
.kapi-adimlar { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; padding: 0; list-style: none; font-size: 14px; font-weight: 700; color: var(--k-soluk); }
.kapi-adimlar li { display: inline-flex; align-items: center; gap: 6px; }
.kapi-adimlar li b { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid currentColor; font-size: 12px; }
.kapi-adimlar .cizgi { flex: 1; height: 2px; border-radius: 2px; background: var(--k-cizgi); }
.kapi-adimlar .simdi { color: #fff; }
.kapi-adimlar .simdi b { background: var(--k-altin); border-color: var(--k-altin); color: #1A0B3B; }
.kapi-adimlar .bitti b { background: var(--k-tamam); border-color: var(--k-tamam); color: #0B2A18; }
.kapi-adimlar .bitti + .cizgi { background: var(--k-tamam); }
.kapi-baslik { margin: 0 0 4px; font: 800 20px/1.25 var(--yazi); }
.kapi-not { margin: 0 0 14px; font-size: 14px; line-height: 1.45; color: var(--k-soluk); }

/* alanlar */
.kapi .alan { display: block; margin: 0 0 12px; }
.kapi .alan > span { display: block; margin: 0 0 5px; font-size: 14px; font-weight: 700; color: rgba(255, 255, 255, 0.86); }
.kapi .alan > span small { font-weight: 600; color: var(--k-soluk); }
.kapi .alan input, .kapi .alan select, .kapi .alan textarea, .kapi .sehir-ara {
  width: 100%; min-height: 50px; padding: 10px 14px; border-radius: 12px;
  border: 1.5px solid var(--k-cizgi); background: rgba(255, 255, 255, 0.07); color: #fff;
  font: 600 16px/1.3 var(--yazi); transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}
.kapi .alan textarea { min-height: 96px; resize: vertical; }
.kapi .alan input::placeholder, .kapi .sehir-ara::placeholder { color: rgba(255, 255, 255, 0.38); }
.kapi .alan input:focus, .kapi .alan select:focus, .kapi .alan textarea:focus, .kapi .sehir-ara:focus {
  outline: none; border-color: var(--k-neon); background: rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 3px rgba(53, 242, 255, 0.22);
}
.kapi .alan select:disabled { opacity: 0.55; }
.kapi .alan select option { background: #1C1238; color: #fff; }
.kapi .alan[data-durum="hata"] input { border-color: var(--k-hata); }
.kapi .alan[data-durum="tamam"] input { border-color: var(--k-tamam); }
.kapi-kutu { position: relative; display: block; }
.kapi-kutu input { padding-inline-end: 48px; }
.kapi-goz {
  position: absolute; inset-inline-end: 6px; top: 50%; transform: translateY(-50%);
  width: 38px; height: 38px; border: 0; border-radius: 9px; background: transparent; color: var(--k-soluk); cursor: pointer;
  display: grid; place-items: center;
}
.kapi-goz:hover { color: #fff; background: rgba(255, 255, 255, 0.08); }
.kapi-goz svg { width: 22px; height: 22px; }
.kapi-isaret { position: absolute; inset-inline-end: 14px; top: 50%; transform: translateY(-50%); font-weight: 900; pointer-events: none; }
.kapi .alan[data-durum="tamam"] .kapi-isaret { color: var(--k-tamam); }
.kapi .alan[data-durum="hata"] .kapi-isaret { color: var(--k-hata); }
.kapi-ipucu { display: block; min-height: 0; margin: 5px 2px 0; font-size: 13px; font-weight: 600; line-height: 1.35; color: var(--k-soluk); }
.kapi .alan[data-durum="hata"] .kapi-ipucu { color: var(--k-hata); }
.kapi .alan[data-durum="tamam"] .kapi-ipucu { color: var(--k-tamam); }
.kapi-satir { display: flex; justify-content: flex-end; margin: -4px 0 12px; font-size: 14px; font-weight: 700; }
.kapi-satir a { text-decoration: none; }
.kapi-satir a:hover { text-decoration: underline; }
.kapi-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; }
.kapi-iki:has(> label[hidden]) { grid-template-columns: 1fr; }
.kapi-iki .sehir-ara { grid-column: 1 / -1; margin: 0 0 12px; }
.kapi .uyari-kutu { padding: 8px 10px; color: #FFE7A3; }
.kapi-not:empty { display: none; }

/* doğrulama resmi */
.kapi .dogrulama { display: grid; grid-template-columns: auto auto 1fr; align-items: end; gap: 8px; margin: 2px 0 12px; }
.kapi .dogrulama-resim { width: 126px; height: 50px; border-radius: 12px; border: 0; background: #F3F6FC; display: block; object-fit: cover; }
.kapi .dogrulama-yenile {
  width: 42px; height: 50px; border-radius: 12px; border: 1.5px solid var(--k-cizgi); background: rgba(255, 255, 255, 0.07);
  color: #fff; font-size: 22px; cursor: pointer;
}
.kapi .dogrulama-alan { margin: 0; }
.kapi .dogrulama-alan > span { font-size: 13px; }
.kapi .dogrulama-alan input { letter-spacing: 0.3em; font-size: 20px; font-weight: 800; text-align: center; }

/* açılır davet kodu */
.kapi-acilir { margin: 0 0 12px; }
.kapi-acilir summary { cursor: pointer; font-size: 14px; font-weight: 700; color: var(--k-neon); list-style: none; }
.kapi-acilir summary::-webkit-details-marker { display: none; }
.kapi-acilir summary::before { content: "+ "; }
.kapi-acilir[open] summary::before { content: "− "; }
.kapi-acilir .alan { margin-top: 8px; }

/* fotoğraf (isteğe bağlı) */
.kapi .foto-sec { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; line-height: 1.35; font-size: 14px; }
.kapi .foto-dugme { width: 54px; height: 54px; font-size: 22px; border: 2px dashed rgba(255, 255, 255, 0.45); background: rgba(255, 255, 255, 0.07); }
.kapi .foto-dugme i { width: 22px; height: 22px; font-size: 14px; background: var(--k-altin); color: #1A0B3B; }

/* düğmeler */
.kapi-dugme, .kapi form .dugme[type=submit] {
  display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 54px; padding: 10px 16px;
  border: 0; border-radius: 14px; cursor: pointer; background: var(--k-altin); color: #1A0B3B;
  font: 800 18px/1.1 var(--yazi); box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 12px 28px rgba(255, 196, 46, 0.22);
  transition: transform 0.08s, box-shadow 0.08s, filter 0.15s;
}
.kapi-dugme:hover, .kapi form .dugme[type=submit]:hover { filter: brightness(1.05); }
.kapi-dugme:active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.kapi-dugme:disabled { cursor: progress; filter: saturate(0.4) brightness(0.85); }
.kapi-dugme.ikincil { background: rgba(255, 255, 255, 0.08); color: #fff; box-shadow: inset 0 0 0 1.5px var(--k-cizgi); }
.kapi .sosyal-girisler { margin: 0 0 4px; }
.kapi .sosyal-dugme { min-height: 50px; border-radius: 12px; }
.kapi .ya-da { color: var(--k-soluk); margin: 14px 0 12px; }
.kapi-onay { margin: 2px 0 12px; font-size: 13px; line-height: 1.45; color: var(--k-soluk); }
.kapi-onay a { font-weight: 700; text-decoration: none; }
.kapi-onay a:hover { text-decoration: underline; }

/* kartın altı: yardım ve yasal bağlantılar (ayraçsız; satır kırılınca yalnız kalan çizgi olmaz) */
.kapi-alt { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; margin: 16px -4px 0; padding-top: 14px; border-top: 1px solid var(--k-cizgi); font-size: 14px; font-weight: 700; }
.kapi-alt a { color: var(--k-soluk); text-decoration: none; }
.kapi-alt a:hover, .kapi-alt a:focus-visible { color: #fff; text-decoration: underline; }

/* telefonda yol ve güvenceler kartın altında */
.kapi-alt-vitrin { width: 100%; max-width: 420px; }
.kapi-alt-vitrin .kapi-yol { display: grid; }
.kapi-alt-vitrin .kapi-guven { display: flex; }

/* çıraklıktan patronluğa: gerçek bir sıra */
.kapi-yol {
  grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 0; padding: 14px 10px; list-style: none; position: relative;
  border-radius: 18px; background: rgba(20, 10, 46, 0.72); border: 1px solid var(--k-cizgi); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.kapi-yol::before { content: ""; position: absolute; top: 37px; left: 12.5%; right: 12.5%; border-top: 2px dashed rgba(255, 196, 46, 0.55); }
.kapi-yol li { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; }
.kapi-yol i {
  display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; font-style: normal; font-size: 24px;
  background: #22124A; border: 1.5px solid rgba(255, 196, 46, 0.6); box-shadow: 0 1px 2px rgba(16, 24, 40, .08);
}
.kapi-yol li:last-child i { background: var(--k-altin); border-color: var(--k-altin); }
.kapi-yol b { font-size: 14px; line-height: 1.15; }
.kapi-yol small { font-size: 12px; line-height: 1.3; color: var(--k-soluk); }
.kapi-guven { flex-wrap: wrap; justify-content: center; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.kapi-guven li {
  display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 12px; font-size: 14px; font-weight: 700;
  background: rgba(20, 10, 46, 0.66); border: 1px solid var(--k-cizgi);
}
.kapi-guven li span { font-size: 18px; }

/* geniş ekran: vitrin solda, kart sağda; kart ekrana sığar */
@media (min-width: 960px) {
  .kapi {
    grid-template-columns: minmax(0, 1fr) minmax(380px, 420px); grid-template-rows: auto 1fr; align-content: stretch; align-items: center;
    column-gap: clamp(32px, 5vw, 80px); row-gap: 0; padding: 20px var(--k-bosluk) 28px; justify-items: stretch;
    max-width: 1320px; margin: 0 auto;
  }
  .kapi-ust { grid-column: 1 / -1; max-width: none; }
  .kapi-vitrin { max-width: 600px; align-items: flex-start; text-align: start; justify-self: start; }
  .kapi-logo { font-size: clamp(84px, 8vw, 128px); margin-inline-start: -0.04em; }
  .kapi-slogan { font-size: clamp(20px, 1.9vw, 26px); margin-top: -0.1em; }
  .kapi-ozet { display: block; max-width: 520px; margin: 26px 0 22px; font-size: 19px; line-height: 1.5; font-weight: 600; text-shadow: 0 2px 12px rgba(10, 2, 25, 0.85); }
  .kapi-vitrin .kapi-yol { display: grid; width: 100%; max-width: 560px; }
  .kapi-vitrin .kapi-guven { display: flex; justify-content: flex-start; }
  .kapi-kart { align-self: center; max-height: calc(100dvh - 96px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255, 196, 46, 0.5) transparent; }
  .kapi-alt-vitrin { display: none; }
}
@media (min-width: 960px) and (max-height: 760px) {
  .kapi-logo { font-size: clamp(70px, 6.7vw, 104px); }
  .kapi-ozet { margin: 18px 0 14px; font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) { .kapi.ilk .kapi-kart, .kapi.ilk .kapi-tente { animation: none; } }

/* özel açılır seçim kutusu (ülke, dil) koyu kartta */
.kapi .secim-dugme { min-height: 50px; border: 1.5px solid var(--k-cizgi); background: rgba(255, 255, 255, 0.07); color: #fff; box-shadow: none; }
.kapi .secim-dugme:hover { border-color: rgba(255, 255, 255, 0.32); background: rgba(255, 255, 255, 0.1); }
.kapi .secim-dugme:focus-visible, .kapi .secim-dugme[aria-expanded=true] { outline: none; border-color: var(--k-neon); box-shadow: 0 0 0 3px rgba(53, 242, 255, 0.22); }
.kapi .secim-simge, .kapi .secim-ok { color: var(--k-soluk); }
.kapi-dil .dil-secici { margin: 0; gap: 0; }
.kapi-dil .dil-secici > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.kapi-dil .secim-dugme { min-height: 42px; padding: 6px 14px; gap: 8px; border-radius: 999px; background: rgba(20, 10, 46, 0.72); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.kapi-dil .secim-simge, .kapi-dil .secim-simge svg { width: 20px; height: 20px; }
.kapi-dil .secim-deger { font-weight: 700; font-size: 15px; }

@media (max-width: 480px) { .kapi-iki { grid-template-columns: 1fr; } }
[dir="rtl"] .kapi-eylem .ikincil, [dir="rtl"] .kapi-geri button { transform: scaleX(-1); }
.kapi-hata { color: var(--k-hata) !important; }
.kapi .dogrulama + .kapi-hata { margin: -6px 2px 12px; }
.kapi .dogrulama-alan[data-durum="hata"] input, .kapi .alan[data-durum="hata"] select { border-color: var(--k-hata); }
/* son adımda geri + ana düğme yan yana (kart kısa kalır) */
.kapi-eylem { display: flex; gap: 10px; }
.kapi-eylem .kapi-dugme { flex: 1; }
.kapi-eylem .kapi-dugme.ikincil { flex: none; width: 54px; padding: 0; font-size: 24px; }














/* 0.62.4: "Bu senin hikâyen" logonun altına yapışık dursun (Ç'nin çengelinin yanında); çengel payı yüzünden çok aşağıda kalıyordu */
.jenerik-akis .jenerik-imza { bottom: 20%; }

/* 0.58.0: kayıtta yabancı şehir araması */
.sehir-ara { display: block; width: 100%; min-height: 44px; margin: -4px 0 12px; padding: 8px 12px; border: 2px dashed #E6DDC6; border-radius: 12px; background: #fff; font-size: 15px; font-weight: 600; }
.sehir-ara:focus { border-style: solid; border-color: var(--mavi); outline: none; }

/* 0.60.0: vize ve pasaport */
.vize-kutu { display: flex; gap: 12px; align-items: flex-start; background: #EEF5FF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.vize-kutu.bekliyor { background: #FFF6D8; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.vize-kutu .vize-simge { font-size: 30px; line-height: 1; }
.vize-kutu b { display: block; }
.vize-kutu p { margin: 4px 0 8px; }
.vize-satir { margin: 6px 0; font-size: 14px; font-weight: 700; color: #7A5B00; }
.vize-satir.ok { color: var(--yesil-koyu); }
.vize-satir a { color: var(--mavi-koyu); font-weight: 800; white-space: nowrap; }
.vize-ret { color: var(--kirmizi-koyu); display: block; margin: 2px 0 6px; }
.vize-pasaport { display: flex; gap: 14px; align-items: center; background: linear-gradient(135deg, #1B2F5B, #2B4A86); color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.vize-pasaport .vize-defter { font-size: 40px; line-height: 1; }
.vize-pasaport small { display: block; opacity: .75; font-size: 12px; margin-top: 4px; }
.vize-pasaport b { display: block; font-size: 17px; }
.vize-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.vize-liste li { display: flex; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--cizgi); }
.vize-liste li:last-child { border-bottom: 0; }
.vize-bayrak { font-size: 26px; line-height: 1; }
.vize-yazi { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.vize-yazi small { color: var(--soluk); }
.vize-cip { font-size: 12px; font-weight: 800; border-radius: 999px; padding: 3px 9px; background: #EEF0F5; color: var(--soluk); white-space: nowrap; }
.vize-cip.ok { background: #DDF5E7; color: var(--yesil-koyu); }
.vize-cip.ret { background: #FDE3E0; color: var(--kirmizi-koyu); }
.vize-cip.bekliyor { background: #FFF1C9; color: #8A6400; }
/* 0.60.2: haftanın anlaşmaları */
.vize-hafta { display: flex; flex-direction: column; gap: 8px; }
.vize-hafta h3 { margin: 0; }
.vize-hafta p { margin: 0; }
.vize-anlasma { display: flex; gap: 10px; align-items: center; width: 100%; text-align: start; border: 2px solid #CDE6D6; background: #F1FAF4; border-radius: 12px; padding: 8px 10px; font: inherit; cursor: pointer; color: inherit; }
.vize-anlasma > span:first-child { font-size: 26px; line-height: 1; }
.vize-anlasma b { display: block; }
.vize-anlasma small { color: var(--yesil-koyu); font-weight: 700; }
.vize-indirim { color: var(--yesil-koyu); }
.tatil-kart .tk-vize { position: absolute; top: 6px; left: 6px; font-size: 11px; font-weight: 800; background: #2461AD; color: #fff; border-radius: 999px; padding: 2px 7px; }

/* 0.62.8: park etmiş arabanın etiketi: dokununca sür */
.olay-balon.arabam { pointer-events: auto; cursor: pointer; }
.olay-balon.arabam .sur-cip { margin-left: 4px; background: #F2B33D; color: #1B2F5B; border-radius: 9px; padding: 1px 7px; font-size: 11px; }
.kamera-pad button.kp-genis { grid-column: 1 / -1; font-size: 13px; background: rgba(226,169,59,.9); color: #1B1300; }

/* ===================== 0.62.8: Dükkânın içi (3B gezinti) ===================== */
#bolge-gecis.b-ic { background: radial-gradient(circle at 50% 35%, #A8743A, #2A1A0E 72%); }
body.ic-modu .alt-hud, body.ic-modu .dock, body.ic-modu #etiketler, body.ic-modu #topla-yeri, body.ic-modu #ipucu-yeri, body.ic-modu #oyun-davet, body.ic-modu .kamera-pad { display: none !important; }
#ic-hud { position: fixed; inset: 0; z-index: 6; pointer-events: none; user-select: none; -webkit-user-select: none; }
#ic-hud > * { pointer-events: auto; }
#ic-hud .ic-dokunma { position: absolute; inset: 0; touch-action: none; cursor: grab; }
#ic-hud .ic-dokunma:active { cursor: grabbing; }
.ic-ust { position: absolute; left: 10px; right: 10px; top: calc(var(--ust, 0px) + 66px); display: flex; gap: 8px; align-items: center; pointer-events: none; }
.ic-ust > * { pointer-events: auto; }
.ic-dugme { border: 0; border-radius: 14px; padding: 9px 13px; font: inherit; font-weight: 800; font-size: 14px; color: #fff; background: rgba(42, 26, 14, 0.82); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.25); white-space: nowrap; }
.ic-dugme:active { transform: scale(.96); }
.ic-baslik { flex: 1; min-width: 0; text-align: center; background: rgba(42, 26, 14, 0.82); color: #fff; border-radius: 14px; padding: 5px 12px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); display: flex; flex-direction: column; }
.ic-baslik b { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ic-baslik small { font-size: 12px; opacity: .8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ic-cipler { position: absolute; left: 10px; right: 10px; top: calc(var(--ust, 0px) + 124px); display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; pointer-events: none !important; }
.ic-cip { background: rgba(255,255,255,.92); color: #2A1A0E; border-radius: 999px; padding: 4px 10px; font-weight: 800; font-size: 12.5px; box-shadow: 0 2px 8px rgba(0,0,0,.18); }
.ic-cip.yesil { background: #DDF6E4; color: #155D2E; }
.ic-cip.kirmizi { background: #FBE0DE; color: #8A1C14; }
/* 0.63.5: girişe dön düğmesi (takılan oyuncu kapının önüne döner) */
.ic-cip.ic-giris { pointer-events: auto !important; border: 0; font: inherit; font-weight: 800; font-size: 12.5px; cursor: pointer; background: #2A1A0E; color: #FFE7B8; }
.ic-cip.ic-giris:active { transform: scale(.96); }
.ic-ipucu { position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); background: rgba(42, 26, 14, 0.78); color: #fff; padding: 7px 14px; border-radius: 12px; font-size: 13px; white-space: nowrap; pointer-events: none !important; }
.ic-cubuk { position: absolute; left: 22px; bottom: calc(26px + env(safe-area-inset-bottom, 0px)); width: 124px; height: 124px; border-radius: 50%; background: rgba(255,255,255,.16); border: 2px solid rgba(255,255,255,.45); touch-action: none; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.ic-cubuk i { position: absolute; left: 50%; top: 50%; width: 54px; height: 54px; margin: -27px 0 0 -27px; border-radius: 50%; background: rgba(255,255,255,.85); box-shadow: 0 3px 10px rgba(0,0,0,.3); transition: transform .08s; }
.ic-kos { position: absolute; left: 158px; bottom: calc(40px + env(safe-area-inset-bottom, 0px)); width: 52px; height: 52px; border-radius: 50%; border: 2px solid rgba(255,255,255,.5); background: rgba(42,26,14,.6); font-size: 24px; }
.ic-kos.acik { background: var(--altin, #E2A93B); }
.ic-kart { position: absolute; right: 12px; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); width: min(320px, calc(100% - 24px)); background: #FFF9F0; color: #2A1A0E; border-radius: 18px; padding: 14px 16px; box-shadow: 0 10px 30px rgba(0,0,0,.35); display: flex; flex-direction: column; gap: 7px; }
.ic-kart[hidden] { display: none; }
.ic-kart > b { font-size: 17px; padding-right: 28px; }
.ic-kart .ic-kapat { position: absolute; right: 10px; top: 10px; border: 0; background: rgba(0,0,0,.07); width: 30px; height: 30px; border-radius: 50%; cursor: pointer; font-size: 14px; }
.ic-satir { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; }
.ic-satir span { opacity: .75; }
.ic-cubukbar { height: 9px; border-radius: 9px; background: rgba(0,0,0,.1); overflow: hidden; }
.ic-cubukbar i { display: block; height: 100%; background: #3FA96B; border-radius: 9px; }
.ic-cubukbar.az i { background: #D9534F; }
.ic-uyari { margin: 0; font-size: 13px; color: #9A3A12; }
.ic-not { margin: 0; font-size: 13px; line-height: 1.4; opacity: .8; } /* 0.99.11 */
.ic-kart .dugme { margin-top: 4px; }
@media (pointer: coarse) { .ic-kart { bottom: calc(170px + env(safe-area-inset-bottom, 0px)); } }
.dugme.ic-gez { width: 100%; margin: 0 0 10px; }
/* 0.68.0: dükkân panelinde yarım boy "İçinde gez" ve yanında öne çıkan Mağaza düğmesi */
.ic-gez-satir { display: flex; gap: 8px; margin: 0 0 10px; }
.ic-gez-satir .dugme { flex: 1 1 0; width: auto; min-width: 0; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dugme.magaza-one { background: #22A35A; color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 4px; font-weight: 800; } /* 0.68.1: yeşil, tek renk */
.dugme.magaza-one:active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
/* 0.68.1: yanındaki "İçinde gez" sade (ikincil) dursun; öne çıkan tek renk Mağaza düğmesi olsun */
.ic-gez-satir .dugme.ic-gez { background: #EAF0FA; color: #1B2A4A; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.ic-gez-satir .dugme.ic-gez:active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }

/* ===================== 0.62.8: Araba sürme ===================== */
body.surus-modu .alt-hud, body.surus-modu .dock, body.surus-modu #etiketler, body.surus-modu #topla-yeri, body.surus-modu #ipucu-yeri, body.surus-modu #oyun-davet, body.surus-modu .kamera-pad { display: none !important; }
#surus-hud { position: fixed; inset: 0; z-index: 6; pointer-events: none; user-select: none; -webkit-user-select: none; }
#surus-hud::before { content: ""; position: absolute; inset: 0; pointer-events: auto; touch-action: none; }
#surus-hud > * { pointer-events: auto; position: absolute; }
.sr-ust { left: 10px; right: 10px; top: calc(var(--ust, 0px) + 66px); display: flex; gap: 8px; align-items: center; pointer-events: none !important; }
.sr-ust > * { pointer-events: auto; }
.sr-dugme { border: 0; border-radius: 14px; padding: 9px 13px; font: inherit; font-weight: 800; font-size: 14px; color: #fff; background: rgba(17, 31, 64, 0.84); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.25); white-space: nowrap; }
.sr-dugme.kare { padding: 9px 11px; font-size: 18px; }
.sr-ad { flex: 1; min-width: 0; text-align: center; color: #fff; background: rgba(17, 31, 64, 0.7); border-radius: 14px; padding: 8px 12px; font-weight: 800; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sr-not { left: 50%; transform: translateX(-50%); top: calc(var(--ust, 0px) + 116px); background: rgba(255,249,240,.95); color: #2A1A0E; border-radius: 12px; padding: 6px 12px; font-size: 13px; white-space: nowrap; box-shadow: 0 3px 10px rgba(0,0,0,.2); }
.sr-baglanti { border: 0; background: none; color: #B4561A; font: inherit; font-weight: 800; text-decoration: underline; cursor: pointer; padding: 0 0 0 4px; }
.sr-gosterge { left: 50%; transform: translateX(-50%); bottom: calc(20px + env(safe-area-inset-bottom, 0px)); width: 132px; height: 132px; border-radius: 50%;
  background: radial-gradient(circle at 50% 50%, rgba(10,16,32,.92) 58%, rgba(10,16,32,.7) 60%, rgba(10,16,32,.85));
  box-shadow: 0 6px 22px rgba(0,0,0,.4), inset 0 0 0 3px rgba(255,255,255,.12); pointer-events: none !important; color: #fff; }
.sr-gosterge::before { content: ""; position: absolute; inset: 10px; border-radius: 50%; background: conic-gradient(from -120deg, #3FC07A 0deg, #F2C230 160deg, #E5533D 240deg, transparent 240deg); -webkit-mask: radial-gradient(circle, transparent 62%, #000 63%); mask: radial-gradient(circle, transparent 62%, #000 63%); opacity: .85; }
.sr-ibre { position: absolute; left: 50%; top: 50%; width: 4px; height: 52px; margin-left: -2px; margin-top: -52px; background: #FF5A3C; border-radius: 3px; transform-origin: 50% 100%; transform: rotate(-120deg); transition: transform .12s linear; box-shadow: 0 0 6px rgba(255,90,60,.6); }
.sr-hiz { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-20%); display: flex; flex-direction: column; align-items: center; line-height: 1; }
.sr-hiz b { font-size: 30px; font-variant-numeric: tabular-nums; }
.sr-hiz small { font-size: 11px; opacity: .7; margin-top: 2px; }
.sr-vites { position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); font-weight: 900; font-size: 13px; color: #F2C230; }
/* 0.63.6: devir çubuğu, vites (D1…D6 / R / N), şehir içi hız sınırı levhası; sınır aşılınca hız kırmızı */
.sr-devir { position: absolute; left: 22%; right: 22%; bottom: 31px; height: 4px; border-radius: 3px; background: rgba(255,255,255,.18); overflow: hidden; }
.sr-devir i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, #3FC07A, #F2C230); border-radius: 3px; transition: width .08s linear; }
.sr-devir i.kirmizi { background: #E5533D; }
.sr-sinir { position: absolute; right: -10px; top: -6px; width: 34px; height: 34px; border-radius: 50%; background: #fff; border: 4px solid #D7261E; color: #111; display: grid; place-items: center; font-weight: 900; font-size: 13px; box-shadow: 0 2px 6px rgba(0,0,0,.35); }
.sr-hiz.asim b { color: #FF6B57; }
.sr-ipucu { left: 10px; bottom: 18px; max-width: calc(50% - 90px); background: rgba(17,31,64,.75); color: #fff; padding: 7px 12px; border-radius: 12px; font-size: 12.5px; pointer-events: none !important; }
.sr-sol { left: 14px; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); display: flex; gap: 10px; }
.sr-sag { right: 14px; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); display: flex; gap: 10px; align-items: flex-end; }
.sr-sol button, .sr-sag button { border: 2px solid rgba(255,255,255,.5); background: rgba(17,31,64,.62); color: #fff; font: inherit; font-weight: 900; touch-action: none; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); -webkit-touch-callout: none; }
.sr-sol button { width: 74px; height: 74px; border-radius: 50%; font-size: 26px; }
.sr-sag button.kucuk { width: 48px; height: 48px; border-radius: 50%; font-size: 20px; }
.sr-sag button.pedal { width: 66px; height: 96px; border-radius: 16px; font-size: 14px; }
.sr-sag button.gaz { height: 112px; background: rgba(40, 140, 80, .7); }
.sr-sag button.fren { background: rgba(170, 50, 40, .7); }
.sr-sol button.basili, .sr-sag button.basili { background: var(--altin, #E2A93B); color: #1B1300; transform: scale(.95); }
@media (pointer: coarse) { .sr-gosterge { bottom: auto; top: calc(var(--ust, 0px) + 112px); width: 104px; height: 104px; } .sr-ibre { height: 40px; margin-top: -40px; } .sr-hiz b { font-size: 24px; } .sr-devir { bottom: 25px; } .sr-sinir { width: 28px; height: 28px; font-size: 11px; border-width: 3px; } .sr-not { top: calc(var(--ust, 0px) + 222px); } }
@media (pointer: fine) { .sr-gosterge { left: auto; right: 24px; transform: none; bottom: 24px; } }

/* 0.64.0: Facebook Anlık Oyunlar: dış siteye giden düğmeler gizlenir (Facebook kuralı), paylaşım Facebook'un penceresiyle */
html.facebook .paylas-izgara .paylas:not(.facebook) { display: none; }
html.facebook .paylas-izgara { grid-template-columns: 1fr; }
html.facebook .bilgi-izgara > [data-eylem="kopyala"], html.facebook .bilgi-izgara > [data-eylem="indir"],
html.facebook .bilgi-izgara > [data-eylem="hikaye"], html.facebook .bilgi-izgara > [data-eylem="resim-paylas"],
html.facebook [data-eylem="cikis"], html.facebook a[href="yonetici"], html.facebook .sosyal-dugme { display: none !important; }
html.facebook .bilgi-izgara:not(:has(> :not([data-eylem="kopyala"]):not([data-eylem="indir"]):not([data-eylem="hikaye"]):not([data-eylem="resim-paylas"]))) { display: none; }

/* 0.65.0: web'de Xsolla ödeme penceresi (ödeme sayfası oyunun içinde, çerçevede) */
.xs-odeme { position: fixed; inset: 0; z-index: 10040; display: flex; align-items: center; justify-content: center; padding: calc(12px + var(--ust)) 12px calc(12px + var(--alt)); background: rgba(10, 18, 38, 0.62); backdrop-filter: blur(3px); }
.xs-kutu { width: min(560px, 100%); height: min(760px, 100%); display: flex; flex-direction: column; border-radius: 18px; overflow: hidden; background: #FFFFFF; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35); }
.xs-ust { display: flex; align-items: center; gap: 10px; padding: 10px 10px 10px 16px; background: var(--lacivert); color: #fff; }
.xs-baslik { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.xs-baslik b { font-size: 16px; }
.xs-baslik small { font-size: 13px; color: rgba(255, 255, 255, 0.78); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xs-kapat { flex: none; width: 40px; height: 40px; border: 0; border-radius: 12px; background: rgba(255, 255, 255, 0.12); color: #fff; font-size: 18px; cursor: pointer; }
.xs-kapat:hover { background: rgba(255, 255, 255, 0.22); }
.xs-kapat:focus-visible { outline: 3px solid var(--altin); outline-offset: 2px; }
.xs-test { padding: 6px 16px; background: var(--altin); color: var(--lacivert-koyu); font-size: 13px; font-weight: 700; }
.xs-cerceve { position: relative; flex: 1; min-height: 0; background: #FFFFFF; }
.xs-cerceve iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #FFFFFF; }
.xs-yukleniyor { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #66708A; font-size: 15px; }
.xs-odeme.yuklendi .xs-yukleniyor { display: none; }
.xs-basari { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 24px; text-align: center; background: #FFFFFF; color: var(--metin); }
.xs-basari b { font-size: 22px; }
.xs-basari span { color: var(--soluk); font-size: 15px; }
.xs-tik { width: 76px; height: 76px; margin-bottom: 6px; border-radius: 50%; display: grid; place-items: center; background: var(--yesil); color: #fff; font-size: 40px; font-weight: 800; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 12px 24px rgba(31, 162, 90, 0.35); animation: xsTik .45s cubic-bezier(.2, 1.4, .4, 1) both; }
@keyframes xsTik { from { transform: scale(.3); opacity: 0; } to { transform: scale(1); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .xs-tik { animation: none; } }
.xs-odeme.basarili .xs-sekme { display: none; }
.xs-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 12px; padding: 8px 16px; border-top: 1px solid #E3E6EE; background: #F7F8FB; color: #66708A; font-size: 12px; }
.xs-alt a { color: var(--mavi-koyu); font-weight: 700; white-space: nowrap; }
@media (max-width: 600px) { .xs-odeme { padding: 0; } .xs-kutu { width: 100%; height: 100%; border-radius: 0; } .xs-ust { padding-top: calc(10px + var(--ust)); } .xs-alt { padding-bottom: calc(8px + var(--alt)); } }

/* ==== 0.66.0: mağazanın yeni ürünleri ==== */
/* mağaza kartları */
.ek-bolum h3 { display: flex; align-items: center; gap: 6px; }
.ek-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(158px, 1fr)); gap: 10px; margin-top: 8px; }
.ek-urun { display: flex; flex-direction: column; min-width: 0; border-radius: 16px; overflow: hidden; background: #FFFDF8; border: 1.5px solid #EFE5CF; transition: box-shadow .2s, border-color .2s; }
.ek-urun.aktif { border-color: #22A35A; box-shadow: 0 0 0 2px rgba(34, 163, 90, .22); }
.ek-urun.haftanin { border-color: #E8B923; }
.ek-urun.vurgu { animation: ekVurgu 1.1s ease 2; }
@keyframes ekVurgu { 50% { box-shadow: 0 0 0 5px rgba(255, 196, 46, .75); } }
.ek-gorsel { position: relative; height: 88px; display: grid; place-items: center; background: linear-gradient(135deg, var(--r1, #F1F3F6), var(--r2, #D5DAE1)); overflow: hidden; }
.ek-gorsel::after { content: ""; position: absolute; inset: auto -20% -60% auto; width: 90px; height: 90px; border-radius: 50%; background: rgba(255, 255, 255, .28); pointer-events: none; }
.ek-simge { font-size: 46px; line-height: 1; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .18)); transform: translateY(2px); }
.ek-gorsel.kapak { background: #1B2F5B; }
.ek-gorsel.kapak .kapak-svg { width: 100%; height: 100%; display: block; }
.ek-gorsel.kapak::after, .ek-gorsel.unvan-ornek::after { display: none; }
.ek-gorsel.ck-ornek { display: flex; justify-content: center; align-items: center; gap: 2px; padding: 0 6px; }
.ek-gorsel.ck-ornek .cikartma:nth-child(2) { transform: rotate(5deg) translateY(-4px); }
.ek-gorsel.balon-ornek { padding: 0 12px; }
.ek-gorsel.balon-ornek .sy-balon { font-size: 13px; }
.ek-gorsel.balon-ornek .sy-metin { font-size: 13px; }
.ek-haftanin { position: absolute; top: 6px; left: 6px; z-index: 1; font: 800 10.5px var(--yazi); font-style: normal; padding: 2px 8px; border-radius: 999px; background: #FFC42E; color: #3D2A00; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.ek-dinle { position: absolute; right: 8px; bottom: 8px; z-index: 1; width: 32px; height: 32px; border-radius: 50%; border: 0; background: #1B2F5B; color: #fff; font-size: 13px; cursor: pointer; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.ek-dinle:active { transform: scale(.92); }
.ek-bilgi { display: grid; gap: 2px; padding: 9px 10px 6px; flex: 1; }
.ek-bilgi b { font-size: 14.5px; line-height: 1.2; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.ek-bilgi small { font-size: 12.5px; line-height: 1.3; color: var(--soluk); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ek-satir { display: flex; align-items: center; justify-content: space-between; gap: 6px; flex-wrap: wrap; padding: 0 10px 10px; }
.ek-satir .rozetcik { margin: 0; }
.ek-dugmeler { display: inline-flex; gap: 6px; margin-inline-start: auto; }
.ek-dugmeler .dugme { white-space: nowrap; padding-top: 7px; padding-bottom: 7px; }
.ek-satir .rozetcik:not(.iyi) { background: #EFEAE0; color: #5A4A30; }
.ek-ev-giris a.dugme { text-decoration: none; }
.ek-fiyat { font-size: 14px; font-variant-numeric: tabular-nums; }
.ek-fiyat s { color: var(--soluk); font-size: 12px; }
.ek-hediye { padding-left: 10px; padding-right: 10px; }
.ek-not { display: block; padding: 0 10px 10px; font-size: 12px; color: var(--soluk); }
.ek-not.iyi { color: var(--yesil-koyu); font-weight: 700; }
.ek-icerik { margin: 0 10px 8px; padding: 8px 10px 8px 26px; border-radius: 10px; background: rgba(127, 127, 127, .08); font-size: 12.5px; line-height: 1.5; }
.ek-icerik li.var { color: var(--soluk); }
.ek-icerik li.var small { color: var(--yesil-koyu); font-weight: 700; }
.ek-cesitler { display: flex; flex-wrap: wrap; gap: 7px; padding: 0 10px 9px; }
.ek-cesit { width: 28px; height: 28px; border-radius: 50%; border: 2.5px solid #fff; background: var(--renk); box-shadow: 0 0 0 1.5px rgba(0, 0, 0, .16); cursor: pointer; color: #fff; font: 900 12px var(--yazi); text-shadow: 0 1px 2px rgba(0, 0, 0, .5); padding: 0; }
.ek-cesit.secili { box-shadow: 0 0 0 3px #22A35A; }
.ek-cesit:disabled { cursor: default; }
.ek-eylem { display: grid; gap: 6px; padding: 0 10px; }
.ek-eylem .alan { margin: 0; }
.ek-eylem .ek-satir { padding: 2px 0 10px; }
.ek-eylem .bb-sureler { margin: 0; }
.ek-haftanin-serit { display: flex; align-items: center; gap: 12px; width: 100%; text-align: start; border: 0; cursor: pointer; font: inherit; color: #3D2A00; background: linear-gradient(100deg, #FFF3C4, #FFDD7A); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.ehs-simge { font-size: 34px; line-height: 1; }
.ehs-yazi { display: grid; flex: 1; min-width: 0; }
.ehs-yazi small { font-size: 12px; font-weight: 800; opacity: .8; }
.ehs-yazi b { font-size: 16px; }
.ehs-indirim { flex: none; font-weight: 900; font-size: 13px; padding: 4px 10px; border-radius: 999px; background: #E0493C; color: #fff; }
.ek-ev-giris { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ek-ev-giris > span { font-size: 36px; line-height: 1; }
.ek-ev-giris > div { flex: 1; min-width: 180px; display: grid; gap: 2px; }
.ek-ev-giris small { color: var(--soluk); font-size: 13px; }
.ek-evcil-satir { display: flex; align-items: flex-end; gap: 12px; }
.ek-evcil-simge { font-size: 46px; line-height: 1; }
.ek-evcil-ad { display: flex; align-items: flex-end; gap: 8px; flex: 1; flex-wrap: wrap; }
.ek-evcil-ad .alan { flex: 1; min-width: 140px; margin: 0; }
.ek-anahtar { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 14px; cursor: pointer; }
.ek-anahtar input { width: 20px; height: 20px; accent-color: #22A35A; }
/* 0.99.0: yaş beyanı: önce 18 altı / 18 ve üstü seçilir */
.yas-secim { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 12px; }
.yas-secenek { position: relative; display: flex; align-items: center; justify-content: center; min-height: 52px; padding: 8px 10px; border: 2px solid #E3DCCB; border-radius: 12px; background: #FFFDF7; font-weight: 700; font-size: 14px; text-align: center; cursor: pointer; transition: border-color .12s, background .12s; }
.yas-secenek input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.yas-secenek:has(input:checked) { border-color: #22A35A; background: #EAF8EF; }
.yas-secenek:has(input:focus-visible) { outline: 3px solid rgba(34, 163, 90, .35); outline-offset: 2px; }
.yas-secenek:has(input:disabled) { cursor: default; opacity: .75; }
.yas-secenek:has(input:disabled:checked) { opacity: 1; }
@media (max-width: 360px) { .yas-secim { grid-template-columns: 1fr; } }
.ek-arac { padding: 10px 0; border-top: 1px dashed #E3DCCB; }
.ek-arac:first-of-type { border-top: 0; }
.ek-arac-bas { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.ek-arac-bas span { font-size: 22px; }
.ek-arac-liste { display: grid; gap: 6px; }
.ek-arac-urun { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 12px; background: rgba(127, 127, 127, .07); }
.ek-arac-urun.var { background: rgba(34, 163, 90, .1); }
.eau-simge { font-size: 22px; width: 28px; text-align: center; }
.eau-ad { display: grid; min-width: 0; }
.eau-ad b { font-size: 13.5px; }
.eau-ad small { font-size: 12px; color: var(--soluk); }
.ek-arac-urun .ek-cesitler { padding: 0; gap: 5px; }
.ek-arac-urun .ek-cesit { width: 24px; height: 24px; }
@media (max-width: 420px) {
  .ek-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .ek-arac-urun { grid-template-columns: auto minmax(0, 1fr) auto; }
  .ek-arac-urun .ek-cesitler { grid-column: 2 / -1; grid-row: 2; }
  .ek-arac-urun > .dugme { grid-column: 3; grid-row: 1; }
}

/* unvan, adın yanındaki işaretler */
.unvan-cip { --u1: #F8DA7A; --u2: #DFA52A; --ut: #3D2A00; display: inline-block; vertical-align: middle; margin-left: 4px; padding: 1px 8px 0; border-radius: 6px; font: 800 11.5px/1.5 var(--yazi); letter-spacing: .1px; white-space: nowrap; color: var(--ut); background: linear-gradient(135deg, var(--u1), var(--u2)); box-shadow: none; }
.unvan-cip.u-muhtar { --u1: #BFE3FF; --u2: #73B4F0; --ut: #0B2B52; }
.unvan-cip.u-sultan { --u1: #E3C8FF; --u2: #A66BF0; --ut: #2A0D52; }
.unvan-cip.u-kral { --u1: #FFD27A; --u2: #F08A24; --ut: #3D1600; }
.unvan-cip.u-usta { --u1: #C9F2D7; --u2: #5CC98A; --ut: #08391C; }
.unvan-cip.u-bereket { --u1: #FFE7B3; --u2: #E2B94C; --ut: #3A2800; }
.unvan-cip.u-kulup { --u1: #1F4D36; --u2: #0F2A1E; --ut: #F1D27A; box-shadow: inset 0 0 0 1px #C9A24B; }
.p2-kim h3 .unvan-cip { font-size: 12.5px; vertical-align: 4px; }
.ek-gorsel.unvan-ornek .unvan-cip { font-size: 14px; padding: 3px 12px 2px; margin: 0; border-radius: 8px; }
.ek-rozet { font-style: normal; font-size: .85em; margin-left: 3px; vertical-align: 1px; }

/* sohbet balonları (renkler değişkenlerle: koyu tema dokunmaz) */
.sy-balon.b-altin { --b1: #FFE9A8; --b2: #F2BE45; --bt: #3D2A00; }
.sy-balon.b-mor { --b1: #B794F6; --b2: #7C4DDB; --bt: #FFFFFF; }
.sy-balon.b-yesil { --b1: #3DD39B; --b2: #0E8F62; --bt: #FFFFFF; }
.sy-balon.b-pembe { --b1: #FF9EC4; --b2: #E2457F; --bt: #FFFFFF; }
.sy-balon.b-gece { --b1: #2A3A78; --b2: #0B1230; --bt: #EAF0FF; }
.sy-balon.b-turkuaz { --b1: #4FE0CE; --b2: #0D97A8; --bt: #FFFFFF; }
.sy-balon.b-kulup { --b1: #245C40; --b2: #0F2A1E; --bt: #F6DC8C; }
:is(.sy-satir, .balon-ornek) .sy-balon.sy-balon.sy-balon:is(.b-altin, .b-mor, .b-yesil, .b-pembe, .b-gece, .b-turkuaz, .b-kulup) { background: linear-gradient(135deg, var(--b1), var(--b2)); color: var(--bt); box-shadow: 0 1px 2px rgba(0, 0, 0, .18); }
:is(.sy-satir, .balon-ornek) .sy-balon.sy-balon.sy-balon.b-kulup { box-shadow: inset 0 0 0 1.5px #C9A24B, 0 1px 2px rgba(0, 0, 0, .2); }
:is(.sy-satir, .balon-ornek) .sy-balon.sy-balon.sy-balon.b-gece { background: radial-gradient(1.5px 1.5px at 20% 30%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 70% 60%, #fff 50%, transparent 51%), radial-gradient(1.2px 1.2px at 45% 80%, #fff 50%, transparent 51%), linear-gradient(135deg, var(--b1), var(--b2)); }
.sy-satir .sy-balon:is(.b-altin, .b-mor, .b-yesil, .b-pembe, .b-gece, .b-turkuaz, .b-kulup) .sy-ad { color: inherit; }

/* çıkartmalar */
.cikartma { display: inline-grid; justify-items: center; gap: 1px; padding: 10px 14px 7px; border-radius: 20px; background: linear-gradient(150deg, var(--r1), var(--r2)); border: 3px solid #FFFFFF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 6px 14px rgba(0, 0, 0, .16); transform: rotate(-4deg); color: #FFFFFF; text-shadow: 0 1px 2px rgba(0, 0, 0, .18), 0 2px 6px rgba(0, 0, 0, .2); }
.cikartma i { font-style: normal; font-size: 42px; line-height: 1; filter: drop-shadow(0 2px 0 rgba(0, 0, 0, .12)); }
.cikartma b { font: 900 14px/1.15 var(--yazi); white-space: nowrap; }
.cikartma.kucuk { padding: 5px 8px 4px; border-width: 2px; border-radius: 13px; box-shadow: 0 2px 4px rgba(0, 0, 0, .15); }
.cikartma.kucuk i { font-size: 22px; }
.cikartma.kucuk b { font-size: 9.5px; }
.sy-satir .sy-balon.sy-balon.sy-balon.sy-cikartma { background: none; box-shadow: none; padding: 4px 2px 0; min-width: 0; }
.sy-satir.ben .cikartma { transform: rotate(3deg); }
.sy-satir.cikartmali .cikartma { animation: ckGel .35s cubic-bezier(.2, 1.4, .4, 1); }
@keyframes ckGel { from { transform: scale(.4) rotate(-14deg); opacity: 0; } }
.ms-yaz { position: relative; }
.ms-cikartma-dugme { width: 40px; height: 40px; flex: none; border: 0; border-radius: 50%; background: transparent; cursor: pointer; display: grid; place-items: center; }
.ms-cikartma-dugme svg { width: 24px; height: 24px; fill: #8A93A6; }
.ms-cikartma-dugme[aria-expanded="true"] svg { fill: #0866FF; }
.ms-cikartma-kutu { position: absolute; left: 8px; right: 8px; bottom: calc(100% + 6px); z-index: 5; max-height: 280px; overflow-y: auto; padding: 10px; border-radius: 18px; background: #FFFFFF; box-shadow: 0 10px 30px rgba(10, 20, 40, .25); animation: ckKutu .18s ease-out; }
@keyframes ckKutu { from { transform: translateY(8px); opacity: 0; } }
.mck-paket { display: grid; grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); gap: 6px; }
.mck-paket + .mck-paket { margin-top: 8px; padding-top: 8px; border-top: 1px solid #EEF0F4; }
.mck-paket button { border: 0; background: none; padding: 6px 0; cursor: pointer; border-radius: 12px; }
.mck-paket button:hover { background: rgba(8, 102, 255, .07); }
.mck-paket .cikartma.kucuk i { font-size: 26px; }
.mck-bos { display: grid; justify-items: center; gap: 6px; text-align: center; padding: 6px 8px; }
.mck-bos span { font-size: 30px; }
.mck-bos p { margin: 0; font-size: 14px; color: var(--soluk); }

/* profil: kapak, çipler, gelen çiçekler */
.p2-kapak { height: 128px; overflow: hidden; background: #1B2F5B; }
.p2-kapak .kapak-svg { width: 100%; height: 100%; display: block; }
.profil2.kapakli .p2-bas { margin-top: -46px; padding-top: 14px; background: linear-gradient(180deg, rgba(27, 47, 91, 0) 0, rgba(27, 47, 91, .78) 34px, #1B2F5B 70px, #262A5C 100%); }
.profil2.kapakli .p2-bas::after { display: none; }
.p2-cip.kulup { background: linear-gradient(135deg, #1F4D36, #0F2A1E); color: #F1D27A; border-color: #C9A24B; }
.p2-cip.destekci { background: #E2457F; border-color: #FF8AB3; }
.p2-cicekler { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 2px 16px 8px; }
.p2-cicek { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px 3px 6px; border-radius: 999px; background: #FFF0F5; font-size: 18px; }
.p2-cicek small { font-size: 12px; font-weight: 700; color: #A0275A; }
.hediye-gonder { background: #FFE3EC; color: #A0275A; }
.ev-gez { background: #E8F6EC; color: #13723E; }

/* destekçi çerçevesi */
.avatar-cerceve.c-destekci { background: conic-gradient(#FF5C8A, #FFC2D4, #E2457F, #FF8AB3, #FF5C8A); animation: cerceveDon 6s linear infinite; box-shadow: 0 0 12px rgba(226, 69, 127, .55); }
.avatar-cerceve.c-destekci > .avatar { animation: cerceveDon 6s linear infinite reverse; }
@media (prefers-reduced-motion: reduce) { .avatar-cerceve.c-destekci, .avatar-cerceve.c-destekci > .avatar, .cikartma { animation: none; } }

/* mahalleye giriş efekti */
.giris-efekt { position: fixed; inset: 0; z-index: 9000; pointer-events: none; overflow: hidden; }
.giris-efekt.bitiyor { opacity: 0; transition: opacity .6s ease; }
.ge-serit { position: absolute; left: 50%; top: calc(var(--ust) + 76px); transform: translateX(-50%); display: flex; align-items: center; gap: 10px; padding: 10px 20px 10px 12px; border-radius: 999px; background: linear-gradient(100deg, #1B2F5B, #3A2A78); color: #FFFFFF; box-shadow: 0 8px 26px rgba(10, 16, 40, .45), inset 0 0 0 1.5px rgba(255, 196, 46, .7); white-space: nowrap; max-width: calc(100vw - 32px); animation: geSerit .55s cubic-bezier(.2, 1.3, .4, 1); }
.ge-serit b { font-size: 16px; overflow: hidden; text-overflow: ellipsis; }
.ge-simge { font-size: 28px; line-height: 1; animation: geZipla .6s ease-in-out infinite alternate; }
@keyframes geSerit { from { transform: translate(-50%, -30px) scale(.8); opacity: 0; } }
@keyframes geZipla { to { transform: translateY(-4px) rotate(8deg); } }
.ge-konfeti { position: absolute; top: -20px; width: 9px; height: 14px; border-radius: 2px; animation: geDus linear forwards; }
.ge-yildiz { position: absolute; top: -24px; font-style: normal; text-shadow: 0 0 8px rgba(255, 230, 120, .9); animation: geDus linear forwards; }
.ge-nota { position: absolute; bottom: -30px; font-style: normal; font-size: 26px; color: #FFC42E; text-shadow: 0 2px 6px rgba(0, 0, 0, .4); animation: geCik linear forwards; }
@keyframes geDus { to { transform: translateY(110vh) rotate(540deg); } }
@keyframes geCik { to { transform: translateY(-70vh) rotate(-30deg); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .ge-konfeti, .ge-yildiz, .ge-nota { display: none; } .ge-serit, .ge-simge { animation: none; } }

/* 0.66.0: Evim: düzenleme paneli */
.ev-duzen { position: absolute; right: 12px; top: calc(var(--ust, 0px) + 120px); bottom: calc(16px + env(safe-area-inset-bottom, 0px)); width: min(360px, calc(100% - 24px)); display: flex; flex-direction: column; background: #FFF9F0; color: #2A1A0E; border-radius: 20px; box-shadow: 0 12px 34px rgba(0, 0, 0, .35); overflow: hidden; }
.ev-duzen[hidden] { display: none; }
.ed-bas { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 14px; border-bottom: 1px solid #EFE3CC; }
.ed-bas b { font-size: 17px; }
.ed-bas .ic-kapat { position: static; border: 0; background: rgba(0, 0, 0, .07); width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 14px; }
.ed-govde { flex: 1; overflow-y: auto; padding: 4px 14px 14px; display: grid; align-content: start; gap: 6px; }
.ed-govde h4 { margin: 10px 0 2px; font-size: 14px; }
.ed-govde .dugme { margin-top: 10px; }
.ed-liste { display: grid; gap: 6px; }
.ed-urun { display: grid; grid-template-columns: 30px 1fr 24px; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 12px; border: 1.5px solid #EADFC6; background: #FFFFFF; font: inherit; color: inherit; text-align: start; cursor: pointer; }
.ed-urun span { font-size: 22px; text-align: center; }
.ed-urun b { font-size: 14px; font-weight: 700; }
.ed-urun i { font-style: normal; font-weight: 900; color: #1F8A4C; text-align: center; }
.ed-urun.acik { border-color: #22A35A; background: #EEF9F1; }
.ed-urun:disabled { opacity: .55; }
@media (max-width: 600px) { .ev-duzen { left: 10px; right: 10px; width: auto; top: auto; height: 62vh; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); } }
.pr-garaj-sus { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.pr-garaj-sus i { font-style: normal; font-size: 11.5px; font-weight: 700; padding: 1px 7px; border-radius: 999px; background: #F2EEE2; color: #5A4A30; }
.pr-garaj-simge.isikli { box-shadow: 0 0 0 2px #B45CFF, 0 0 14px rgba(180, 92, 255, .6); }

/* ==================================================================== 0.67.0: mağaza 2B görselleri
   Not: iki temada da aynı kalması gereken renkler CSS değişkeniyle verilir (koyu tema üreticisi değişkenlere dokunmaz). */

/* ---------- unvanlar (40 yeni + numaralı + yol + set) */
.unvan-cip > i { font-style: normal; margin-right: 3px; font-size: .95em; line-height: 1; }
.unvan-cip { background: var(--ubg, linear-gradient(135deg, var(--u1), var(--u2))); }
.unvan-cip.u-kalfa { --u1: #CFD8E3; --u2: #8A9BB0; --ut: #17222F; }
.unvan-cip.u-patron { --u1: #2B2B2B; --u2: #0E0E0E; --ut: #F2C14E; --ush: inset 0 0 0 1px #C9A24B; box-shadow: var(--ush); }
.unvan-cip.u-reis { --u1: #B33A3A; --u2: #7A1C1C; --ut: #FFFFFF; }
.unvan-cip.u-kaptan { --u1: #1E4B8F; --u2: #0B2552; --ut: #FFFFFF; --ush: inset 0 -2px 0 #F2F4F8; box-shadow: var(--ush); }
.unvan-cip.u-sef { --u1: #FFFFFF; --u2: #E6E9EF; --ut: #C62828; --ush: inset 0 0 0 1px #E0A3A3; box-shadow: var(--ush); }
.unvan-cip.u-beyefendi { --u1: #4A4F5C; --u2: #23262E; --ut: #E8ECF2; }
.unvan-cip.u-hanimefendi { --u1: #F3C6DD; --u2: #B5578A; --ut: #3A0D24; }
.unvan-cip.u-delikanli { --u1: #6FA3E0; --u2: #2F5E9E; --ut: #FFFFFF; }
.unvan-cip.u-gulu { --u1: #FF8FA3; --u2: #D6336C; --ut: #FFFFFF; }
.unvan-cip.u-gecekusu { --u1: #4B3B8F; --u2: #1C1440; --ut: #E7DEFF; }
.unvan-cip.u-kahveustasi { --u1: #C69A6D; --u2: #6B4226; --ut: #FFF6EA; }
.unvan-cip.u-kurt { --u1: #AEB8C4; --u2: #5E6B7A; --ut: #0E1622; }
.unvan-cip.u-tilki { --u1: #FFB066; --u2: #E06A13; --ut: #3B1600; }
.unvan-cip.u-cicek { --u1: #FFF59D; --u2: #8BC34A; --ut: #26380C; }
.unvan-cip.u-efsane { --ubg: linear-gradient(110deg, #5B2A86, #C9A24B, #5B2A86, #C9A24B); --ut: #FFFFFF; background-size: 300% 100%; animation: unvanAkis 5s linear infinite; text-shadow: 0 1px 1px rgba(0, 0, 0, .4); }
.unvan-cip.u-bilge { --u1: #F4E6C3; --u2: #C9A66B; --ut: #3B2A10; }
.unvan-cip.u-sanatci { --ubg: linear-gradient(90deg, #FF6B6B, #FFC145, #3DDC97, #4D9DE0, #B062E8); --ut: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, .35); }
.unvan-cip.u-gezgin { --u1: #4DD0C4; --u2: #00796B; --ut: #FFFFFF; }
.unvan-cip.u-denizci { --ubg: linear-gradient(180deg, #1565C0 0 60%, #FFFFFF 60% 70%, #1565C0 70%); --ut: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, .4); }
.unvan-cip.u-ciftci { --u1: #F6D776; --u2: #7FA442; --ut: #2B3008; }
.unvan-cip.u-sanayici { --u1: #8796A8; --u2: #3E4A5A; --ut: #FFB74D; }
.unvan-cip.u-tuccar { --u1: #1F8A5C; --u2: #0D4D32; --ut: #F6DC8C; }
.unvan-cip.u-yildiz { --u1: #FFE680; --u2: #F2A900; --ut: #3A2600; --ush: 0 0 8px rgba(255, 200, 40, .55); box-shadow: var(--ush); }
.unvan-cip.u-sampiyon { --ubg: linear-gradient(135deg, #FFE38A, #F2C14E 45%, #C62828 46%, #8E1B1B); --ut: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, .45); }
.unvan-cip.u-dost { --u1: #FFC48C; --u2: #FF8A50; --ut: #3B1500; }
.unvan-cip.u-comert { --u1: #6FD08C; --u2: #23874A; --ut: #FFF6CF; }
.unvan-cip.u-hesapli { --u1: #DDE3EA; --u2: #A9B6C6; --ut: #1F5130; }
.unvan-cip.u-erkenci { --u1: #FFD3A5; --u2: #FD6585; --ut: #3B0F18; }
.unvan-cip.u-gececi { --u1: #283593; --u2: #0E1440; --ut: #FFE082; }
.unvan-cip.u-azimli { --u1: #FF7A45; --u2: #C62828; --ut: #FFFFFF; }
.unvan-cip.u-sabirli { --u1: #EBD9B4; --u2: #C2A26D; --ut: #3B2C12; }
.unvan-cip.u-kibar { --u1: #FDE2EC; --u2: #F6B3CB; --ut: #6B1D3F; }
.unvan-cip.u-neseli { --u1: #FFF176; --u2: #FFC107; --ut: #3B2E00; }
.unvan-cip.u-maceraci { --u1: #C5B48A; --u2: #7C6A3E; --ut: #FFFFFF; }
.unvan-cip.u-kahraman { --ubg: linear-gradient(135deg, #D32F2F 0 50%, #1E4FB8 50%); --ut: #FFFFFF; text-shadow: 0 1px 1px rgba(0, 0, 0, .45); }
.unvan-cip.u-lider { --u1: #F6C453; --u2: #A86A12; --ut: #2A1800; }
.unvan-cip.u-vizyoner { --ubg: radial-gradient(circle at 80% 20%, #A78BFA, transparent 45%), linear-gradient(135deg, #312E81, #0F0C29); --ut: #E0E7FF; }
.unvan-cip.u-usta2 { --u1: #E3B26B; --u2: #9C5B1E; --ut: #FFF7E6; --ush: inset 0 0 0 1px #FFE1A8; box-shadow: var(--ush); }
.unvan-cip.u-altinel { --ubg: linear-gradient(110deg, #B8891E, #FFF1A8 40%, #E2B33C 60%, #B8891E); --ut: #3D2A00; background-size: 250% 100%; animation: unvanAkis 4s linear infinite; }
.unvan-cip.u-kalbi { --u1: #FFFFFF; --u2: #FFC1D9; --ut: #B0174A; --ush: inset 0 0 0 1px #F48FB1; box-shadow: var(--ush); }
.unvan-cip.u-kurucu { --ubg: linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, .7) 45%, transparent 60%) 0 0 / 250% 100%, linear-gradient(160deg, transparent 55%, rgba(120, 110, 100, .25) 56%, transparent 58%), linear-gradient(135deg, #F7F4EE, #DCD6CB); --ut: #4A3A10; --ush: inset 0 0 0 1.5px #C9A24B, 0 0 6px rgba(201, 162, 75, .5); box-shadow: var(--ush); animation: unvanParilti 3.2s linear infinite; letter-spacing: .4px; }
.unvan-cip.u-yol { --u1: #7FD3C8; --u2: #2A7F86; --ut: #FFFFFF; }
.unvan-cip.yol-m01 { --u1: #B3E5FC; --u2: #4682B4; --ut: #FFFFFF; } .unvan-cip.yol-m02 { --u1: #F8BBD0; --u2: #AD1457; --ut: #FFFFFF; }
.unvan-cip.yol-m03 { --u1: #C5E1A5; --u2: #558B2F; --ut: #FFFFFF; } .unvan-cip.yol-m04 { --u1: #FFCDD2; --u2: #E53935; --ut: #FFFFFF; }
.unvan-cip.yol-m05 { --u1: #E1BEE7; --u2: #8E24AA; --ut: #FFFFFF; } .unvan-cip.yol-m06 { --u1: #FFF59D; --u2: #F9A825; --ut: #3B2E00; }
.unvan-cip.yol-m07 { --u1: #80DEEA; --u2: #00838F; --ut: #FFFFFF; } .unvan-cip.yol-m08 { --u1: #FFCC80; --u2: #EF6C00; --ut: #FFFFFF; }
.unvan-cip.yol-m09 { --u1: #D7CCC8; --u2: #795548; --ut: #FFFFFF; } .unvan-cip.yol-m10 { --u1: #FFAB91; --u2: #BF360C; --ut: #FFFFFF; }
.unvan-cip.yol-m11 { --u1: #B0BEC5; --u2: #37474F; --ut: #FFFFFF; } .unvan-cip.yol-m12 { --u1: #9FA8DA; --u2: #1A237E; --ut: #FFFFFF; }
.unvan-cip.u-set { --u1: #3A3F4B; --u2: #1B1E25; --ut: #F2D27A; --ush: inset 0 0 0 1px #8E7A3E; box-shadow: var(--ush); }
.unvan-cip.s-plaka { --u1: #FFFFFF; --u2: #DCE3EC; --ut: #1B2437; --ush: inset 4px 0 0 #1F4FB8, inset 0 0 0 1px #1B2437; box-shadow: var(--ush); }
.unvan-cip.s-cini { --u1: #E8EEFB; --u2: #A9BCEB; --ut: #14326E; --ush: inset 0 0 0 1px #1C3F94; box-shadow: var(--ush); }
.unvan-cip.s-evcil { --u1: #FFE0B2; --u2: #FB8C00; --ut: #3B1F00; }
.unvan-cip.s-ev { --u1: #C8E6C9; --u2: #43A047; --ut: #0E2A10; }
.unvan-cip.s-bahce { --u1: #FFF59D; --u2: #7CB342; --ut: #21310A; }
.unvan-cip.s-korna { --u1: #FFCCBC; --u2: #E64A19; --ut: #FFFFFF; }
.unvan-cip.s-esnaf { --u1: #FFE082; --u2: #C9922A; --ut: #3B2700; }
.unvan-cip.s-yat { --u1: #0D47A1; --u2: #0B1F45; --ut: #F2D27A; --ush: inset 0 0 0 1px #F2D27A; box-shadow: var(--ush); }
.unvan-cip.s-kapak { --u1: #B2EBF2; --u2: #00838F; --ut: #FFFFFF; }
.unvan-cip.s-album { --ubg: linear-gradient(135deg, #FF8A80, #FFD54F, #81C784, #64B5F6); --ut: #1B2437; }
@keyframes unvanAkis { to { background-position: 300% 0; } }
@keyframes unvanParilti { from { background-position: 250% 0, 0 0, 0 0; } to { background-position: -150% 0, 0 0, 0 0; } }

/* ---------- isim: yazı tipi ve efekti */
.isim-ad { position: relative; font-weight: 800; }
.isim-ad.f-el { font-family: "Kaushan Script", "Segoe Script", "Brush Script MT", cursive; font-weight: 400; font-size: 1.08em; letter-spacing: .2px; }
.isim-ad.f-zarif { font-family: Georgia, "Palatino Linotype", "Book Antiqua", "DejaVu Serif", serif; font-style: italic; font-weight: 600; letter-spacing: .3px; }
.isim-ad.f-kalin { font-family: Montserrat, "Arial Black", sans-serif; font-weight: 800; letter-spacing: -.2px; }
.isim-ad.f-daktilo { font-family: "Courier New", Courier, "DejaVu Sans Mono", monospace; font-weight: 700; letter-spacing: -.2px; }
.isim-ad.f-yuvarlak { font-family: "Arial Rounded MT Bold", "Varela Round", "Nunito", "Baloo 2", sans-serif; font-weight: 800; letter-spacing: .5px; }
.isim-ad.f-dar { font-family: Anton, Oswald, Impact, "Arial Narrow", sans-serif; font-weight: 400; letter-spacing: .6px; }
.isim-ad.f-gotik { font-family: "Old English Text MT", "UnifrakturMaguntia", "Goudy Text MT", Luminari, Georgia, serif; font-weight: 700; font-variant: small-caps; letter-spacing: .4px; }
.isim-ad.f-piksel { font-family: "Courier New", "DejaVu Sans Mono", monospace; font-weight: 900; text-transform: uppercase; font-size: .88em; letter-spacing: 1px; -webkit-font-smoothing: none; text-shadow: 1px 0 0 currentColor, 0 1px 2px rgba(0, 0, 0, .18); }
.isim-ad.x-golge { text-shadow: 1px 1px 0 rgba(0, 0, 0, .28), 2px 2px 0 rgba(0, 0, 0, .18), 3px 3px 0 rgba(0, 0, 0, .1); }
.isim-ad.x-kabartma { text-shadow: 0 1px 2px rgba(0, 0, 0, .18), 0 -1px 0 rgba(0, 0, 0, .35); }
.isim-ad.x-neon { --neon: #FF4FD8; text-shadow: 0 0 2px var(--neon), 0 0 6px var(--neon), 0 0 12px var(--neon); animation: isimNeon 3s ease-in-out infinite; }
.isim-ad.x-neon:not(.isim-renk) { --nr: #FFF0FC; color: var(--nr); }
.isim-ad.x-neon.isim-renk { --neon: currentColor; }
.isim-ad.x-ates { --a1: #FFE066; --a2: #FF6A00; --a3: #D7263D; background: linear-gradient(0deg, var(--a3), var(--a2) 45%, var(--a1)); background-size: 100% 200%; -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 3px rgba(255, 106, 0, .55)); animation: isimAtes 1.2s ease-in-out infinite alternate; }
.isim-ad.x-dalga > i { display: inline-block; font-style: normal; animation: isimDalga 1.6s ease-in-out infinite; animation-delay: calc(var(--i) * .08s); }
.isim-ad:is(.x-parilti, .x-vip) { display: inline-block; }
.isim-ad:is(.x-parilti, .x-vip)::after { content: attr(data-ad); position: absolute; inset: 0; pointer-events: none; --pa: rgba(255, 255, 255, .95); background: linear-gradient(110deg, transparent 38%, var(--pa) 50%, transparent 62%) 0 0 / 260% 100% no-repeat; -webkit-background-clip: text; background-clip: text; color: transparent; animation: isimParilti 2.8s linear infinite; }
.isim-ad.x-vip::after { --pa: rgba(190, 240, 255, .9); animation-duration: 4s; }
@keyframes isimParilti { from { background-position: 130% 0; } to { background-position: -30% 0; } }
@keyframes isimDalga { 0%, 60%, 100% { transform: none; } 30% { transform: translateY(-3px); } }
@keyframes isimNeon { 0%, 100% { opacity: 1; } 92% { opacity: 1; } 94% { opacity: .55; } 96% { opacity: 1; } 97% { opacity: .7; } }
@keyframes isimAtes { to { background-position: 0 100%; } }
.ek-rozet.vip { filter: drop-shadow(0 0 3px rgba(80, 200, 255, .8)); }
.ek-rozet.omur { filter: drop-shadow(0 0 3px rgba(255, 196, 46, .9)); }
.isim-ornek { --io-r: #1B2437; font-size: 20px; color: var(--io-r); white-space: nowrap; }
.onz.koyu .isim-ornek, .onz.koyu .onz-isim { --io-r: #F4F6FA; color: var(--io-r); }

/* ---------- ikinci çerçeve sistemi (il, takım, hareketli, elmas, ömür boyu) */
.avatar-cerceve.c2 { background: none; isolation: isolate; box-shadow: 0 0 calc(var(--k) * 2.5) var(--isilti, transparent); }
.avatar-cerceve.c2::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--halka); z-index: 0; }
.avatar-cerceve.c2 > .avatar { position: relative; z-index: 1; }
.avatar-cerceve > .avatar.harf { display: grid; place-items: center; } /* çerçeve içindeki harf avatarı ortalı kalsın */
.avatar-cerceve.c2-il { --halka: conic-gradient(from -45deg, var(--c1) 0 25%, var(--c2) 0 50%, var(--c1) 0 75%, var(--c2) 0); --isilti: rgba(0, 0, 0, .18); }
.avatar-cerceve.c2-takim { --halka: repeating-conic-gradient(from 0deg, var(--c1) 0 22.5deg, var(--c2) 0 45deg); --isilti: rgba(0, 0, 0, .22); }
.avatar-cerceve.c2-il::after, .avatar-cerceve.c2-takim::after { content: ""; position: absolute; inset: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25); z-index: 0; pointer-events: none; }
.ac-plaka { --plz: #FFFFFF; --ply: #1B2437; --plm: #1F4FB8; position: absolute; z-index: 3; left: 50%; bottom: calc(var(--k) * -1.1); transform: translateX(-50%); display: flex; align-items: stretch; overflow: hidden; font: 800 max(8px, calc(var(--s) * .17))/1.2 Montserrat, "Baloo 2", sans-serif; color: var(--ply); background: var(--plz); border-radius: 3px; box-shadow: 0 0 0 1px var(--ply), 0 1px 3px rgba(0, 0, 0, .35); padding: 0 3px 0 0; white-space: nowrap; font-style: normal; }
.ac-plaka > i { width: max(3px, calc(var(--s) * .05)); background: var(--plm); margin-right: 2px; }
.ac-sus { position: absolute; inset: 0; z-index: 2; pointer-events: none; animation: c2Yorunge 9s linear infinite; font-style: normal; }
.ac-sus > b { position: absolute; left: 50%; top: 50%; width: 1.2em; height: 1.2em; margin: -.6em 0 0 -.6em; display: grid; place-items: center; font-size: max(9px, calc(var(--s) * .22)); line-height: 1; font-weight: 400; color: var(--sus-r, #FFFFFF); text-shadow: 0 0 4px var(--sus-g, rgba(0, 0, 0, .35)); transform: rotate(var(--a)) translateY(calc(var(--s) * -.5)) rotate(calc(var(--a) * -1)); }
.ac-sus > b { animation: c2Kirp 1.8s ease-in-out infinite; animation-delay: calc(var(--a) / 360deg * -1.8s); }
.ac-rozet { position: absolute; z-index: 3; right: calc(var(--k) * -.6); bottom: calc(var(--k) * -.6); font-size: max(11px, calc(var(--s) * .26)); line-height: 1; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5)); font-style: normal; }
.avatar-cerceve.c2-h::before { animation: c2Don var(--hiz, 4s) linear infinite; }
.avatar-cerceve.h-simsek { --halka: conic-gradient(#0D1B4C, #FFE14D 6%, #0D1B4C 14%, #1E3A8A 40%, #FFF59D 46%, #0D1B4C 54%, #1E3A8A 80%, #FFE14D 86%, #0D1B4C); --isilti: rgba(255, 225, 77, .65); --sus-r: #FFE14D; --sus-g: #FFB300; --hiz: 2.4s; }
.avatar-cerceve.h-simsek::after { content: ""; position: absolute; inset: 0; border-radius: 50%; z-index: 0; background: var(--sf, #FFFDE7); opacity: 0; animation: c2Cak 2.6s steps(1) infinite; }
.avatar-cerceve.h-kar { --halka: conic-gradient(#E3F2FD, #90CAF9, #FFFFFF, #BBDEFB, #E3F2FD); --isilti: rgba(144, 202, 249, .7); --sus-r: #FFFFFF; --sus-g: #64B5F6; --hiz: 8s; }
.avatar-cerceve.h-lale { --halka: conic-gradient(#C2185B, #FF5252, #FFC107, #C2185B, #E91E63, #C2185B); --isilti: rgba(233, 30, 99, .5); --hiz: 6s; }
.avatar-cerceve.h-yildiz { --halka: conic-gradient(#1A1F5C, #F2C14E 8%, #1A1F5C 16%, #2E3A8C 50%, #F2C14E 58%, #1A1F5C 66%); --isilti: rgba(242, 193, 78, .55); --sus-r: #FFE680; --sus-g: #F2A900; --hiz: 6s; }
.avatar-cerceve.h-mavialev { --halka: conic-gradient(#0B3D91, #00B0FF, #E1F5FE, #2962FF, #00E5FF, #0B3D91); --isilti: rgba(0, 176, 255, .75); --hiz: 1.6s; }
.avatar-cerceve.h-mavialev::after { content: ""; position: absolute; inset: calc(var(--k) * -.8); border-radius: 50%; z-index: -1; background: conic-gradient(from 90deg, transparent, rgba(0, 229, 255, .7), transparent 30%, rgba(41, 98, 255, .6), transparent 60%, rgba(0, 229, 255, .7), transparent); filter: blur(3px); animation: c2Don 2.2s linear infinite reverse; }
.avatar-cerceve.h-dalga { --halka: conic-gradient(#006064, #26C6DA, #E0F7FA, #00838F, #4DD0E1, #006064); --isilti: rgba(38, 198, 218, .6); --hiz: 5s; }
.avatar-cerceve.h-dalga::after { content: ""; position: absolute; inset: 0; border-radius: 50%; z-index: -1; box-shadow: 0 0 0 0 rgba(38, 198, 218, .6); animation: c2Dalga 2.4s ease-out infinite; }
.avatar-cerceve.h-kum { --halka: conic-gradient(#8D6E2A, #F2D48A, #FFF3C4, #C9A24B, #F7E0A0, #8D6E2A); --isilti: rgba(242, 212, 138, .6); --sus-r: #FFF3C4; --sus-g: #C9A24B; --hiz: 7s; }
.avatar-cerceve.h-yaprak { --halka: conic-gradient(#8D3B12, #E65100, #FFB300, #6D4C41, #F57C00, #8D3B12); --isilti: rgba(230, 81, 0, .45); --hiz: 9s; }
.avatar-cerceve.h-kalp { --halka: conic-gradient(#E91E63, #FF80AB, #F8BBD0, #E91E63, #FF4081, #E91E63); --isilti: rgba(255, 64, 129, .55); --sus-r: #FF4081; --sus-g: #FFFFFF; --hiz: 6s; }
.avatar-cerceve.h-nota { --halka: conic-gradient(#4A148C, #7C4DFF, #E1BEE7, #4A148C, #B388FF, #4A148C); --isilti: rgba(124, 77, 255, .5); --sus-r: #FFFFFF; --sus-g: #7C4DFF; --hiz: 5s; }
.avatar-cerceve.h-kelebek { --halka: conic-gradient(#81D4FA, #CE93D8, #FFF59D, #A5D6A7, #81D4FA); --isilti: rgba(206, 147, 216, .5); --hiz: 8s; }
.avatar-cerceve.h-ejder { --halka: conic-gradient(#1B5E20, #C9A24B, #B71C1C, #FFD54F, #1B5E20, #B71C1C, #1B5E20); --isilti: rgba(255, 82, 0, .55); --hiz: 3s; }
.avatar-cerceve.h-galaksi { --halka: radial-gradient(1px 1px at 30% 20%, #FFFFFF 50%, transparent 60%), radial-gradient(1px 1px at 70% 80%, #FFFFFF 50%, transparent 60%), radial-gradient(1.4px 1.4px at 85% 35%, #FFFFFF 50%, transparent 60%), conic-gradient(#12002B, #7B1FA2, #1A237E, #E040FB, #12002B, #3949AB, #12002B); --isilti: rgba(224, 64, 251, .5); --sus-r: #FFFFFF; --sus-g: #E040FB; --hiz: 10s; }
.avatar-cerceve.h-neon { --halka: conic-gradient(#FF00C8 0 25%, #1A0B2E 0 50%, #00E5FF 0 75%, #1A0B2E 0); --isilti: rgba(255, 0, 200, .55); --hiz: 2s; }
.avatar-cerceve.h-neon::before { filter: drop-shadow(0 0 3px #FF00C8) drop-shadow(0 0 3px #00E5FF); }
.avatar-cerceve.h-sakura { --halka: conic-gradient(#F8BBD0, #FFFFFF, #F48FB1, #FCE4EC, #F8BBD0); --isilti: rgba(244, 143, 177, .55); --hiz: 9s; }
.avatar-cerceve.h-kivilcim { --halka: conic-gradient(#3E2723, #FF6D00 10%, #3E2723 20%, #FFAB00 50%, #3E2723 60%, #FF3D00 85%, #3E2723); --isilti: rgba(255, 109, 0, .6); --sus-r: #FFD180; --sus-g: #FF6D00; --hiz: 2.2s; }
.avatar-cerceve.h-buz { --halka: conic-gradient(#B3E5FC, #FFFFFF, #81D4FA, #E1F5FE, #4FC3F7, #B3E5FC); --isilti: rgba(129, 212, 250, .7); --sus-r: #E1F5FE; --sus-g: #0288D1; --hiz: 10s; }
.avatar-cerceve.h-gokkusagi { --halka: conic-gradient(#FF4D4D, #FFB84D, #FFF34D, #4DFF88, #4DC3FF, #8A4DFF, #FF4DD8, #FF4D4D); --isilti: rgba(138, 77, 255, .45); --hiz: 3s; }
.avatar-cerceve.h-duman { --halka: conic-gradient(#9E9E9E, #EEEEEE, #616161, #BDBDBD, #757575, #9E9E9E); --isilti: rgba(120, 120, 120, .5); --hiz: 7s; }
.avatar-cerceve.h-duman::after { content: ""; position: absolute; inset: calc(var(--k) * -.9); border-radius: 50%; z-index: -1; background: conic-gradient(rgba(200, 200, 200, .7), transparent 25%, rgba(160, 160, 160, .6) 50%, transparent 75%, rgba(200, 200, 200, .7)); filter: blur(4px); animation: c2Don 5s linear infinite reverse; }
.avatar-cerceve.h-elmas, .avatar-cerceve.c2-elmas { --halka: repeating-conic-gradient(from 0deg, #FFFFFF 0 15deg, #B2EBF2 15deg 30deg, #E1F5FE 30deg 45deg, #F8BBD0 45deg 60deg); --isilti: rgba(128, 222, 234, .8); --sus-r: #FFFFFF; --sus-g: #4DD0E1; --hiz: 12s; }
.avatar-cerceve.c2-elmas::before { animation: c2Don 14s linear infinite; }
.avatar-cerceve.c2-elmas::after, .avatar-cerceve.c2-omur::after { content: ""; position: absolute; inset: 0; border-radius: 50%; z-index: 0; pointer-events: none; --c2p: linear-gradient(120deg, transparent 35%, rgba(255, 255, 255, .85) 50%, transparent 65%) 0 0 / 300% 100%; background: var(--c2p); animation: c2Isik 3s ease-in-out infinite; }
.avatar-cerceve.c2-omur { --halka: conic-gradient(#7A5410, #FFE9A0, #C9922A, #FFF6CF, #A87414, #F2C14E, #7A5410); --isilti: rgba(242, 193, 78, .7); }
@keyframes c2Don { to { transform: rotate(360deg); } }
@keyframes c2Yorunge { to { transform: rotate(360deg); } }
@keyframes c2Kirp { 50% { opacity: .55; } }
@keyframes c2Cak { 0%, 100% { opacity: 0; } 70% { opacity: .85; } 72% { opacity: 0; } 76% { opacity: .6; } 78% { opacity: 0; } }
@keyframes c2Dalga { to { box-shadow: 0 0 0 calc(var(--k) * 2.5) rgba(38, 198, 218, 0); } }
@keyframes c2Isik { 0%, 30% { background-position: 150% 0; } 70%, 100% { background-position: -50% 0; } }
.cerceve-ornek { display: flex; align-items: center; justify-content: center; gap: 14px; }

/* ---------- sohbet balonları: 30 yeni + elmas (renkler değişkenle) */
.sy-balon.b-lacivert { --b1: #14325C; --b2: #1E5BC6; --bt: #FFFFFF; }
.sy-balon.b-kirmizi { --b1: #B3261E; --b2: #E04B3A; --bt: #FFFFFF; }
.sy-balon.b-turuncu { --b1: #E2711D; --b2: #F7A541; --bt: #2B1300; }
.sy-balon.b-kahve { --b1: #5A3A22; --b2: #8A5A35; --bt: #FFF6EA; }
.sy-balon.b-gri { --b1: #4A4F57; --b2: #7A808A; --bt: #FFFFFF; }
.sy-balon.b-lila { --b1: #9B7FD4; --b2: #C4B0EE; --bt: #1E0E45; }
.sy-balon.b-nane { --b1: #3BB58F; --b2: #8EE0C2; --bt: #053B2B; }
.sy-balon.b-seftali { --b1: #F3A683; --b2: #FAD1B8; --bt: #4A2412; }
.sy-balon.b-gece2 { --b1: #0F1730; --b2: #2B3A6B; --bt: #EAF0FF; --bbg: radial-gradient(1.4px 1.4px at 15% 30%, #FFFFFF 50%, transparent 51%), radial-gradient(1px 1px at 60% 20%, #FFFFFF 50%, transparent 51%), radial-gradient(1.2px 1.2px at 85% 70%, #FFE680 50%, transparent 51%), radial-gradient(1px 1px at 40% 80%, #FFFFFF 50%, transparent 51%), linear-gradient(160deg, var(--b1), var(--b2)); }
.sy-balon.b-gunes { --b1: #F7B32B; --b2: #FCE38A; --bt: #3D2A00; }
.sy-balon.b-deniz { --b1: #0B5E75; --b2: #0E8FAE; --bt: #FFFFFF; --bbg: radial-gradient(ellipse 60% 40% at 80% 110%, rgba(34, 211, 238, .55), transparent), linear-gradient(135deg, var(--b1), var(--b2)); }
.sy-balon.b-orman { --b1: #14532D; --b2: #1A8A45; --bt: #FFFFFF; }
.sy-balon.b-cini { --bt: #14326E; --bbg: radial-gradient(circle at 0 0, #1C3F94 0 5px, transparent 6px), radial-gradient(circle at 100% 100%, #1C3F94 0 5px, transparent 6px), radial-gradient(circle at 100% 0, #2E86C1 0 3px, transparent 4px), radial-gradient(circle at 0 100%, #2E86C1 0 3px, transparent 4px), repeating-linear-gradient(45deg, rgba(28, 63, 148, .07) 0 5px, transparent 5px 10px), linear-gradient(#F5F8FF, #E6ECFA); --bsh: inset 0 0 0 1.5px #1C3F94, 0 1px 2px rgba(0, 0, 0, .18); }
.sy-balon.b-kilim { --bt: #FFF4DC; --bbg: conic-gradient(from -45deg at 50% 0, #E8B04B 90deg, transparent 0) 0 0 / 12px 6px repeat-x, conic-gradient(from 135deg at 50% 100%, #E8B04B 90deg, transparent 0) 0 100% / 12px 6px repeat-x, linear-gradient(135deg, #A3252B, #7E1A20); }
.sy-balon.b-kilim .sy-metin { display: inline-block; padding: 3px 0; }
.sy-balon.b-ebru { --bt: #172554; --bbg: radial-gradient(ellipse 40% 60% at 15% 30%, rgba(46, 109, 180, .45), transparent 70%), radial-gradient(ellipse 50% 40% at 80% 70%, rgba(242, 130, 170, .45), transparent 70%), radial-gradient(ellipse 30% 50% at 55% 20%, rgba(255, 210, 120, .45), transparent 70%), radial-gradient(ellipse 35% 35% at 35% 85%, rgba(80, 180, 160, .4), transparent 70%), linear-gradient(135deg, #F7F3EA, #EFE6F2); }
.sy-balon.b-mermer { --bt: #2A2F38; --bbg: linear-gradient(115deg, transparent 40%, rgba(140, 140, 150, .35) 41%, transparent 43%), linear-gradient(160deg, transparent 62%, rgba(140, 140, 150, .25) 63%, transparent 65%), linear-gradient(80deg, transparent 20%, rgba(180, 170, 150, .3) 21%, transparent 23%), linear-gradient(135deg, #ECEAE4, #FFFFFF); --bsh: inset 0 0 0 1px #D9D6CF, 0 1px 2px rgba(0, 0, 0, .15); }
.sy-balon.b-ahsap { --bt: #FFF3E0; --bbg: repeating-linear-gradient(100deg, rgba(0, 0, 0, .09) 0 2px, transparent 2px 9px), repeating-linear-gradient(98deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 17px), linear-gradient(135deg, #7A5230, #B88A5A); --bts: 0 1px 1px rgba(0, 0, 0, .35); }
.sy-balon.b-karbon { --bt: #F2F4F7; --bbg: linear-gradient(135deg, rgba(255, 255, 255, .08), transparent 50%), repeating-linear-gradient(45deg, #2A2C30 0 3px, #1A1B1E 3px 6px), #1A1B1E; }
.sy-balon.b-altin2 { --bt: #3D2A00; --bbg: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, .7) 48%, transparent 60%) 0 0 / 300% 100%, linear-gradient(135deg, #B8891E, #F6D365 45%, #E2B33C 70%, #B8891E); --bsh: inset 0 0 0 1px #FFE9A0, 0 1px 2px rgba(0, 0, 0, .2); animation: balonParilti 3.5s linear infinite; }
.sy-balon.b-gumus { --bt: #1F2937; --bbg: linear-gradient(135deg, #8A9099, #E5E7EB 40%, #B5BBC3 60%, #F3F4F6 80%, #9AA1AA); --bsh: inset 0 0 0 1px #F3F4F6, 0 1px 2px rgba(0, 0, 0, .2); }
.sy-balon.b-neon { --bt: #CFFFE3; --bbg: #0B0B14; --bsh: 0 0 0 1.5px #39FF88, 0 0 10px rgba(57, 255, 136, .55), inset 0 0 8px rgba(57, 255, 136, .25); --bts: 0 0 6px rgba(57, 255, 136, .8); }
.sy-balon.b-gokkusagi { --bt: #FFFFFF; --bbg: linear-gradient(120deg, #E53950, #F08A2C, #2FA866, #2F7FE0, #8E4FC4); --bts: 0 1px 2px rgba(0, 0, 0, .45); }
.sy-balon.b-kar { --bt: #1E3A5F; --bbg: radial-gradient(circle at 20% 30%, #FFFFFF 1.5px, transparent 2px) 0 0 / 18px 18px, radial-gradient(circle at 70% 70%, #FFFFFF 1px, transparent 1.6px) 0 0 / 13px 13px, linear-gradient(135deg, #CFE7F8, #FFFFFF); --bsh: inset 0 0 0 1px #BFE0F5, 0 1px 2px rgba(0, 0, 0, .15); }
.sy-balon.b-lale { --b1: #A0144C; --b2: #D63A7A; --bt: #FFFFFF; }
.sy-balon.b-zeytin { --b1: #4C5A26; --b2: #7E8F45; --bt: #FFFFFF; }
.sy-balon.b-kum { --b1: #C9A66B; --b2: #EAD7B0; --bt: #3B2A0E; }
.sy-balon.b-lav { --bt: #FFE7D6; --bbg: radial-gradient(ellipse 70% 60% at 30% 120%, rgba(255, 90, 31, .9), transparent 70%), radial-gradient(ellipse 40% 50% at 90% 110%, rgba(255, 170, 0, .7), transparent 70%), linear-gradient(135deg, #3A0A06, #6E1508); --bsh: 0 0 8px rgba(255, 90, 31, .45), 0 1px 2px rgba(0, 0, 0, .3); --bts: 0 0 4px rgba(255, 120, 40, .6); }
.sy-balon.b-buz { --bt: #0C4A6E; --bbg: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .6) 36%, transparent 42%), linear-gradient(135deg, #7DD3FC, #E0F2FE); --bsh: inset 0 0 0 1px rgba(255, 255, 255, .8), 0 1px 3px rgba(2, 132, 199, .3); }
.sy-balon.b-gul { --b1: #B5727A; --b2: #E3B5BB; --bt: #3A151B; }
.sy-balon.b-cam { --bt: #1E293B; --bbg: linear-gradient(135deg, rgba(255, 255, 255, .78), rgba(226, 232, 240, .62)); --bsh: inset 0 0 0 1px rgba(255, 255, 255, .85), 0 2px 8px rgba(0, 0, 0, .18); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.sy-balon:is(.b-elmas, .b-alon_elmas) { --bt: #16305E; --bbg: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, .9) 48%, transparent 60%) 0 0 / 300% 100%, repeating-conic-gradient(from 20deg at 30% 40%, rgba(178, 235, 242, .55) 0 20deg, rgba(248, 187, 208, .35) 20deg 40deg, rgba(255, 255, 255, .6) 40deg 60deg), linear-gradient(135deg, #E0F7FA, #FFFFFF 50%, #FCE4EC); --bsh: inset 0 0 0 1.5px #80DEEA, 0 0 10px rgba(128, 222, 234, .6); animation: balonParilti 3s linear infinite; }
:is(.sy-satir, .balon-ornek) .sy-balon.sy-balon.sy-balon:is(.b-lacivert, .b-kirmizi, .b-turuncu, .b-kahve, .b-gri, .b-lila, .b-nane, .b-seftali, .b-gece2, .b-gunes, .b-deniz, .b-orman, .b-cini, .b-kilim, .b-ebru, .b-mermer, .b-ahsap, .b-karbon, .b-altin2, .b-gumus, .b-neon, .b-gokkusagi, .b-kar, .b-lale, .b-zeytin, .b-kum, .b-lav, .b-buz, .b-gul, .b-cam, .b-elmas, .b-alon_elmas) { background: var(--bbg, linear-gradient(135deg, var(--b1), var(--b2))); color: var(--bt); box-shadow: var(--bsh, 0 1px 2px rgba(0, 0, 0, .18)); text-shadow: var(--bts, none); }
.sy-satir .sy-balon:is(.b-lacivert, .b-kirmizi, .b-turuncu, .b-kahve, .b-gri, .b-lila, .b-nane, .b-seftali, .b-gece2, .b-gunes, .b-deniz, .b-orman, .b-cini, .b-kilim, .b-ebru, .b-mermer, .b-ahsap, .b-karbon, .b-altin2, .b-gumus, .b-neon, .b-gokkusagi, .b-kar, .b-lale, .b-zeytin, .b-kum, .b-lav, .b-buz, .b-gul, .b-cam, .b-elmas, .b-alon_elmas) :is(.sy-ad, .sy-saat) { color: inherit; }
@keyframes balonParilti { from { background-position: 150% 0, 0 0, 0 0, 0 0; } to { background-position: -50% 0, 0 0, 0 0, 0 0; } }

/* ---------- altın çıkartmalar */
.cikartma.altin { --ck-bg: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .75) 45%, transparent 60%) 0 0 / 300% 100%, linear-gradient(150deg, #FFF1A8, #F2C14E 40%, #C9922A 75%, #9A7012); --ck-yazi: #3D2A00; --ck-cer: #FFF6CF; background: var(--ck-bg); color: var(--ck-yazi); border-color: var(--ck-cer); text-shadow: 0 1px 2px rgba(0, 0, 0, .18); box-shadow: 0 0 0 1.5px #B8891E, 0 1px 2px rgba(16, 24, 40, .08), 0 6px 16px rgba(201, 146, 42, .45); animation: ckAltin 3.2s linear infinite; }
.cikartma.altin.kucuk { box-shadow: 0 0 0 1px #B8891E, 0 2px 6px rgba(201, 146, 42, .4); }
@keyframes ckAltin { from { background-position: 150% 0, 0 0; } to { background-position: -50% 0, 0 0; } }
.sy-satir.cikartmali .cikartma.altin { animation: ckGel .35s cubic-bezier(.2, 1.4, .4, 1), ckAltin 3.2s linear .35s infinite; }

/* ---------- hareketli tepkiler: sohbet kartı ve gösteri */
.tepki-kart { --tky: #FFFFFF; display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px 8px 8px; border: 0; border-radius: 16px; cursor: pointer; font: inherit; color: var(--tky); background: linear-gradient(135deg, var(--t1), var(--t2)); box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 6px 14px rgba(0, 0, 0, .18); text-shadow: 0 1px 2px rgba(0, 0, 0, .35); }
.tepki-kart > i { font-style: normal; font-size: 30px; line-height: 1; animation: tkZipla 1.2s ease-in-out infinite; filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .2)); }
.tepki-kart > b { font-weight: 800; font-size: 14px; }
.tepki-kart > small { --tko: rgba(255, 255, 255, .28); width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font-size: 9px; background: var(--tko); }
.tepki-kart:active { transform: scale(.97); }
.tepki-kart.tk-kar, .tepki-kart.tk-gokkusagi, .tepki-kart.tk-alkis, .tepki-kart.tk-gulme, .tepki-kart.tk-tac, .tepki-kart.tk-gunes { --tky: #1B2437; text-shadow: none; }
@keyframes tkZipla { 0%, 100% { transform: none; } 40% { transform: translateY(-4px) rotate(-6deg); } 60% { transform: translateY(0) rotate(4deg); } }
.sy-satir .sy-balon.sy-balon.sy-balon.sy-tepki { background: none; box-shadow: none; padding: 2px 0 0; min-width: 0; }
.gosteri { position: fixed; inset: 0; z-index: 9100; pointer-events: none; overflow: hidden; }
.gosteri.bitiyor, .kutlama.bitiyor { opacity: 0; transition: opacity .45s ease; }
.gs-orta { position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%); font-size: min(30vw, 150px); line-height: 1; filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .35)); }
.gs-orta.svg { width: min(52vw, 230px); }
.gs-orta.svg > svg { width: 100%; height: auto; display: block; }
.gs-orta.svg.gokkusagi { width: min(86vw, 420px); }
.gs-orta.zipla { animation: gsZipla .45s cubic-bezier(.3, 1.6, .5, 1) 4 alternate; }
.gs-orta.salla { animation: gsSalla .5s ease-in-out infinite alternate; }
.gs-orta.pop { animation: gsPop .5s cubic-bezier(.2, 1.5, .4, 1) both; }
.gs-orta.dus { animation: gsTacDus .8s cubic-bezier(.3, 1.4, .5, 1) both; }
.gs-orta.nabiz { animation: gsPop .45s cubic-bezier(.2, 1.5, .4, 1) both, gsNabiz .7s ease-in-out .45s infinite alternate; }
.gs-orta.zeybek .zb { transform-origin: 50% 95%; animation: gsZeybek 1.1s ease-in-out infinite alternate; }
.gs-orta.cay .buhar path { stroke-dasharray: 30; animation: gsBuhar 1.4s ease-in-out infinite; }
.gs-orta.cay .buhar path:nth-child(2) { animation-delay: .3s; } .gs-orta.cay .buhar path:nth-child(3) { animation-delay: .6s; }
.gs-orta.gokkusagi .yay { stroke-dasharray: 100; stroke-dashoffset: 100; animation: gsYay .9s ease-out forwards; animation-delay: calc(var(--i) * .12s); }
@keyframes gsZipla { from { transform: translate(-50%, -50%) scale(1); } to { transform: translate(-50%, -56%) scale(1.12); } }
@keyframes gsSalla { from { transform: translate(-50%, -50%) rotate(-12deg); } to { transform: translate(-50%, -50%) rotate(12deg); } }
@keyframes gsPop { from { transform: translate(-50%, -50%) scale(.2); opacity: 0; } }
@keyframes gsNabiz { to { transform: translate(-50%, -50%) scale(1.1); } }
@keyframes gsTacDus { from { transform: translate(-50%, -260%) rotate(-20deg); opacity: 0; } }
@keyframes gsZeybek { from { transform: rotate(-8deg) translateY(0); } to { transform: rotate(8deg) translateY(6px); } }
@keyframes gsBuhar { 0% { stroke-dashoffset: 30; opacity: 0; } 40% { opacity: .9; } 100% { stroke-dashoffset: -30; opacity: 0; } }
@keyframes gsYay { to { stroke-dashoffset: 0; } }
.gs-dalga { position: absolute; left: 50%; top: 46%; width: 120px; height: 120px; margin: -60px 0 0 -60px; border-radius: 50%; border: 4px solid var(--gsd, rgba(255, 196, 46, .8)); animation: gsDalga 1.2s ease-out infinite; }
.gs-dalga.d2 { animation-delay: .4s; } .gs-dalga.d3 { animation-delay: .8s; }
.gs-dalga.mavi { --gsd: rgba(66, 165, 245, .85); }
@keyframes gsDalga { from { transform: scale(.6); opacity: 1; } to { transform: scale(3.2); opacity: 0; } }
.gs-alt { position: absolute; left: 50%; bottom: 8%; transform: translateX(-50%); width: min(92vw, 520px); filter: drop-shadow(0 6px 12px rgba(0, 0, 0, .35)); animation: gsAltGel .5s ease-out both; }
.gs-alt > svg { width: 100%; height: auto; display: block; }
.gs-halay .hk { animation: gsHalay .5s ease-in-out infinite alternate; animation-delay: calc(var(--i) * .08s); }
.gs-halay .hk .ay1 { animation: gsBacak .5s ease-in-out infinite alternate; transform-origin: 0 60px; }
.gs-halay .mendil { transform-origin: 262px 34px; animation: gsMendil .25s ease-in-out infinite alternate; }
@keyframes gsAltGel { from { transform: translate(-50%, 40px); opacity: 0; } }
@keyframes gsHalay { to { transform: translateY(-5px); } }
@keyframes gsBacak { to { transform: rotate(-14deg); } }
@keyframes gsMendil { to { transform: rotate(-24deg); } }
.gs-yan { position: absolute; right: 4%; bottom: 6%; width: min(36vw, 170px); animation: gsAltGel .5s ease-out both; }
.gs-yan > svg { width: 100%; height: auto; display: block; }
.gs-yan .zb { transform-origin: 50% 95%; animation: gsZeybek 1.1s ease-in-out infinite alternate; }
.gs-uc { position: absolute; top: 28%; left: 0; width: min(46vw, 240px); animation: gsUc 2.2s ease-in-out both; filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .35)); }
.gs-uc.yavas { animation-duration: 3.4s; top: 18%; }
.gs-uc > svg { width: 100%; height: auto; display: block; overflow: visible; }
.gs-uc .kn-ust { transform-origin: 74px 42px; animation: gsKanat .32s ease-in-out infinite alternate; }
.gs-uc .kn-alt { transform-origin: 86px 44px; animation: gsKanat .32s ease-in-out infinite alternate-reverse; }
@keyframes gsUc { from { transform: translate(-110%, 40px) rotate(6deg); } 50% { transform: translate(calc(50vw - 50%), -10px) rotate(-4deg); } to { transform: translate(110vw, 20px) rotate(4deg); } }
@keyframes gsKanat { to { transform: scaleY(-.35); } }
.gs-flas { position: absolute; inset: 0; --fl: #F2F6FF; background: var(--fl); opacity: 0; animation: gsFlas 1.6s steps(1) both; }
@keyframes gsFlas { 0% { opacity: 0; } 8% { opacity: .85; } 12% { opacity: 0; } 22% { opacity: .6; } 26%, 100% { opacity: 0; } }
.gs-simsek { position: absolute; top: 4%; width: min(22vw, 110px); opacity: 0; filter: drop-shadow(0 0 12px rgba(255, 230, 80, .9)); animation: gsSimsek 1.6s ease-out both; }
.gs-simsek > svg { width: 100%; height: auto; display: block; }
.gs-simsek.s1 { left: 28%; } .gs-simsek.s2 { left: 60%; animation-delay: .35s; transform: scaleX(-1); } .gs-simsek.s3 { left: 8%; animation-delay: .9s; }
@keyframes gsSimsek { 0% { opacity: 0; } 6% { opacity: 1; } 30% { opacity: 1; } 100% { opacity: 0; } }
.gs-isinlar { position: absolute; left: 50%; top: 46%; width: 150vmax; height: 150vmax; margin: -75vmax 0 0 -75vmax; --gi: rgba(255, 214, 102, .22); background: repeating-conic-gradient(var(--gi) 0 10deg, transparent 10deg 20deg); animation: c2Don 14s linear infinite, gsBelir .6s ease-out both; }
.gs-isinlar.ust { top: 10%; }
@keyframes gsBelir { from { opacity: 0; } }
.gs-roket { position: absolute; left: 50%; bottom: -10%; font-size: min(26vw, 120px); line-height: 1; animation: gsRoket 2s cubic-bezier(.5, 0, .7, .4) both; filter: drop-shadow(0 0 16px rgba(255, 140, 0, .6)); }
@keyframes gsRoket { from { transform: translate(-50%, 0) rotate(-45deg); } 25% { transform: translate(-50%, -30vh) rotate(-45deg); } to { transform: translate(-30%, -130vh) rotate(-45deg); } }
.gs-sicak { position: absolute; inset: 0; --gsc: rgba(255, 179, 0, .22); background: radial-gradient(circle at 50% 60%, var(--gsc), transparent 70%); animation: gsBelir .6s ease-out both; }
.gs-gunes { position: absolute; left: 50%; bottom: 0; width: min(56vw, 260px); transform: translateX(-50%); animation: gsGunes 2.2s ease-out both; }
.gs-gunes > svg { width: 100%; height: auto; display: block; }
.gs-gunes .isin { transform-origin: 60px 60px; animation: c2Don 6s linear infinite; }
@keyframes gsGunes { from { transform: translate(-50%, 100%); } 45%, to { transform: translate(-50%, -40vh); } }
.gs-hali { position: absolute; left: 50%; bottom: 0; width: min(46vw, 220px); height: calc(100% - var(--ust, 0px) - 70px); --hl: linear-gradient(90deg, #8E0F1C, #D11F2F 15%, #E53945 50%, #D11F2F 85%, #8E0F1C); background: var(--hl); transform: translateX(-50%) perspective(700px) rotateX(34deg); transform-origin: 50% 100%; animation: gsHali .9s ease-out both; --hlk: inset 0 0 0 4px #F2C14E; box-shadow: var(--hlk); }
@keyframes gsHali { from { clip-path: inset(100% 0 0 0); } to { clip-path: inset(0 0 0 0); } }
.gs-gelin { position: absolute; bottom: 4%; left: 0; font-size: min(18vw, 90px); line-height: 1; animation: gsGelin 3.6s linear both; }
.gs-gelin > i { position: absolute; left: 22%; top: -24%; font-size: .55em; font-style: normal; }
@keyframes gsGelin { from { transform: translateX(-120%); } to { transform: translateX(110vw); } }
.gs-isik { position: absolute; bottom: -10%; width: 26vw; max-width: 160px; height: 120vh; margin-left: -13vw; transform-origin: 50% 100%; background: linear-gradient(0deg, var(--renk), transparent 85%); opacity: .45; clip-path: polygon(45% 100%, 55% 100%, 100% 0, 0 0); animation: gsIsik 1.4s ease-in-out infinite alternate; animation-delay: var(--g); mix-blend-mode: screen; }
@keyframes gsIsik { from { transform: rotate(-24deg); } to { transform: rotate(24deg); } }
/* parçacıklar */
.gp { position: absolute; top: 0; font-style: normal; line-height: 1; pointer-events: none; animation-duration: var(--d); animation-delay: var(--g); animation-fill-mode: both; animation-timing-function: linear; will-change: transform, opacity; }
.gp-dus { top: -40px; animation-name: gpDus; }
.gp-cik { top: auto; bottom: -50px; animation-name: gpCik; animation-timing-function: ease-out; }
.gp-patla { width: 8px; height: 8px; margin: -4px 0 0 -4px; animation-name: gpPatla; animation-timing-function: cubic-bezier(.15, .7, .3, 1); }
.gp-pop { animation-name: gpPop; animation-timing-function: ease-out; transform: translate(-50%, -50%); }
.gp-meteor { width: 140px; height: 3px; border-radius: 3px; --mt: linear-gradient(90deg, transparent, rgba(255, 255, 255, .9)); background: var(--mt); --mtg: 0 0 10px rgba(180, 220, 255, .9); box-shadow: var(--mtg); animation-name: gpMeteor; animation-timing-function: ease-in; transform: rotate(150deg); }
.gp-konfeti { width: 9px; height: 13px; border-radius: 2px; }
.gp-nokta { width: 6px; height: 6px; border-radius: 50%; box-shadow: 0 0 6px currentColor; }
.gp-nota { --gn: #FFC42E; color: var(--gn); font-weight: 800; text-shadow: 0 2px 6px rgba(0, 0, 0, .45); }
.gp-kar { --gk: #FFFFFF; color: var(--gk); text-shadow: 0 0 6px rgba(120, 180, 255, .9); }
.gp-parilti { --gpp: #FFE680; color: var(--gpp); text-shadow: 0 0 8px rgba(255, 200, 40, .95); }
.gp-yazi { --gy: #FFFFFF; color: var(--gy); font-weight: 900; -webkit-text-stroke: 1px #E07B00; text-shadow: 0 1px 2px rgba(0, 0, 0, .18), 0 6px 12px rgba(0, 0, 0, .3); }
.gp-yildizcik { --gyz: #FFFFFF; color: var(--gyz); text-shadow: 0 0 6px rgba(255, 255, 255, .9); }
.gp-cicek { --gc: #FFFFFF; color: var(--gc); }
.gp-svg { width: 1em; }
.gp-svg > svg { width: 100%; height: auto; display: block; }
.gp-balon { width: 1em; }
.gp-flas { width: 70px; height: 70px; --gf: radial-gradient(circle, #FFFFFF 0 12%, rgba(255, 255, 255, .6) 25%, transparent 60%); background: var(--gf); border-radius: 50%; }
.gp-halka { position: absolute; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; box-shadow: 0 0 0 2px currentColor, 0 0 18px currentColor; animation: gpHalka .7s ease-out both; animation-delay: var(--g); }
@keyframes gpDus { from { transform: translate(0, 0) rotate(0); opacity: 1; } 85% { opacity: 1; } to { transform: translate(var(--sw), 110vh) rotate(var(--r)); opacity: .2; } }
@keyframes gpCik { from { transform: translate(0, 0); opacity: 0; } 12% { opacity: 1; } to { transform: translate(var(--sw), -112vh) rotate(calc(var(--r) / 8)); opacity: .3; } }
@keyframes gpPatla { from { transform: translate(0, 0) scale(.4) rotate(0); opacity: 1; } 60% { opacity: 1; } to { transform: translate(var(--dx), calc(var(--dy) + 60px)) scale(1) rotate(var(--r)); opacity: 0; } }
@keyframes gpPop { 0% { transform: translate(-50%, -50%) scale(0); opacity: 0; } 30% { transform: translate(-50%, -50%) scale(1.15); opacity: 1; } 70% { opacity: 1; } 100% { transform: translate(-50%, -70%) scale(1); opacity: 0; } }
@keyframes gpMeteor { from { transform: rotate(150deg) translateX(0); opacity: 0; } 15% { opacity: 1; } to { transform: rotate(150deg) translateX(-110vmax); opacity: 0; } }
@keyframes gpHalka { from { transform: scale(.2); opacity: 1; } to { transform: scale(9); opacity: 0; } }
.tepki-gosteri.durgun .gs-orta { font-size: min(24vw, 110px); }

/* ---------- giriş efektleri (0.67.0 eklentileri) */
.giris-efekt.e-meteor, .giris-efekt.e-dj { --ge-gok: linear-gradient(180deg, rgba(8, 12, 34, .78), rgba(8, 12, 34, .45) 55%, transparent 90%); background: var(--ge-gok); }
.giris-efekt.e-kirmizihali .ge-serit { background: linear-gradient(100deg, #8E0F1C, #D11F2F); box-shadow: 0 8px 26px rgba(60, 0, 10, .5), inset 0 0 0 1.5px #F2C14E; }
.giris-efekt.e-tac .ge-serit, .giris-efekt.e-gelin .ge-serit { box-shadow: 0 8px 26px rgba(10, 16, 40, .45), inset 0 0 0 2px #F2C14E, 0 0 22px rgba(242, 193, 78, .55); }
.giris-efekt.e-simsek .ge-serit { background: linear-gradient(100deg, #14163A, #3A3F8F); }
.giris-efekt.e-dj .ge-serit { background: linear-gradient(100deg, #2A0B4A, #0B3A6B); }

/* ---------- başarı kutlaması */
.kutlama { position: fixed; inset: 0; z-index: 9200; display: grid; place-items: center; overflow: hidden; cursor: pointer; --kt-ort: rgba(8, 12, 28, .62); background: var(--kt-ort); animation: gsBelir .3s ease-out both; -webkit-tap-highlight-color: transparent; }
.kt-kart { position: relative; z-index: 2; width: min(86vw, 340px); text-align: center; padding: 18px 20px 14px; border-radius: 26px; --kt-k1: #1B2F5B; --kt-k2: #3A2A78; --kt-y: #FFFFFF; background: linear-gradient(160deg, var(--kt-k1), var(--kt-k2)); color: var(--kt-y); box-shadow: 0 18px 50px rgba(0, 0, 0, .5), inset 0 0 0 2px rgba(255, 196, 46, .75); animation: ktKart .55s cubic-bezier(.2, 1.4, .4, 1) both; }
.kt-simge { position: relative; width: 132px; height: 132px; margin: -70px auto 4px; display: grid; place-items: center; font-size: 84px; line-height: 1; }
.kt-simge > span { position: relative; z-index: 1; filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .45)); animation: ktSimge .9s cubic-bezier(.2, 1.5, .4, 1) .15s both; }
.kt-simge.svg > span { width: 118px; }
.kt-simge.svg svg { width: 100%; height: auto; display: block; }
.kt-isin { position: absolute; inset: -40px; border-radius: 50%; --kti: rgba(255, 214, 102, .45); background: repeating-conic-gradient(var(--kti) 0 9deg, transparent 9deg 18deg); -webkit-mask: radial-gradient(circle, #000 30%, transparent 70%); mask: radial-gradient(circle, #000 30%, transparent 70%); animation: c2Don 10s linear infinite; }
.kt-kart h2 { margin: 2px 0 4px; font: 800 26px/1.15 var(--yazi); --kt-b: #FFD54F; color: var(--kt-b); text-shadow: 0 1px 2px rgba(0, 0, 0, .18); }
.kt-kart p { margin: 0 0 10px; font-size: 16px; font-weight: 600; opacity: .92; }
.kt-kart small { display: block; font-size: 12px; opacity: .6; }
.kutlama.kt-altin .kt-kart, .kutlama.kt-tac .kt-kart, .kutlama.kt-kupa .kt-kart { --kt-k1: #3A2A05; --kt-k2: #7A5410; }
.kutlama.kt-lale .kt-kart { --kt-k1: #7A1030; --kt-k2: #C2185B; }
.kutlama.kt-balon .kt-kart { --kt-k1: #0E5E8A; --kt-k2: #2E7BEF; }
.kutlama.kt-kartal .kt-kart { --kt-k1: #2E2018; --kt-k2: #5D4037; }
.kutlama.kt-davul .kt-kart { --kt-k1: #6B1E10; --kt-k2: #B8341B; }
.kutlama .gp { z-index: 1; }
@keyframes ktKart { from { transform: scale(.6) translateY(30px); opacity: 0; } }
@keyframes ktSimge { from { transform: scale(.2) rotate(-25deg); opacity: 0; } }

/* ---------- profil kartı arka planları (gr.kp) */
.pkart { position: relative; isolation: isolate; color: var(--pkt-y, #FFFFFF); background: var(--pkt-bg, #1B2F5B); text-shadow: 0 1px 2px rgba(0, 0, 0, .35); }
.pkart.pkart-acik { --pkt-y: #1B2437; text-shadow: 0 1px 2px rgba(0, 0, 0, .18); }
.pkart::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit; background: var(--pkt-ort, linear-gradient(90deg, rgba(8, 14, 32, .62), rgba(8, 14, 32, .38) 55%, rgba(8, 14, 32, 0) 85%)); }
.pkart.pkart-acik { --pkt-ort: linear-gradient(90deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .6) 55%, rgba(255, 255, 255, 0) 85%); }
.pkart-gun, .pkart-gece, .pkart-deniz, .pkart-gumus, .pkart-altin, .pkart-mermer, .pkart-pastel, .pkart-karbon, .pkart-neon, .pkart-numarali { --pkt-ort: none; }
.pkart-bogaz { --pkt-bg: linear-gradient(180deg, rgba(20, 30, 60, 0) 55%, rgba(20, 30, 60, .45)), linear-gradient(176deg, transparent 62%, #1E3557 62.5%), linear-gradient(180deg, #2B3A67, #C96B7B 60%, #F7A76C); }
.pkart-cini { --pkt-bg: radial-gradient(circle at 50% 50%, transparent 7px, #1C3F94 7.5px 9px, transparent 9.5px) 0 0 / 28px 28px, radial-gradient(circle at 0 0, #2E86C1 0 5px, transparent 5.5px) 0 0 / 28px 28px, radial-gradient(circle at 50% 50%, #C62828 0 2.5px, transparent 3px) 0 0 / 28px 28px, linear-gradient(#F6F9FF, #E6EEFB); }
.pkart-kilim { --pkt-bg: conic-gradient(from 45deg at 50% 50%, #E8B04B 25%, transparent 0 50%, #E8B04B 0 75%, transparent 0) 0 0 / 22px 22px, linear-gradient(transparent 46%, #1C3F94 46% 54%, transparent 54%) 0 0 / 100% 44px, linear-gradient(135deg, #A3252B, #6E1419); }
.pkart-ebru { --pkt-bg: radial-gradient(ellipse 45% 60% at 18% 30%, #2E6DB4, transparent 70%), radial-gradient(ellipse 50% 45% at 82% 72%, #C2185B, transparent 70%), radial-gradient(ellipse 35% 50% at 55% 15%, #F2A93B, transparent 70%), radial-gradient(ellipse 40% 40% at 35% 88%, #1F8A70, transparent 70%), linear-gradient(135deg, #1B2850, #3A1E4A); }
.pkart-gece { --pkt-bg: radial-gradient(1.5px 1.5px at 12% 20%, #FFFFFF 50%, transparent 51%), radial-gradient(1px 1px at 40% 35%, #FFFFFF 50%, transparent 51%), radial-gradient(1.2px 1.2px at 72% 15%, #FFFFFF 50%, transparent 51%), radial-gradient(1px 1px at 88% 45%, #FFFFFF 50%, transparent 51%), radial-gradient(circle at 85% 18%, #F5F0D8 0 10px, transparent 11px), linear-gradient(180deg, #0B1430, #2A2A5A); }
.pkart-gun { --pkt-bg: radial-gradient(circle at 85% 20%, #FFF6C8 0 14px, rgba(255, 246, 200, .4) 15px 28px, transparent 29px), linear-gradient(180deg, #8CCBF2, #E6F5FF); }
.pkart-orman { --pkt-bg: linear-gradient(transparent 70%, rgba(0, 0, 0, .25)), repeating-linear-gradient(90deg, transparent 0 14px, rgba(20, 70, 40, .55) 14px 18px, transparent 18px 34px), linear-gradient(180deg, #2E6B44, #123A24); }
.pkart-deniz { --pkt-bg: repeating-radial-gradient(ellipse 60px 12px at 50% 120%, rgba(255, 255, 255, .12) 0 2px, transparent 3px 14px), linear-gradient(180deg, #1FA3D6, #0B4F86); }
.pkart-dag { --pkt-bg: linear-gradient(150deg, transparent 54%, #FFFFFF 54.5% 58%, #6E7F96 58.5%) 0 100% / 50% 80% no-repeat, linear-gradient(210deg, transparent 54%, #FFFFFF 54.5% 58%, #4A5870 58.5%) 100% 100% / 50% 80% no-repeat, linear-gradient(180deg, #4A7CB8, #B9D4EE); }
.pkart-col { --pkt-bg: radial-gradient(ellipse 80% 30% at 30% 100%, #E6BE7E, transparent 70%), radial-gradient(ellipse 70% 25% at 80% 100%, #D9A85E, transparent 70%), radial-gradient(circle at 80% 25%, #FFF4C0 0 12px, transparent 13px), linear-gradient(180deg, #F8D9A0, #F3C584); }
.pkart-sehir { --pkt-bg: linear-gradient(transparent 55%, #0B1022 55%) 0 0 / 30px 100%, linear-gradient(transparent 35%, #141B36 35%) 15px 0 / 45px 100%, radial-gradient(circle, #FFD27A 0 1.2px, transparent 1.6px) 0 0 / 9px 11px, linear-gradient(180deg, #1B1F48, #3A2A6E); }
.pkart-uzay { --pkt-bg: radial-gradient(circle at 80% 30%, #E0A15C 0 12px, transparent 13px), radial-gradient(ellipse 22px 4px at 80% 30%, transparent 18px, rgba(240, 200, 150, .7) 19px 21px, transparent 22px), radial-gradient(1px 1px at 20% 30%, #FFFFFF 50%, transparent 51%) 0 0 / 40px 40px, radial-gradient(1px 1px at 70% 60%, #FFFFFF 50%, transparent 51%) 0 0 / 55px 55px, radial-gradient(ellipse at 30% 70%, rgba(123, 31, 162, .55), transparent 60%), #0B0820; }
.pkart-mermer { --pkt-bg: linear-gradient(115deg, transparent 40%, rgba(140, 140, 150, .3) 41%, transparent 43%), linear-gradient(160deg, transparent 62%, rgba(140, 140, 150, .22) 63%, transparent 65%), linear-gradient(70deg, transparent 22%, rgba(180, 170, 150, .28) 23%, transparent 26%), linear-gradient(135deg, #EEECE6, #FFFFFF 60%, #E4E1D8); }
.pkart-ahsap { --pkt-bg: repeating-linear-gradient(92deg, rgba(0, 0, 0, .1) 0 2px, transparent 2px 11px), repeating-linear-gradient(88deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 23px), linear-gradient(135deg, #6B4226, #A87850); }
.pkart-altin { --pkt-bg: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, .55) 48%, transparent 60%), linear-gradient(135deg, #B8891E, #F6D365 40%, #E2B33C 65%, #B8891E); }
.pkart-gumus { --pkt-bg: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, .6) 48%, transparent 60%), linear-gradient(135deg, #8A9099, #E5E7EB 40%, #B5BBC3 65%, #9AA1AA); }
.pkart-karbon { --pkt-bg: linear-gradient(135deg, rgba(255, 255, 255, .07), transparent 50%), repeating-linear-gradient(45deg, #2A2C30 0 4px, #18191C 4px 8px), repeating-linear-gradient(-45deg, rgba(255, 255, 255, .03) 0 4px, transparent 4px 8px), #18191C; }
.pkart-neon { --pkt-bg: linear-gradient(transparent calc(100% - 3px), #FF00C8 0) , linear-gradient(90deg, rgba(0, 229, 255, .12) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(rgba(255, 0, 200, .12) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(180deg, #0B0B14, #1A0B2E); box-shadow: inset 0 0 0 1.5px #00E5FF, 0 0 14px rgba(0, 229, 255, .35); }
.pkart-pastel { --pkt-bg: radial-gradient(circle at 20% 20%, #FFD6E7, transparent 45%), radial-gradient(circle at 80% 30%, #D6F0FF, transparent 45%), radial-gradient(circle at 50% 90%, #E8FFD6, transparent 50%), linear-gradient(135deg, #FFF3E0, #F3E5F5); }
.pkart-retro { --pkt-bg: linear-gradient(180deg, transparent 50%, #F2A93B 50% 58%, #E86A2E 58% 66%, #C2453A 66% 74%, #6B2E5E 74% 82%, transparent 82%), linear-gradient(180deg, #2E5D5A, #1E3E3C); }
.pkart-lale { --pkt-bg: radial-gradient(ellipse 9px 14px at 50% 40%, #FF5C8A 60%, transparent 62%) 0 0 / 40px 46px, radial-gradient(ellipse 2px 12px at 50% 75%, #2E7D32 60%, transparent 62%) 0 0 / 40px 46px, linear-gradient(135deg, #8E1240, #4A0A22); }
.pkart-zeytin { --pkt-bg: radial-gradient(ellipse 5px 8px at 30% 40%, #2E3A12 60%, transparent 64%) 0 0 / 34px 34px, radial-gradient(ellipse 10px 3px at 60% 60%, #A3B163 60%, transparent 64%) 0 0 / 34px 34px, linear-gradient(135deg, #5B6B2F, #3A451C); }
.pkart-kahve { --pkt-bg: radial-gradient(ellipse 6px 9px at 50% 50%, #3A2214 60%, transparent 64%) 0 0 / 30px 30px, radial-gradient(ellipse 6px 9px at 50% 50%, #3A2214 60%, transparent 64%) 15px 15px / 30px 30px, linear-gradient(135deg, #8A5A35, #4E2F1A); }
.pkart-cay { --pkt-bg: linear-gradient(90deg, transparent 0 20px, rgba(255, 255, 255, .06) 20px 22px) 0 0 / 42px 100%, radial-gradient(circle at 85% 30%, rgba(255, 200, 150, .25) 0 18px, transparent 19px), linear-gradient(135deg, #B3261E, #5E120D); }
.pkart-simit { --pkt-bg: radial-gradient(circle at 50% 50%, transparent 8px, #C98A3E 8.5px 15px, transparent 15.5px) 0 0 / 40px 40px, radial-gradient(circle, #FFF2D0 0 1px, transparent 1.4px) 0 0 / 7px 7px, linear-gradient(135deg, #FBE7C2, #F2CF92); }
.pkart-nazar { --pkt-bg: radial-gradient(circle at 50% 50%, #0B0B12 0 3px, #42A5F5 3.5px 7px, #FFFFFF 7.5px 11px, #0D47A1 11.5px 15px, transparent 15.5px) 0 0 / 44px 44px, linear-gradient(135deg, #1565C0, #0B2A63); }
.pkart-kapadokya { --pkt-bg: radial-gradient(ellipse 12px 14px at 20% 30%, #E8413C 60%, transparent 62%), radial-gradient(ellipse 9px 10px at 55% 18%, #2E7BEF 60%, transparent 62%), radial-gradient(ellipse 11px 13px at 82% 38%, #F28C28 60%, transparent 62%), linear-gradient(175deg, transparent 70%, #C28A5A 70.5%), linear-gradient(180deg, #8EC5FC, #F9D5A7 70%); }
.pkart-pamukkale { --pkt-bg: repeating-linear-gradient(180deg, #FFFFFF 0 10px, #CDEFF7 10px 13px, #7FD8EC 13px 16px, #FFFFFF 16px 20px), linear-gradient(180deg, #F4FAFC, #DFF3F8); }
.pkart-efes { --pkt-bg: linear-gradient(90deg, transparent 0 12px, rgba(255, 255, 255, .55) 12px 20px, transparent 20px 34px) 0 100% / 34px 60% repeat-x, linear-gradient(180deg, #E5B970, #B87A3E); }
.pkart-karadeniz { --pkt-bg: linear-gradient(transparent 60%, rgba(0, 0, 0, .25)), conic-gradient(from 150deg at 50% 10%, #1F5A36 0 60deg, transparent 0) 0 100% / 26px 60% repeat-x, linear-gradient(180deg, #9FB8B0, #4E7A6A); }
.pkart-numarali { --pkt-bg: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, .5) 48%, transparent 60%) 0 0 / 300% 100%, repeating-linear-gradient(45deg, rgba(201, 162, 75, .14) 0 2px, transparent 2px 12px), linear-gradient(135deg, #0F2A1E, #05140E); --pkt-y: #F6DC8C; box-shadow: inset 0 0 0 2px #C9A24B, 0 0 16px rgba(201, 162, 75, .4); animation: balonParilti 4s linear infinite; }
.pkart-ornek { display: flex; align-items: center; gap: 10px; width: 100%; height: 100%; padding: 10px 14px; border-radius: 0; text-align: start; }
.pko-foto { width: 44px; height: 44px; border-radius: 50%; flex: none; display: grid; place-items: center; font-weight: 800; font-size: 20px; --pf: #2E86DE; background: var(--pf); color: #FFFFFF; box-shadow: 0 0 0 2px rgba(255, 255, 255, .85); text-shadow: none; }
.pko-yazi { display: grid; min-width: 0; }
.pko-yazi b { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pko-yazi small { font-size: 12px; opacity: .9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---------- hediye rafı */
.hediye-rafi { margin: 6px 16px 10px; }
.hediye-rafi h4 { margin: 0 0 6px; font-size: 14px; color: #5A3A22; display: flex; align-items: center; gap: 6px; }
.hediye-rafi h4 small { font-size: 11px; font-weight: 800; background: #F2E6CF; color: #8A5A2B; border-radius: 99px; padding: 0 7px; }
.hr-raf { display: flex; gap: 6px; overflow-x: auto; padding: 8px 8px 0; border-radius: 12px 12px 0 0; background: linear-gradient(180deg, #FFF8EC, #F6EAD3); border-bottom: 9px solid #A8743F; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 8px 12px rgba(80, 50, 20, .2); scrollbar-width: thin; }
.hr-vitrin { display: flex; gap: 8px; overflow-x: auto; padding: 8px; margin-bottom: 10px; border-radius: 12px; background: linear-gradient(160deg, #22263A, #121522); box-shadow: inset 0 0 0 1px rgba(201, 162, 75, .6), inset 0 0 22px rgba(255, 214, 102, .12); }
.hr-oge { margin: 0; flex: none; width: 64px; display: grid; justify-items: center; gap: 2px; text-align: center; }
.hr-gorsel { width: 52px; height: 52px; display: grid; place-items: center; font-size: 34px; line-height: 1; filter: drop-shadow(0 3px 3px rgba(0, 0, 0, .18)); }
.hr-gorsel > svg { width: 44px; height: 44px; }
.hr-cicek .hr-gorsel > svg { width: 34px; height: 50px; }
.hr-oge figcaption { display: grid; line-height: 1.15; max-width: 64px; }
.hr-oge figcaption b { font-size: 11px; font-weight: 800; color: #5A3A22; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hr-oge figcaption small { font-size: 10px; color: #8A7A66; }
.hr-vitrin .hr-oge figcaption b { --hv: #F6DC8C; color: var(--hv); }
.hr-vitrin .hr-oge figcaption small { --hvs: #B8B0A0; color: var(--hvs); }
.hr-vitrin .hr-gorsel { filter: drop-shadow(0 0 8px rgba(255, 214, 102, .45)); }
.hr-gosteri .hr-gorsel { font-size: 38px; }
.hr-kart { width: 92px; }
.hr-kart figcaption { max-width: 92px; }
.hr-kart .hr-gorsel { width: 86px; height: 56px; }
.tebrik-kart { --tk-y: #FFFFFF; display: inline-grid; justify-items: center; align-content: center; gap: 2px; width: 150px; min-height: 92px; padding: 8px; border-radius: 10px; background: linear-gradient(150deg, var(--t1), var(--t2)); color: var(--tk-y); text-align: center; box-shadow: 0 3px 8px rgba(0, 0, 0, .18), inset 0 0 0 3px rgba(255, 255, 255, .45); transform: rotate(-3deg); text-shadow: 0 1px 2px rgba(0, 0, 0, .3); }
.tebrik-kart > i { font-style: normal; font-size: 30px; line-height: 1; }
.tebrik-kart > b { font: 800 15px/1.1 "Kaushan Script", var(--yazi); }
.tebrik-kart.kucuk { width: 84px; min-height: 54px; padding: 4px; border-radius: 7px; box-shadow: 0 2px 4px rgba(0, 0, 0, .18), inset 0 0 0 2px rgba(255, 255, 255, .45); }
.tebrik-kart.kucuk > i { font-size: 18px; }
.tebrik-kart.kucuk > b { font-size: 10.5px; }

/* ---------- kartvizit */
.kartvizit { --kv-z: #FFFDF6; --kv-y: #1B2437; --kv-v: #C9A24B; position: relative; overflow: hidden; width: 100%; max-width: 340px; aspect-ratio: 1.75; border-radius: 10px; display: flex; align-items: center; gap: 12px; padding: 14px 16px; box-sizing: border-box; background: var(--kv-z); color: var(--kv-y); box-shadow: 0 6px 18px rgba(0, 0, 0, .18); isolation: isolate; text-align: start; }
.kv-desen { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.kv-logo { flex: none; width: 27%; max-width: 76px; }
.kv-logo .logo-svg { width: 100%; height: auto; display: block; }
.kv-yazi { display: grid; gap: 2px; min-width: 0; }
.kv-sirket { font-size: clamp(14px, 4.4vw, 19px); font-weight: 800; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kv-cizgi { display: block; width: 46px; height: 2px; background: var(--kv-v); margin: 4px 0; }
.kv-ad { font-size: 14px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kv-gorev { font-size: 11px; opacity: .7; }
.kv-alt { position: absolute; right: 12px; bottom: 8px; font-size: 8.5px; letter-spacing: 2px; opacity: .45; font-weight: 800; }
.kv-klasik { --kv-z: #FFFBEF; --kv-y: #1B2F5B; --kvg: 0 6px 18px rgba(0, 0, 0, .18), inset 0 0 0 5px #FFFBEF, inset 0 0 0 6px #C9A24B; font-family: Georgia, "DejaVu Serif", serif; box-shadow: var(--kvg); }
.kv-modern { --kv-z: #FFFFFF; --kv-y: #111827; --kv-v: #2E7BEF; }
.kv-modern .kv-desen { --kvd: linear-gradient(115deg, transparent 72%, var(--kv-m1, #2E7BEF) 72% 86%, var(--kv-m2, #0B3A8C) 86%); background: var(--kvd); }
.kv-altin { --kv-z: #121212; --kv-y: #F6DC8C; --kv-v: #F2C14E; box-shadow: 0 6px 18px rgba(0, 0, 0, .3), inset 0 0 0 2px #C9A24B; }
.kv-altin .kv-sirket { background: linear-gradient(110deg, #B8891E, #FFF1A8 45%, #E2B33C 60%, #B8891E); -webkit-background-clip: text; background-clip: text; color: transparent; }
.kv-altin .kv-desen { --kvd: radial-gradient(circle at 100% 0, rgba(242, 193, 78, .22), transparent 50%); background: var(--kvd); }
.kv-minimal { --kv-z: #FFFFFF; --kv-y: #2A2A2A; --kv-v: #2A2A2A; padding-left: 22px; }
.kv-minimal .kv-sirket { font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-size: 14px; }
.kv-minimal .kv-cizgi { width: 18px; height: 1px; }
.kv-koyu { --kv-z: #1B1E27; --kv-y: #E8ECF4; --kv-v: #3DDC84; }
.kv-koyu .kv-desen { --kvd: linear-gradient(90deg, var(--kv-v) 0 4px, transparent 4px), radial-gradient(circle at 90% 120%, rgba(61, 220, 132, .25), transparent 55%); background: var(--kvd); }
.kv-cini { --kv-z: #FFFFFF; --kv-y: #14326E; --kv-v: #C62828; }
.kv-cini .kv-desen { --kvd: radial-gradient(circle, transparent 5px, #1C3F94 5.5px 7px, transparent 7.5px) 0 0 / 22px 22px, radial-gradient(circle, #2E86C1 0 2px, transparent 2.5px) 11px 11px / 22px 22px; background: var(--kvd); -webkit-mask: linear-gradient(90deg, transparent 70%, #000 82%); mask: linear-gradient(90deg, transparent 70%, #000 82%); }
.kv-ahsap { --kv-z: #8A5A35; --kv-y: #FFF3E0; --kv-v: #F2C14E; text-shadow: 0 1px 2px rgba(0, 0, 0, .18); }
.kv-ahsap .kv-desen { --kvd: repeating-linear-gradient(94deg, rgba(0, 0, 0, .1) 0 2px, transparent 2px 10px), repeating-linear-gradient(88deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 21px), linear-gradient(135deg, #7A5230, #A87850); background: var(--kvd); }
.kv-mermer { --kv-z: #F3F1EC; --kv-y: #2A2F38; --kv-v: #C9A24B; }
.kv-mermer .kv-desen { --kvd: linear-gradient(115deg, transparent 40%, rgba(140, 140, 150, .3) 41%, transparent 43%), linear-gradient(160deg, transparent 62%, rgba(140, 140, 150, .22) 63%, transparent 65%), linear-gradient(70deg, transparent 22%, rgba(180, 170, 150, .28) 23%, transparent 26%); background: var(--kvd); }
.kv-geometrik { --kv-z: #FFFFFF; --kv-y: #1B2437; --kv-v: #FF7A00; }
.kv-geometrik .kv-desen { --kvd: conic-gradient(from 45deg at 100% 100%, #FFC42E 0 45deg, transparent 0) 100% 100% / 46% 70% no-repeat, conic-gradient(from 90deg at 100% 0, #2E7BEF 0 50deg, transparent 0) 100% 0 / 40% 60% no-repeat, conic-gradient(from 0deg at 80% 100%, #E0493C 0 40deg, transparent 0) 100% 100% / 60% 60% no-repeat; background: var(--kvd); }
.kv-retro { --kv-z: #FFF1D6; --kv-y: #3A1E10; --kv-v: #E86A2E; font-family: "Baloo 2", var(--yazi); }
.kv-retro .kv-desen { --kvd: linear-gradient(180deg, transparent 80%, #F2A93B 80% 84%, #E86A2E 84% 88%, #C2453A 88% 92%, #6B2E5E 92% 96%, transparent 96%); background: var(--kvd); }

/* ---------- şirket logosu ve seçicisi */
.logo-svg { width: 48px; height: 48px; display: inline-block; vertical-align: middle; }
.logo-ornek { display: flex; justify-content: center; align-items: center; gap: 10px; }
.logo-ornek .logo-svg { width: 54px; height: 54px; filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .2)); }
.logo-secici { display: grid; gap: 12px; }
.ls-ust { display: flex; align-items: center; gap: 14px; }
.ls-onizleme { flex: none; width: 84px; height: 84px; }
.ls-onizleme .logo-svg { width: 84px; height: 84px; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .22)); }
.ls-not { margin: 0; font-size: 13px; color: var(--soluk); line-height: 1.35; }
.ls-renkler { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 6px; }
.ls-renk { aspect-ratio: 1; min-width: 0; border: 0; padding: 0; border-radius: 50%; cursor: pointer; background: linear-gradient(135deg, var(--a), var(--b)); box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3px #D5DAE1; }
.ls-renk[aria-checked="true"] { box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4.5px #1B2437; transform: scale(1.08); }
.ls-simgeler { display: grid; grid-template-columns: repeat(auto-fill, minmax(46px, 1fr)); gap: 6px; max-height: 236px; overflow-y: auto; padding: 2px; }
.ls-simge { aspect-ratio: 1; border: 0; border-radius: 12px; padding: 7px; cursor: pointer; background: linear-gradient(135deg, var(--a), var(--b)); opacity: .55; transition: opacity .15s, transform .15s; }
.ls-simge > svg { width: 100%; height: 100%; display: block; }
.ls-simge:hover { opacity: .85; }
.ls-simge[aria-checked="true"] { opacity: 1; transform: scale(1.06); box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 4px #1B2437; }
@media (max-width: 420px) { .ls-renkler { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

/* ---------- ofis ve grup görünümü */
.ofis-svg { width: 100%; height: auto; display: block; border-radius: 14px; box-shadow: 0 6px 18px rgba(0, 0, 0, .18); }
.grup-simge { width: 40px; height: 40px; flex: none; display: inline-grid; place-items: center; border-radius: 12px; padding: 6px; box-sizing: border-box; background: linear-gradient(135deg, var(--g1), var(--g2)); box-shadow: 0 2px 6px rgba(0, 0, 0, .25), inset 0 0 0 1px rgba(255, 255, 255, .25); vertical-align: middle; }
.grup-simge > svg { width: 100%; height: 100%; display: block; }
.grup-arka { --ga-z: #0F1A33; }
.grup-arka.grup-arka { background-color: var(--ga-z); background-image: var(--ga-d); background-size: var(--ga-b, auto); }
.ga-cini { --ga-z: #0E1B3D; --ga-d: radial-gradient(circle, transparent 9px, rgba(70, 120, 220, .16) 9.5px 12px, transparent 12.5px), radial-gradient(circle, rgba(220, 70, 70, .14) 0 3px, transparent 3.5px); --ga-b: 36px 36px; }
.ga-kilim { --ga-z: #2A0F12; --ga-d: conic-gradient(from 45deg, rgba(232, 176, 75, .12) 25%, transparent 0 50%, rgba(232, 176, 75, .12) 0 75%, transparent 0), linear-gradient(transparent 46%, rgba(28, 63, 148, .18) 46% 54%, transparent 54%); --ga-b: 30px 30px, 100% 60px; }
.ga-gece { --ga-z: #0A1128; --ga-d: radial-gradient(1px 1px at 20% 30%, rgba(255, 255, 255, .7) 50%, transparent 51%), radial-gradient(1.4px 1.4px at 70% 60%, rgba(255, 255, 255, .55) 50%, transparent 51%), radial-gradient(1px 1px at 45% 85%, rgba(255, 255, 255, .5) 50%, transparent 51%); --ga-b: 80px 80px; }
.ga-deniz { --ga-z: #082A44; --ga-d: repeating-radial-gradient(ellipse 50px 10px at 50% 100%, rgba(120, 200, 255, .1) 0 2px, transparent 3px 12px); --ga-b: 100px 40px; }
.ga-orman { --ga-z: #0C2418; --ga-d: conic-gradient(from 150deg at 50% 0, rgba(60, 140, 80, .18) 0 60deg, transparent 0); --ga-b: 34px 46px; }
.ga-sehir { --ga-z: #121633; --ga-d: linear-gradient(transparent 60%, rgba(255, 255, 255, .04) 60%), radial-gradient(circle, rgba(255, 210, 122, .18) 0 1.2px, transparent 1.6px); --ga-b: 40px 100%, 10px 12px; }
.ga-ebru { --ga-z: #161A33; --ga-d: radial-gradient(ellipse 45% 60% at 18% 30%, rgba(46, 109, 180, .3), transparent 70%), radial-gradient(ellipse 50% 45% at 82% 72%, rgba(194, 24, 91, .25), transparent 70%), radial-gradient(ellipse 35% 50% at 55% 15%, rgba(242, 169, 59, .2), transparent 70%); --ga-b: 100% 100%; }
.ga-mermer { --ga-z: #1E2128; --ga-d: linear-gradient(115deg, transparent 40%, rgba(255, 255, 255, .06) 41%, transparent 43%), linear-gradient(160deg, transparent 62%, rgba(255, 255, 255, .05) 63%, transparent 65%); --ga-b: 220px 220px; }
.ga-yildiz { --ga-z: #10102A; --ga-d: radial-gradient(circle, rgba(255, 230, 128, .25) 0 1.5px, transparent 2px), radial-gradient(circle, rgba(255, 255, 255, .2) 0 1px, transparent 1.5px); --ga-b: 46px 46px, 23px 23px; }
.ga-cay { --ga-z: #2A0E0B; --ga-d: radial-gradient(ellipse 6px 10px at 50% 50%, rgba(179, 38, 30, .28) 60%, transparent 64%), radial-gradient(circle, rgba(242, 193, 78, .12) 0 2px, transparent 2.5px); --ga-b: 40px 40px, 20px 20px; }

/* ---------- çıkartma albümü */
.album-sayfa { --al-k: #FFFBF2; border-radius: 16px; padding: 12px; background: linear-gradient(180deg, #FFFBF2, #F6EEDC); box-shadow: inset 0 0 0 1px #EADFC4, 0 6px 16px rgba(80, 60, 20, .12); }
.album-sayfa header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.album-sayfa h4 { margin: 0; font-size: 18px; color: #5A3A22; }
.al-ilerleme { position: relative; flex: none; width: 110px; height: 20px; border-radius: 99px; background: #EADFC4; overflow: hidden; }
.al-ilerleme > i { position: absolute; inset: 0 auto 0 0; width: var(--y); background: linear-gradient(90deg, #1FA25A, #3DDC84); }
.al-ilerleme > b { position: relative; display: block; text-align: center; font-size: 12px; line-height: 20px; --aly: #1B2437; color: var(--aly); }
.al-izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.al-yuva { position: relative; aspect-ratio: .82; border-radius: 12px; display: grid; justify-items: center; align-content: center; gap: 4px; padding: 6px 4px; text-align: center; background: #FFFFFF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 3px 8px rgba(80, 60, 20, .12); }
.al-yuva.yok { background: repeating-linear-gradient(45deg, #F3ECDD 0 6px, #EEE5D2 6px 12px); box-shadow: inset 0 0 0 2px #DDD0B3; border: 0; }
.al-yuva > i { font-style: normal; font-size: clamp(26px, 8vw, 40px); line-height: 1; filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .15)); }
.al-yuva > b { font-size: 11px; line-height: 1.15; color: #3A2A1E; max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.al-yuva.yok > b { color: #A8987A; }
.al-kapak { width: 100%; aspect-ratio: 1.6; border-radius: 6px; overflow: hidden; display: block; }
.al-kapak .kapak-svg { width: 100%; height: 100%; display: block; }
.al-siluet { display: grid; place-items: center; filter: grayscale(1) brightness(0) opacity(.18); width: 100%; }
.al-siluet > i { font-style: normal; font-size: clamp(26px, 8vw, 40px); line-height: 1; }
.al-no { position: absolute; left: 6px; top: 4px; font-size: 10px; font-weight: 800; color: #B5A27E; }
.al-yuva.var .al-no { color: #C9B48C; }
.al-nadir { position: absolute; right: 6px; top: 4px; font-style: normal; font-size: 10px; letter-spacing: -1px; color: #9AA5B5; }
.al-yuva.n2.var { box-shadow: 0 0 0 2px #B9C6D6, 0 0 10px rgba(130, 170, 220, .55), 0 3px 8px rgba(80, 60, 20, .12); }
.al-yuva.n3.var { --al-n3: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .7) 45%, transparent 60%) 0 0 / 300% 100%, linear-gradient(150deg, #FFF8E0, #FFE9A8); background: var(--al-n3); box-shadow: 0 0 0 2px #E2B33C, 0 0 14px rgba(242, 193, 78, .7), 0 3px 8px rgba(80, 60, 20, .12); animation: ckAltin 3.4s linear infinite; }
.al-yuva.n3 .al-nadir { color: #C9922A; }
.al-kopya { position: absolute; right: -4px; bottom: -4px; min-width: 22px; height: 20px; padding: 0 5px; border-radius: 99px; --alk: #E0493C; --alky: #FFFFFF; background: var(--alk); color: var(--alky); font-size: 11px; font-weight: 800; line-height: 20px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
@media (min-width: 640px) { .al-izgara { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

/* ---------- mağaza önizlemeleri (ek-gorsel içinde) */
.ek-gorsel.onz::after { display: none; }
.ek-gorsel.onz.koyu { --r1: #0F1A33; --r2: #2A2F5A; }
.ek-gorsel.cerceve-ornek { --r1: #EEF2F8; --r2: #D5DCE8; }
.ek-gorsel.cerceve-ornek.koyu { --r1: #0F1A33; --r2: #2A2F5A; }
.ek-gorsel.cerceve-ornek .avatar-cerceve { --k: 5px; }
.ek-gorsel.onz-isim, .onz-isim { font-size: 18px; }
.ek-gorsel.tepki-ornek { display: flex; justify-content: center; align-items: center; gap: 6px; padding: 0 6px; }
.ek-gorsel.tepki-ornek .tepki-kart { padding: 6px 8px 6px 6px; gap: 5px; }
.ek-gorsel.tepki-ornek .tepki-kart > i { font-size: 22px; }
.ek-gorsel.tepki-ornek .tepki-kart > b { font-size: 11px; }
.ek-gorsel.tepki-ornek .tepki-kart > small { display: none; }
.ek-gorsel.tepki-ornek .tepki-kart:only-child { padding: 8px 12px 8px 8px; } .ek-gorsel.tepki-ornek .tepki-kart:only-child > b { font-size: 14px; } .ek-gorsel.tepki-ornek .tepki-kart:only-child > i { font-size: 30px; }
.ek-gorsel.kart-ornek .tebrik-kart { width: 128px; min-height: 70px; }
.ek-gorsel.pkart-onz { padding: 0; }
.ek-gorsel.pkart-onz .pkart-ornek { position: absolute; inset: 0; }
.ek-gorsel.kartvizit-onz { padding: 6px; }
.ek-gorsel.kartvizit-onz .kartvizit { height: 76px; width: auto; aspect-ratio: 1.75; padding: 6px 8px; gap: 6px; border-radius: 6px; }
.ek-gorsel.kartvizit-onz .kv-sirket { font-size: 11px; } .ek-gorsel.kartvizit-onz .kv-ad { font-size: 9px; } .ek-gorsel.kartvizit-onz .kv-gorev, .ek-gorsel.kartvizit-onz .kv-alt { display: none; } .ek-gorsel.kartvizit-onz .kv-cizgi { margin: 2px 0; width: 24px; }
.ek-gorsel.grup-onz .grup-simge { width: 54px; height: 54px; border-radius: 16px; padding: 8px; }
.ek-gorsel.ofis-onz { padding: 0; }
.ek-gorsel.ofis-onz .ofis-svg { width: 100%; height: 100%; object-fit: cover; border-radius: 0; box-shadow: none; }
.ek-gorsel.balon-ornek .sy-balon { max-width: 90%; }
.ek-gorsel.onz.ck-ornek { gap: 0; padding: 0 4px; }
.ek-gorsel.onz.ck-ornek .cikartma.kucuk { max-width: 33%; padding: 5px 5px 4px; }
.ek-gorsel.onz.ck-ornek .cikartma.kucuk b { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.ek-gorsel.tepki-ornek .tepki-kart:not(:only-child) > b { display: none; }

/* ---------- hareket azaltma: bütün 0.67.0 gösterileri durgun */
@media (prefers-reduced-motion: reduce) {
  .unvan-cip, .isim-ad, .isim-ad::after, .isim-ad > i, .avatar-cerceve.c2::before, .avatar-cerceve.c2::after, .ac-sus, .ac-sus > b,
  .sy-balon, .cikartma.altin, .tepki-kart > i, .gs-orta, .gs-orta *, .gs-alt *, .gs-isinlar, .kt-isin, .kt-kart, .kt-simge > span, .pkart, .al-yuva, .gs-uc, .gs-uc * { animation: none !important; }
  .isim-ad:is(.x-parilti, .x-vip)::after { display: none; }
  .gp, .gs-dalga, .gs-flas, .gs-simsek, .gs-roket, .gs-gunes, .gs-hali, .gs-gelin, .gs-isik, .gs-uc, .gs-alt, .gs-yan { display: none; }
  .gosteri.durgun .gs-orta { display: block; }
}
/* koyu tema: elle */
body.koyu-tema .ls-renk { box-shadow: 0 0 0 2px #111B31, 0 0 0 3px #2E3E61; }
body.koyu-tema .ls-renk[aria-checked="true"], body.koyu-tema .ls-simge[aria-checked="true"] { box-shadow: 0 0 0 2px #111B31, 0 0 0 4.5px #E7ECF6; }
body.koyu-tema .al-yuva.n3.var > b { color: #3A2A1E; }
body.koyu-tema .al-yuva.var .al-no { color: #6F7FA3; }
body.koyu-tema .hr-raf { border-bottom-color: #6B4A2E; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 8px 12px rgba(0, 0, 0, .3); }

/* 0.69.0: kiralama ekranında türün ortalama günlük kazancı */
.tur-secimi button small.tur-kazanc { font-weight: 700; }
.tur-ortalama { margin: 10px 0 0; padding: 10px 12px; border-radius: 12px; background: #F3F8EF; border: 1px solid #D5E8C8; }
.tur-ortalama > b { display: block; font-size: 14px; }
.tur-ortalama > small { display: block; font-size: 12px; margin: 2px 0 6px; color: #5C6B57; }
.tur-ortalama .tablo { margin: 0 0 6px; }

/* 0.69.0: Muhasebeci */
.muh-git { display: inline-flex; width: auto; margin: 0 0 10px; }
.muh-ozet { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.muh-ozet > div { background: #F5F6F8; border-radius: 12px; padding: 10px 12px; min-width: 0; }
.muh-ozet small { display: block; font-size: 12px; color: #6B7280; }
.muh-ozet b { display: block; font-size: 16px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.muh-ozet .muh-net.kar { background: #E7F6EC; } .muh-ozet .muh-net.zarar { background: #FDECEC; }
.muh-tarih { margin: 8px 2px 4px; } .muh-canli { color: #1E9E55; font-weight: 700; }
.muh-liste { list-style: none; margin: 0 0 8px; padding: 0; }
.muh-kalem { display: flex; align-items: center; gap: 10px; padding: 9px 2px; border-bottom: 1px solid #EEF0F3; }
.muh-ikon { width: 30px; text-align: center; font-size: 18px; flex: none; }
.muh-ad { flex: 1; min-width: 0; } .muh-ad b { display: block; font-size: 14px; } .muh-ad small { font-size: 12px; color: #6B7280; }
.muh-tutar { font-variant-numeric: tabular-nums; white-space: nowrap; }
.muh-son { margin-top: 12px; padding: 12px 14px; border-radius: 14px; display: grid; gap: 2px; }
.muh-son.kar { background: #1E9E55; color: #fff; } .muh-son.zarar { background: #C62828; color: #fff; }
.muh-son span { font-size: 12px; opacity: .85; } .muh-son b { font-size: 18px; } .muh-son small { font-size: 12px; opacity: .85; }
@media (max-width: 380px) { .muh-ozet { grid-template-columns: 1fr 1fr; } .muh-ozet .muh-net { grid-column: span 2; } }

/* 0.71.0: Seviye yolu, Ahilik rütbeleri ve törenler */
.rutbe-rozet { --r: var(--yesil); display: inline-flex; align-items: center; gap: 4px; padding: 2px 9px 2px 5px; border-radius: 99px; background: color-mix(in srgb, var(--r) 14%, #fff); color: var(--r); font-size: 12px; font-weight: 800; line-height: 1.5; vertical-align: middle; border: 1.5px solid color-mix(in srgb, var(--r) 35%, transparent); white-space: nowrap; }
.rutbe-rozet i { font-style: normal; font-size: 14px; }
.rutbe-rozet.kucuk { padding: 1px 4px; }
.rutbe-rozet.r-cirak, .syl-ust.r-cirak, .syl-toren.r-cirak { --r: #1FA25A; }
.rutbe-rozet.r-kalfa, .syl-ust.r-kalfa, .syl-toren.r-kalfa { --r: #2461AD; }
.rutbe-rozet.r-usta, .syl-ust.r-usta, .syl-toren.r-usta { --r: #B07800; }
.rutbe-rozet.r-patron, .syl-ust.r-patron, .syl-toren.r-patron { --r: #1B2F5B; }
.rutbe-rozet.r-ahi, .syl-ust.r-ahi, .syl-toren.r-ahi { --r: #8E2C5A; }
.hud-rutbe { margin-right: 3px; font-size: 13px; }
.hud-rutbe:empty { display: none; }
.p2-seviye-ust small { font-weight: 700; color: var(--soluk); }

.syl-ust { --r: var(--yesil); display: flex; align-items: center; gap: 14px; border-top: 5px solid var(--r); }
.syl-ust-rutbe { display: flex; align-items: center; gap: 10px; flex: none; }
.syl-rutbe-simge { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; font-size: 28px; background: color-mix(in srgb, var(--r) 14%, #fff); border: 2px solid var(--r); }
.syl-ust-rutbe small { display: block; color: var(--soluk); font-size: 12px; }
.syl-ust-rutbe b { font-size: 20px; color: var(--r); }
.syl-ust-seviye { flex: 1; min-width: 0; }
.syl-ust-seviye small { display: block; color: var(--soluk); font-size: 12px; }
.syl-ust-seviye .syl-sonraki-rutbe { color: var(--metin); font-weight: 700; margin-top: 2px; }
.syl-cubuk, .syl-g-cubuk { height: 9px; border-radius: 99px; background: #EDE7D6; overflow: hidden; margin: 6px 0 4px; }
.syl-cubuk i, .syl-g-cubuk i { display: block; height: 100%; border-radius: 99px; background: linear-gradient(90deg, var(--altin), #FF9F43); }
.syl-g-cubuk { height: 6px; margin: 4px 0 2px; }
.syl-g-cubuk i { background: var(--yesil); }

.syl-rutbeler { display: flex; align-items: center; gap: 4px; overflow-x: auto; padding: 4px 2px 10px; scrollbar-width: none; }
.syl-rutbeler > span { flex: none; display: flex; flex-direction: column; align-items: center; min-width: 58px; padding: 6px 4px; border-radius: 12px; font-size: 12px; font-weight: 700; color: var(--soluk); background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); opacity: 0.6; }
.syl-rutbeler > span i { font-style: normal; font-size: 20px; }
.syl-rutbeler > span small { font-size: 11px; font-weight: 600; }
.syl-rutbeler > span.gecti { opacity: 1; color: var(--metin); }
.syl-rutbeler > span.simdi { background: var(--altin); color: var(--lacivert-koyu); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.syl-rutbeler > b { color: var(--soluk); font-weight: 400; }

.syl-gorevler ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.syl-gorev { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 12px; background: var(--krem); }
.syl-gorev.hazir { background: color-mix(in srgb, var(--yesil) 12%, #fff); box-shadow: inset 0 0 0 2px var(--yesil); }
.syl-gorev.alindi { opacity: 0.6; }
.syl-g-simge { font-size: 22px; flex: none; }
.syl-g-orta { flex: 1; min-width: 0; }
.syl-g-orta b { display: block; font-size: 14px; }
.syl-g-orta small { color: var(--soluk); font-size: 12px; }
.syl-g-tamam { color: var(--yesil); font-weight: 900; font-size: 20px; }
.syl-gorev .dugme { flex: none; width: auto; }
.syl-gorev a.dugme, .panel-govde a.dugme { text-decoration: none; }

.syl-yol { list-style: none; margin: 0; padding: 0 0 0 4px; position: relative; }
.syl-yol::before { content: ""; position: absolute; left: 21px; top: 10px; bottom: 10px; width: 3px; background: var(--cizgi); border-radius: 3px; }
.syl-seviye { position: relative; margin-bottom: 8px; }
.syl-seviye summary { list-style: none; display: flex; align-items: center; gap: 10px; cursor: pointer; padding: 6px 8px 6px 0; }
.syl-seviye summary::-webkit-details-marker { display: none; }
.syl-no { position: relative; z-index: 1; width: 36px; height: 36px; flex: none; border-radius: 50%; display: grid; place-items: center; font-weight: 900; background: #fff; border: 3px solid var(--cizgi); color: var(--soluk); }
.syl-seviye.gecti .syl-no { background: var(--yesil); border-color: var(--yesil-koyu); color: #fff; }
.syl-seviye.simdi .syl-no { background: var(--altin); border-color: var(--altin-koyu); color: var(--lacivert-koyu); transform: scale(1.12); }
.syl-seviye.sonraki .syl-no { border-color: var(--altin); color: var(--metin); }
.syl-seviye.torenli .syl-no { box-shadow: 0 0 0 3px color-mix(in srgb, var(--altin) 45%, transparent); }
.syl-bas-yazi { flex: 1; min-width: 0; }
.syl-bas-yazi > b { font-size: 15px; }
.syl-toren-ad { display: block; color: var(--altin-koyu); font-weight: 800; font-size: 12px; }
.syl-durum { flex: none; font-size: 12px; font-weight: 800; color: var(--yesil); }
.syl-durum.simdi { background: var(--altin); color: var(--lacivert-koyu); padding: 2px 8px; border-radius: 99px; }
.syl-durum.sonraki { color: var(--mavi-koyu); }
.syl-seviye.kilitli .syl-bas-yazi { color: var(--soluk); }
.syl-icerik { margin: 0 0 4px 46px; padding: 10px 12px; background: #fff; border-radius: 14px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.syl-seviye.simdi .syl-icerik { box-shadow: inset 0 0 0 2px var(--altin), 0 1px 2px rgba(16, 24, 40, .08); }

.syl-acilanlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.syl-ac > a, .syl-ac > div { display: flex; align-items: center; gap: 10px; padding: 6px 4px; border-radius: 10px; color: inherit; text-decoration: none; }
.syl-ac > a:hover, .syl-ac > a:focus-visible { background: var(--krem); }
.syl-ac-simge { font-size: 20px; flex: none; width: 28px; text-align: center; }
.syl-ac-yazi { flex: 1; min-width: 0; }
.syl-ac-yazi b { display: block; font-size: 14px; }
.syl-ac-yazi small { display: block; color: var(--soluk); font-size: 12px; line-height: 1.35; }
.syl-git { color: var(--soluk); font-size: 20px; }
.syl-daha { margin: 4px 0 0; }
.syl-odul { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; }
.syl-odul-p { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 99px; background: #FFF1C7; color: var(--lacivert-koyu); font-size: 13px; }
.syl-odul.alindi .syl-odul-p { opacity: 0.55; }
.syl-alindi { color: var(--yesil); font-weight: 800; font-size: 13px; }
.syl-pencere-odul { text-align: center; margin: 0 0 12px; }
.syl-pencere-odul h4 { margin: 0; }
.syl-pencere-odul .syl-odul { justify-content: center; }

.syl-toren { --r: var(--yesil); position: relative; text-align: center; padding: 22px 16px 16px; margin-bottom: 12px; border-radius: 20px; color: #fff; overflow: hidden;
  background: radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--altin) 55%, transparent), transparent 60%), linear-gradient(160deg, var(--r), color-mix(in srgb, var(--r) 60%, #000)); }
.syl-toren-amblem { width: 86px; height: 86px; margin: 0 auto 6px; border-radius: 50%; display: grid; place-items: center; font-size: 46px; background: rgba(255,255,255,0.15); border: 3px solid var(--altin); box-shadow: 0 0 0 6px rgba(255,196,46,0.25); animation: syl-amblem 1.1s cubic-bezier(.2,1.6,.4,1) both; }
.syl-toren small { opacity: 0.85; font-weight: 700; }
.syl-toren h3 { margin: 2px 0 6px; font-size: 24px; color: var(--altin); }
.syl-toren p { margin: 0 0 10px; font-size: 14px; line-height: 1.45; }
.syl-toren-rutbe .rutbe-rozet { background: #fff; font-size: 14px; }
@keyframes syl-amblem { from { transform: scale(0.3) rotate(-20deg); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .syl-toren-amblem { animation: none; } }
@media (max-width: 420px) {
  .syl-ust { flex-direction: column; align-items: stretch; gap: 8px; }
  .syl-icerik { margin-left: 40px; padding: 8px 10px; }
  .syl-gorev { flex-wrap: wrap; }
  .syl-gorev .dugme { margin-inline-start: auto; }
  .syl-toren h3 { font-size: 21px; }
}

/* 0.71.0: Semt pazarı (#/semtpazari) */
.sp-ust { position: relative; overflow: hidden; border-radius: 18px; background: #FFF4D6; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); margin: 0 0 10px; padding: 0 0 10px; }
.sp-tente { height: 22px; background: repeating-linear-gradient(90deg, #E0493C 0 22px, #FFFFFF 22px 44px); -webkit-mask: radial-gradient(circle 11px at 11px 11px, #000 99%, transparent) 0 0 / 22px 22px repeat-x, linear-gradient(#000, #000) 0 0 / 100% 11px no-repeat; mask: radial-gradient(circle 11px at 11px 11px, #000 99%, transparent) 0 0 / 22px 22px repeat-x, linear-gradient(#000, #000) 0 0 / 100% 11px no-repeat; }
.sp-ust-ic { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding: 6px 14px 0; }
.sp-ust-sol, .sp-ust-sag { display: flex; flex-direction: column; min-width: 0; }
.sp-ust-sag { align-items: flex-end; text-align: end; flex: none; }
.sp-ust-sol small, .sp-ust-sag small { color: #6B5A45; font-size: 12.5px; font-weight: 700; }
.sp-ust-sol b { font-size: 20px; color: var(--lacivert); line-height: 1.15; }
.sp-ust-sol span { font-size: 13px; color: #6B5A45; }
.sp-geri { font-size: 20px; color: var(--lacivert); font-variant-numeric: tabular-nums; }
.sp-yerler { display: flex; flex-wrap: wrap; gap: 4px 12px; padding: 8px 14px 6px; font-size: 12.5px; font-weight: 700; color: #6B5A45; }
.sp-doluluk { height: 7px; margin: 0 14px; border-radius: 6px; background: #EADFC4; overflow: hidden; }
.sp-doluluk i { display: block; height: 100%; background: linear-gradient(90deg, #1FA25A, #FFC42E); border-radius: 6px; }
.sp-sekmeler { margin: 0 0 10px; flex-wrap: nowrap !important; gap: 4px !important; }
.sp-sekmeler .cip { padding: 8px 4px; font-size: 13px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sp-baslik { margin: 14px 2px 8px; font-size: 15px; color: var(--lacivert); }
.sp-bos, .sp-kilit { text-align: center; padding: 18px 14px; }
.sp-buyuk { font-size: 44px; line-height: 1.1; margin-bottom: 4px; }
.sp-form h3 { margin: 6px 0 6px; font-size: 15px; color: var(--lacivert); }
.sp-form h3 + p { margin-top: 0; }
.sp-gruplar { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; } /* 0.71.1: son sıradaki kutular satırı doldurur */
.sp-gruplar > * { flex: 1 1 96px; min-width: 0; }
.sp-grup { display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 8px 4px; border-radius: 14px; border: 2px solid #E3D8BF; background: #FFFDF6; font: inherit; color: var(--metin); cursor: pointer; text-align: center; min-width: 0; }
.sp-grup b { font-size: 13px; line-height: 1.15; overflow-wrap: anywhere; }
.sp-grup small { font-size: 11px; color: #6B5A45; line-height: 1.2; }
.sp-grup .sp-rakip { color: #A92E23; font-weight: 700; }
.sp-grup .sp-rakipsiz { color: #13723E; font-weight: 700; }
.sp-grup-simge { font-size: 26px; line-height: 1.1; }
.sp-grup.secili, .sp-fiyat.secili { border-color: #FFC42E; background: #FFF1C9; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.sp-fiyatlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0 0 12px; }
.sp-fiyat { display: flex; flex-direction: column; align-items: center; padding: 8px 4px; border-radius: 14px; border: 2px solid #E3D8BF; background: #FFFDF6; font: inherit; color: var(--metin); cursor: pointer; }
.sp-fiyat b { font-size: 14px; }
.sp-fiyat small { font-size: 11.5px; color: #6B5A45; }
.sp-sermaye { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; }
.sp-sermaye input { flex: 1; min-width: 0; accent-color: #E0493C; height: 28px; }
.sp-sermaye b { flex: none; min-width: 92px; text-align: end; font-size: 17px; color: var(--lacivert); }
.sp-ozet { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; margin: 0 0 8px; }
.sp-ozet div { background: #F6F1E4; border-radius: 12px; padding: 6px 10px; display: flex; flex-direction: column; }
.sp-ozet small { font-size: 11.5px; color: #6B5A45; }
.sp-ozet b { font-size: 15px; }
.sp-odul { text-align: center; }
.sp-odul-satir { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 16px; margin: 6px 0 4px; font-size: 15px; }
.sp-hazir { position: relative; }
.sp-tezgah-cizim { display: flex; justify-content: center; gap: 6px; font-size: 30px; padding: 6px 0 8px; margin: -4px -4px 6px; border-radius: 12px; background: linear-gradient(#FFF 0 0) bottom / 100% 10px no-repeat, repeating-linear-gradient(90deg, #E0493C 0 18px, #FFF4D6 18px 36px); }
.sp-tezgah-cizim span { filter: drop-shadow(0 2px 0 rgba(0,0,0,.15)); }
.sp-dugmeler { display: flex; gap: 8px; flex-wrap: wrap; }
.sp-dugmeler .dugme { width: auto; margin: 0; }
.sp-canli { border-radius: 18px; padding: 14px; background: linear-gradient(165deg, #1B2F5B, #111F40); color: #FFFFFF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.sp-canli-ust { display: flex; align-items: center; gap: 10px; }
.sp-canli-ust > div:nth-child(2) { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.sp-canli-ust small { opacity: .8; font-size: 12.5px; }
.sp-canli-simge { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 28px; background: rgba(255,255,255,.12); flex: none; }
.sp-sira { text-align: end; display: flex; flex-direction: column; }
.sp-sira b { font-size: 24px; color: #FFC42E; line-height: 1.1; }
.sp-sira b small { font-size: 13px; color: #FFFFFF; opacity: .75; }
.sp-sayac { text-align: center; margin: 12px 0 6px; }
.sp-sayac small { display: block; opacity: .8; font-size: 12.5px; }
.sp-sayac b { font-family: Anton, var(--yazi); font-size: 38px; letter-spacing: .5px; color: #5EE29A; font-variant-numeric: tabular-nums; transition: transform .3s; display: inline-block; }
.sp-sayac b.artti { transform: scale(1.08); }
.sp-stok div { height: 9px; border-radius: 6px; background: rgba(255,255,255,.14); overflow: hidden; }
.sp-stok i { display: block; height: 100%; background: #FFC42E; border-radius: 6px; transition: width .6s; }
.sp-stok i.az { background: #FF8A80; }
.sp-stok small { display: block; font-size: 12px; opacity: .8; margin-top: 3px; }
.sp-saatler { display: grid; grid-template-columns: repeat(10, 1fr); gap: 4px; align-items: end; height: 84px; margin: 12px 0 10px; }
.sp-saatler div { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; gap: 2px; }
.sp-saatler i { display: block; width: 100%; min-height: 2px; border-radius: 4px 4px 0 0; background: rgba(255,255,255,.35); }
.sp-saatler div.simdi i { background: #FFC42E; }
.sp-saatler small { font-size: 10px; opacity: .7; }
.sp-bagir { position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; padding: 12px 10px; border: 0; border-radius: 18px; background: linear-gradient(#FF8A3D, #E0493C); color: #FFFFFF; font: inherit; cursor: pointer; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); transition: transform .1s; }
.sp-bagir:active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.sp-bagir:disabled { background: linear-gradient(#8C93A6, #66708A); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); cursor: default; }
.sp-bagir-yazi { font-family: Anton, var(--yazi); font-size: 26px; letter-spacing: .5px; text-shadow: 0 1px 2px rgba(0, 0, 0, .18); }
.sp-bagir small { font-size: 12.5px; opacity: .9; }
.sp-bagir.bagirdi .sp-bagir-yazi { animation: sp-titre .5s; }
.sp-balon { position: absolute; top: -6px; left: 50%; transform: translateX(-50%); background: #5EE29A; color: #0B3D22; font-weight: 800; padding: 3px 10px; border-radius: 999px; animation: sp-uc 1.3s forwards; pointer-events: none; white-space: nowrap; }
@keyframes sp-titre { 0%, 100% { transform: rotate(0); } 20% { transform: rotate(-6deg) scale(1.1); } 40% { transform: rotate(5deg) scale(1.12); } 60% { transform: rotate(-4deg); } 80% { transform: rotate(3deg); } }
@keyframes sp-uc { 0% { opacity: 0; transform: translate(-50%, 6px); } 20% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, -38px); } }
.sp-etki { margin: 8px 0 0; text-align: center; font-weight: 800; color: #FFC42E; }
.sp-not { color: #FFFFFF !important; opacity: .7; margin: 8px 0 0; text-align: center; }
.sp-tablo { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.sp-tablo li { display: flex; align-items: center; gap: 8px; background: #FFFFFF; border-radius: 14px; padding: 8px 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.sp-tablo li.ben { box-shadow: 0 0 0 2px #FFC42E inset, 0 1px 2px rgba(16, 24, 40, .08); background: #FFF8E1; }
.sp-tablo li.npc { background: #FBF8F1; }
.sp-no { flex: none; width: 26px; text-align: center; font-weight: 800; font-size: 16px; color: var(--lacivert); }
.sp-tsimge { flex: none; font-size: 22px; }
.sp-tad { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.sp-tad b { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sp-tad b em { font-style: normal; color: #8A5B00; font-size: 12px; }
.sp-tad small { font-size: 11.5px; color: var(--soluk); }
.sp-tad .rozetcik { font-size: 10.5px; padding: 0 6px; margin: 0; }
.sp-tcubuk { display: block; height: 5px; border-radius: 4px; background: #F1EBDD; margin-top: 4px; overflow: hidden; }
.sp-tcubuk i { display: block; height: 100%; background: #1FA25A; border-radius: 4px; }
.sp-tciro { flex: none; text-align: end; font-weight: 800; font-size: 14px; display: flex; flex-direction: column; font-variant-numeric: tabular-nums; }
.sp-tciro small { color: #13723E; font-size: 11.5px; }
.sp-kupalar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; }
.sp-kupalar div { display: flex; flex-direction: column; align-items: center; }
.sp-kupalar span { font-size: 30px; line-height: 1.1; }
.sp-kupalar b { font-size: 20px; color: var(--lacivert); }
.sp-kupalar small { font-size: 12px; color: var(--soluk); }
.sp-gecmis { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.sp-gecmis .kart { margin: 0; }
.sp-gecmis-ust { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.sp-gecmis .bilgi-izgara { margin-top: 6px; }
/* 0.71.0: Belediyenin küçük ihaleleri (ihale ekranı) */
.ki-serit { display: flex; align-items: center; gap: 10px; background: #E9F7EE; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.ki-serit > span { font-size: 30px; flex: none; }
.ki-serit div { display: flex; flex-direction: column; min-width: 0; }
.ki-serit b { color: var(--yesil-koyu); }
.ki-serit small { font-size: 12.5px; color: var(--soluk); line-height: 1.35; }
.ki-serit.kilitli { background: #F1F2F6; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.ki-serit.kilitli b { color: var(--soluk); }
.cip.ki-cip:not(.secili) { background: #DDF5E7; color: var(--yesil-koyu); }
.ihale-kart.ki-kart { border-left: 4px solid #1FA25A; }
.ki-kilit { margin: 4px 0 0; padding: 8px 10px; border-radius: 12px; background: #F1F2F6; color: var(--soluk); font-size: 13px; font-weight: 700; }
@media (max-width: 380px) { .sp-gruplar { grid-template-columns: repeat(2, 1fr); } .sp-sayac b { font-size: 32px; } .sp-bagir-yazi { font-size: 22px; } }

/* 0.71.0: Kalfanın çırağı (6. seviye) — "Çırak tekrarlasın" seçeneği ve süren tekrar */
.ck-tekrar { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; padding: 10px 12px; border-radius: 14px; background: #F3F7FF; border: 2px solid #DCE6F8; color: var(--metin); }
.ck-tekrar > div { flex: 1; min-width: 0; }
.ck-tekrar b { display: block; font-size: 15px; line-height: 1.25; }
.ck-tekrar small { display: block; font-size: 12.5px; color: var(--soluk); line-height: 1.35; margin-top: 2px; }
.ck-tekrar small.ck-sonraki { color: var(--mavi-koyu); font-weight: 700; }
.ck-tekrar .dugme { width: auto; margin: 0; flex: none; padding-left: 14px; padding-right: 14px; }
.ck-simge { flex: none; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; font-size: 22px; background: #E3EEFD; }
.ck-tekrar.secilebilir { cursor: pointer; transition: border-color .2s, background .2s; }
.ck-tekrar.secilebilir input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.ck-tekrar.secilebilir:focus-within { outline: 3px solid rgba(59,139,235,.35); outline-offset: 2px; }
.ck-tekrar.secili { background: #E8F6EE; border-color: #8FD3AC; }
.ck-tekrar.secili .ck-simge { background: #CDEFD9; }
.ck-anahtar { flex: none; position: relative; width: 46px; height: 28px; border-radius: 999px; background: #C9D1DE; transition: background .2s; }
.ck-anahtar::after { content: ''; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #FFFFFF; box-shadow: 0 2px 4px rgba(0,0,0,.2); transition: transform .2s; }
.ck-tekrar.secili .ck-anahtar { background: var(--yesil); }
.ck-tekrar.secili .ck-anahtar::after { transform: translateX(18px); }
.ck-tekrar.kilitli { background: #F5F6F8; border-color: #E6E8EE; }
.ck-tekrar.kilitli .ck-simge { filter: grayscale(1); opacity: .6; background: #ECEEF2; }
.ck-tekrar.kilitli .kilit-rozet { margin-top: 6px; font-size: 12px; }
.ck-tekrar.kilitli .kilit-rozet::before { display: none; }
.ck-donen { animation: ck-don 2.4s linear infinite; }
@keyframes ck-don { to { transform: rotate(360deg); } }
.ck-dugme { margin-bottom: 12px; }
.ck-kalfa { margin: 6px 0 0; color: var(--yesil-koyu); font-weight: 700; }
.ck-rozet { margin-left: 4px; }
@media (prefers-reduced-motion: reduce) { .ck-donen { animation: none; } }

/* 0.71.0: Toptancıyla pazarlık (7. seviye) */
.pz-serit { display: block; margin: 10px 0 4px; padding: 9px 12px; border-radius: 12px; background: #E7F6EC; color: var(--yesil-koyu); font-weight: 800; font-size: 14px; text-decoration: none; }
.pz-serit small { display: block; font-weight: 600; font-size: 12px; color: #3E7A57; }
.pz-serit.bos { background: #FFF4D6; color: #7A5400; } .pz-serit.bos small { color: #8A6A25; }
.pz-ozet { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 12px; }
.pz-ozet > div { background: #F5F6F8; border-radius: 12px; padding: 10px 12px; min-width: 0; }
.pz-ozet small { display: block; font-size: 12px; color: var(--soluk); }
.pz-ozet b { display: block; font-size: 20px; font-variant-numeric: tabular-nums; }
.pz-ozet b.arti { color: var(--yesil-koyu); }
.pz-noktalar { display: flex; gap: 4px; margin-top: 4px; }
.pz-noktalar i { width: 10px; height: 10px; border-radius: 50%; background: #D5DAE3; }
.pz-noktalar i.dolu { background: var(--altin-koyu); }
.dugme.pz-basla { margin-bottom: 14px; font-size: 18px; }
.pz-liste { display: grid; gap: 8px; margin-bottom: 12px; }
.pz-toptanci { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 16px; background: #FFFFFF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); border-left: 5px solid var(--pz-renk, #1E88E5); }
.pz-avatar { position: relative; flex: none; width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center; font-size: 32px; background: #FFF4D6; box-shadow: inset 0 0 0 3px var(--pz-renk, #1E88E5); }
.pz-yuz { position: absolute; right: -6px; bottom: -4px; font-style: normal; font-size: 22px; filter: drop-shadow(0 1px 1px rgba(0,0,0,.25)); }
.pz-kim { min-width: 0; }
.pz-kim b { display: block; font-size: 16px; }
.pz-firma { display: inline-block; margin: 1px 0 2px; padding: 1px 8px; border-radius: 6px; background: var(--pz-renk, #1E88E5); color: #FFFFFF; font-size: 11px; font-weight: 900; letter-spacing: .4px; }
.pz-kim small { display: block; font-size: 12.5px; color: var(--soluk); line-height: 1.3; }
.pz-masa { padding: 12px; border-radius: 18px; background: linear-gradient(170deg, #FFF8E6, #FCEBC4); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); margin-bottom: 12px; }
.pz-masa.son { background: linear-gradient(170deg, #FFF1E0, #FAD9B0); }
.pz-balon { position: relative; margin: 12px 4px 10px; padding: 10px 14px; border-radius: 16px; background: #FFFFFF; color: var(--metin); font-size: 15px; line-height: 1.4; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); animation: pz-pop .35s ease-out; }
.pz-balon::before { content: ''; position: absolute; top: -8px; left: 28px; border: 8px solid transparent; border-top: 0; border-bottom-color: #FFFFFF; }
.pz-karsi { display: block; margin-top: 4px; font-size: 18px; color: var(--mavi-koyu); }
@keyframes pz-pop { from { transform: scale(.92); opacity: 0; } to { transform: none; opacity: 1; } }
.pz-sabir { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: var(--metin); }
.pz-cubuk { flex: 1; height: 12px; border-radius: 999px; background: rgba(27,47,91,.12); overflow: hidden; }
.pz-cubuk i { display: block; height: 100%; border-radius: 999px; background: var(--yesil); transition: width .6s ease; }
.pz-sabir.orta .pz-cubuk i { background: var(--altin-koyu); }
.pz-sabir.kotu .pz-cubuk i { background: var(--kirmizi); }
.pz-sabir b { min-width: 42px; text-align: end; font-variant-numeric: tabular-nums; }
.pz-turlar { display: flex; gap: 6px; margin-top: 10px; }
.pz-turlar span { flex: 1; text-align: center; padding: 4px 0; border-radius: 999px; font-size: 12px; font-weight: 800; background: rgba(27,47,91,.08); color: var(--soluk); }
.pz-turlar span.gecti { background: #D5DAE3; color: #4B5568; text-decoration: line-through; }
.pz-turlar span.simdi { background: var(--altin); color: #4A3300; }
.pz-gecmis { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.pz-gecmis span { padding: 3px 9px; border-radius: 999px; font-size: 12.5px; font-weight: 800; background: #FFFFFF; color: var(--metin); }
.pz-gecmis span.ucuk { background: #FDE9E7; color: var(--kirmizi-koyu); }
.pz-gecmis span.fazla { background: #FFF1C9; color: #7A5400; }
.pz-gecmis span.azKaldi { background: #E3EEFD; color: var(--mavi-koyu); }
.pz-gecmis span.iyi { background: #E3F6EB; color: var(--yesil-koyu); }
.pz-teklif { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 4px 0 6px; }
.pz-ok { width: 52px; height: 52px; border-radius: 50%; border: 0; font: 900 28px/1 var(--yazi); background: var(--lacivert); color: #FFFFFF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); cursor: pointer; }
.pz-ok:active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.pz-deger { text-align: center; min-width: 120px; }
.pz-deger small { display: block; font-size: 12px; color: var(--soluk); }
.pz-deger b { font-family: Anton, var(--yazi); font-size: 44px; line-height: 1.05; color: var(--lacivert); font-variant-numeric: tabular-nums; }
.pz-kaydir { display: block; width: 100%; margin: 0 0 12px; accent-color: var(--altin-koyu); }
.pz-dugmeler { display: grid; gap: 8px; }
.pz-dugmeler .dugme { margin: 0; }
.pz-sure { text-align: center; margin: 8px 0 0; }
.pz-sonuc { padding: 12px 14px; border-radius: 14px; margin-bottom: 12px; background: #F5F6F8; }
.pz-sonuc b { display: block; font-size: 16px; }
.pz-sonuc p { margin: 4px 0 0; font-size: 13.5px; color: var(--soluk); }
.pz-sonuc.iyi { background: #E3F6EB; } .pz-sonuc.iyi b { color: var(--yesil-koyu); }
.pz-sonuc.kotu { background: #FDE9E7; } .pz-sonuc.kotu b { color: var(--kirmizi-koyu); }
.pz-bekle { text-align: center; } .pz-bekle p { margin: 4px 0 0; }
.pz-kurallar { margin: 4px 0 8px; font-size: 14px; }
.pz-kurallar summary { cursor: pointer; font-weight: 800; color: var(--lacivert); padding: 6px 2px; }
.pz-kurallar ul { margin: 4px 0 0; padding-left: 20px; line-height: 1.45; }
.pz-kurallar li { margin: 3px 0; }
.pz-sars .panel-govde, .panel.pz-sars { animation: pz-sars .45s; }
@keyframes pz-sars { 0%, 100% { transform: none; } 20% { transform: translateX(-8px); } 40% { transform: translateX(8px); } 60% { transform: translateX(-5px); } 80% { transform: translateX(5px); } }
@media (max-width: 420px) { .pz-ozet b { font-size: 17px; } .pz-deger b { font-size: 38px; } .pz-ok { width: 46px; height: 46px; } }
@media (prefers-reduced-motion: reduce) { .pz-balon, .pz-sars .panel-govde, .panel.pz-sars { animation: none; } }

/* 0.71.0: Kendi markan ve bayilik (web/js/marka.js) */
.mk-sekmeler button { display: inline-flex; align-items: center; gap: 4px; }
.mk-sayi { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: var(--kirmizi); color: #fff; font-size: 12px; font-weight: 800; }
.mk-tabela { --mr: #1B2F5B; position: relative; display: flex; align-items: center; gap: 10px; min-width: 0; padding: 6px 14px 6px 6px; border-radius: 8px; background: linear-gradient(180deg, color-mix(in srgb, var(--mr) 100%, #fff 8%), color-mix(in srgb, var(--mr) 82%, #000)); border: 3px solid #2A2F3A; box-shadow: inset 0 0 0 2px rgba(255,255,255,.28), 0 1px 2px rgba(16, 24, 40, .08); color: #fff; }
.mk-tabela b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Arial, sans-serif; font-weight: 800; letter-spacing: .5px; font-size: 16px; text-shadow: 0 1px 2px rgba(0, 0, 0, .18); }
.mk-tabela-simge { flex: none; width: 30px; height: 30px; border-radius: 50%; background: #fff; display: grid; place-items: center; font-size: 17px; box-shadow: 0 0 0 2px color-mix(in srgb, var(--mr) 70%, #000); }
.mk-tabela.buyuk { padding: 10px 18px 10px 10px; border-width: 4px; }
.mk-tabela.buyuk b { font-size: 24px; }
.mk-tabela.buyuk .mk-tabela-simge { width: 46px; height: 46px; font-size: 26px; }
.mk-rozet, .mk-dukkan { --mr: #1B2F5B; }
.mk-rozet { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; padding: 2px 9px 2px 3px; border-radius: 999px; background: var(--mr); color: #fff; font-size: 12px; font-weight: 800; text-decoration: none; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-rozet i { font-style: normal; width: 18px; height: 18px; border-radius: 50%; background: #fff; display: grid; place-items: center; font-size: 11px; flex: none; }
.mk-dukkan { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 10px; align-items: center; margin: 0 0 10px; padding: 8px 12px 8px 8px; border-radius: 14px; text-decoration: none; color: #fff; background: linear-gradient(135deg, var(--mr), color-mix(in srgb, var(--mr) 70%, #000)); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mk-dukkan span { grid-row: span 2; width: 38px; height: 38px; border-radius: 50%; background: #fff; display: grid; place-items: center; font-size: 21px; }
.mk-dukkan b { font-size: 16px; line-height: 1.1; } .mk-dukkan small { font-size: 12px; opacity: .9; }
.mk-kart { --mr: #1B2F5B; padding: 14px; border-radius: 18px; margin-bottom: 10px; background: linear-gradient(160deg, color-mix(in srgb, var(--mr) 22%, #fff), #fff 70%); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mk-kart-ust { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 6px; }
.mk-itibar-ust { display: flex; justify-content: space-between; gap: 8px; font-size: 14px; }
.mk-cubuk { margin: 6px 0 4px; } .mk-cubuk > div { background: linear-gradient(90deg, var(--altin-koyu), var(--altin)); }
.mk-baslik { margin: 16px 2px 8px; font-size: 15px; font-weight: 800; color: var(--lacivert); }
.mk-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.mk-satir { display: flex; align-items: center; gap: 10px; background: #fff; border-radius: 14px; padding: 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); min-width: 0; }
.mk-satir.vurgu { box-shadow: 0 0 0 2px var(--altin) inset, 0 1px 2px rgba(16, 24, 40, .08); }
.mk-satir-simge { flex: none; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; font-size: 21px; background: #FFF4D6; }
.mk-satir-bilgi { flex: 1; min-width: 0; }
.mk-satir-bilgi > b { font-size: 15px; overflow-wrap: anywhere; }
.mk-satir-bilgi small { display: block; color: var(--soluk); font-size: 12.5px; line-height: 1.35; overflow-wrap: anywhere; }
.mk-satir-eylem { display: flex; flex-direction: column; gap: 6px; align-items: flex-end; flex: none; }
.mk-satir-eylem .dugme { width: auto; margin: 0; }
.mk-anahtar { margin: 0; }
.mk-bos { text-align: center; } .mk-bos > span { font-size: 38px; }
.mk-davet, .mk-ara { display: flex; gap: 8px; margin: 10px 0 4px; }
.mk-davet input, .mk-ara input { flex: 1; min-width: 0; padding: 10px 12px; border-radius: 12px; border: 2px solid var(--cizgi); font: inherit; background: #fff; color: var(--metin); }
.mk-davet .dugme, .mk-ara .dugme { width: auto; margin: 0; flex: none; }
.mk-ayar { margin-top: 12px; } .mk-ayar summary { cursor: pointer; font-weight: 800; }
.mk-ayar .dugme { margin-top: 10px; }
.mk-alan { display: block; margin: 12px 0 0; } .mk-alan > span { display: block; font-size: 13px; font-weight: 800; color: var(--soluk); margin-bottom: 6px; }
.mk-alan input[type=range] { width: 100%; accent-color: var(--lacivert); }
.mk-alan input[type=number], .mk-alan input:not([type]), .mk-alan textarea { width: 100%; padding: 10px 12px; border-radius: 12px; border: 2px solid var(--cizgi); font: inherit; background: #fff; color: var(--metin); resize: vertical; }
.mk-renkler { display: grid; grid-template-columns: repeat(auto-fill, minmax(34px, 1fr)); gap: 8px; }
.mk-renk { --mr: #000; aspect-ratio: 1; border-radius: 50%; border: 3px solid #fff; background: var(--mr); box-shadow: 0 0 0 2px var(--cizgi); cursor: pointer; padding: 0; }
.mk-renk[aria-checked=true] { box-shadow: 0 0 0 3px var(--altin), 0 3px 8px rgba(0,0,0,.25); transform: scale(1.08); }
.mk-simgeler { display: grid; grid-template-columns: repeat(auto-fill, minmax(42px, 1fr)); gap: 6px; }
.mk-simge { aspect-ratio: 1; border-radius: 12px; border: 2px solid var(--cizgi); background: #FFFDF6; font-size: 22px; cursor: pointer; padding: 0; }
.mk-simge[aria-checked=true] { border-color: var(--altin); background: #FFF1C9; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.mk-kur h3, .mk-kilit h3 { margin-top: 0; }
.mk-onizleme { margin: 10px 0 4px; padding: 16px 12px; border-radius: 14px; background: linear-gradient(180deg, #CFE3F2, #F3EBDD); }
.mk-kilit { text-align: center; } .mk-kilit-simge { font-size: 40px; }
.mk-kurallar { margin: 10px 0 0; padding-left: 18px; line-height: 1.45; } .mk-kurallar li { margin: 3px 0; }
.mk-seviyeler { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px; }
.mk-seviyeler li { display: grid; grid-template-columns: 26px 1fr auto; gap: 8px; align-items: center; padding: 6px 8px; border-radius: 10px; background: #F6F7FA; font-size: 13.5px; }
.mk-seviyeler li b { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #E3E6EE; }
.mk-seviyeler li small { color: var(--soluk); }
.mk-seviyeler li.secili { background: #FFF1C9; } .mk-seviyeler li.secili b { background: var(--altin); }
.mk-vitrin { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 8px; }
.mk-vitrin-satir { display: flex; align-items: center; gap: 10px; background: #fff; border-radius: 14px; padding: 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); cursor: pointer; min-width: 0; }
.mk-vitrin-satir.benim { box-shadow: 0 0 0 2px var(--mavi) inset, 0 1px 2px rgba(16, 24, 40, .08); }
.mk-vitrin-bilgi { flex: 1; min-width: 0; display: grid; gap: 3px; }
.mk-vitrin-bilgi small { color: var(--soluk); font-size: 12.5px; line-height: 1.35; }
.mk-vitrin-bilgi .mk-tabela b { font-size: 14px; } .mk-vitrin-bilgi .mk-tabela-simge { width: 24px; height: 24px; font-size: 14px; }
.mk-sira { flex: none; width: 28px; text-align: center; font-weight: 800; color: var(--soluk); }
.mk-sira.s1, .mk-sira.s2, .mk-sira.s3 { display: grid; place-items: center; height: 28px; border-radius: 50%; color: #3A2400; }
.mk-sira.s1 { background: #FFD24A; } .mk-sira.s2 { background: #D6DCE6; } .mk-sira.s3 { background: #E9B88A; }

/* 0.71.0: Esnaf loncası (web/js/lonca.js) */
.lc-sancak { --lr: #1B2F5B; position: relative; flex: none; display: inline-grid; place-items: center; width: 36px; height: 44px; background: linear-gradient(180deg, color-mix(in srgb, var(--lr) 100%, #fff 12%), color-mix(in srgb, var(--lr) 80%, #000)); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 78%, 0 100%); filter: drop-shadow(0 2px 0 rgba(0,0,0,.2)); }
.lc-sancak::before { content: ""; position: absolute; inset: 3px 3px auto; height: 3px; background: rgba(255,255,255,.55); }
.lc-sancak i { font-style: normal; font-size: 18px; margin-top: -6px; }
.lc-sancak.buyuk { width: 64px; height: 80px; } .lc-sancak.buyuk i { font-size: 32px; } .lc-sancak.buyuk::before { inset: 5px 5px auto; height: 4px; }
.lc-rozet { --lr: #1B2F5B; display: inline-flex; align-items: center; gap: 4px; padding: 2px 9px 2px 4px; border-radius: 999px 6px 6px 999px; background: var(--lr); color: #fff; font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.lc-rozet i { font-style: normal; font-size: 12px; }
.lc-profil { display: contents; }
.lc-profil:empty { display: none; }
.lc-kart { --lr: #1B2F5B; display: flex; gap: 14px; align-items: flex-start; padding: 14px; border-radius: 18px; margin-bottom: 10px; background: linear-gradient(160deg, color-mix(in srgb, var(--lr) 20%, #fff), #fff 70%); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.lc-kart-bilgi { flex: 1; min-width: 0; } .lc-kart-bilgi h3 { margin: 0 0 6px; font-size: 20px; overflow-wrap: anywhere; }
.lc-cipler { display: flex; flex-wrap: wrap; gap: 5px; }
.lc-aciklama { margin: 8px 0 0; font-size: 14px; overflow-wrap: anywhere; }
.lc-puan { margin-top: 8px; } .lc-puan small { color: var(--soluk); font-size: 12px; }
.lc-puan-cubuk { height: 8px; border-radius: 6px; background: #EFE6CF; overflow: hidden; } .lc-puan-cubuk i { display: block; height: 100%; background: var(--lr); }
.lc-hedef { background: linear-gradient(160deg, #1B2F5B, #111F40); color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.lc-hedef.tuttu { background: linear-gradient(160deg, #1E8449, #13723E); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.lc-hedef .soluk { color: rgba(255,255,255,.75); }
.lc-hedef-ust { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin: 2px 0 6px; }
.lc-hedef-rakam { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; }
.lc-hedef-rakam b { font-family: Anton, var(--yazi); font-size: 28px; color: #FFC42E; letter-spacing: .3px; }
.lc-hedef-rakam span { opacity: .85; } .lc-hedef-rakam em { margin-inline-start: auto; font-style: normal; font-weight: 800; font-size: 18px; }
.lc-hedef-cubuk { position: relative; height: 14px; border-radius: 8px; background: rgba(255,255,255,.15); overflow: hidden; margin: 8px 0; }
.lc-hedef-cubuk i { display: block; height: 100%; border-radius: 8px; background: linear-gradient(90deg, #FFC42E, #FFE27A); transition: width .6s; }
.lc-hedef-cubuk s { position: absolute; top: 0; bottom: 0; width: 2px; background: rgba(255,255,255,.35); text-decoration: none; }
.lc-hedef small { display: block; font-size: 12.5px; line-height: 1.4; }
.lc-odul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 10px; margin-top: 8px; padding-top: 8px; border-top: 1px dashed rgba(255,255,255,.25); font-size: 12.5px; font-weight: 700; }
.lc-pano { background: #FFF8E1; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.lc-pano-ust { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.lc-pano-ust .dugme { width: auto; margin: 0; }
.lc-duyuru { margin: 8px 0 4px; white-space: pre-line; font-size: 15px; overflow-wrap: anywhere; }
.lc-eylemler { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; } .lc-eylemler .dugme { width: auto; margin: 0; text-decoration: none; }
.lc-uyeler { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.lc-uye { display: grid; grid-template-columns: 36px 1fr auto 30px; gap: 10px; align-items: center; background: #fff; border-radius: 14px; padding: 8px 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.lc-uye[data-uid]:not([data-uid="0"]) { cursor: pointer; }
.lc-uye.ben { box-shadow: 0 0 0 2px var(--mavi) inset, 0 1px 2px rgba(16, 24, 40, .08); }
.lc-uye-bilgi { min-width: 0; } .lc-uye-bilgi b { display: block; font-size: 14.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lc-uye-bilgi small { color: var(--soluk); font-size: 12px; }
.lc-katki { height: 5px; border-radius: 4px; background: #EFE6CF; overflow: hidden; margin-top: 4px; } .lc-katki i { display: block; height: 100%; background: var(--yesil); }
.lc-uye-tutar { font-size: 14px; white-space: nowrap; }
.lc-menu { width: 30px; height: 30px; border-radius: 10px; border: 0; background: #EEF1F7; color: var(--metin); font-size: 18px; font-weight: 800; cursor: pointer; }
.lc-gecmis { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px; }
.lc-gecmis li { display: grid; grid-template-columns: 1fr auto auto; gap: 4px 8px; align-items: center; padding: 6px 8px; border-radius: 10px; background: #F6F7FA; font-size: 13px; }
.lc-gecmis li small { grid-column: 1 / -1; color: var(--soluk); }
.lc-gecmis .arti { color: var(--yesil-koyu); } .lc-gecmis .eksi { color: var(--kirmizi-koyu); }
.lc-alt { display: flex; gap: 8px; margin-top: 8px; }
.lc-tanitim { display: flex; gap: 14px; align-items: flex-start; } .lc-tanitim h3 { margin-top: 0; } .lc-tanitim .dugme { width: auto; }
.lc-onizleme { display: flex; align-items: center; gap: 12px; margin: 10px 0 4px; padding: 12px; border-radius: 14px; background: linear-gradient(180deg, #CFE3F2, #F3EBDD); }
.lc-onizleme b { font-size: 20px; overflow-wrap: anywhere; min-width: 0; }
.lc-liste { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 8px; }
.lc-satir { display: flex; align-items: center; gap: 10px; background: #fff; border-radius: 14px; padding: 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); cursor: pointer; min-width: 0; }
.lc-tek .lc-satir { cursor: default; }
.lc-kisa { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lc-mini { height: 5px; border-radius: 4px; background: #EFE6CF; overflow: hidden; margin-top: 5px; } .lc-mini i { display: block; height: 100%; background: var(--altin-koyu); }
.lc-kursu { text-align: center; }
.lc-podyum { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; align-items: end; margin-top: 10px; }
.lc-podyum-yer { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 4px; border-radius: 14px 14px 6px 6px; text-decoration: none; color: var(--metin); min-width: 0; }
.lc-podyum-yer b { font-size: 13px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lc-podyum-yer small { font-size: 12px; color: var(--soluk); } .lc-podyum-yer span { font-size: 22px; }
.lc-podyum-yer.s1 { background: #FFF1C9; padding-top: 18px; } .lc-podyum-yer.s2 { background: #EEF1F7; } .lc-podyum-yer.s3 { background: #F8E7D6; }
@media (max-width: 420px) {
  .mk-satir:has(> .mk-satir-eylem .dugme) { flex-wrap: wrap; } .mk-satir:has(> .mk-satir-eylem .dugme) > .mk-satir-eylem { flex-direction: row; width: 100%; justify-content: flex-end; }
  .mk-tabela.buyuk b { font-size: 20px; }
  .lc-kart { gap: 10px; } .lc-sancak.buyuk { width: 52px; height: 66px; } .lc-sancak.buyuk i { font-size: 26px; }
  .lc-hedef-rakam b { font-size: 24px; }
  .lc-uye { grid-template-columns: 36px 1fr auto 30px; gap: 8px; }
}

/* ---------- 0.71.0: Müdavimler (web/js/mudavim.js) ---------- */
.md-ozet { grid-template-columns: repeat(4, 1fr); }
.md-ozet b { font-size: 16px; white-space: nowrap; }
.md-dukkan-blok { margin: 14px 0 6px; }
.md-dukkan-bas { display: flex; align-items: center; gap: 10px; margin: 0 2px 8px; }
.md-dukkan-bas > div { flex: 1; min-width: 0; }
.md-dukkan-bas b { display: block; font-size: 17px; color: var(--lacivert); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.md-dukkan-bas small { display: block; color: var(--soluk); font-size: 12.5px; }
.md-dukkan-simge { flex: none; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; font-size: 22px; background: #FFF4D6; }
.md-dukkan-bas .md-ac { width: auto; flex: none; min-height: 34px; padding: 4px 10px; font-size: 13px; }
.md-katki { flex: none; padding: 3px 9px; border-radius: 999px; background: #E3F6EB; color: #13723E; font-weight: 800; font-size: 12.5px; white-space: nowrap; }
.md-katki.sifir { background: #EEF1F7; color: var(--soluk); }
.md-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.md-kart { background: #fff; border-radius: 18px; padding: 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); border-top: 4px solid var(--md-renk, #8A94AD); display: flex; flex-direction: column; gap: 7px; }
.md-ust { display: flex; align-items: center; gap: 10px; }
.md-yuz { flex: none; border-radius: 50%; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.md-bilgi { flex: 1; min-width: 0; }
.md-bilgi b { display: block; font-size: 16px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.md-bilgi small { display: block; color: var(--soluk); font-size: 12.5px; }
.md-cip { display: inline-block; margin-top: 3px; padding: 1px 8px; border-radius: 999px; background: #F3F5FA; font-size: 12px; font-weight: 700; color: var(--metin); }
.md-rozet { flex: none; align-self: flex-start; padding: 3px 9px; border-radius: 999px; background: var(--md-renk, #8A94AD); color: #fff; font-size: 12px; font-weight: 800; }
.md-sadakat { position: relative; height: 9px; border-radius: 6px; background: #EFE6CF; overflow: hidden; }
.md-sadakat i { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, #FFC42E, var(--md-renk, #E8A23A)); transition: width .5s; }
.md-sadakat em { position: absolute; top: 0; bottom: 0; width: 2px; background: rgba(255,255,255,.85); }
.md-alt { display: flex; justify-content: space-between; gap: 8px; font-size: 12.5px; color: var(--soluk); font-weight: 700; }
.md-fav { margin: 0; font-size: 13px; color: var(--metin); }
.md-istek { display: flex; gap: 8px; align-items: flex-start; padding: 8px 10px; border-radius: 12px; background: #FFF6D8; box-shadow: inset 0 0 0 2px #F0DDA6; }
.md-istek.iyi { background: #E3F5EA; box-shadow: inset 0 0 0 2px #B9DEC7; }
.md-istek.kotu { background: #FDE9E7; box-shadow: inset 0 0 0 2px #EBB9B2; }
.md-istek-simge { flex: none; font-size: 20px; line-height: 1.2; }
.md-istek b { display: block; font-size: 13.5px; line-height: 1.3; }
.md-istek small { display: block; margin-top: 3px; font-size: 12px; color: var(--soluk); }
.md-sure { font-weight: 800; color: var(--lacivert); font-variant-numeric: tabular-nums; }
.md-sessiz { margin: 0; font-size: 13px; color: var(--soluk); }
.md-sayac { display: flex; gap: 12px; font-size: 13px; font-weight: 700; color: var(--metin); }
.md-bos { flex-direction: row; align-items: center; border-top-color: transparent; background: rgba(255,255,255,.55); box-shadow: inset 0 0 0 2px #E6DDC6; border-style: dashed; }
.md-bos-yuz { flex: none; width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; font-size: 26px; background: #F3EEDF; }
.md-bos b { display: block; font-size: 15px; color: var(--soluk); }
.md-bos small { display: block; font-size: 12.5px; color: var(--soluk); }
.md-buyuk { font-size: 44px; text-align: center; line-height: 1.1; }
.md-kilit, .md-bos-kart { text-align: center; }
.md-nasil ul { margin: 0; padding-left: 20px; font-size: 14px; line-height: 1.5; }
.md-seviyeler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 8px; }
.md-seviyeler span { border-radius: 12px; padding: 8px; background: #F7F8FB; border-top: 4px solid var(--md-renk); text-align: center; }
.md-seviyeler b { display: block; font-size: 14px; }
.md-seviyeler small { display: block; font-size: 11.5px; color: var(--soluk); }
.md-karakterler { list-style: none; padding: 0 !important; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
.md-karakterler li { display: flex; gap: 8px; align-items: flex-start; background: #F7F8FB; border-radius: 12px; padding: 8px; }
.md-karakterler li > span { font-size: 22px; }
.md-karakterler b { display: block; font-size: 14px; }
.md-karakterler small { display: block; font-size: 12px; color: var(--soluk); line-height: 1.3; }
.md-gecmis { list-style: none; margin: 10px 0; padding: 0; display: grid; gap: 8px; }
.md-gecmis li { display: flex; gap: 10px; align-items: center; background: #fff; border-radius: 14px; padding: 10px 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); border-left: 4px solid #1FA25A; }
.md-gecmis li.kotu { border-left-color: #E0493C; }
.md-gecmis li > span { font-size: 22px; }
.md-gecmis li > div { flex: 1; min-width: 0; }
.md-gecmis small { display: block; font-size: 12px; color: var(--soluk); }
.md-gecmis b + small { display: inline; }
.md-gecmis em { font-style: normal; font-weight: 800; color: #13723E; text-align: end; white-space: nowrap; }
.md-gecmis em small { color: var(--soluk); }
.md-mini .md-mini-ust { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.md-mini h3 { margin: 0; }
.md-mini-satir { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 8px 0 4px; }
.md-mini-satir .dugme { width: auto; flex: none; }
.md-mini-yuzler { display: flex; gap: 6px; }
.md-mini-yuz { position: relative; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; }
.md-mini-yuz.bos { background: #F3EEDF; font-size: 18px; box-shadow: inset 0 0 0 2px #E6DDC6; }
.md-mini-yuz i { position: absolute; right: -4px; top: -4px; font-style: normal; font-size: 14px; background: #fff; border-radius: 50%; width: 20px; height: 20px; display: grid; place-items: center; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.md-mini-kilit { margin: 0 0 10px; }
@media (max-width: 460px) {
  .md-ozet { grid-template-columns: 1fr 1fr; }
  .md-liste { grid-template-columns: 1fr; }
  .md-dukkan-bas .md-katki { display: none; }
}

/* ---------- 0.71.0: Ev atölyesi (web/js/atolye.js) ---------- */
.at-usta { display: flex; gap: 12px; align-items: center; background: linear-gradient(150deg, #FFF4D6, #FFE8B0); border-radius: 18px; padding: 12px 14px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); margin-bottom: 12px; }
.at-usta-rozet { flex: none; position: relative; width: 58px; height: 58px; border-radius: 16px; background: #fff; display: grid; place-items: center; font-size: 30px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.at-usta-rozet b { position: absolute; right: -6px; bottom: -6px; min-width: 24px; height: 24px; padding: 0 6px; border-radius: 12px; background: var(--lacivert); color: #FFC42E; font-size: 14px; display: grid; place-items: center; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.at-usta-bilgi { flex: 1; min-width: 0; }
.at-usta-bilgi b { display: block; font-size: 16px; color: #5B3B00; }
.at-usta-bilgi small { display: block; font-size: 12.5px; color: #6B5A45; }
.at-cubuk { height: 10px; border-radius: 6px; background: rgba(0,0,0,.08); overflow: hidden; margin: 6px 0 4px; }
.at-cubuk i { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, var(--yesil), #4CD08A); transition: width 1s linear; }
.at-cubuk.altin i { background: linear-gradient(90deg, #E8A23A, #FFC42E); }
.at-baslik { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin: 14px 2px 8px; }
.at-baslik h3 { margin: 0; font-size: 16px; color: var(--lacivert); }
.at-baslik .dugme { width: auto; }
.at-tezgahlar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.at-tezgah { display: flex; gap: 10px; align-items: center; background: #fff; border-radius: 16px; padding: 10px 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); min-height: 74px; }
.at-tezgah.hazir { box-shadow: 0 0 0 3px #4CD08A inset, 0 1px 2px rgba(16, 24, 40, .08); background: #F3FBF6; animation: at-nabiz 1.6s ease-in-out infinite; }
.at-tezgah.bos { background: rgba(255,255,255,.6); box-shadow: inset 0 0 0 2px #E6DDC6; }
.at-tezgah.kilitli { background: #F1F2F6; box-shadow: inset 0 0 0 2px #E3E6EE; opacity: .8; }
@keyframes at-nabiz { 50% { box-shadow: 0 0 0 5px #4CD08A55 inset, 0 1px 2px rgba(16, 24, 40, .08); } }
.at-tezgah-simge { flex: none; width: 46px; height: 46px; border-radius: 14px; background: #FFF4D6; display: grid; place-items: center; font-size: 26px; }
.at-tezgah > div:not(.at-tezgah-eylem) { flex: 1; min-width: 0; }
.at-tezgah b { display: block; font-size: 15px; }
.at-tezgah small { display: block; font-size: 12.5px; color: var(--soluk); }
.at-kalan { font-weight: 800; color: var(--lacivert) !important; font-variant-numeric: tabular-nums; }
.at-tezgah-eylem { flex: none; }
.at-tezgah-eylem .dugme { width: auto; }
.at-vazgec { width: auto; font-size: 13px; padding: 6px 2px; }
.at-tarifler { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.at-tarif { background: #fff; border-radius: 16px; padding: 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); display: flex; flex-direction: column; gap: 8px; }
.at-tarif.kilitli { opacity: .7; }
.at-tarif-ust { display: flex; gap: 10px; align-items: flex-start; }
.at-tarif-simge { flex: none; width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; font-size: 26px; background: #FFF4D6; }
.at-tarif b { display: block; font-size: 15.5px; }
.at-tarif-ust small { display: block; font-size: 12.5px; color: var(--soluk); line-height: 1.3; }
.at-ciplar { display: flex; flex-wrap: wrap; gap: 5px; }
.at-ciplar span { padding: 2px 8px; border-radius: 999px; background: #F3F5FA; font-size: 12px; font-weight: 700; color: var(--metin); }
.at-ciplar .at-kar { background: #E3F6EB; color: #13723E; }
.at-tarif .dugme { margin-top: auto; }
.at-ambar { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 8px; }
.at-ambar li { background: #fff; border-radius: 14px; padding: 10px 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.at-ambar-ust { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.at-ambar-eylem { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.at-ambar-eylem .dugme { width: auto; margin: 0; flex-direction: column; gap: 0; text-decoration: none; }
.at-ambar-eylem .dugme small { font-size: 11px; font-weight: 700; opacity: .75; }
.at-ambar-bos { background: rgba(255,255,255,.6); border-radius: 12px; padding: 10px 12px; }
.at-buyuk { font-size: 44px; text-align: center; line-height: 1.1; }
.at-kilit { text-align: center; }
@media (max-width: 460px) {
  .at-tezgahlar, .at-tarifler { grid-template-columns: 1fr; }
}

/* 0.71.1: iki sütunlu kutu ızgaralarında tek kalan son kutu satırı doldurur (sağda boşluk kalmasın) */
.hizli-gecis > button:last-child:nth-child(odd):not(:first-child),
.bilgi-izgara > div:last-child:nth-child(odd):not(:first-child),
.at-tezgahlar > li:last-child:nth-child(odd):not(:first-child), .at-tarifler > li:last-child:nth-child(odd):not(:first-child) { grid-column: 1 / -1; }
.bilgi-izgara > div.vurgulu { background: #FFF1C7 !important; }

/* 0.72.0: Kervan seferleri (#/sefer) */
.kvn-ust { position: relative; overflow: hidden; border-radius: 18px; background: linear-gradient(170deg, #2B4A86, #1B2F5B); color: #FFFFFF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); margin: 0 0 10px; }
.kvn-yol { position: relative; height: 30px; background: #3A3F4B; border-bottom: 3px solid #C9CED9; overflow: hidden; }
.kvn-yol::before { content: ""; position: absolute; left: 0; right: -60px; top: 13px; height: 4px; background: repeating-linear-gradient(90deg, #FFC42E 0 26px, transparent 26px 52px); animation: kvn-serit 1.6s linear infinite; }
.kvn-yol-kamyon { position: absolute; top: 1px; left: 8%; font-size: 22px; line-height: 1; transform: scaleX(-1); animation: kvn-sars .5s ease-in-out infinite alternate; }
@keyframes kvn-serit { to { transform: translateX(-52px); } }
@keyframes kvn-sars { to { transform: scaleX(-1) translateY(-1px); } }
@media (prefers-reduced-motion: reduce) { .kvn-yol::before, .kvn-yol-kamyon { animation: none; } }
.kvn-ust-ic { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; padding: 10px 12px 12px; }
.kvn-ust-ic > div { display: flex; flex-direction: column; min-width: 0; }
.kvn-ust-ic small { font-size: 11.5px; opacity: .78; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kvn-ust-ic b { font-size: 16px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kvn-ust .kvn-arti { color: #7CF0AE; }
.kvn-ust .kvn-eksi { color: #FF9A8F; }
.kvn-arti { color: #13723E; }
.kvn-eksi { color: #A92E23; }
.kvn-sekmeler { margin: 0 0 10px; flex-wrap: nowrap !important; gap: 4px !important; }
.kvn-sekmeler .cip { position: relative; padding: 8px 4px; font-size: 13px; min-width: 0; flex: 1 1 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kvn-nokta { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #E0493C; vertical-align: 2px; animation: kvn-nabiz 1s ease-in-out infinite alternate; }
@keyframes kvn-nabiz { from { box-shadow: 0 0 0 0 rgba(224, 73, 60, .6); } to { box-shadow: 0 0 0 5px rgba(224, 73, 60, 0); } }
.kvn-buyuk { font-size: 44px; line-height: 1.1; margin-bottom: 4px; }
.kvn-kilit, .kvn-bos { text-align: center; padding: 18px 14px; }
.kvn-uyari { background: #FFF1C9; font-weight: 700; font-size: 14px; }
.kvn-form h3 { margin: 12px 0 6px; font-size: 15px; color: var(--lacivert); }
.kvn-form h3:first-child { margin-top: 2px; }
.kvn-form h3 + p { margin-top: 0; }
.kvn-kalemler { display: grid; gap: 8px; }
.kvn-kalem { background: #F6F1E4; border-radius: 14px; padding: 8px; display: grid; gap: 6px; }
.kvn-kalem-ust { display: flex; gap: 6px; align-items: center; }
.kvn-kalem-ust select { flex: 1 1 0; width: 0; min-width: 0; font: inherit; font-size: 14px; padding: 8px; border-radius: 10px; border: 1px solid #DCCFAF; background: #FFFFFF; }
.kvn-sil { flex: none; width: 34px; height: 34px; border: 0; border-radius: 10px; background: #FDE5E2; color: #A92E23; font-weight: 800; cursor: pointer; }
.kvn-kalem-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.kvn-miktar { display: flex; align-items: center; gap: 4px; background: #FFFFFF; border: 1px solid #DCCFAF; border-radius: 10px; padding: 0 8px 0 0; }
.kvn-miktar input { width: 110px; border: 0; background: transparent; font: inherit; font-size: 15px; padding: 7px 8px; }
.kvn-miktar span { font-size: 12.5px; color: var(--soluk); font-weight: 700; }
.kvn-doldur, .kvn-ekle { border: 0; border-radius: 999px; padding: 7px 12px; font: inherit; font-size: 13px; font-weight: 800; background: #E3EEFD; color: #2461AD; cursor: pointer; }
.kvn-ekle { margin-top: 8px; }
.kvn-kalem-alt small { font-size: 12.5px; color: var(--soluk); font-weight: 700; }
.kvn-araclar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.kvn-arac { display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 8px 6px; border-radius: 14px; border: 2px solid #E3D8BF; background: #FFFDF6; font: inherit; color: var(--metin); cursor: pointer; text-align: center; min-width: 0; }
.kvn-arac b { font-size: 13.5px; line-height: 1.15; }
.kvn-arac small { font-size: 11.5px; color: #6B5A45; line-height: 1.25; overflow-wrap: anywhere; }
.kvn-arac-simge { font-size: 28px; line-height: 1.1; }
.kvn-arac.secili { border-color: #FFC42E; background: #FFF1C9; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.kvn-arac:disabled { opacity: .55; cursor: default; }
.kvn-kapasite { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin: 10px 0 4px; }
.kvn-olcu-ust { display: flex; justify-content: space-between; gap: 6px; font-weight: 700; }
.kvn-olcu-ust small { font-size: 11.5px; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kvn-olcu-cubuk { position: relative; height: 9px; border-radius: 6px; background: #EADFC4; overflow: hidden; }
.kvn-olcu-cubuk i { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, #1FA25A, #6CCB8F); transition: width .3s; }
.kvn-olcu-cubuk b { position: absolute; top: 0; bottom: 0; width: 2px; background: rgba(27, 47, 91, .55); }
.kvn-olcu.fazla .kvn-olcu-cubuk i { background: linear-gradient(90deg, #FFC42E, #FF8A3D); }
.kvn-olcu.cok .kvn-olcu-cubuk i { background: #E0493C; }
.kvn-olcu.fazla .kvn-olcu-ust small, .kvn-olcu.cok .kvn-olcu-ust small { color: #A92E23; }
.kvn-tik { display: flex; gap: 10px; align-items: flex-start; background: #F3F5FA; border-radius: 14px; padding: 10px 12px; margin: 8px 0 0; cursor: pointer; }
.kvn-tik input { width: 20px; height: 20px; flex: none; margin-top: 2px; accent-color: #1FA25A; }
.kvn-tik span { display: flex; flex-direction: column; }
.kvn-tik b { font-size: 14px; }
.kvn-tik small { font-size: 12.5px; color: var(--soluk); line-height: 1.3; }
.kvn-tik-asiri { background: #FFF1E0; }
.kvn-tik-asiri input { accent-color: #E0493C; }
.kvn-harita { position: relative; border-radius: 16px; background: linear-gradient(#BFE3F7, #A7D6F2); overflow: hidden; aspect-ratio: 2.2 / 1; box-shadow: inset 0 0 0 1px rgba(27, 47, 91, .08); }
.kvn-harita-yer { position: absolute; inset: 0; display: grid; place-items: center; font-size: 34px; opacity: .4; }
.kvn-harita svg { display: block; width: 100%; height: 100%; }
.kvn-harita path[data-kvn-il] { fill: #F4EBD6; stroke: #FFFFFF; stroke-width: .35; stroke-linejoin: round; }
.kvn-harita svg.renkli path[data-kvn-il] { cursor: pointer; transition: filter .15s; }
.kvn-harita svg.renkli path[data-kvn-il]:hover { filter: brightness(1.08) saturate(1.2); }
.kvn-harita path[data-kvn-il].ev { stroke: #1B2F5B; stroke-width: .45; }
.kvn-harita path[data-kvn-il].secili { stroke: #D99A00; stroke-width: 1.1; filter: drop-shadow(0 0 1.2px #FFC42E); }
.kvn-pin { font-size: 4.2px; pointer-events: none; }
.kvn-pin.kucuk { font-size: 3.2px; }
.kvn-rota-on { fill: none; stroke: #1B2F5B; stroke-width: .9; stroke-dasharray: 2 1.4; stroke-linecap: round; pointer-events: none; }
.kvn-rota { fill: none; stroke: #3A3F4B; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.kvn-rota-cizgi { fill: none; stroke: #FFC42E; stroke-width: .45; stroke-dasharray: 1.4 1.2; stroke-linecap: round; }
.kvn-durak { fill: #1B2F5B; stroke: #FFFFFF; stroke-width: .5; }
.kvn-kamyon-hale { fill: rgba(255, 196, 46, .45); stroke: #D99A00; stroke-width: .4; }
.kvn-harita-kucuk { margin: 8px 0 0; }
.kvn-lejant { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 12px; color: var(--soluk); font-weight: 700; margin: 6px 2px 8px; }
.kvn-lejant i { display: inline-block; width: 12px; height: 12px; border-radius: 4px; vertical-align: -2px; margin-right: 4px; }
.kvn-lejant i.d { background: hsl(4 70% 62%); }
.kvn-lejant i.o { background: hsl(42 45% 80%); }
.kvn-lejant i.y { background: hsl(140 60% 50%); }
.kvn-il-sec { width: 100%; font: inherit; font-size: 14px; padding: 8px; border-radius: 10px; border: 1px solid #DCCFAF; background: #FFFFFF; }
.kvn-firsat { margin: 10px 0 0; }
.kvn-firsat > small { font-size: 12.5px; font-weight: 800; color: #6B5A45; }
.kvn-firsatlar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 4px; }
.kvn-firsat-il { display: flex; flex-direction: column; align-items: center; gap: 0; padding: 6px 4px; border-radius: 12px; border: 2px solid #D5EBDD; background: #F2FBF5; font: inherit; color: var(--metin); cursor: pointer; min-width: 0; }
.kvn-firsat-il b { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.kvn-firsat-il small { font-size: 11px; color: #13723E; font-weight: 700; white-space: nowrap; }
.kvn-firsat-il small + small { color: var(--soluk); font-weight: 600; }
.kvn-firsat-il.secili { border-color: #FFC42E; background: #FFF1C9; }
.kvn-ipucu { text-align: center; margin: 14px 0 4px; }
.kvn-hata { margin: 12px 0 0; padding: 10px 12px; border-radius: 12px; background: #FDE5E2; color: #A92E23; font-weight: 700; font-size: 14px; }
.kvn-ozet { margin: 14px 0 0; padding: 12px; border-radius: 16px; background: #F6F1E4; }
.kvn-ozet-yol { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 16px; color: var(--lacivert); margin-bottom: 8px; flex-wrap: wrap; text-align: center; }
.kvn-ok { font-size: 12.5px; color: var(--soluk); font-weight: 800; }
.kvn-ozet-izgara { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; margin: 0 0 8px; }
.kvn-ozet-izgara > div { background: #FFFFFF; border-radius: 12px; padding: 6px 10px; display: flex; flex-direction: column; min-width: 0; }
.kvn-ozet-izgara small { font-size: 11.5px; color: #6B5A45; }
.kvn-ozet-izgara b { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kvn-tablo { width: 100%; border-collapse: collapse; font-size: 13.5px; margin: 0 0 6px; }
.kvn-tablo td { padding: 4px 2px; border-bottom: 1px dashed #E3D8BF; }
.kvn-tablo td:last-child { text-align: end; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.kvn-tablo tr.kvn-net td, .kvn-tablo tr.kvn-top td { border-bottom: 0; font-weight: 800; font-size: 15px; padding-top: 6px; }
.kvn-tablo tr.kvn-net.arti td:last-child { color: #13723E; }
.kvn-tablo tr.kvn-net.eksi td:last-child { color: #A92E23; }
.kvn-basla { margin-top: 6px; }
.kvn-sefer { background: #FFFFFF; border-radius: 18px; padding: 12px; margin: 0 0 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); scroll-margin-top: 10px; }
.kvn-sefer-ust { display: flex; align-items: center; gap: 10px; }
.kvn-sefer-ust > div:nth-child(2) { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.kvn-sefer-ust b { font-size: 16.5px; color: var(--lacivert); line-height: 1.2; overflow-wrap: anywhere; }
.kvn-sefer-ust small { font-size: 12.5px; color: var(--soluk); }
.kvn-sefer-simge { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 28px; background: #FFF1C9; flex: none; }
.kvn-eta { display: flex; flex-direction: column; align-items: flex-end; text-align: end; flex: none; }
.kvn-eta b { font-size: 20px; color: var(--lacivert); font-variant-numeric: tabular-nums; line-height: 1.1; }
.kvn-eta small { font-size: 11.5px; color: var(--soluk); font-weight: 700; }
.kvn-serit { position: relative; height: 34px; margin: 12px 4px 4px; }
.kvn-serit::before { content: ""; position: absolute; left: 0; right: 0; top: 18px; height: 8px; border-radius: 6px; background: #3A3F4B; }
.kvn-serit > i { position: absolute; left: 0; top: 18px; height: 8px; border-radius: 6px; background: linear-gradient(90deg, #FFC42E, #1FA25A); transition: width 1s linear; }
.kvn-serit-olay { position: absolute; top: 0; transform: translateX(-50%); font-size: 13px; line-height: 1; font-weight: 400; }
.kvn-serit-olay.bekliyor { animation: kvn-zipla .6s ease-in-out infinite alternate; }
@keyframes kvn-zipla { to { transform: translate(-50%, -3px); } }
.kvn-serit-kamyon { position: absolute; top: 11px; transform: translateX(-60%) scaleX(-1); font-size: 20px; line-height: 1; transition: left 1s linear; filter: drop-shadow(0 2px 0 rgba(0, 0, 0, .2)); }
.kvn-durumlar { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0 0; }
.kvn-durumlar > span { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; background: #F3F5FA; font-size: 12px; font-weight: 700; }
.kvn-mini { display: inline-block; width: 34px; height: 6px; border-radius: 4px; background: #E3E6EE; overflow: hidden; }
.kvn-mini i { display: block; height: 100%; border-radius: 4px; }
.kvn-olay { margin: 12px 0 0; padding: 12px; border-radius: 16px; background: linear-gradient(165deg, #1B2F5B, #111F40); color: #FFFFFF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); animation: kvn-gir .4s ease-out; }
@keyframes kvn-gir { from { transform: translateY(8px) scale(.98); opacity: 0; } }
.kvn-olay-ust { display: flex; align-items: center; gap: 10px; }
.kvn-olay-ust > div:nth-child(2) { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.kvn-olay-ust small { font-size: 12px; opacity: .8; }
.kvn-olay-ust b { font-size: 17px; line-height: 1.2; color: #FFC42E; }
.kvn-olay-simge { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; font-size: 30px; background: rgba(255, 255, 255, .12); flex: none; animation: kvn-sallan 1.2s ease-in-out infinite; }
@keyframes kvn-sallan { 0%, 100% { transform: rotate(0); } 20% { transform: rotate(-8deg); } 40% { transform: rotate(6deg); } 60% { transform: rotate(0); } }
.kvn-olay-sure { display: flex; flex-direction: column; align-items: flex-end; text-align: end; flex: none; }
.kvn-olay-sure b { font-size: 18px; color: #FF9A8F; font-variant-numeric: tabular-nums; }
.kvn-olay-metin { margin: 10px 0; font-size: 14.5px; line-height: 1.45; }
.kvn-secenekler { display: grid; gap: 8px; }
.kvn-secenek { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; text-align: start; width: 100%; padding: 10px 12px; border: 2px solid rgba(255, 255, 255, .18); border-radius: 14px; background: rgba(255, 255, 255, .08); color: #FFFFFF; font: inherit; cursor: pointer; transition: transform .1s, background .15s; }
.kvn-secenek:hover { background: rgba(255, 255, 255, .14); }
.kvn-secenek:active { transform: scale(.97); }
.kvn-secenek b { font-size: 15px; }
.kvn-secenek.varsayilan { border-color: rgba(255, 196, 46, .55); }
.kvn-secenek:disabled { opacity: .45; cursor: default; }
.kvn-secenek > small { font-size: 12px; opacity: .85; }
.kvn-sofor { color: #FFD873; }
.kvn-etki { display: flex; flex-wrap: wrap; gap: 4px; }
.kvn-etki span { padding: 1px 7px; border-radius: 999px; font-size: 11.5px; font-weight: 800; background: rgba(127, 140, 170, .2); }
.kvn-etki .kvn-k { background: rgba(224, 73, 60, .18); color: #A92E23; }
.kvn-etki .kvn-i { background: rgba(31, 162, 90, .16); color: #13723E; }
.kvn-etki .kvn-r { background: rgba(255, 196, 46, .25); color: #8A5A00; }
.kvn-olay .kvn-etki .kvn-k { color: #FFB4AB; }
.kvn-olay .kvn-etki .kvn-i { color: #8DF0B6; }
.kvn-olay .kvn-etki .kvn-r { color: #FFD873; }
.kvn-gecmis { list-style: none; margin: 12px 0 0; padding: 0 0 0 4px; display: grid; gap: 0; }
.kvn-gecmis li { position: relative; display: flex; gap: 10px; padding: 0 0 12px 0; }
.kvn-gecmis li::before { content: ""; position: absolute; left: 15px; top: 30px; bottom: 0; width: 2px; background: #E3E6EE; }
.kvn-gecmis li:last-child::before { display: none; }
.kvn-gecmis li > span { width: 32px; height: 32px; flex: none; border-radius: 50%; display: grid; place-items: center; font-size: 17px; background: #E3F6EB; }
.kvn-gecmis li.kotu > span { background: #FDE5E2; }
.kvn-gecmis li.plan > span { background: #F3F5FA; }
.kvn-gecmis li > div { flex: 1; min-width: 0; }
.kvn-gecmis b { display: block; font-size: 14px; line-height: 1.25; }
.kvn-gecmis small { display: block; font-size: 12.5px; color: var(--soluk); }
.kvn-gecmis p { margin: 3px 0 4px; font-size: 13.5px; line-height: 1.35; }
.kvn-yuk { margin: 6px 0 0; font-size: 13.5px; }
.kvn-yuk summary { cursor: pointer; font-weight: 800; color: var(--lacivert); }
.kvn-yuk-liste { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 4px; }
.kvn-yuk-liste li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 8px; background: #F6F1E4; border-radius: 10px; padding: 6px 10px; }
.kvn-yuk-liste small { width: 100%; font-size: 12px; color: var(--soluk); }
.kvn-sonuc { background: #FFFFFF; border-radius: 18px; padding: 12px; margin: 0 0 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); border-top: 6px solid #1FA25A; }
.kvn-sonuc.zarar { border-top-color: #E0493C; }
.kvn-sonuc-ust { display: flex; align-items: center; gap: 10px; }
.kvn-sonuc-ust > span { font-size: 30px; }
.kvn-sonuc-ust > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.kvn-sonuc-ust small { font-size: 12.5px; color: var(--soluk); }
.kvn-sonuc-ust b { font-size: 16px; color: var(--lacivert); }
.kvn-sonuc-net { font-family: Anton, var(--yazi); font-size: 24px; color: #13723E !important; flex: none; font-variant-numeric: tabular-nums; }
.kvn-sonuc.zarar .kvn-sonuc-net { color: #A92E23 !important; }
.kvn-sonuc-izgara { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 10px 0 0; }
.kvn-sonuc-izgara h4 { margin: 0 0 4px; font-size: 13px; color: var(--soluk); text-transform: uppercase; letter-spacing: .3px; }
.kvn-donus { margin: 12px 0 0; padding: 12px; border-radius: 16px; background: #E3EEFD; display: grid; gap: 6px; }
.kvn-donus > b { font-size: 15px; color: var(--lacivert); }
.kvn-donus > small { font-size: 12.5px; color: #2461AD; }
.kvn-donus .kvn-kalem { background: #FFFFFF; }
.kvn-donus .kvn-ozet-izgara { margin: 4px 0 0; }
.kvn-ist { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin: 0 0 10px; }
.kvn-ist > div { background: #FFFFFF; border-radius: 12px; padding: 6px 10px; display: flex; flex-direction: column; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); min-width: 0; }
.kvn-ist small { font-size: 11.5px; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kvn-ist b { font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kvn-gunluk { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.kvn-gunluk-satir { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border: 0; border-radius: 14px; background: #FFFFFF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); font: inherit; color: var(--metin); cursor: pointer; text-align: start; border-left: 5px solid #1FA25A; }
.kvn-gunluk li.zarar .kvn-gunluk-satir { border-left-color: #E0493C; }
.kvn-gunluk-satir > span { font-size: 24px; }
.kvn-gunluk-satir > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.kvn-gunluk-satir small { font-size: 12px; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kvn-gunluk-satir > b { flex: none; font-variant-numeric: tabular-nums; color: #13723E; }
.kvn-gunluk li.zarar .kvn-gunluk-satir > b { color: #A92E23; }
.kvn-gunluk .kvn-sonuc { margin: 6px 0 4px; }
@media (max-width: 460px) {
  .kvn-ust-ic { grid-template-columns: repeat(2, 1fr); }
  .kvn-firsatlar { grid-template-columns: repeat(2, 1fr); }
  .kvn-ist { grid-template-columns: repeat(2, 1fr); }
  .kvn-sonuc-izgara { grid-template-columns: 1fr; gap: 4px; }
  .kvn-kapasite { grid-template-columns: 1fr; gap: 6px; }
  .kvn-miktar input { width: 90px; }
}

/* ==== 0.72.0: Kaçak mal ve gümrük (#/kacak, web/js/kacak.js) ==== */
.kc-ust { position: relative; overflow: hidden; border-radius: 18px; background: linear-gradient(160deg, #15233F 0%, #22385F 60%, #2D4A6E 100%); color: #FFFFFF; margin: 0 0 10px; padding: 0 0 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.kc-konteyner { display: flex; gap: 3px; height: 16px; padding: 0 10px; opacity: 0.9; }
.kc-konteyner i { flex: 1; border-radius: 0 0 3px 3px; background: repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.18) 0 2px, transparent 2px 7px), #C8553D; }
.kc-konteyner i:nth-child(2n) { background-color: #2F7D8C; }
.kc-konteyner i:nth-child(3n) { background-color: #D9A441; }
.kc-ust-ic { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; padding: 10px 14px 0; }
.kc-ust-sol { display: flex; flex-direction: column; min-width: 0; }
.kc-ust-sol small, .kc-ust-sag small { color: #B9C6E0; font-size: 12.5px; font-weight: 700; }
.kc-ust-sol b { font-size: 20px; line-height: 1.15; color: #FFFFFF; }
.kc-soz { display: block; margin-top: 6px; padding: 7px 10px; border-radius: 12px 12px 12px 3px; background: rgba(255, 255, 255, 0.12); color: #F2F5FB; font-size: 13.5px; font-style: italic; quotes: '“' '”'; }
.kc-ust-sag { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; flex: none; text-align: end; }
.kc-risk { margin: 0 0 10px; }
.kc-risk-ust { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.kc-risk-ust small { display: block; color: var(--soluk); font-size: 12.5px; font-weight: 700; }
.kc-risk-ust b { font-size: 28px; line-height: 1; color: var(--lacivert); font-variant-numeric: tabular-nums; }
.kc-risk-ust em { font-style: normal; font-size: 14px; color: var(--soluk); }
.kc-cubuk { position: relative; height: 12px; margin: 10px 0 8px; border-radius: 8px; background: #EDF0F5; overflow: hidden; }
.kc-cubuk i { display: block; height: 100%; border-radius: 8px; background: linear-gradient(90deg, #1FA25A 0%, #FFC42E 45%, #E0493C 80%); background-size: 250px 100%; transition: width 0.5s; }
.kc-cubuk span { position: absolute; top: 0; bottom: 0; width: 2px; background: rgba(27, 47, 91, 0.35); }
.kc-yuksek .kc-risk-ust b { color: var(--kirmizi); }
.kc-yuksek { box-shadow: 0 0 0 2px #F3B8B1; }
.kc-kalemler { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: 13.5px; }
.kc-kalemler li { display: flex; justify-content: space-between; gap: 10px; padding: 3px 0; border-bottom: 1px dashed #E3E6EE; }
.kc-kalemler li:last-child { border-bottom: 0; }
.kc-kalemler b { color: var(--kirmizi-koyu); font-variant-numeric: tabular-nums; }
.kc-tutma { margin: 8px 0 0; }
.kc-sekmeler { margin: 0 0 10px; flex-wrap: nowrap !important; gap: 4px !important; }
.kc-sekmeler .cip { flex: 1 1 0; padding: 8px 4px; font-size: 13px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kc-not p { margin: 0; font-size: 14px; }
.kc-partiler { display: flex; flex-wrap: wrap; gap: 10px; }
.kc-parti { flex: 1 1 240px; display: flex; flex-direction: column; gap: 6px; padding: 12px; border-radius: 16px; background: #FFFFFF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 4px 12px rgba(27, 47, 91, 0.07); border: 1px solid #E3E6EE; }
.kc-parti.bitti { opacity: 0.6; }
.kc-parti-ust, .kc-mal-ust { display: flex; align-items: center; gap: 10px; }
.kc-parti-ust > div, .kc-mal-ust > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.kc-parti-ust small, .kc-mal-ust small { color: var(--soluk); font-size: 12.5px; }
.kc-parti-simge { flex: none; width: 44px; height: 44px; display: grid; place-items: center; font-size: 26px; border-radius: 12px; background: #FFF4D6; }
.kc-indirim { flex: none; padding: 3px 8px; border-radius: 999px; background: #E0493C; color: #FFFFFF; font-weight: 800; font-size: 13px; }
.kc-fiyat { display: flex; justify-content: space-between; align-items: baseline; }
.kc-fiyat small { color: var(--soluk); font-size: 12.5px; font-weight: 700; }
.kc-fiyat b { font-size: 20px; color: var(--lacivert); }
.kc-kalan { height: 6px; border-radius: 6px; background: #EDF0F5; overflow: hidden; }
.kc-kalan i { display: block; height: 100%; background: #3B8BEB; border-radius: 6px; }
.kc-alim { display: flex; align-items: center; gap: 10px; margin: 4px 0; }
.kc-alim input[type=range] { flex: 1; min-width: 0; accent-color: #1B2F5B; }
.kc-alim span { flex: none; font-weight: 800; font-size: 13.5px; color: var(--lacivert); font-variant-numeric: tabular-nums; }
.kc-dip { margin: 10px 2px 0; }
.kc-mallar { display: grid; gap: 10px; }
.kc-mal { margin: 0; }
.kc-mal-sayi { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 10px 0 6px; }
.kc-mal-sayi > div { display: flex; flex-direction: column; padding: 8px 10px; border-radius: 12px; }
.kc-belgesiz { background: #FDECEA; }
.kc-belgeli { background: #E3F4EA; }
.kc-mal-sayi small { font-size: 12px; font-weight: 700; color: var(--soluk); }
.kc-mal-sayi b { font-size: 17px; color: var(--lacivert); }
.kc-mal-sayi em { font-style: normal; font-size: 12px; color: var(--soluk); }
.kc-yollar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 6px 0; }
.kc-yol { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: start; padding: 8px 9px; border-radius: 12px; border: 2px solid #E3E6EE; background: #FFFFFF; color: inherit; cursor: pointer; font: inherit; min-width: 0; }
.kc-yol b { font-size: 13px; line-height: 1.2; }
.kc-yol small { font-size: 12px; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.kc-yol.secili { border-color: #3B8BEB; background: #EEF3FC; }
.kc-yol[disabled] { opacity: 0.5; cursor: not-allowed; }
.kc-onizle { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; min-height: 30px; margin: 4px 0 8px; font-weight: 700; font-size: 14px; }
.kc-mal-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.kc-mal-dugmeler .dugme { flex: 1 1 140px; width: auto; margin-top: 0; }
.kc-yasal { background: #EAF6EF; }
.kc-yasal p { margin: 0; font-size: 14px; }
.kc-bos, .kc-kilit { text-align: center; padding: 18px 14px; }
.kc-buyuk { font-size: 44px; line-height: 1.1; margin-bottom: 4px; }
.kc-gecmis { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.kc-gecmis li { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px solid #EEF0F5; }
.kc-gecmis li:last-child { border-bottom: 0; }
.kc-gecmis li > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.kc-gecmis li > div b { font-size: 14px; }
.kc-gecmis small { color: var(--soluk); font-size: 12px; }
.kc-g-simge { flex: none; font-size: 20px; }
.kc-g-baskin { background: #FDF1EF; border-radius: 10px; padding-left: 6px !important; padding-right: 6px !important; }
.kc-olay { position: relative; overflow: hidden; margin: 0 0 12px; border-radius: 18px; background: #2A1420; color: #FFFFFF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); animation: kc-sars 0.5s ease-out 1; }
.kc-olay-isik { display: flex; height: 8px; }
.kc-olay-isik i { flex: 1; animation: kc-isik 0.9s steps(2) infinite; }
.kc-olay-isik i:first-child { background: #E0493C; }
.kc-olay-isik i:last-child { background: #3B8BEB; animation-delay: 0.45s; }
.kc-olay-ic { padding: 12px 14px 14px; }
.kc-olay-ic > b { display: block; font-size: 18px; margin-bottom: 8px; }
.kc-olay-ic ul { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 4px; font-size: 14px; }
.kc-olay-ic li { display: flex; justify-content: space-between; gap: 10px; }
.kc-olay-ic li b.kirmizi { color: #FF9C92; }
.kc-olay-ic p { color: #F2D9DE; }
.kc-olay .dugme { width: auto; }
@keyframes kc-isik { 50% { opacity: 0.25; } }
@keyframes kc-sars { 0%, 100% { transform: translateX(0); } 20% { transform: translateX(-6px); } 40% { transform: translateX(6px); } 60% { transform: translateX(-3px); } 80% { transform: translateX(3px); } }
@media (prefers-reduced-motion: reduce) { .kc-olay, .kc-olay-isik i { animation: none; } }
@media (max-width: 420px) {
  .kc-yollar { grid-template-columns: 1fr; }
  .kc-yol { flex-direction: row; flex-wrap: wrap; align-items: baseline; column-gap: 8px; }
  .kc-ust-sol b { font-size: 18px; }
}

/* ==== 0.72.0: Mevsim krizleri (#/kriz, web/js/kriz.js; Ekonomi göstergeleri uyarı kartı) ==== */
.kz-ust { position: relative; overflow: hidden; border-radius: 18px; background: linear-gradient(180deg, #2C3E63 0%, #5A6F96 55%, #E9A65B 100%); color: #FFFFFF; margin: 0 0 10px; padding: 14px 14px 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.kz-ufuk { position: absolute; inset: auto 0 0 0; height: 26px; display: flex; align-items: flex-end; gap: 0; opacity: 0.55; pointer-events: none; }
.kz-ufuk i { flex: 1; height: 100%; background: #1E2C49; clip-path: polygon(0 100%, 30% 35%, 55% 70%, 80% 20%, 100% 100%); }
.kz-ust-ic { position: relative; display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.kz-ust-ic > div { display: flex; flex-direction: column; min-width: 0; }
.kz-ust-ic small { color: #E4EAF6; font-size: 12.5px; font-weight: 700; }
.kz-ust-ic b { font-size: 20px; line-height: 1.2; color: #FFFFFF; }
.kz-ust-ic span { font-size: 13px; color: #F4F6FB; }
.kz-ust-sag { align-items: flex-end; text-align: end; flex: none; }
.kz-ust-sag b { font-size: 16px; }
.kz-bolum { margin: 14px 2px 8px; font-size: 15px; color: var(--lacivert); }
.kz-bolum small { font-weight: 600; color: var(--soluk); font-size: 12.5px; margin-left: 4px; }
.kz-kart { margin: 0 0 10px; border-left: 6px solid #3B8BEB; }
.kz-kart.kz-oncu { border-left-color: #FFC42E; background: #FFFBEF; }
.kz-kart.kz-aktif { border-left-color: #E0493C; }
.kz-kart-ust { display: flex; align-items: flex-start; gap: 10px; }
.kz-simge { flex: none; width: 48px; height: 48px; display: grid; place-items: center; font-size: 30px; border-radius: 14px; background: #EEF3FC; }
.kz-baslik { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.kz-baslik small { font-size: 12px; font-weight: 800; color: var(--soluk); text-transform: uppercase; letter-spacing: 0.02em; }
.kz-baslik b { font-size: 18px; line-height: 1.15; color: var(--lacivert); }
.kz-sayac { flex: none; display: flex; flex-direction: column; align-items: flex-end; text-align: end; }
.kz-sayac small { font-size: 12px; color: var(--soluk); font-weight: 700; }
.kz-sayac b { font-size: 16px; color: var(--lacivert); font-variant-numeric: tabular-nums; }
.kz-oncu-metin { margin: 10px 0 8px; padding: 8px 12px; border-radius: 10px; background: #F4F1E8; font-family: Georgia, 'Times New Roman', serif; font-size: 14px; font-style: italic; color: #3A3324; }
.kz-etkiler { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }
.kz-etki { padding: 3px 9px; border-radius: 999px; font-size: 12.5px; font-weight: 800; }
.kz-etki.iyi { background: #DDF5E7; color: var(--yesil-koyu); }
.kz-etki.kotu { background: #FDE5E2; color: var(--kirmizi-koyu); }
.kz-alanlar { margin: 0 0 8px; padding-left: 18px; font-size: 13.5px; display: grid; gap: 2px; }
.kz-benim { margin: 0 0 8px; padding: 8px 10px; border-radius: 12px; background: #EEF3FC; }
.kz-benim > b { font-size: 13.5px; color: var(--lacivert); }
.kz-benim ul { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 3px; }
.kz-benim li { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 13.5px; }
.kz-benim li span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.kz-benim li small { margin-left: 6px; color: var(--soluk); font-size: 12px; }
.kz-oneriler { padding: 8px 10px; border-radius: 12px; background: #FFF4D6; }
.kz-oneriler b { font-size: 13.5px; color: #6B4A00; }
.kz-oneriler ul { margin: 4px 0 0; padding-left: 18px; font-size: 13.5px; display: grid; gap: 3px; }
.kz-sakin { text-align: center; padding: 18px 14px; }
.kz-buyuk { font-size: 44px; line-height: 1.1; margin-bottom: 4px; }
.kz-turler { display: flex; flex-wrap: wrap; gap: 8px; }
.kz-tur { flex: 1 1 260px; display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 14px; background: #FFFFFF; border: 1px solid #E3E6EE; }
.kz-tur > span { flex: none; font-size: 26px; line-height: 1.2; }
.kz-tur > div { min-width: 0; display: flex; flex-direction: column; }
.kz-tur b { font-size: 14.5px; color: var(--lacivert); }
.kz-tur small { font-size: 12px; color: var(--soluk); font-weight: 700; }
.kz-tur p { margin: 3px 0 0; font-size: 12.5px; color: var(--metin); line-height: 1.35; }
.kz-gecmis { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.kz-gecmis li { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px solid #EEF0F5; font-size: 13.5px; }
.kz-gecmis li:last-child { border-bottom: 0; }
.kz-gecmis li span small { margin-left: 6px; color: var(--soluk); }
.kz-gecmis li > small { flex: none; color: var(--soluk); font-size: 12px; }
.kz-eko { margin: 0 0 10px; border-left: 6px solid #FFC42E; }
.kz-eko h3 small { margin-left: 6px; font-weight: 600; font-size: 12.5px; color: var(--soluk); }
.kz-eko-satir { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid #EEF0F5; color: inherit; text-decoration: none; }
.kz-eko-satir:first-of-type { border-top: 0; }
.kz-eko-simge { flex: none; font-size: 26px; }
.kz-eko-metin { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.kz-eko-metin b { font-size: 14px; color: var(--lacivert); }
.kz-eko-metin small { font-size: 12.5px; color: var(--soluk); }
.kz-eko-satir em { flex: none; font-style: normal; font-weight: 800; font-size: 12.5px; padding: 3px 8px; border-radius: 999px; background: #FFF1C7; color: #8A5B00; }
.kz-eko-satir.aktif em { background: #FDE5E2; color: var(--kirmizi-koyu); }
.gz-liste a { color: inherit; text-decoration: none; display: block; }
@media (max-width: 420px) {
  .kz-kart-ust { flex-wrap: wrap; }
  .kz-sayac { flex-basis: 100%; flex-direction: row; justify-content: space-between; align-items: baseline; }
  .kz-eko-satir { flex-wrap: wrap; }
  .kz-eko-satir em { margin-left: 36px; }
}

/* 0.72.0: mevsim krizi şeridi (ana.js etkinlikSeridi) */
.etkinlik-serit.kriz-serit { background: linear-gradient(135deg, #2C3E63, #5A6F96); color: #fff; max-width: calc(100vw - 24px); }
.etkinlik-serit.kriz-serit.oncu { background: linear-gradient(135deg, #B7791F, #8A5B00); }
.etkinlik-serit.kriz-serit span { overflow: hidden; text-overflow: ellipsis; }
.etkinlik-serit.kriz-serit button { border: 0; background: rgba(0, 0, 0, 0.2); color: #fff; border-radius: 99px; width: 24px; height: 24px; cursor: pointer; flex: none; }

/* ==== 0.72.0: ⚔️ Rakip esnaf (rkp-) ==== */
.rkp-arena { padding: 14px; background: linear-gradient(180deg, #FFF8E6 0%, #fff 60%); }
.rkp-taraflar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; }
.rkp-taraf { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 2px; min-width: 0; }
.rkp-taraf b { font-size: 15px; color: var(--lacivert); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rkp-taraf small { font-size: 12px; color: var(--soluk); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rkp-cephe { width: 92px; height: 64px; }
.rkp-yuz { box-shadow: 0 0 0 3px #E0493C, 0 1px 2px rgba(16, 24, 40, .08); }
.rkp-vs { font-size: 22px; font-weight: 900; color: #fff; background: linear-gradient(135deg, #E0493C, #B8312A); width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); transform: rotate(-8deg); }
.rkp-kisilik { margin-top: 3px; padding: 2px 9px; border-radius: 999px; background: #FDE9E7; color: #9B2A21; font-size: 12px; font-weight: 800; white-space: nowrap; }
.rkp-cubuk-kutu { margin: 14px 2px 4px; }
.rkp-cubuk-ust { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 13px; margin-bottom: 5px; }
.rkp-cubuk-ust b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rkp-cubuk-ust b:first-child { color: #13723E; }
.rkp-cubuk-ust b:last-child { color: #B8312A; }
.rkp-durum { flex: none; padding: 2px 9px; border-radius: 999px; font-size: 12px; font-weight: 800; }
.rkp-durum.onde { background: #E3F6EB; color: #13723E; }
.rkp-durum.geride { background: #FDE9E7; color: #B8312A; animation: rkp-nabiz 1.6s ease-in-out infinite; }
.rkp-cubuk { position: relative; display: flex; height: 22px; border-radius: 12px; overflow: visible; background: #EEE; box-shadow: none; }
.rkp-cubuk i { display: block; height: 100%; transition: width .8s cubic-bezier(.3,1.4,.5,1); }
.rkp-cubuk .rkp-sen { background: linear-gradient(90deg, #13723E, #1FA25A); border-radius: 12px 0 0 12px; }
.rkp-cubuk .rkp-o { background: linear-gradient(90deg, #E0493C, #B8312A); border-radius: 0 12px 12px 0; }
.rkp-cubuk em { position: absolute; top: -3px; bottom: -3px; width: 2px; background: rgba(255,255,255,.9); }
.rkp-cubuk em.orta { width: 3px; background: #1B2437; opacity: .5; }
.rkp-ip { position: absolute; top: 50%; transform: translate(-50%, -50%); font-size: 20px; transition: left .8s cubic-bezier(.3,1.4,.5,1); filter: drop-shadow(0 2px 0 rgba(0,0,0,.2)); }
.rkp-cubuk-alt { display: flex; justify-content: space-between; font-size: 11px; color: var(--soluk); font-weight: 700; margin-top: 4px; padding: 0 2px; }
.rkp-bilgi { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin-top: 8px; font-size: 13px; font-weight: 700; color: var(--metin); }
.rkp-bilgi b { font-variant-numeric: tabular-nums; color: var(--lacivert); }
.rkp-ipucu { margin: 8px 0 0; padding: 7px 10px; border-radius: 10px; background: #F3F5FA; font-size: 12.5px; color: var(--metin); }
.rkp-sonuc { margin-top: 10px; padding: 10px 12px; border-radius: 14px; text-align: center; animation: rkp-cik .45s cubic-bezier(.3,1.6,.5,1); }
.rkp-sonuc b { display: block; font-size: 20px; }
.rkp-sonuc small { display: block; font-size: 12.5px; color: var(--metin); }
.rkp-sonuc.cok { background: #E3F6EB; color: #13723E; }
.rkp-sonuc.iyi { background: #E3EEFD; color: #1F5FB0; }
.rkp-sonuc.az { background: #FFF4D6; color: #8A5A00; }
.rkp-sonuc.zayif { background: #FDE9E7; color: #B8312A; }
.rkp-son { display: flex; gap: 10px; align-items: flex-start; margin: 12px 0; padding: 12px; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); border-left: 5px solid #E0493C; }
.rkp-son.karsilandi { border-left-color: #1FA25A; }
.rkp-son.acik { animation: rkp-titre 3s ease-in-out infinite; }
.rkp-son-simge { flex: none; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 26px; background: #FDE9E7; }
.rkp-son.karsilandi .rkp-son-simge { background: #E3F6EB; }
.rkp-son small { display: block; font-size: 11.5px; color: var(--soluk); font-weight: 800; text-transform: uppercase; letter-spacing: .03em; }
.rkp-son b { display: block; font-size: 16px; color: var(--lacivert); }
.rkp-son p { margin: 3px 0; font-size: 13px; line-height: 1.4; }
.rkp-son em { font-style: normal; font-size: 12.5px; font-weight: 800; color: #B8312A; }
.rkp-son.karsilandi em { color: #13723E; }
.rkp-baslik { margin: 14px 2px 8px; font-size: 16px; }
.rkp-karsi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.rkp-hamle { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 6px 10px; border: 0; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); cursor: pointer; font: inherit; color: var(--metin); min-height: 112px; transition: transform .12s; }
.rkp-hamle:active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.rkp-hamle.kilit { opacity: .6; filter: grayscale(.5); }
.rkp-hamle[disabled] { opacity: .45; cursor: not-allowed; }
.rkp-hamle.guclu { box-shadow: 0 1px 2px rgba(16, 24, 40, .08), inset 0 0 0 2px #FFD36A; }
.rkp-hamle-simge { font-size: 28px; line-height: 1.1; }
.rkp-hamle b { font-size: 13px; line-height: 1.2; text-align: center; }
.rkp-hamle small { font-size: 12px; color: var(--soluk); font-weight: 700; text-align: center; font-variant-numeric: tabular-nums; }
.rkp-hamle i { position: absolute; left: 6px; top: 6px; font-style: normal; font-size: 10.5px; font-weight: 800; color: #8A5A00; background: #FFF1C7; border-radius: 999px; padding: 1px 6px; }
.rkp-bilinen { position: absolute; right: 6px; top: 6px; font-size: 13px; line-height: 1; }
.rkp-bilinen.bilinmez { width: 18px; height: 18px; border-radius: 50%; background: #EEF1F7; color: var(--soluk); font-size: 11px; font-weight: 800; display: grid; place-items: center; }
.rkp-akis { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.rkp-akis li { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 12px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); border-left: 4px solid #1FA25A; }
.rkp-akis li.rakip { border-left-color: #E0493C; background: #FFF8F7; }
.rkp-akis li > span { font-size: 20px; flex: none; }
.rkp-akis li > div { flex: 1; min-width: 0; }
.rkp-akis b { display: block; font-size: 13.5px; }
.rkp-akis small { display: block; font-size: 11.5px; color: var(--soluk); }
.rkp-akis em { flex: none; font-style: normal; font-weight: 900; font-size: 14px; font-variant-numeric: tabular-nums; }
.rkp-akis em.arti { color: #13723E; }
.rkp-akis em.eksi { color: #B8312A; }
.rkp-bos { text-align: center; }
.rkp-buyuk { font-size: 40px; letter-spacing: 6px; line-height: 1.2; }
.rkp-etki { margin: 6px 0 0; font-weight: 800; font-size: 13.5px; }
.rkp-etki.arti { color: #13723E; }
.rkp-etki.eksi { color: #B8312A; }
.rkp-tanitim { background: linear-gradient(135deg, #FFF1C7, #FFE2B8); border: 2px dashed #E8A23A; }
.rkp-tanitim b { font-size: 16px; color: #8A4B00; }
.rkp-tanitim p { margin: 4px 0 0; font-size: 13.5px; line-height: 1.45; }
.rkp-defter-kutu { overflow-x: auto; margin: 8px -4px 0; }
.rkp-defter { width: 100%; border-collapse: separate; border-spacing: 3px; font-size: 12.5px; }
.rkp-defter thead th { font-weight: 700; padding: 2px; vertical-align: bottom; }
.rkp-defter thead th span { display: block; font-size: 20px; }
.rkp-defter thead th small { display: block; font-size: 10px; color: var(--soluk); line-height: 1.15; }
.rkp-defter tbody th { text-align: start; white-space: nowrap; font-size: 12.5px; padding-right: 4px; }
.rkp-defter td { text-align: center; height: 34px; border-radius: 8px; background: #F3F5FA; font-size: 16px; }
.rkp-defter td.cok { background: #E3F6EB; }
.rkp-defter td.iyi { background: #E3EEFD; }
.rkp-defter td.az { background: #FFF4D6; }
.rkp-defter td.zayif { background: #FDE9E7; }
.rkp-defter td.bilinmez { color: #B9C0CF; }
.rkp-kisilik-not { margin: 6px 2px; font-size: 13px; line-height: 1.4; }
.rkp-lejant { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 12px; color: var(--soluk); margin: 8px 2px 0; }
.rkp-kupalar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 4px 0 8px; }
.rkp-kupa { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 6px; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); text-align: center; }
.rkp-kupa span { font-size: 34px; line-height: 1.1; }
.rkp-kupa b { font-size: 20px; color: var(--lacivert); }
.rkp-kupa small { font-size: 12px; color: var(--soluk); font-weight: 700; }
.rkp-kupalar.kucuk .rkp-kupa b { font-size: 13.5px; }
.rkp-kupalar.kucuk .rkp-kupa span { font-size: 26px; }
.rkp-kupa.altin { background: linear-gradient(180deg, #FFF6D6, #fff); }
.rkp-gecmis { list-style: none; margin: 8px 0; padding: 0; display: grid; gap: 8px; }
.rkp-gecmis li { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); border-left: 4px solid #1FA25A; }
.rkp-gecmis li.yenilgi { border-left-color: #E0493C; }
.rkp-gecmis li > span { font-size: 24px; flex: none; }
.rkp-gecmis li > div { flex: 1; min-width: 0; }
.rkp-gecmis b { display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rkp-gecmis small { display: block; font-size: 12px; color: var(--soluk); }
.rkp-gecmis em { flex: none; font-style: normal; font-weight: 800; font-size: 13px; }
.rkp-nasil ul { margin: 0; padding-left: 20px; font-size: 14px; line-height: 1.5; }
.rkp-kisilik-liste { list-style: none; padding: 0 !important; display: grid; gap: 6px; }
.rkp-kisilik-liste li { display: flex; gap: 8px; align-items: flex-start; background: #F7F8FB; border-radius: 12px; padding: 8px; }
.rkp-kisilik-liste li > span { font-size: 22px; }
.rkp-kisilik-liste b { display: block; font-size: 14px; }
.rkp-kisilik-liste small { display: block; font-size: 12px; color: var(--soluk); line-height: 1.35; }
@keyframes rkp-nabiz { 50% { transform: scale(1.08); } }
@keyframes rkp-titre { 0%, 92%, 100% { transform: none; } 94% { transform: translateX(-3px); } 96% { transform: translateX(3px); } 98% { transform: translateX(-2px); } }
@keyframes rkp-cik { from { transform: scale(.6); opacity: 0; } to { transform: none; opacity: 1; } }
@media (max-width: 520px) {
  .rkp-karsi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rkp-cephe { width: 76px; height: 54px; }
  .rkp-vs { width: 38px; height: 38px; font-size: 17px; }
  .rkp-defter thead th small { display: none; }
  .rkp-defter tbody th { white-space: normal; font-size: 11.5px; line-height: 1.2; min-width: 74px; }
  .rkp-defter td { height: 30px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { .rkp-son.acik, .rkp-durum.geride { animation: none; } }

/* ==== 0.72.0: 🗺️ Hazine ve keşif (ksf-) ==== */
.ksf-ozet { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ksf-ozet b { font-size: 16px; white-space: nowrap; }
.ksf-gun { margin: 0 2px 10px; font-size: 12.5px; color: var(--soluk); font-weight: 700; }
.ksf-set { margin: 12px 0; padding: 12px; border-radius: 18px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.ksf-set.tamam { background: linear-gradient(180deg, #FFF6D6, #fff 40%); box-shadow: 0 1px 2px rgba(16, 24, 40, .08), inset 0 0 0 2px #FFE08A; }
.ksf-set header { display: flex; align-items: center; gap: 10px; }
.ksf-set header > div { flex: 1; min-width: 0; }
.ksf-set header b { display: block; font-size: 16px; color: var(--lacivert); }
.ksf-set header small { display: block; font-size: 12px; color: var(--soluk); }
.ksf-set-simge { flex: none; width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; font-size: 24px; background: #F3EEDF; }
.ksf-odul { flex: none; max-width: 46%; text-align: end; font-size: 11.5px; color: #8A5A00; font-weight: 700; line-height: 1.3; }
.ksf-belge-ac { flex: none; width: auto; margin: 0; min-height: 32px; padding: 4px 10px; font-size: 13px; }
.ksf-ilerleme { height: 6px; border-radius: 4px; background: #EFE6CF; margin: 10px 0; overflow: hidden; }
.ksf-ilerleme i { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #FFC42E, #E8A23A); transition: width .5s; }
.ksf-parcalar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.ksf-parca { position: relative; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 10px 4px 8px; border: 0; border-radius: 14px; background: #F7F4EC; cursor: pointer; font: inherit; color: var(--metin); box-shadow: none; }
.ksf-parca b { font-size: 12px; line-height: 1.2; text-align: center; min-height: 2.4em; }
.ksf-parca.golge b { color: #A9AFBD; letter-spacing: 2px; }
.ksf-parca.elde { background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.ksf-adet { position: absolute; top: 4px; right: 6px; font-style: normal; font-size: 11px; font-weight: 800; background: var(--lacivert); color: #fff; border-radius: 999px; padding: 1px 6px; }
.ksf-svg { display: block; flex: none; filter: drop-shadow(0 2px 0 rgba(0,0,0,.12)); }
.ksf-svg.gecmis { opacity: .45; filter: grayscale(.6); }
.ksf-svg.golge { filter: brightness(0) opacity(.18); }
.ksf-nadir { display: inline-block; padding: 1px 7px; border-radius: 999px; font-size: 10.5px; font-weight: 800; color: #fff; background: #8A94AD; white-space: nowrap; }
.ksf-nadir.nadir { background: #3B8BEB; }
.ksf-nadir.ender { background: #8E44D6; }
.ksf-nadir.efsane { background: linear-gradient(90deg, #E8A23A, #F2C94C); color: #3A2400; }
.ksf-bos { text-align: center; }
.ksf-buyuk { font-size: 44px; line-height: 1.1; }
.ksf-envanter { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ksf-esya { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); border-left: 4px solid var(--ksf-nadir); flex-wrap: wrap; }
.ksf-esya-bilgi { flex: 1; min-width: 150px; }
.ksf-esya-bilgi b { display: block; font-size: 15px; }
.ksf-esya-bilgi small { display: block; font-size: 12px; color: var(--soluk); margin-top: 2px; }
.ksf-ilanda { color: #13723E !important; font-weight: 800; }
.ksf-esya-dugmeler { display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; }
.ksf-esya-dugmeler .dugme { width: auto; margin: 0; min-height: 34px; padding: 4px 10px; font-size: 13px; }
.ksf-benim { font-size: 12px; font-weight: 800; color: var(--soluk); }
.ksf-bp-bas { display: flex; gap: 10px; align-items: flex-start; background: linear-gradient(135deg, #FFF1C7, #FCE6CF); }
.ksf-bp-bas b { display: block; font-size: 16px; color: #8A4B00; }
.ksf-bp-bas small { display: block; font-size: 12.5px; line-height: 1.4; }
.ksf-bp-simge { font-size: 34px; flex: none; }
.ksf-tezgahlar { list-style: none; margin: 10px 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.ksf-tezgah { display: flex; flex-direction: column; gap: 8px; padding: 12px 10px; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); border-top: 6px solid; border-image: repeating-linear-gradient(90deg, #E0493C 0 12px, #fff 12px 24px) 6; }
.ksf-tezgah.satildi { opacity: .7; }
.ksf-tezgah-ust { display: flex; align-items: center; gap: 6px; }
.ksf-tezgah-ust span { font-size: 22px; }
.ksf-tezgah-ust b { font-size: 13.5px; line-height: 1.25; }
.ksf-gizli { display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 12px; background: #F3F5FA; }
.ksf-gizli span { font-size: 26px; }
.ksf-gizli small { font-size: 12px; color: var(--metin); font-weight: 700; line-height: 1.3; }
.ksf-acik { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 12px; background: #F7F4EC; }
.ksf-acik.iyi { background: #E3F6EB; }
.ksf-acik.kotu { background: #FDE9E7; }
.ksf-acik b { display: block; font-size: 13px; }
.ksf-acik small { display: block; font-size: 12px; }
.ksf-taklit { font-size: 30px; }
.ksf-fiyat { font-weight: 900; font-size: 17px; color: var(--lacivert); }
.ksf-tezgah-dugmeler { display: flex; flex-direction: column; gap: 6px; margin-top: auto; }
.ksf-tezgah-dugmeler .dugme { margin: 0; min-height: 36px; font-size: 13px; padding: 4px 8px; }
.ksf-muze { text-align: center; background: linear-gradient(180deg, #F6F1E4, #fff); }
.ksf-muze-cephe { width: 100%; max-width: 360px; height: auto; }
.ksf-siralama { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.ksf-siralama li { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 12px; background: #F7F8FB; }
.ksf-sira { flex: none; width: 30px; text-align: center; font-weight: 900; font-size: 16px; }
.ksf-siralama b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ksf-siralama small { color: var(--soluk); font-size: 12px; }
.ksf-siralama em { font-style: normal; font-weight: 800; color: #8A5A00; white-space: nowrap; }
.ksf-duvar { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.ksf-duvar li { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 10px; background: #F6F1E4; font-size: 13px; }
.ksf-baslik { margin: 14px 2px 8px; font-size: 16px; }
.ksf-salonlar { display: grid; grid-template-columns: 1fr; gap: 8px; }
.ksf-salon { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 12px; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); flex-wrap: wrap; }
.ksf-salon > b { font-size: 14px; }
.ksf-salon > div { display: flex; gap: 6px; }
.ksf-salon span { position: relative; display: inline-block; }
.ksf-salon span i { position: absolute; right: -4px; bottom: -4px; font-style: normal; font-size: 10px; font-weight: 800; background: var(--lacivert); color: #fff; border-radius: 999px; padding: 0 5px; }
.ksf-salon span.yok i { background: #B9C0CF; }
.ksf-nasil ul { margin: 0; padding-left: 20px; font-size: 14px; line-height: 1.5; }
.ksf-nadirlikler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.ksf-nadirlikler span { border-radius: 12px; padding: 8px; background: #F7F8FB; border-top: 4px solid var(--ksf-nadir); text-align: center; }
.ksf-nadirlikler b { display: block; font-size: 14px; }
.ksf-nadirlikler small { display: block; font-size: 11.5px; color: var(--soluk); }
.ksf-katman { position: fixed; inset: 0; z-index: 9000; display: grid; place-items: center; padding: 16px; background: rgba(20, 26, 40, .55); animation: rkp-cik .2s ease-out; }
.ksf-pencere { width: min(420px, 100%); max-height: 100%; overflow: auto; border-radius: 20px; background: #fff; padding: 16px; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,.25); }
.ksf-kapat { margin: 12px auto 0; width: auto; }
.ksf-ayrinti .ksf-svg { margin: 0 auto; filter: drop-shadow(0 0 14px var(--ksf-nadir)); }
.ksf-ayrinti h3 { margin: 8px 0 2px; }
.ksf-ayrinti p { margin: 6px 0; font-size: 13.5px; }
.ksf-aciklama { line-height: 1.45; color: var(--metin); }
.ksf-kaynak span { display: inline-block; margin: 2px 3px; padding: 2px 8px; border-radius: 999px; background: #F3F5FA; font-size: 12px; font-weight: 700; }
.ksf-belge { padding: 8px; border-radius: 14px; background: repeating-linear-gradient(45deg, #C9A23A 0 6px, #E8C25A 6px 12px); }
.ksf-belge-ic { position: relative; padding: 18px 14px 14px; border-radius: 10px; background: #FFFBEF; color: #3A2C10; }
.ksf-belge-ic small { display: block; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #8A6A2A; font-weight: 800; }
.ksf-belge-ic h2 { margin: 4px 0 8px; font-family: Georgia, 'Times New Roman', serif; font-size: 22px; color: #6B4A10; }
.ksf-belge-ic p { margin: 0 0 10px; font-size: 13.5px; line-height: 1.45; }
.ksf-belge-parcalar { display: flex; justify-content: center; gap: 6px; margin: 6px 0 10px; }
.ksf-belge-alt { display: flex; justify-content: space-between; gap: 8px; font-size: 11.5px; font-weight: 700; color: #8A6A2A; border-top: 1px dashed #C9A23A; padding-top: 8px; }
.ksf-muhur { position: absolute; right: 10px; top: 8px; font-size: 30px; transform: rotate(12deg); }
@media (max-width: 620px) {
  .ksf-tezgahlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .ksf-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ksf-parcalar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ksf-nadirlikler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ksf-odul { max-width: 40%; font-size: 11px; }
  .ksf-esya-dugmeler { width: 100%; justify-content: stretch; }
  .ksf-esya-dugmeler .dugme { flex: 1 1 auto; }
}

/* ==== 0.72.0: karakter yüzleri (web/js/yuzCiz.js) ==== */
.yuz-svg { display: block; flex: none; border-radius: 50%; background: #FFF4D6; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }

/* ==== 0.72.0: 🕵️ Mahalle gizemleri (web/js/gizem.js) ==== */
.gzm-dosya { position: relative; overflow: hidden; border-radius: 16px; background: #F3E2B8; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); margin: 0 0 10px; padding: 10px 14px 12px; border-left: 8px solid #C9A65B; }
.gzm-dosya::after { content: ''; position: absolute; right: -30px; top: -30px; width: 110px; height: 110px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0.35), transparent 70%); pointer-events: none; }
.gzm-dosya-ust { display: flex; align-items: center; gap: 10px; }
.gzm-dosya-ust small { color: #6B5420; font-weight: 700; font-size: 12.5px; }
.gzm-damga { display: inline-block; transform: rotate(-6deg); border: 2px solid #C0392B; color: #C0392B; border-radius: 6px; padding: 0 6px; font-weight: 900; font-size: 12px; letter-spacing: 2px; }
.gzm-dosya-ic { display: flex; align-items: center; gap: 10px; margin-top: 6px; }
.gzm-vaka-simge { font-size: 38px; line-height: 1; filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.15)); }
.gzm-vaka-ad { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.gzm-vaka-ad b { font-size: 19px; color: #3B2A0A; line-height: 1.15; }
.gzm-vaka-ad span { font-size: 13px; font-weight: 700; color: #6B5420; }
.gzm-sure { display: flex; flex-direction: column; align-items: flex-end; text-align: end; flex: none; }
.gzm-sure small { font-size: 11.5px; color: #6B5420; font-weight: 700; }
.gzm-sure b { font-size: 17px; color: #3B2A0A; font-variant-numeric: tabular-nums; }
.gzm-hiz { display: flex; gap: 4px; margin-top: 10px; }
.gzm-hiz span { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; padding: 4px 0; border-radius: 9px; background: rgba(255, 255, 255, 0.55); color: #6B5420; }
.gzm-hiz span small { font-size: 10.5px; font-weight: 700; }
.gzm-hiz span b { font-size: 12.5px; }
.gzm-hiz span.gecti { opacity: 0.45; }
.gzm-hiz span.bugun { background: #C0392B; color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.gzm-sekmeler { margin: 0 0 10px; flex-wrap: nowrap !important; gap: 4px !important; }
.gzm-sekmeler .cip { position: relative; padding: 8px 4px; font-size: 13px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gzm-rozet { display: inline-block; vertical-align: 1px; margin-left: 3px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; background: #C0392B; color: #fff; font-style: normal; font-size: 11px; line-height: 17px; }
.gzm-baslik { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin: 14px 2px 8px; font-size: 16px; color: var(--lacivert); }
.gzm-baslik small { font-size: 12.5px; color: var(--soluk); font-weight: 600; }
.gzm-giris { font-size: 15.5px; line-height: 1.5; margin: 4px 0 0; }
.gzm-kilit { text-align: center; }
.gzm-buyuk { font-size: 44px; line-height: 1.1; }
.gzm-supheliler { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.gzm-supheli { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); transition: filter 0.2s, opacity 0.2s, transform 0.1s; }
.gzm-yuz { position: relative; flex: none; display: inline-block; }
.gzm-carpi { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #C0392B; font-style: normal; font-size: 40px; font-weight: 900; text-shadow: 0 0 3px #fff; }
.gzm-kelepce { position: absolute; right: -6px; bottom: -4px; font-style: normal; font-size: 20px; }
.gzm-supheli-yazi { flex: 1; min-width: 0; }
.gzm-supheli-yazi b { display: block; font-size: 16px; color: var(--lacivert); }
.gzm-supheli-yazi small { display: block; font-size: 12.5px; font-weight: 700; color: #8A6D2B; }
.gzm-supheli-yazi p { margin: 2px 0 0; font-size: 13px; line-height: 1.35; color: var(--soluk); }
.gzm-supheli.elendi .gzm-yuz svg { filter: grayscale(1); opacity: 0.55; }
.gzm-supheli.elendi .gzm-supheli-yazi { opacity: 0.6; }
.gzm-supheli.elendi .gzm-supheli-yazi b { text-decoration: line-through; }
.gzm-supheli.suclanan { box-shadow: 0 0 0 2px #C0392B, 0 1px 2px rgba(16, 24, 40, .08); }
.gzm-ele { flex: none; border: 2px solid #E3D3A8; background: #FFF9EA; color: #6B5420; border-radius: 10px; padding: 6px 10px; font-weight: 800; font-size: 13px; cursor: pointer; white-space: nowrap; }
.gzm-ele[aria-pressed="true"] { background: #F1F3F8; border-color: #D5DAE5; color: var(--soluk); }
.gzm-etiket { flex: none; border-radius: 8px; padding: 3px 8px; font-size: 12px; font-weight: 800; }
.gzm-etiket.kirmizi { background: #FDE2DF; color: #A92E23; }
.gzm-supheliler.secim .gzm-supheli { cursor: pointer; box-shadow: 0 0 0 2px #EFE6CF; }
.gzm-supheliler.secim .gzm-supheli.secili { box-shadow: 0 0 0 3px #C0392B; background: #FFF4F2; transform: scale(1.01); }
.gzm-supheliler.secim .gzm-supheli-yazi p { display: none; }
.gzm-alt-dugmeler { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.gzm-alt-dugmeler .dugme { margin: 0; font-size: 15px; }
.gzm-hak { background: #FFFBEF; }
.gzm-hak-ust { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.gzm-hak-ust > div { flex: none; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 66px; height: 66px; border-radius: 50%; background: #C0392B; color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.gzm-hak-ust > div small { font-size: 10px; font-weight: 700; text-align: center; line-height: 1.1; padding: 0 4px; }
.gzm-hak-ust > div b { font-size: 24px; line-height: 1; }
.gzm-hak-ust p { margin: 0; }
.gzm-noktalar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.gzm-nokta { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 10px 6px; border: 0; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); cursor: pointer; color: var(--metin); font: inherit; text-align: center; transition: transform 0.08s; }
.gzm-nokta:not([disabled]):hover { transform: translateY(-2px); }
.gzm-nokta:not([disabled]):active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.gzm-nokta-simge { font-size: 28px; line-height: 1.1; }
.gzm-nokta b { font-size: 13px; line-height: 1.2; overflow-wrap: anywhere; }
.gzm-nokta small { font-size: 11.5px; font-weight: 800; color: #C0392B; }
.gzm-nokta.acik { background: #EAF6EF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); cursor: default; }
.gzm-nokta.acik small { color: var(--yesil-koyu); }
.gzm-nokta[disabled]:not(.acik) { opacity: 0.6; cursor: not-allowed; }
.gzm-eylemler { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.gzm-eylem { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.gzm-eylem.acik { background: #EAF6EF; }
.gzm-eylem-simge { flex: none; font-size: 24px; }
.gzm-eylem-yazi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.gzm-eylem-yazi b { font-size: 14.5px; color: var(--lacivert); }
.gzm-eylem-yazi small { font-size: 12.5px; color: var(--soluk); }
.gzm-eylem .dugme { width: auto; flex: none; margin: 0; }
.gzm-tik, .hky-tamam { flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--yesil); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 900; }
.gzm-cubuk, .hky-cubuk { height: 7px; border-radius: 6px; background: #EFE6CF; overflow: hidden; margin-top: 3px; }
.gzm-cubuk i, .hky-cubuk i { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, #FFC42E, #1FA25A); }
.gzm-defter { position: relative; border-radius: 16px; padding: 12px 14px 10px 30px; margin-bottom: 12px; background: repeating-linear-gradient(#FFFDF5 0 27px, #DDE7F3 27px 28px); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.gzm-defter::before { content: ''; position: absolute; left: 18px; top: 0; bottom: 0; width: 2px; background: #F2A3A3; }
.gzm-defter-bas { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 6px; }
.gzm-defter-bas b { font-size: 17px; color: var(--lacivert); }
.gzm-defter-bas small { font-size: 12.5px; font-weight: 700; color: var(--soluk); }
.gzm-ipuclari { list-style: none; margin: 0; padding: 0; counter-reset: ipucu; }
.gzm-ipucu { counter-increment: ipucu; position: relative; padding: 6px 0 8px; border-bottom: 1px dashed #D9CFB4; }
.gzm-ipucu:last-child { border-bottom: 0; }
.gzm-ipucu::before { content: counter(ipucu); position: absolute; left: -24px; top: 8px; width: 18px; text-align: end; font-size: 12px; font-weight: 800; color: #C07A7A; }
.gzm-ipucu-kaynak { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 800; color: #6B5420; background: #F3E2B8; border-radius: 8px; padding: 1px 7px; }
.gzm-ipucu-kaynak i { font-style: normal; }
.gzm-ipucu p { margin: 4px 0 0; font-size: 14.5px; line-height: 1.45; }
.gzm-ipucu.yeni { animation: gzm-parla 2.4s ease-out 1; }
@keyframes gzm-parla { 0%, 30% { background: #FFF1A8; } 100% { background: transparent; } }
.gzm-eksik { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 8px 0 0; font-size: 13.5px; color: var(--soluk); }
.gzm-eksik .dugme { width: auto; margin: 0; }
.gzm-suclama h3 { color: #A92E23; }
.gzm-odul { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 6px; }
.gzm-odul > div { flex: 1 1 110px; display: flex; flex-direction: column; padding: 8px 10px; border-radius: 12px; background: #FFF4D6; }
.gzm-odul > div small { font-size: 11.5px; font-weight: 700; color: #6B5A45; }
.gzm-odul > div b { font-size: 17px; color: var(--lacivert); }
.gzm-odul-yarin { background: #F1F3F8 !important; }
.gzm-odul-altin b { font-size: 15px !important; white-space: nowrap; }
.gzm-sucla { margin-top: 8px; }
.gzm-sonuc .gzm-sonuc-ust { display: flex; align-items: center; gap: 12px; }
.gzm-sonuc-ust b { display: block; font-size: 18px; }
.gzm-sonuc-ust small { font-size: 13px; color: var(--soluk); font-weight: 700; }
.gzm-sonuc.dogru { background: #EAF6EF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.gzm-sonuc.dogru b { color: var(--yesil-koyu); }
.gzm-sonuc.yanlis { background: #FFF1EF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.gzm-sonuc.yanlis b { color: #A92E23; }
.gzm-sonuc-odul { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 4px; }
.gzm-sonuc-odul span { background: #fff; border-radius: 10px; padding: 4px 10px; font-weight: 800; font-size: 14px; }
.gzm-sonuc .dugme { width: auto; }
.gzm-gecen-ust { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: #8A6D2B; }
.gzm-gecen h4 { margin: 12px 0 6px; font-size: 15px; color: var(--lacivert); }
.gzm-cozum { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 14px; background: #FFF1EF; margin: 6px 0; }
.gzm-cozum b { display: block; font-size: 19px; color: #A92E23; }
.gzm-cozum small { display: block; font-size: 12.5px; color: var(--soluk); font-weight: 700; }
.gzm-aciklama { font-size: 14.5px; line-height: 1.5; }
.gzm-istatistik { display: flex; flex-wrap: wrap; gap: 6px; }
.gzm-istatistik span { background: #F1F3F8; border-radius: 10px; padding: 4px 10px; font-size: 13px; font-weight: 700; }
.gzm-ben { margin: 8px 0 0; padding: 6px 10px; border-radius: 10px; font-weight: 700; font-size: 14px; }
.gzm-ben.iyi { background: #EAF6EF; color: var(--yesil-koyu); }
.gzm-ben.kotu { background: #FFF1EF; color: #A92E23; }
.gzm-dogrular { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.gzm-dogrular li { display: flex; align-items: center; gap: 8px; padding: 5px 8px; border-radius: 10px; background: #FAFBFD; }
.gzm-dogrular li.ben { background: #FFF4D6; }
.gzm-dogrular b { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.gzm-dogrular small { font-size: 12px; color: var(--soluk); font-weight: 700; }
.gzm-sira { flex: none; width: 28px; text-align: center; font-weight: 800; }
.gzm-rozet-ozet { display: flex; flex-direction: column; margin-bottom: 8px; }
.gzm-rozet-ozet b { font-size: 18px; color: var(--lacivert); }
.gzm-rozet-ozet small { font-size: 13px; color: var(--soluk); }
.gzm-rozetler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.gzm-rozetler span { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 8px 4px; border-radius: 12px; background: #F1F3F8; opacity: 0.55; filter: grayscale(1); }
.gzm-rozetler span.kazanildi { background: #FFF4D6; opacity: 1; filter: none; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.gzm-rozetler i { font-style: normal; font-size: 26px; line-height: 1.1; }
.gzm-rozetler b { font-size: 12px; line-height: 1.2; }
.gzm-rozetler small { font-size: 11px; color: var(--soluk); }
.gzm-acilan { position: fixed; inset: 0; z-index: 9000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(17, 31, 64, 0.45); animation: gzm-gir 0.25s ease-out; cursor: pointer; }
.gzm-acilan.kapan { opacity: 0; transition: opacity 0.25s; }
.gzm-acilan-kart { max-width: 360px; width: 100%; text-align: center; background: #FFFDF5; border-radius: 18px; padding: 18px 16px 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); border-top: 8px solid #C9A65B; animation: gzm-zipla 0.4s cubic-bezier(.2, 1.4, .4, 1); }
.gzm-acilan-kart span { font-size: 44px; line-height: 1.1; display: block; }
.gzm-acilan-kart b { display: block; font-size: 17px; color: var(--lacivert); margin: 4px 0; }
.gzm-acilan-kart p { font-size: 15px; line-height: 1.45; }
.gzm-acilan-kart small { color: var(--soluk); font-size: 12px; }
@keyframes gzm-gir { from { opacity: 0; } to { opacity: 1; } }
@keyframes gzm-zipla { from { transform: scale(0.7) rotate(-3deg); opacity: 0; } to { transform: none; opacity: 1; } }
@media (max-width: 460px) {
  .gzm-noktalar { grid-template-columns: repeat(2, 1fr); }
  .gzm-rozetler { grid-template-columns: repeat(2, 1fr); }
  .gzm-vaka-ad b { font-size: 17px; }
  .gzm-sure b { font-size: 15px; }
  .gzm-sekmeler .cip { font-size: 12.5px; }
}

/* ==== 0.72.0: 🎬 Hikâye görevleri (web/js/hikaye.js) ==== */
.hky-ust { border-radius: 16px; padding: 12px 14px 10px; margin-bottom: 10px; background: linear-gradient(135deg, #1B2F5B, #2B4A86); color: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hky-ust-yazi { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.hky-ust-yazi small { font-size: 12.5px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: #FFC42E; }
.hky-ust-yazi b { font-size: 16px; }
.hky-ilerleme { height: 8px; border-radius: 6px; background: rgba(255, 255, 255, 0.18); overflow: hidden; margin: 8px 0 10px; }
.hky-ilerleme i { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, #FFC42E, #FF8A3D); }
.hky-kadro { list-style: none; margin: 0; padding: 2px 0 0; display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; }
.hky-kadro::-webkit-scrollbar { display: none; }
.hky-kadro li { flex: 1 0 64px; display: flex; flex-direction: column; align-items: center; text-align: center; min-width: 64px; }
.hky-kadro b { font-size: 12px; line-height: 1.15; margin-top: 3px; }
.hky-kadro small { font-size: 10.5px; color: #C9D6F2; line-height: 1.15; }
.hky-yuz { flex: none; display: inline-block; }
.hky-yol { position: relative; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 6px 2px 10px; margin-bottom: 4px; }
.hky-yol::-webkit-scrollbar { display: none; }
.hky-dugum { position: relative; flex: none; width: 56px; display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 6px 2px; border: 0; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); cursor: pointer; font: inherit; color: var(--metin); }
.hky-dugum-simge { font-size: 22px; line-height: 1.1; }
.hky-dugum b { font-size: 13px; line-height: 1; }
.hky-dugum small { font-size: 10px; color: var(--soluk); font-weight: 700; white-space: nowrap; }
.hky-dugum.d-kilitli { background: #F1F3F8; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hky-dugum.d-kilitli .hky-dugum-simge { opacity: 0.6; }
.hky-dugum.d-bitti { background: #EAF6EF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hky-dugum.d-aktif, .hky-dugum.d-acik { background: #FFF4D6; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hky-dugum.secili { outline: 3px solid var(--mavi); outline-offset: 1px; }
.hky-tik { position: absolute; top: -4px; right: -3px; width: 18px; height: 18px; border-radius: 50%; background: var(--yesil); color: #fff; font-style: normal; font-size: 11px; line-height: 18px; text-align: center; }
.hky-nabiz { position: absolute; top: -3px; right: -2px; width: 12px; height: 12px; border-radius: 50%; background: #FF8A3D; box-shadow: 0 0 0 0 rgba(255, 138, 61, 0.6); animation: hky-nabiz 1.6s infinite; }
@keyframes hky-nabiz { 0% { box-shadow: 0 0 0 0 rgba(255, 138, 61, 0.6); } 80%, 100% { box-shadow: 0 0 0 10px rgba(255, 138, 61, 0); } }
.hky-bolum { padding: 0; overflow: hidden; }
.hky-bolum > :not(.hky-sahne) { margin-left: 14px; margin-right: 14px; }
.hky-bolum > :last-child { margin-bottom: 14px; }
.hky-sahne { position: relative; overflow: hidden; display: flex; align-items: center; gap: 12px; padding: 16px 14px; color: #fff; background: linear-gradient(135deg, #2B4A86, #3B8BEB); margin-bottom: 10px; }
.hky-sahne h3 { margin: 0; font-size: 20px; line-height: 1.15; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .18); }
.hky-sahne small { font-size: 12px; font-weight: 800; letter-spacing: 0.5px; opacity: 0.9; }
.hky-sahne-simge { flex: none; width: 54px; height: 54px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 32px; background: rgba(255, 255, 255, 0.2); }
.hky-sahne.s-sabah { background: linear-gradient(135deg, #FF9A5A, #FFC42E); }
.hky-sahne.s-mahalle { background: linear-gradient(135deg, #1FA25A, #7BC67E); }
.hky-sahne.s-carsi { background: linear-gradient(135deg, #8E44AD, #C0392B); }
.hky-sahne.s-yagmur { background: linear-gradient(160deg, #1C2A44, #3C5578); }
.hky-sahne.s-firin { background: linear-gradient(135deg, #A0522D, #E59E4B); }
.hky-sahne.s-pazar { background: linear-gradient(135deg, #E0493C, #F39C12); }
.hky-sahne.s-muhtarlik { background: linear-gradient(135deg, #2461AD, #16A085); }
.hky-sahne.s-fabrika { background: linear-gradient(135deg, #34495E, #7F8C8D); }
.hky-sahne.s-meydan { background: linear-gradient(135deg, #B8860B, #FFC42E); }
.hky-yagmur { position: absolute; inset: 0; pointer-events: none; background-image: repeating-linear-gradient(105deg, rgba(255, 255, 255, 0.28) 0 1px, transparent 1px 14px); background-size: 200% 200%; animation: hky-yag 0.7s linear infinite; }
@keyframes hky-yag { from { background-position: 0 0; } to { background-position: -14px 40px; } }
.hky-diyalog { list-style: none; margin: 0 0 6px; padding: 0; display: grid; gap: 10px; }
.hky-balon { display: flex; align-items: flex-end; gap: 8px; }
.hky-balon.sen { flex-direction: row-reverse; }
.hky-balon-ic { position: relative; max-width: 82%; padding: 8px 12px; border-radius: 16px 16px 16px 4px; background: #F1F3F8; }
.hky-balon.sen .hky-balon-ic { border-radius: 16px 16px 4px 16px; background: #FFF1C7; }
.hky-balon-ic b { display: block; font-size: 12.5px; color: var(--mavi-koyu); }
.hky-balon.k-kenan .hky-balon-ic b { color: #8E2A20; }
.hky-balon.k-hatice .hky-balon-ic b { color: #AD1457; }
.hky-balon.k-cemal .hky-balon-ic b { color: #37474F; }
.hky-balon.k-zeynep .hky-balon-ic b { color: #00796B; }
.hky-balon.sen .hky-balon-ic b { color: #8A6D00; text-align: end; }
.hky-balon-ic p { margin: 2px 0 0; font-size: 15px; line-height: 1.45; }
.hky-balon.yeni { animation: hky-belir 0.35s ease-out; }
@keyframes hky-belir { from { opacity: 0; transform: translateY(8px) scale(0.98); } to { opacity: 1; transform: none; } }
.hky-oynat { display: flex; gap: 8px; align-items: center; margin-top: 4px; }
.hky-oynat .dugme { margin: 0; }
.hky-oynat .dugme.gri { width: auto; flex: none; }
.hky-tekrar { margin-bottom: 8px; }
.hky-tekrar summary { cursor: pointer; font-weight: 800; font-size: 14px; color: var(--mavi-koyu); padding: 6px 0; }
.hky-tekrar[open] summary { margin-bottom: 8px; }
.hky-ara { margin: 10px 0 8px; font-size: 14px; color: var(--soluk); text-transform: uppercase; letter-spacing: 1px; }
.hky-karar h4 { margin: 12px 0 8px; font-size: 16px; color: var(--lacivert); }
.hky-secenekler { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.hky-secenek { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; text-align: start; padding: 12px; border: 2px solid #E3D3A8; border-radius: 16px; background: #FFFBEF; cursor: pointer; font: inherit; color: var(--metin); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); transition: transform 0.08s; }
.hky-secenek:hover { transform: translateY(-2px); border-color: var(--altin-koyu); }
.hky-secenek:active { transform: scale(.97); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hky-secenek-simge { font-size: 28px; line-height: 1; }
.hky-secenek b { font-size: 16px; color: var(--lacivert); }
.hky-secenek small { font-size: 13px; line-height: 1.35; color: var(--soluk); }
.hky-karar-ozet { display: inline-block; margin: 0 14px 8px; padding: 4px 10px; border-radius: 10px; background: #F1F3F8; font-weight: 700; font-size: 13.5px; }
.hky-gorevler h4 { margin: 10px 0 6px; font-size: 15px; color: var(--lacivert); }
.hky-gorevler ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.hky-gorev { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; background: #FAFBFD; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hky-gorev.tamam { background: #EAF6EF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hky-g-simge { flex: none; font-size: 22px; }
.hky-g-orta { flex: 1; min-width: 0; }
.hky-g-orta b { display: block; font-size: 14.5px; color: var(--lacivert); }
.hky-g-orta small { font-size: 12px; color: var(--soluk); font-weight: 700; }
.hky-gorev .dugme { width: auto; flex: none; margin: 0; }
.hky-yaris { margin-top: 6px; display: grid; gap: 5px; }
.hky-yaris-satir { display: flex; align-items: center; gap: 6px; }
.hky-yaris-satir b { flex: none; min-width: 72px; text-align: end; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.hky-yaris-cubuk { flex: 1; height: 10px; border-radius: 6px; background: #E9ECF3; overflow: hidden; }
.hky-yaris-cubuk i { display: block; height: 100%; border-radius: 6px; transition: width 0.6s; }
.hky-yaris-satir.sen i { background: linear-gradient(90deg, #FFC42E, #1FA25A); }
.hky-yaris-satir.kenan i { background: linear-gradient(90deg, #E07A5F, #A92E23); }
.hky-yaris small { font-size: 12px; color: var(--soluk); }
.hky-yaris-durum.iyi { color: var(--yesil-koyu) !important; font-weight: 800; }
.hky-yaris-durum.kotu { color: #A92E23 !important; font-weight: 800; }
.hky-rovans { color: #8E2A20 !important; font-weight: 700; }
.hky-odul { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 10px 0; padding: 8px 12px; border-radius: 12px; background: #FFF4D6; }
.hky-odul > small { font-weight: 800; color: #6B5A45; }
.hky-odul-satir { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.hky-odul-satir span { background: rgba(255, 255, 255, 0.75); border-radius: 9px; padding: 2px 8px; font-weight: 800; font-size: 13px; }
.hky-odul .hky-odul-satir { margin-top: 0; }
.hky-basla, .hky-bitir, .hky-sonraki { margin-top: 6px; width: calc(100% - 28px) !important; }
.hky-not { margin-top: 8px; }
.hky-kilit { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding: 4px 0 6px; }
.hky-kilit > span { font-size: 36px; }
.hky-kilit .dugme { width: auto; }
.hky-alinan { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.hky-alinan span { background: #EAF6EF; border-radius: 10px; padding: 4px 10px; font-weight: 800; font-size: 13.5px; color: var(--yesil-koyu); }
.hky-sonuc-bant { padding: 10px 12px; border-radius: 14px; background: linear-gradient(90deg, #FFF1C7, #EAF6EF); margin-bottom: 10px; animation: hky-belir 0.5s ease-out; }
.hky-sonuc-bant b { display: block; font-size: 16px; color: var(--yesil-koyu); }
.hky-son { display: flex; align-items: center; gap: 12px; }
.hky-son > span { font-size: 40px; }
.hky-son small { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: var(--soluk); }
.hky-son b { display: block; font-size: 17px; color: var(--lacivert); }
.hky-son.dost { background: #FFF1F5; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hky-son.rakip { background: #FFF4D6; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
/* 0.79.0: perdeler, anlar, imzasız mektuplar, Sırlar Defteri */
.hky-perdeler { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: -2px 0 10px; padding-bottom: 2px; }
.hky-perdeler::-webkit-scrollbar { display: none; }
.hky-perde { flex: none; display: flex; align-items: center; gap: 6px; padding: 5px 10px 5px 7px; border: 0; border-radius: 12px; background: rgba(255, 255, 255, 0.12); color: #fff; cursor: pointer; text-align: start; }
.hky-perde > span { font-size: 18px; }
.hky-perde b { font-size: 12px; letter-spacing: 0.5px; }
.hky-perde small { display: block; font-size: 11px; color: #C9D6F2; max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hky-perde.secili { background: #FFC42E; color: #1B2F5B; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hky-perde.secili small { color: #5A4300; }
.hky-perde.p-gelecek, .hky-perde.p-kilitli { opacity: 0.7; }
.hky-perde.p-bitti b::after { content: ' ✓'; }
.hky-perde:focus-visible { outline: 3px solid #FFC42E; outline-offset: 2px; }
.hky-defter-bag { display: flex; align-items: center; gap: 8px; margin-top: 10px; padding: 7px 12px; border-radius: 12px; background: #F5E9CC; color: #4A3416; text-decoration: none; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hky-defter-bag > span { font-size: 20px; }
.hky-defter-bag b { flex: 1; font-size: 14px; }
.hky-defter-bag small { font-weight: 800; font-size: 13px; font-variant-numeric: tabular-nums; }
.hky-dugum.an { width: 46px; border-radius: 50%; padding: 6px 0; }
.hky-dugum.an .hky-dugum-simge { font-size: 19px; }
.hky-dugum.an.d-kilitli { background: #E9E4F5; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hky-sahne.an small { text-transform: uppercase; letter-spacing: 1px; }
.hky-sahne.s-sepya { background: linear-gradient(135deg, #6B4E2E, #B08A5A); }
.hky-sahne.s-bursa { background: linear-gradient(135deg, #2E7D32, #8D6E63); }
.hky-sahne.s-bedesten { background: linear-gradient(135deg, #6D4C41, #C49A6C); }
.hky-sahne.s-kervan { background: linear-gradient(135deg, #C77C2B, #E9C46A); }
.hky-sahne.s-atolye { background: linear-gradient(135deg, #00897B, #4DB6AC); }
.hky-sahne.s-muze { background: linear-gradient(135deg, #455A64, #A1887F); }
.hky-sahne.s-kapalicarsi { background: linear-gradient(135deg, #7B1E1E, #D4A017); }
.hky-sahne.s-zincir { background: linear-gradient(135deg, #3D4451, #A33A3A); } /* 0.81.0 */
.hky-sahne.s-lonca { background: linear-gradient(135deg, #1E5631, #A4B85B); }
.hky-sahne.s-borsa { background: linear-gradient(135deg, #0D3B66, #3FA796); }
.hky-balon.k-defne .hky-balon-ic b { color: #3949AB; }
.hky-sahne.s-liman { background: linear-gradient(135deg, #0B4F6C, #20A4C3); } /* 0.82.0 */
.hky-sahne.s-fuar { background: linear-gradient(135deg, #6A1B9A, #F9A825); }
.hky-sahne.s-deniz { background: linear-gradient(135deg, #1B2838, #4F6D7A); }
.hky-sahne.s-cemiyet { background: linear-gradient(135deg, #3E2723, #B8892E); }
.hky-sahne.s-mutfak { background: linear-gradient(135deg, #2E7D32, #F4A261); }
.hky-balon.k-marco .hky-balon-ic b { color: #00796B; }
.hky-balon.k-ulu .hky-balon-ic b { color: #8D6E63; }
.hky-balon.k-emre2 .hky-balon-ic b { color: #2E7D32; } /* 0.83.0 */
.hky-balon.k-necmi .hky-balon-ic b { color: #424242; }
.hky-ortak { margin-top: 10px; padding: 10px 12px; border-radius: 12px; background: #EEF4FB; border: 2px solid #BFD3EA; display: grid; gap: 4px; }
.hky-ortak.tamam { background: #E7F4E4; border-color: #9BC88F; }
.hky-jenerik { margin: 12px 0; border-radius: 14px; background: #14110F; color: #F3E9D7; height: 260px; overflow: hidden; position: relative; }
.hky-jenerik-akis { position: absolute; left: 0; right: 0; top: 100%; text-align: center; padding: 0 16px; animation: hky-jenerik 26s linear infinite; }
.hky-jenerik p { margin: 0 0 18px; display: grid; gap: 2px; }
.hky-jenerik small { color: #B8A88A; letter-spacing: 0.02em; }
.hky-jenerik b { font-family: Georgia, 'Times New Roman', serif; font-size: 17px; font-weight: 600; }
.hky-jenerik-baslik { font-family: Georgia, 'Times New Roman', serif; font-size: 30px; color: #E8C26A; }
.hky-jenerik-son { font-family: Georgia, 'Times New Roman', serif; font-style: italic; color: #E8C26A; }
@keyframes hky-jenerik { from { transform: translateY(0); } to { transform: translateY(-260%); } }
@media (prefers-reduced-motion: reduce) { .hky-jenerik { height: auto; } .hky-jenerik-akis { position: static; animation: none; padding: 16px; } }
.hky-zarf-yaz, .hky-yeniden { margin-top: 12px; padding: 12px; border-radius: 12px; background: #FFF8E1; border: 2px solid #E8D18E; }
.hky-zarf-yaz ul { margin: 6px 0; padding-left: 18px; font-family: Georgia, 'Times New Roman', serif; }
.hky-zarf-cumleler { display: grid; gap: 6px; margin: 8px 0; }
.hky-zarf-cumleler label { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; }
.hky-yeniden { background: #EEF2FB; border-color: #C5CFEA; }
.dft-zarf2 { padding: 10px 12px; border-radius: 12px; background: #FFF8E1; border-left: 4px solid #C9A227; }
.dft-zarf2 ul { margin: 0 0 6px; padding-left: 18px; font-family: Georgia, 'Times New Roman', serif; }
.hky-bolum.s-sepya .hky-balon-ic { background: #F3E6CF; }
.hky-bolum.s-sepya .hky-yuz svg { filter: sepia(0.75); }
.hky-bolum.s-sepya .hky-balon-ic p { font-family: Georgia, 'Times New Roman', serif; font-style: italic; }
.hky-balon.k-selim .hky-balon-ic b, .hky-balon.k-palto .hky-balon-ic b { color: #263238; }
.hky-balon.k-simitci .hky-balon-ic b { color: #8D5A2B; }
.hky-balon.k-temsilci .hky-balon-ic b { color: #5E5E5E; }
.hky-defter-serit { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 4px 14px 10px; padding: 8px 12px; border-radius: 12px; background: #F5E9CC; color: #4A3416; text-decoration: none; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hky-defter-serit span { font-weight: 800; font-size: 13px; width: 100%; }
.hky-defter-serit b { background: rgba(255, 255, 255, 0.7); border-radius: 9px; padding: 2px 8px; font-size: 13px; }
.hky-defter-serit.yeni { animation: hky-belir 0.6s ease-out; }
.hky-oneri { width: auto !important; display: inline-flex; }
.hky-sonuc-bant.perde { background: linear-gradient(90deg, #FFE08A, #FFC42E); }
.hky-mektup { position: relative; margin: 0 0 10px; padding: 14px 14px 12px; border-radius: 6px 18px 6px 18px; background: #FBF4E4; color: #3B2A14; box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 8px 18px rgba(74, 52, 22, 0.12); }
.hky-mektup > small { font-weight: 800; font-size: 12.5px; letter-spacing: 0.5px; color: #8A6A3B; }
.hky-mektup-metin { margin: 6px 40px 10px 0; font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: 16.5px; line-height: 1.45; }
.hky-muhur { position: absolute; top: 10px; right: 12px; width: 34px; height: 34px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #E25B4E, #8E1D15 70%); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hky-muhur::after { content: 'S'; position: absolute; inset: 0; display: grid; place-items: center; color: rgba(255, 230, 220, 0.75); font: 800 15px Georgia, serif; }
.hky-mektup-dugmeler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; }
.hky-mektup-dugmeler .dugme { width: auto; flex: 1 1 90px; margin: 0; }
.hky-mektup.cevaplandi { background: #F4EFE3; }
.hky-siluet { text-align: center; padding: 22px 16px; background: linear-gradient(180deg, #E9E4F5, #F8F6FC); }
.hky-siluet-sis { font-size: 54px; filter: grayscale(1) brightness(0.35) blur(1px); opacity: 0.55; }
.hky-siluet small { display: block; margin-top: 6px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: var(--soluk); font-size: 12px; }
.hky-siluet h3 { margin: 4px 0 6px; font-size: 22px; letter-spacing: 4px; color: var(--lacivert); }
.hky-merak { margin: 6px auto 10px; max-width: 34ch; font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: 16px; color: #4A3F6B; }
.dft-kapak { padding: 14px 16px 12px; border-radius: 16px; margin-bottom: 12px; background: linear-gradient(135deg, #5A3E22, #8B6239); color: #FBF4E4; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.dft-kapak > div:first-child { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.dft-kapak small { font-weight: 800; font-size: 12.5px; letter-spacing: 1px; text-transform: uppercase; color: #FFD68A; }
.dft-kapak b { font-size: 15px; }
.dft-kapak p { margin: 0; color: #EADCC0; }
.dft-izgara { list-style: none; margin: 0 0 14px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.dft-yuva { min-height: 86px; border-radius: 12px; padding: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.dft-yuva.var { background: #FBF4E4; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.dft-yuva.var details { width: 100%; }
.dft-yuva.var summary { list-style: none; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 2px; }
.dft-yuva.var summary::-webkit-details-marker { display: none; }
.dft-yuva.var summary b { font-size: 12.5px; line-height: 1.2; color: #3B2A14; }
.dft-yuva.var summary i { font-style: normal; font-size: 12px; }
.dft-yuva.var p { margin: 6px 0 0; font-size: 12.5px; line-height: 1.4; color: #5A4628; text-align: start; }
.dft-yuva.var details[open] { grid-column: 1 / -1; }
.dft-yuva.var:has(details[open]) { grid-column: 1 / -1; }
.dft-simge { font-size: 28px; line-height: 1.1; }
.dft-yuva.bos { border: 2px dashed #CFC5E6; background: #F8F6FC; }
.dft-yuva.bos .dft-simge { font: 800 24px Georgia, serif; color: #A79BC9; }
.dft-yuva.bos small { font-size: 10.5px; font-weight: 800; color: #A79BC9; }
.dft-yuva.bos em { font-family: Georgia, 'Times New Roman', serif; font-size: 12.5px; line-height: 1.25; color: #5D527F; }
.dft-portreler { list-style: none; margin: 0 0 6px; padding: 0; display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; }
.dft-portre { flex: 0 0 74px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.dft-portre b { font-size: 12px; line-height: 1.15; margin-top: 2px; }
.dft-portre small { font-size: 11px; font-weight: 800; }
.dft-portre.i-gulumser small { color: var(--yesil-koyu); }
.dft-portre.i-mesafeli small { color: var(--soluk); }
.dft-portre.i-soguk small { color: #A92E23; }
.dft-portre.i-soguk svg { filter: saturate(0.4); }
.dft-mektuplar { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 8px; }
.dft-mektup { position: relative; padding: 10px 92px 10px 12px; border-radius: 12px; background: #FBF4E4; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.dft-mektup p { margin: 0 0 4px; font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: 14px; }
.dft-mektup small { color: var(--soluk); font-weight: 700; }
.dft-damga { position: absolute; top: 50%; right: 10px; transform: translateY(-50%) rotate(-8deg); padding: 3px 8px; border: 2px solid #A79BC9; border-radius: 6px; font-weight: 800; font-size: 12px; color: #A79BC9; text-transform: uppercase; letter-spacing: 0.5px; }
.dft-damga.sahte { border-color: #B3261E; color: #B3261E; background: rgba(179, 38, 30, 0.06); }
.dft-damga.dogru { border-color: #1E7D45; color: #1E7D45; }
.dft-hikayen { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 6px; }
.dft-hikayen li { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 12px; background: #F1F3F8; }
.dft-hikayen li > span { font-size: 24px; }
.dft-hikayen small { display: block; font-size: 11.5px; color: var(--soluk); font-weight: 700; }
.dft-hikayen b { font-size: 14.5px; color: var(--lacivert); }
.syl-merak { display: block; margin-top: 2px; font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: 13px; color: #5D527F; }
.syl-seviye.kilitli .syl-merak { opacity: 0.9; }
@media (max-width: 380px) { .dft-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* 0.80.0: kaçırılan anlar rozeti ve gizli bölümler */
.hky-perde { position: relative; }
.hky-perde-rozet { position: absolute; top: -5px; right: -4px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #FF8A3D; color: #fff; font: 800 11px/18px inherit; font-style: normal; text-align: center; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.dft-gizliler { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 6px; }
/* 0.81.0: üç kilitli sandık */
.dft-kilitler { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 6px; }
.dft-kilit { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 12px; background: #F4EFE6; border: 2px solid #D8CBB2; }
.dft-kilit > span { font-size: 22px; }
.dft-kilit div { flex: 1; display: grid; }
.dft-kilit small { color: #6B5B45; }
.dft-kilit em { font-style: normal; font-weight: 700; color: #6B5B45; }
.dft-kilit.acik { background: #E7F4E4; border-color: #9BC88F; }
.dft-kilit.acik em { color: #2E7D32; }
.dft-sandik-not { font-family: Georgia, 'Times New Roman', serif; font-size: 15px; background: #FFF8E1; border-left: 4px solid #C9A227; padding: 10px 12px; border-radius: 8px; }
.dft-gizli { border-radius: 12px; padding: 8px 12px; }
.dft-gizli.bos { display: flex; align-items: center; gap: 10px; background: #F1EEF8; border: 2px dashed #CFC5E6; }
.dft-gizli.bos em { font-family: Georgia, 'Times New Roman', serif; color: #5D527F; font-size: 14px; }
.dft-gizli.var { background: #2B2140; color: #F3EEFF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.dft-gizli.var summary { cursor: pointer; display: flex; align-items: center; gap: 10px; font-size: 15px; }
.dft-gizli.var .hky-diyalog { margin-top: 10px; }
.dft-gizli.var .hky-balon-ic { color: var(--metin); }

@media (max-width: 460px) {
  .hky-secenekler { grid-template-columns: 1fr; }
  .hky-sahne h3 { font-size: 18px; }
  .hky-balon-ic { max-width: 86%; }
  .hky-balon-ic p { font-size: 14.5px; }
}
@media (prefers-reduced-motion: reduce) { .hky-defter-serit.yeni, .hky-yagmur, .hky-nabiz, .hky-balon.yeni, .gzm-ipucu.yeni, .gzm-acilan-kart { animation: none; } }

/* 0.72.0: seviye yolu ekranında hikâye ve mahalle gizemi bağlantıları */
.syl-maceralar { display: grid; gap: 8px; margin: 0 0 12px; }
.syl-macera { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 14px; background: linear-gradient(90deg, #FFF4D6, #FFFBEF); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); color: var(--metin); text-decoration: none; }
.syl-macera > span { font-size: 26px; flex: none; }
.syl-macera > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.syl-macera b { font-size: 15px; color: var(--lacivert); }
.syl-macera small { font-size: 12.5px; color: var(--soluk); font-weight: 700; }
.syl-macera > i { font-style: normal; font-size: 22px; color: var(--soluk); }

/* 0.72.0: HUD'da ani fırsat ve turnuva geri sayım rozetleri (web/js/firsatSerit.js) */
.fs-serit { position: fixed; z-index: 24; right: 10px; top: calc(var(--ust) + 120px); display: flex; flex-direction: column; align-items: flex-end; gap: 6px; pointer-events: none; }
.fs-rozet { pointer-events: auto; display: flex; align-items: center; gap: 6px; padding: 4px 10px 4px 5px; border-radius: 999px; text-decoration: none; color: #FFFFFF; font-weight: 800; font-size: 13px; line-height: 1.1; white-space: nowrap; background: linear-gradient(135deg, #FF9F1C, #E0493C); box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 6px 14px rgba(0, 0, 0, .25); animation: fs-gir .45s cubic-bezier(.2, 1.4, .4, 1); }
.fs-rozet.fs-turnuva { background: linear-gradient(135deg, #2B4A86, #1B2F5B); box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 6px 14px rgba(0, 0, 0, .25); }
.fs-rozet.fs-turnuva.canli { background: linear-gradient(135deg, #7A3FC7, #1B2F5B); }
.fs-simge { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .22); font-size: 15px; flex: none; }
.fs-firsat .fs-simge { animation: fs-nabiz 1.6s ease-in-out infinite; }
.fs-sure { font-variant-numeric: tabular-nums; background: rgba(0, 0, 0, .22); border-radius: 999px; padding: 2px 7px; font-size: 12.5px; }
.fs-rozet.acil .fs-sure { background: #FFFFFF; color: #C0392B; }
.fs-rozet:active { transform: scale(.97); }
@keyframes fs-nabiz { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.18); } }
@keyframes fs-gir { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .fs-rozet, .fs-firsat .fs-simge { animation: none; } }

/* 0.72.0: Ani fırsatlar (#/firsatlar) */
.af-ust { display: flex; align-items: center; gap: 10px; border-radius: 18px; padding: 12px 14px; margin: 0 0 10px; background: linear-gradient(135deg, #FFE08A, #FFB547); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); color: #3D2600; }
.af-simsek { flex: none; width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; font-size: 28px; background: rgba(255, 255, 255, .55); animation: fs-nabiz 2s ease-in-out infinite; }
.af-ust-yazi { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.af-ust-yazi b { font-size: 17px; line-height: 1.2; }
.af-ust-yazi small { font-size: 12.5px; opacity: .85; }
.af-ust-ozet { flex: none; display: flex; flex-direction: column; align-items: flex-end; text-align: end; }
.af-ust-ozet small { font-size: 11.5px; opacity: .8; }
.af-ust-ozet b { font-size: 16px; }
.af-sekmeler { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px !important; margin: 0 0 10px; overflow: visible !important; }
.af-sekmeler .cip { padding: 8px 6px; font-size: 13px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; justify-content: center; gap: 3px; }
.af-sekmeler .cip em { font-style: normal; background: #E0493C; color: #FFFFFF; border-radius: 999px; padding: 0 6px; font-size: 11px; flex: none; }
@media (max-width: 560px) { .af-sekmeler { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.af-bos { text-align: center; padding: 18px 14px; }
.af-buyuk { font-size: 44px; line-height: 1.1; margin-bottom: 4px; }
.af-liste { display: grid; gap: 10px; }
.af-kart { position: relative; overflow: hidden; margin: 0; border-left: 6px solid #FFB547; }
.af-kart.talep { border-left-color: #7A3FC7; }
.af-kart.siparis { border-left-color: #3B8BEB; }
.af-kart.tukendi > :not(.af-damga) { opacity: .55; }
.af-kart-ust { display: flex; align-items: center; gap: 10px; }
.af-senaryo { flex: none; width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; font-size: 26px; background: #FFF4D6; }
.af-kart.talep .af-senaryo { background: #EFE5FB; }
.af-kart.siparis .af-senaryo { background: #E3EEFD; }
.af-senaryo.kucuk { width: 36px; height: 36px; font-size: 20px; border-radius: 12px; }
.af-baslik { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.af-baslik small { font-size: 11.5px; font-weight: 800; letter-spacing: .3px; text-transform: uppercase; color: #8A5B00; }
.af-kart.talep .af-baslik small { color: #5B2C9E; }
.af-kart.siparis .af-baslik small { color: var(--mavi-koyu); }
.af-baslik b { font-size: 16px; line-height: 1.2; color: var(--lacivert); }
.af-sure { flex: none; font-weight: 800; font-size: 13px; font-variant-numeric: tabular-nums; background: #1B2F5B; color: #FFFFFF; border-radius: 999px; padding: 4px 9px; }
.af-sure.acil { background: #E0493C; animation: af-yanip 1s steps(2) infinite; }
@keyframes af-yanip { 50% { background: #A92E23; } }
.af-metin { margin: 8px 0 6px; font-weight: 700; font-size: 14.5px; }
.af-etiketler { display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: center; margin: 0 0 8px; }
.af-yer { font-size: 12px; font-weight: 700; background: #F1F3F8; color: #3A4560; border-radius: 999px; padding: 2px 8px; }
.af-yer.ulke { background: #E3F5EA; color: #13723E; }
.af-fiyat { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin: 0 0 8px; }
.af-fiyat b { font-size: 22px; color: #13723E; }
.af-fiyat .rozetcik { margin: 0; }
.af-fiyat small { width: 100%; font-size: 12px; color: var(--soluk); }
.af-eski { text-decoration: line-through; color: var(--soluk); font-size: 15px; }
.af-ok { color: var(--soluk); }
.af-stok { margin: 0 0 8px; }
.af-stok div { height: 10px; border-radius: 6px; background: #F1EBDD; overflow: hidden; }
.af-stok i { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, #1FA25A, #FFC42E); transition: width .6s; }
.af-stok.az i { background: linear-gradient(90deg, #E0493C, #FF9F1C); }
.af-stok small { display: block; font-size: 12px; color: var(--soluk); margin-top: 3px; font-weight: 700; }
.af-dugmeler { display: flex; gap: 8px; }
.af-dugmeler .dugme { margin: 0; width: auto; }
.af-dugmeler .af-kap { flex: 1; display: flex; flex-direction: column; align-items: center; line-height: 1.15; }
.af-dugmeler .af-kap small { font-size: 12px; opacity: .9; font-weight: 700; }
.af-dugmeler .dugme.mavi { flex: none; }
.af-not { margin: 6px 0 0; }
.af-not.uyari { color: #A92E23; font-weight: 700; }
.af-not.iyi, .af-benim { color: #13723E; font-weight: 800; }
.af-benim { margin: 0 0 6px; font-size: 13.5px; display: block; }
.af-siparis { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0 0 8px; }
.af-siparis > div { background: #F4F7FD; border-radius: 12px; padding: 8px 10px; display: flex; flex-direction: column; min-width: 0; }
.af-siparis small { font-size: 11.5px; color: var(--soluk); font-weight: 700; }
.af-siparis b { font-size: 18px; color: var(--lacivert); }
.af-siparis span { font-size: 12px; color: #3A4560; overflow-wrap: anywhere; }
.af-dukkanlar { display: grid; gap: 6px; }
.af-dukkan { display: flex; align-items: center; gap: 8px; padding: 6px 8px 6px 10px; border-radius: 12px; background: #FBF8F1; border: 2px solid #EFE6CF; }
.af-dukkan.yeter { border-color: #9FDCB8; background: #F0FAF4; }
.af-dukkan > div { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.af-dukkan b { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.af-dukkan small { font-size: 12px; color: var(--soluk); }
.af-dukkan .dugme { margin: 0; width: auto; flex: none; }
.af-talep { display: flex; align-items: center; gap: 12px; margin: 0 0 4px; }
.af-carpan { flex: none; font-family: Anton, var(--yazi); font-size: 40px; line-height: 1; color: #7A3FC7; letter-spacing: .5px; }
.af-talep > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.af-talep small { font-size: 13px; color: #3A4560; font-weight: 700; }
.af-damga { position: absolute; top: 38%; left: 50%; transform: translate(-50%, -50%) rotate(-12deg); font-family: Anton, var(--yazi); font-size: 34px; letter-spacing: 3px; color: #E0493C; border: 4px solid #E0493C; border-radius: 10px; padding: 0 14px; background: rgba(255, 255, 255, .85); pointer-events: none; }
.af-gecmis { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.af-gecmis li { display: flex; align-items: flex-start; gap: 10px; margin: 0; }
.af-gecmis li > div { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.af-gecmis li > div > b { font-size: 14.5px; color: var(--lacivert); }
.af-gecmis li > div > small { font-size: 12.5px; color: #3A4560; }
.af-gecmis .af-etiketler { margin: 2px 0 0; }
.af-gecmis .rozetcik { margin: 0; font-size: 11px; }
.af-kazanc { flex: none; font-size: 15px; align-self: center; }
.af-toplam { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; text-align: center; }
.af-toplam div { display: flex; flex-direction: column; }
.af-toplam small { font-size: 12px; color: var(--soluk); }
.af-toplam b { font-size: 20px; color: var(--lacivert); }

/* 0.72.0: Hızlı Esnaf turnuvası (#/turnuva) */
.hz-ust { border-radius: 18px; padding: 12px 14px; margin: 0 0 10px; background: linear-gradient(160deg, #FFF1C9, #FFE08A); box-shadow: 0 1px 2px rgba(16, 24, 40, .08); color: #3D2600; }
.hz-ust.canli { background: linear-gradient(160deg, #2B1E5C, #1B2F5B 55%, #111F40); color: #FFFFFF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hz-ust-ic { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.hz-ust-sol, .hz-ust-sag { display: flex; flex-direction: column; min-width: 0; }
.hz-ust-sag { align-items: flex-end; text-align: end; flex: none; }
.hz-ust small { font-size: 12.5px; font-weight: 700; opacity: .85; }
.hz-ust-sol b { font-size: 19px; line-height: 1.15; text-transform: capitalize; }
.hz-ust-sol span { font-size: 13px; opacity: .85; }
.hz-geri { font-family: Anton, var(--yazi); font-size: 28px; line-height: 1.1; letter-spacing: .5px; font-variant-numeric: tabular-nums; }
.hz-ust.canli .hz-geri { color: #FFC42E; }
.hz-canli-rozet { align-self: flex-start; font-weight: 800; font-size: 12px; letter-spacing: 1px; background: #E0493C; color: #FFFFFF; border-radius: 999px; padding: 2px 9px; margin-bottom: 3px; animation: hz-nabiz 1.4s ease-in-out infinite; }
@keyframes hz-nabiz { 50% { box-shadow: 0 0 0 6px rgba(224, 73, 60, .25); } }
.hz-servet { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 6px; margin: 10px 0 0; }
.hz-servet > div { background: rgba(255, 255, 255, .1); border-radius: 12px; padding: 6px 9px; display: flex; flex-direction: column; min-width: 0; }
.hz-servet b { font-size: 16px; font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hz-servet b small { font-size: 12px; opacity: .7; }
.hz-servet span { font-size: 12px; font-weight: 800; }
.hz-adim { height: 4px; border-radius: 4px; background: rgba(255, 255, 255, .14); margin: 10px 0 0; overflow: hidden; }
.hz-adim i { display: block; height: 100%; width: 0; background: #FFC42E; transition: width 1s linear; }
.hz-arti { color: #13A55A; }
.hz-eksi { color: #E0493C; }
.hz-ust.canli .hz-arti { color: #5EE29A; }
.hz-ust.canli .hz-eksi { color: #FF8A80; }
.hz-haberler { display: grid; gap: 5px; margin: 0 0 10px; }
.hz-haber { border-radius: 14px; padding: 9px 12px; background: #FFFFFF; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); display: flex; flex-direction: column; gap: 2px; }
.hz-haber b { font-size: 14.5px; line-height: 1.25; }
.hz-haber small { font-size: 12px; color: var(--soluk); font-weight: 700; }
.hz-haber.yukari { border-left: 5px solid #1FA25A; }
.hz-haber.asagi { border-left: 5px solid #E0493C; }
.hz-haber.yeni { background: #FFF8E1; box-shadow: 0 0 0 2px #FFC42E inset, 0 1px 2px rgba(16, 24, 40, .08); }
.hz-haber.parla { animation: hz-parla .9s ease-out 2; }
@keyframes hz-parla { 0% { transform: scale(1); } 30% { transform: scale(1.03); } 100% { transform: scale(1); } }
.hz-haber.eski { padding: 5px 12px; box-shadow: none; background: #F6F3EA; flex-direction: row; justify-content: space-between; align-items: center; gap: 8px; }
.hz-haber.eski b { font-size: 12.5px; font-weight: 700; color: #3A4560; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hz-haber.eski small { flex: none; }
.hz-haber.bos { color: var(--soluk); font-weight: 700; font-size: 13.5px; }
.hz-haber-etiket { align-self: flex-start; font-size: 10.5px; font-weight: 800; letter-spacing: .8px; color: #FFFFFF; background: #E0493C; border-radius: 6px; padding: 1px 6px; }
.hz-haber:not(.yeni) .hz-haber-etiket { background: #66708A; }
.hz-oran { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; }
.hz-oran small { font-size: 12.5px; font-weight: 700; color: var(--soluk); flex: none; }
.hz-oran-dugmeler { flex: 1; min-width: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.hz-oran-dugmeler button { border: 0; border-radius: 999px; padding: 8px 4px; font: inherit; font-weight: 800; background: #EFE6CF; color: var(--metin); cursor: pointer; }
.hz-oran-dugmeler button.secili { background: var(--lacivert); color: #FFFFFF; }
.hz-mallar { display: grid; gap: 8px; }
.hz-mal { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 72px auto; grid-template-areas: "ad cizgi fiyat" "alt alt alt"; align-items: center; gap: 4px 8px; background: #FFFFFF; border-radius: 14px; padding: 8px 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); transition: background .4s; }
.hz-mal.yukari { background: linear-gradient(90deg, #FFFFFF 60%, #EAF8EF); }
.hz-mal.asagi { background: linear-gradient(90deg, #FFFFFF 60%, #FDEDEB); }
.hz-mal-ad { grid-area: ad; display: flex; align-items: center; gap: 8px; min-width: 0; }
.hz-mal-ad > div { display: flex; flex-direction: column; min-width: 0; }
.hz-mal-ad b { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hz-mal-ad small { font-size: 12px; font-weight: 800; }
.hz-mal-simge { flex: none; width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; font-size: 22px; background: #F4F1E8; }
.hz-cizgi { grid-area: cizgi; width: 72px; height: 30px; }
.hz-cizgi polyline { fill: none; stroke-width: 2.2; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.hz-cizgi.yukari polyline { stroke: #1FA25A; }
.hz-cizgi.asagi polyline { stroke: #E0493C; }
.hz-mal-fiyat { grid-area: fiyat; display: flex; flex-direction: column; align-items: flex-end; text-align: end; min-width: 78px; }
.hz-mal-fiyat b { font-size: 16px; font-variant-numeric: tabular-nums; }
.hz-mal-fiyat small { font-size: 11.5px; color: var(--soluk); font-weight: 700; font-variant-numeric: tabular-nums; }
.hz-mal.yukari .hz-mal-fiyat small { color: #13723E; }
.hz-mal.asagi .hz-mal-fiyat small { color: #A92E23; }
.hz-mal-alt { grid-area: alt; display: flex; align-items: center; gap: 6px; border-top: 1px dashed #EADFC4; padding-top: 6px; }
.hz-elde { flex: 1; min-width: 0; font-size: 12.5px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hz-elde em { font-style: normal; }
.hz-al, .hz-sat { flex: none; min-width: 64px; border: 0; border-radius: 12px; padding: 8px 12px; font: inherit; font-weight: 800; font-size: 14px; color: #FFFFFF; cursor: pointer; }
.hz-al { background: #1FA25A; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hz-sat { background: #E0493C; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hz-al:active, .hz-sat:active { transform: scale(.97); box-shadow: none; }
.hz-al:disabled, .hz-sat:disabled { background: #C4CAD8; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); cursor: default; }
.hz-balon { position: absolute; right: 12px; top: 4px; font-weight: 800; font-size: 13px; padding: 2px 9px; border-radius: 999px; pointer-events: none; animation: hz-uc 1.1s forwards; }
@keyframes hz-uc { 0% { opacity: 0; transform: translateY(6px); } 20% { opacity: 1; } 100% { opacity: 0; transform: translateY(-30px); } }
.hz-balon.al { background: #FDE5E2; color: #A92E23; }
.hz-balon.sat { background: #DDF5E7; color: #13723E; }
.hz-baslik { margin: 14px 2px 8px; font-size: 15px; color: var(--lacivert); }
.hz-siralama { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 6px; }
.hz-siralama li { display: flex; align-items: center; gap: 8px; background: #FFFFFF; border-radius: 14px; padding: 8px 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hz-siralama li.ben { box-shadow: 0 0 0 2px #FFC42E inset, 0 1px 2px rgba(16, 24, 40, .08); background: #FFF8E1; }
.hz-no { flex: none; width: 28px; text-align: center; font-weight: 800; font-size: 16px; color: var(--lacivert); }
.hz-tad { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.hz-tad b { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hz-tad b em { font-style: normal; color: #8A5B00; font-size: 12px; }
.hz-lonca { align-self: flex-start; max-width: 100%; font-size: 11px; font-weight: 800; color: #FFFFFF; background: var(--lr, #888); border-radius: 999px; padding: 0 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hz-tcubuk { display: block; height: 5px; border-radius: 4px; background: #F1EBDD; margin-top: 4px; overflow: hidden; }
.hz-tcubuk i { display: block; height: 100%; background: linear-gradient(90deg, #7A3FC7, #3B8BEB); border-radius: 4px; }
.hz-tservet { flex: none; text-align: end; font-weight: 800; font-size: 14px; display: flex; flex-direction: column; font-variant-numeric: tabular-nums; }
.hz-tservet small { color: #13723E; font-size: 11.5px; }
.hz-bos { text-align: center; padding: 18px 14px; }
.hz-buyuk { font-size: 44px; line-height: 1.1; margin-bottom: 4px; }
.hz-kayit { text-align: center; }
.hz-kayit > b { font-size: 16px; color: var(--lacivert); }
.hz-kayit .dugme { margin: 8px auto 0; }
.hz-kayit.hazir { background: #F0FAF4; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); }
.hz-tamam { color: #13723E; font-weight: 800; }
.hz-oduller { text-align: center; }
.hz-odul-satir { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin: 8px 0 6px; }
.hz-odul-satir > div { display: flex; flex-direction: column; align-items: center; background: #FFF8E1; border-radius: 12px; padding: 6px 4px; min-width: 0; }
.hz-odul-satir span { font-size: 26px; line-height: 1.1; }
.hz-odul-satir b { font-size: 14px; }
.hz-odul-satir small { font-size: 11.5px; color: #8A5B00; font-weight: 700; }
.hz-kupalar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; text-align: center; }
.hz-kupalar div { display: flex; flex-direction: column; align-items: center; }
.hz-kupalar span { font-size: 30px; line-height: 1.1; }
.hz-kupalar b { font-size: 20px; color: var(--lacivert); }
.hz-kupalar small { font-size: 12px; color: var(--soluk); }
.hz-gecmis { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 6px; }
.hz-gecmis li { margin: 0; display: grid; grid-template-columns: 1fr auto; gap: 0 8px; align-items: center; padding: 10px 12px; }
.hz-gecmis li b { font-size: 14px; text-transform: capitalize; }
.hz-gecmis li small { grid-column: 1; font-size: 12px; }
.hz-gecmis li span { grid-row: 1 / span 2; grid-column: 2; font-weight: 800; }
@media (prefers-reduced-motion: reduce) { .af-simsek, .af-sure.acil, .hz-canli-rozet, .hz-haber.parla { animation: none; } }

/* 0.73.0: hafif çizim. Telefon, tablet ve düşük kalitede arayüzün arkasındaki buzlu cam bulanıklığı kapalıdır: her karede 3B
   sahnenin o bölgesini yeniden bulanıklaştırmak giriş sınıfı ekran kartlarında kare süresini katlıyordu. Arka planlar zaten koyu ve
   neredeyse opak olduğu için görünüm değişmez. */
body.hafif-cizim *, body.hafif-cizim *::before, body.hafif-cizim *::after { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }

/* 0.73.0: oyun yüklenirken giriş sahnesinin hareketleri durur (yükleme hızlanır) */
#giris-sahnesi.gs-dur, #giris-sahnesi.gs-dur * { animation-play-state: paused !important; }

/* 0.75.0: loncalar arası hafta sonu yarışı */
.lc-yaris { border: 1px solid #F0D58A; background: linear-gradient(180deg, #FFF9E8, #FFFFFF); }
.lc-yaris.aktif { border-color: #E3A21A; box-shadow: 0 0 0 2px rgba(227, 162, 26, .18); }
.lc-yaris p { margin: 6px 0; }
.lc-yaris-liste { margin-top: 8px; }
.lc-yaris-gecen { display: grid; gap: 6px; margin-top: 10px; padding-top: 8px; border-top: 1px dashed #E8DDBF; }
.lc-yaris-satir { display: flex; align-items: center; gap: 8px; color: inherit; text-decoration: none; }
.lc-yaris-satir .sayi { margin-inline-start: auto; font-weight: 700; }
.lc-yaris-git { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; color: inherit; text-decoration: none; }
.lc-yaris-git .kucuk { flex-basis: 100%; }

/* 0.75.0: yazı boyutu (Ayarlar): pencere içeriği, bildirim kartları, Çırak Bot ve rehber ölçeklenir */
body.yazi-kucuk { --yazi-olcek: .92; } body.yazi-buyuk { --yazi-olcek: 1.12; } body.yazi-cokbuyuk { --yazi-olcek: 1.25; }
body:is(.yazi-kucuk, .yazi-buyuk, .yazi-cokbuyuk) :is(#panel-katman .panel-govde, #panel-katman .panel-ust, .oyun-bildirim, #cirak-bot .cb-balon, #rehber .rehber-balon) { zoom: var(--yazi-olcek); }
/* 0.75.0: kâr/zarar yalnız renkle değil, okla da (renk körlüğü): .arti ve .eksi tutarlarının önünde ▲ / ▼ */
.ok-isaret.arti::before { content: '▲\FE0E'; font-size: .72em; margin-inline-end: .2em; vertical-align: .08em; }
.ok-isaret.eksi::before { content: '▼\FE0E'; font-size: .72em; margin-inline-end: .2em; vertical-align: .08em; }

/* 0.76.0: ilçedeki dükkânlar listesi */
.ilce-dk-ara { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #E6D9BC; border-radius: 12px; font: inherit; margin: 0 0 10px; background: #fff; }
.ilce-dk { display: grid; gap: 8px; margin-bottom: 10px; }
.ilce-dk-grup { background: #fff; border-radius: 12px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); overflow: hidden; }
.ilce-dk-grup > summary { display: flex; align-items: center; gap: 8px; padding: 10px 12px; cursor: pointer; list-style: none; }
.ilce-dk-grup > summary::-webkit-details-marker { display: none; }
.ilce-dk-grup > summary b { flex: 1; min-width: 0; }
.ilce-dk-grup > summary .sayi { font-size: 13px; color: var(--soluk); font-variant-numeric: tabular-nums; }
.ilce-dk-grup ul { list-style: none; margin: 0; padding: 0 8px 8px; display: grid; gap: 4px; }
.ilce-dk-grup li button { width: 100%; display: grid; gap: 2px; text-align: start; border: 0; background: #FBF6EA; border-radius: 10px; padding: 8px 10px; font: inherit; cursor: pointer; }
.ilce-dk-grup li button small { color: var(--soluk); font-size: 12px; }
.ilce-dk-grup li[hidden], .ilce-dk-grup[hidden] { display: none; }

.ms-genel-kural { margin: 0; padding: 6px 14px 0; font-size: 12px; color: var(--soluk); text-align: center; }

/* 0.77.1: sayfa zemini: sahne çizilmeden önce, ekran geçişlerinde ya da ekran kartı bağlamı yenilenirken görünen renk.
   Eskiden parlak gök mavisiydi (hata ekranı gibi duruyordu); artık yükleme kartıyla aynı koyu lacivert. */
html, body { background: #0B1A36 radial-gradient(120% 90% at 50% 35%, #142B55 0%, #0B1A36 55%, #06152F 100%) fixed; }

/* 0.77.1: genel sohbet bekleme sayacı (gönder düğmesinde) */
.ms-gonder.ms-sayac-dugme { color: #fff; font-weight: 800; font-size: 15px; background: #8A94A8; opacity: 1; cursor: default; }

/* 0.77.1: keyif simgesi düğmenin ortasında (bazı cihazlarda emoji sağa kayıyordu) */
.keyif-dugme #keyif-simge { display: block; width: 100%; text-align: center; font-size: 1.2em; line-height: 1; margin-top: -3px; }

/* 0.77.1: telefonda alt raf (sokak, fırsat, mağaza, balon teması) */
:root { --raf: 0px; }
.alt-raf { display: none; }
@media (max-width: 759px) {
  body.raf-var { --raf: 50px; }
  body.ic-modu, body.surus-modu { --raf: 0px; }
  .alt-raf.etkin { position: fixed; z-index: 14; left: 8px; right: 8px; bottom: calc(var(--dock) + var(--alt) + 8px); display: flex; align-items: center; gap: 6px; pointer-events: none; }
  body.ic-modu .alt-raf, body.surus-modu .alt-raf { display: none; }
  .alt-raf > * { pointer-events: auto; flex: none; }
  .alt-raf .sokak-cip { position: static; top: auto; left: auto; order: 1; flex: 0 1 auto; min-width: 0; margin: 0 auto 0 0; flex-direction: row; align-items: center; gap: 6px; height: 40px; padding: 0 10px 0 8px; font-size: 13px; line-height: 1.1; }
  .alt-raf .sokak-cip .sc-metin { display: flex; flex-direction: column; min-width: 0; text-align: start; }
  .alt-raf .sokak-cip .sc-metin b, .alt-raf .sokak-cip .sc-metin small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .alt-raf .sokak-cip .sc-metin small { font-size: 11px; }
  [dir="rtl"] .alt-raf .sokak-cip { margin: 0 0 0 auto; }
  .alt-raf .fs-serit { position: static; top: auto; right: auto; order: 2; flex-direction: row; gap: 6px; }
  .alt-raf .magaza-cip { order: 3; width: 40px; height: 40px; padding: 0; justify-content: center; margin: 0; }
  .alt-raf .magaza-cip b { display: none; }
  .alt-raf .tema-dugme { order: 4; width: 40px; height: 40px; padding: 0; margin: 0; justify-content: center; gap: 0; }
  .alt-raf .tema-dugme span { display: none; width: auto; height: auto; background: none; opacity: 1; font-size: 19px; }
  .alt-raf .tema-dugme[data-secili="acik"] span[data-tema="acik"], .alt-raf .tema-dugme[data-secili="koyu"] span[data-tema="koyu"], .alt-raf .tema-dugme:not([data-secili]) span[data-tema="acik"] { display: grid; }
  .oyuncu-cip { max-width: 58vw; }
  /* raf doluyken alt menünün üstünde duranlar rafın üstüne çıkar; bildirimlerle üst üste binmez */
  .topla-hepsi { bottom: calc(var(--dock) + var(--alt) + 20px + var(--raf)); }
  .topla-hepsi:not(.topla-baslat):has(+ .topla-baslat) { bottom: calc(var(--dock) + var(--alt) + 76px + var(--raf)); }
  .ipucu { bottom: calc(var(--dock) + var(--alt) + 22px + var(--raf)); }
  #izin-serit { bottom: calc(var(--dock) + var(--alt) + 76px + var(--raf)); }
  .oyun-davet { bottom: calc(var(--dock) + var(--alt) + 150px + var(--raf)); }
  #oyun-bildirimleri { bottom: calc(var(--dock) + var(--alt) + 16px + var(--raf)); }
  body:has(.topla-hepsi:not([hidden])) #oyun-bildirimleri { bottom: calc(var(--dock) + var(--alt) + 108px + var(--raf)); }
  #bolge-alt, .bh-alt { bottom: calc(var(--dock) + var(--alt) + 14px + var(--raf)); }
  .hh-lejant { bottom: calc(var(--dock) + var(--alt) + 24px + var(--raf)); }
}
@media (max-width: 400px) { .alt-raf .fs-rozet .fs-yazi { display: none; } }

/* ==== 0.93.0 ARAYÜZ 2 ====
   "Kabartmalı" (atari) görünüm yerine sade, modern bileşenler. Kurallar dosyanın sonunda: aynı özgüllükteki eski
   kuralların önüne geçer. İlkeler:
   - Arayüz metni sistem yazı tipiyle (keskin, hızlı: indirme yok); oyunun sesi Baloo 2 yalnız başlıkta ve parada.
   - Düğme: düz renk, ince kenar, hafif gölge; basınca hafif küçülür. Kart: beyaz, ince çizgi, yumuşak gölge.
   - Sekmeler tek bir yuvada (segment); sayı ayarı (− değer +) tek parça.
   Koyu tema bu kuralların karşılığını kurulum/koyu-tema-uret.py ile otomatik alır; elle olanlar en sonda. */
:root {
  --yazi: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
  --yazi-marka: "Baloo 2", "Trebuchet MS", "Segoe UI", Roboto, Arial, sans-serif;
  --krem: #F6F3EC;
  --metin: #18213A;
  --soluk: #5E6782;
  --cizgi: #E6E1D6;
  --a2-kenar: #DCD6C9;
  --a2-golge: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .06);
  --a2-golge-dugme: 0 1px 2px rgba(16, 24, 40, .14);
  --altin: #F5B731;
  --altin-koyu: #C98D0B;
  --yesil: #1E9E5A;
  --yesil-koyu: #167A45;
  --mavi: #2F6FDE;
  --mavi-koyu: #2256B5;
  --kirmizi: #D9473B;
  --kirmizi-koyu: #AE3328;
}
body { font-family: var(--yazi); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
button, input, select, textarea { font-family: inherit; }
/* sistem yazısının harf boyu Baloo'dan büyük: panel metni bir kademe küçülür (açık px verilenler aynı kalır) */
.panel-govde { font-size: 15px; }
.panel-govde p { line-height: 1.45; }

/* Başlık ve para: oyunun yazı sesi */
.panel-ust h2, #bakiye, .bakiye-deger, .hud-para b { font-family: var(--yazi-marka); font-weight: 700; }
.panel-ust .alt-baslik { font-size: 13.5px; opacity: .78; }
h3 { font-weight: 700; letter-spacing: -.005em; }
.kart h3 { font-size: 16.5px; font-weight: 700; }

/* ---------- Düğmeler ---------- */
.dugme {
  min-height: 46px; padding: 9px 18px; gap: 8px;
  border: 1px solid rgba(0, 0, 0, .10); border-radius: 12px;
  font-weight: 650; font-size: 16px; letter-spacing: .005em;
  box-shadow: var(--a2-golge-dugme), inset 0 1px 0 rgba(255, 255, 255, .22);
  transition: transform .08s, filter .12s, box-shadow .12s;
}
.dugme:hover { filter: brightness(1.04); }
.dugme:active { transform: scale(.98); filter: brightness(.95); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
.dugme.kucuk { min-height: 38px; font-size: 14.5px; padding: 6px 12px; border-radius: 10px; box-shadow: var(--a2-golge-dugme), inset 0 1px 0 rgba(255, 255, 255, .2); }
.dugme.buyuk { min-height: 54px; font-size: 18px; border-radius: 14px; }
.dugme.gri { --r: #FFFFFF; --g: var(--a2-kenar); --y: var(--lacivert); border-color: var(--a2-kenar); box-shadow: 0 1px 2px rgba(16, 24, 40, .05); }
.dugme.gri:hover { filter: none; background: #F7F8FA; }
.dugme[disabled] { filter: saturate(.3); opacity: .5; box-shadow: none; }
.dugme-satiri { gap: 8px; }

/* Panel başlığındaki küçük düğmeler */
.kapat { border-radius: 12px; background: rgba(255, 255, 255, .14); color: #fff; font-weight: 600; box-shadow: none; transition: background .12s, transform .08s; }
.kapat:hover { background: var(--kirmizi); }
.kapat:active { transform: scale(.94); box-shadow: none; }
.panel-ust .geri-dugme, .geri-dugme { border-radius: 12px; background: rgba(255, 255, 255, .14); color: #fff; box-shadow: none; }
.panel-ust .geri-dugme:hover, .geri-dugme:hover { background: rgba(255, 255, 255, .24); }
.panel-ust .geri-dugme:active, .geri-dugme:active { transform: scale(.94); box-shadow: none; }
.panel-ust .geri-dugme:disabled, .geri-dugme:disabled { background: rgba(255, 255, 255, .06); color: rgba(255, 255, 255, .3); }

/* ---------- Kartlar ve satırlar ---------- */
.kart { border-radius: 16px; box-shadow: var(--a2-golge); border: 1px solid var(--cizgi); }
.kart.uyari { background: #FFF7E0; border-color: #F1DFA6; box-shadow: none; }
.kart.tehlike { background: #FDECEA; border-color: #F2C4BE; box-shadow: none; }
.kart.basari { background: #E8F6EE; border-color: #BFE2CC; box-shadow: none; }
.kart.vurgu { background: #FFF8E6; border-color: #F1E1B3; box-shadow: none; }
.urun-listesi li { box-shadow: var(--a2-golge); border: 1px solid var(--cizgi); }
.yapilacak { box-shadow: var(--a2-golge); border: 1px solid var(--cizgi); border-left-width: 4px; }

/* ---------- Sekmeler: tek yuvada ---------- */
.sekmeler { gap: 4px; padding: 4px; background: #ECE8DF; border-radius: 14px; }
.sekmeler button { min-height: 40px; border-radius: 10px; background: transparent; color: var(--soluk); font-weight: 650; font-size: 15px; box-shadow: none; border: 0; transition: background .12s, color .12s; }
.sekmeler button:hover { color: var(--metin); }
.sekmeler button[aria-selected="true"] { background: #fff; color: var(--lacivert); box-shadow: 0 1px 3px rgba(16, 24, 40, .14); }
/* çok satırlı sekmede uzun sözcük ortadan bölünmesin ("rekortmenle-ri"); sekme sözcüğe göre genişler */
.panel-govde .sekmeler:not(:has(> :nth-child(7))) > button { min-width: min-content; overflow-wrap: normal; word-break: normal; }
.segment { background: #ECE8DF; }
.segment button { font-weight: 650; }
.cip { background: #ECE8DF; font-weight: 600; }

/* ---------- Girdiler ---------- */
.alan span { font-weight: 650; font-size: 13.5px; color: var(--soluk); }
.alan input, .alan select, .alan textarea { min-height: 46px; border: 1.5px solid var(--a2-kenar); border-radius: 12px; font-weight: 500; transition: border-color .12s, box-shadow .12s; }
.alan input:focus, .alan select:focus, .alan textarea:focus { border-color: var(--mavi); box-shadow: 0 0 0 3px rgba(47, 111, 222, .16); }

/* ---------- Sayı ayarı (− değer +) ve hızlı alım ---------- */
.fiyat-ayar { gap: 0; border: 1px solid var(--a2-kenar); border-radius: 12px; background: #fff; overflow: hidden; }
.fiyat-ayar span { min-width: 76px; font-weight: 700; font-size: 16px; font-variant-numeric: tabular-nums; }
.fiyat-ayar button { min-width: 40px; height: 38px; border-radius: 0; background: #F5F3EE; color: var(--lacivert); box-shadow: none; font-weight: 600; font-size: 18px; }
.fiyat-ayar button:hover { background: #ECE8DF; }
.fiyat-ayar button:active, .al-dugmeler button:active { transform: none; filter: brightness(.94); box-shadow: none; }
.al-dugmeler button { border-radius: 10px; background: var(--mavi); color: #fff; box-shadow: var(--a2-golge-dugme); font-weight: 650; font-size: 14.5px; }
/* Dükkân paneli "Büyüt ve tanıt": sıkışık düğme sırası yerine iki sütunlu eylem ızgarası */
.buyut-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.buyut-oge { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 10px 12px; border: 1px solid var(--a2-kenar); border-radius: 12px; background: #fff; color: var(--lacivert); font: inherit; text-align: start; text-decoration: none; cursor: pointer; box-shadow: 0 1px 2px rgba(16, 24, 40, .05); transition: background .12s, transform .08s; }
.buyut-oge:hover { background: #F7F8FA; }
.buyut-oge:active { transform: scale(.98); }
.buyut-oge > span { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: #F1EDE4; font-size: 17px; }
.buyut-oge > b { font-size: 14.5px; font-weight: 650; line-height: 1.2; }
.buyut-oge.one { background: var(--mavi); border-color: var(--mavi-koyu); color: #fff; }
.buyut-oge.one > span { background: rgba(255, 255, 255, .18); }
.buyut-oge.one:hover { filter: brightness(1.05); background: var(--mavi); }

/* 0.93.0: futbol ligi */
/* 0.93.0: Futbol ligi paneli (#/futbol, web/js/futbol.js) */
.fb-sekmeler { margin-bottom: 10px; }
.fb-govde { display: flex; flex-direction: column; gap: 10px; }
.fb-kart { background: #fff; border: 1px solid #E6E1D6; border-radius: 16px; box-shadow: 0 1px 2px rgba(16, 24, 40, .06); padding: 14px; min-width: 0; }
.fb-kart > p:last-child { margin-bottom: 0; }
.fb-not { font-size: 13px; color: var(--soluk); }
.fb-baslik { margin: 4px 0 6px; font-size: 14px; font-weight: 700; color: var(--metin); }

.fb-ust { display: flex; justify-content: space-between; gap: 12px; padding: 14px 16px; border-radius: 16px; color: #fff;
  background: linear-gradient(135deg, #1F7A4A 0%, #2E9A5E 60%, #43B072 100%); box-shadow: 0 1px 2px rgba(16, 24, 40, .06); }
.fb-ust > div { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.fb-ust small { font-size: 11px; opacity: .85; text-transform: uppercase; letter-spacing: .04em; }
.fb-ust b { font-size: 18px; line-height: 1.2; font-variant-numeric: tabular-nums; }
.fb-ust span { font-size: 12px; opacity: .9; }
.fb-ust-sag { text-align: end; align-items: flex-end; }

.fb-arma { display: inline-grid; place-items: center; flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%; background: var(--fb-renk, #1F7A4A);
  color: #fff; font-weight: 800; font-size: 13px; letter-spacing: .02em; box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .35); }
.fb-arma.buyuk { width: 56px; height: 56px; font-size: 19px; }
.fb-takim-ust { display: flex; align-items: center; gap: 12px; }
.fb-takim-ad { min-width: 0; }
.fb-takim-ad small { color: var(--soluk); font-size: 12px; }
.fb-takim-ad h3 { margin: 0 0 4px; font-size: 18px; line-height: 1.2; overflow-wrap: anywhere; }
.fb-cipler { display: flex; flex-wrap: wrap; gap: 6px; }
.fb-cip { display: inline-block; padding: 2px 9px; border-radius: 999px; background: #EEF6F0; color: #1F7A4A; font-size: 12px; font-weight: 600; }

.fb-olcu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 12px 0 10px; }
.fb-olcu > div { background: #F7F5F0; border-radius: 12px; padding: 8px 10px; min-width: 0; }
.fb-olcu small { display: block; color: var(--soluk); font-size: 11px; }
.fb-olcu b { display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.fb-forma { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; font-size: 13px; padding: 8px 0; border-top: 1px solid #EFEBE2; border-bottom: 1px solid #EFEBE2; margin-bottom: 8px; }
.fb-forma span { color: var(--soluk); }
.fb-forma small { color: var(--soluk); margin-inline-start: auto; }

.fb-son5 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.fb-son5 li { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 4px; border-radius: 12px; background: #F7F5F0; min-width: 0; }
.fb-son5 i { font-style: normal; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; color: #fff; font-weight: 800; font-size: 12px; }
.fb-son5 span { font-weight: 700; font-size: 13px; font-variant-numeric: tabular-nums; }
.fb-son5 small { font-size: 10px; color: var(--soluk); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fb-son5 .fb-g i { background: var(--yesil); }
.fb-son5 .fb-b i { background: #9AA1B1; }
.fb-son5 .fb-m i { background: var(--kirmizi); }

.fb-satir { display: flex; gap: 8px; align-items: stretch; margin: 8px 0 4px; }
.fb-satir select, .fb-satir input { flex: 1 1 auto; min-width: 0; font: inherit; padding: 9px 12px; border: 1px solid #E6E1D6; border-radius: 12px; background: #fff; color: var(--metin); }
.fb-satir .dugme { flex: 0 0 auto; width: auto; margin: 0; }
.fb-degis { margin-top: 8px; }
.fb-degis summary { cursor: pointer; font-size: 13px; color: var(--mavi-koyu); font-weight: 600; }
.fb-sponsor-alt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; font-size: 12px; color: var(--soluk); }

.fb-tablo-kutu { padding: 6px 4px; overflow-x: auto; }
.fb-tablo { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.fb-tablo th, .fb-tablo td { padding: 7px 5px; text-align: center; white-space: nowrap; }
.fb-tablo thead th { font-size: 11px; color: var(--soluk); font-weight: 600; border-bottom: 1px solid #EFEBE2; }
.fb-tablo tbody th { text-align: start; font-weight: 600; max-width: 140px; overflow: hidden; text-overflow: ellipsis; }
.fb-tablo .fb-sol { text-align: start; }
.fb-tablo tbody tr + tr td, .fb-tablo tbody tr + tr th { border-top: 1px solid #F2EFE8; }
.fb-tablo tr.fb-lider td:first-child { color: var(--altin-koyu); font-weight: 800; }
.fb-tablo tr.fb-ben td, .fb-tablo tr.fb-ben th { background: #EEF6F0; }
.fb-tablo tr.fb-ben th { color: #1F7A4A; }
.fb-tablo tr.fb-ayrac td { color: var(--soluk); padding: 2px; }

.fb-maclar { list-style: none; margin: 0; padding: 0; }
.fb-mac { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px; padding: 7px 4px; font-size: 13px; }
.fb-mac + .fb-mac { border-top: 1px solid #F2EFE8; }
.fb-mac-ev { text-align: end; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fb-mac-dep { text-align: start; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fb-skor { min-width: 52px; text-align: center; padding: 2px 8px; border-radius: 8px; background: #F7F5F0; font-variant-numeric: tabular-nums; }
.fb-mac.fb-ben { background: #EEF6F0; border-radius: 10px; font-weight: 600; }

.fb-sampiyonlar { list-style: none; margin: 0; padding: 0; }
.fb-sampiyonlar li { display: flex; align-items: center; gap: 10px; padding: 8px 0; }
.fb-sampiyonlar li + li { border-top: 1px solid #F2EFE8; }
.fb-sampiyonlar li > div { min-width: 0; flex: 1; display: flex; flex-direction: column; }
.fb-sampiyonlar small { color: var(--soluk); font-size: 12px; }
.fb-sag { text-align: end; }
.fb-kurallar summary { cursor: pointer; font-weight: 600; }
.fb-kurallar ul { margin: 8px 0 0; padding-inline-start: 18px; display: grid; gap: 4px; }

@media (max-width: 380px) {
  .fb-olcu b { font-size: 14px; }
  .fb-tablo th, .fb-tablo td { padding: 6px 3px; }
  .fb-tablo tbody th { max-width: 110px; }
}

/* koyu tema */

/* 0.94.0: maç izleme */
/* 0.94.0: Maç izle (web/js/futbolMac.js) — tam ekran 2B maç izleme penceresi ve futbol listesindeki "Maç izle" düğmeleri */
.fbm { position: fixed; inset: 0; z-index: 9300; display: flex; align-items: center; justify-content: center;
  background: rgba(8, 14, 30, .62); padding: calc(10px + var(--ust, 0px)) 10px calc(10px + var(--alt, 0px)); overscroll-behavior: contain; }
.fbm-kutu { position: relative; width: min(560px, 100%); max-height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch;
  display: flex; flex-direction: column; gap: 10px; padding: 12px 12px 14px; border-radius: 16px; background: #fff; color: var(--metin, #18213A);
  border: 1px solid #E6E1D6; box-shadow: 0 12px 40px rgba(8, 14, 30, .28); }
.fbm-kutu > * { flex-shrink: 0; } /* uzun olay listesinde saha küçülmesin; kutu kayar */

.fbm-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.fbm-rozet { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: #F1EEE7; color: var(--soluk, #5E6782);
  font-size: 12px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.fbm-r-canli { background: #FDECEA; color: #C7372B; }
.fbm-r-canli i { width: 8px; height: 8px; border-radius: 50%; background: #E0493C; animation: fbm-nabiz 1.4s ease-in-out infinite; }
.fbm-r-tekrar { background: #EAF1FD; color: #2256B5; }
.fbm-r-bitti { background: #EEF6F0; color: #1F7A4A; }
@keyframes fbm-nabiz { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
.fbm-kapat { flex: 0 0 auto; width: 40px; height: 40px; border: 0; border-radius: 12px; background: #F1EEE7; color: var(--metin, #18213A);
  font-size: 18px; line-height: 1; cursor: pointer; display: grid; place-items: center; }
.fbm-kapat:hover { background: #E8E4DA; }
.fbm-kapat:focus-visible, .fbm-dugme:focus-visible, .fbm-hiz button:focus-visible, .fbm-izle:focus-visible { outline: 2px solid var(--mavi, #2F6FDE); outline-offset: 2px; }

.fbm-tabela { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px;
  padding: 10px 12px; border-radius: 14px; background: linear-gradient(135deg, #14532F 0%, #1F7A4A 55%, #2E9A5E 100%); color: #fff; }
.fbm-takim { display: flex; align-items: center; gap: 8px; min-width: 0; font-weight: 700; font-size: 14px; line-height: 1.2; }
.fbm-takim span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-wrap: anywhere; }
.fbm-takim i { flex: 0 0 auto; width: 14px; height: 14px; border-radius: 50%; background: #ccc; box-shadow: 0 0 0 2px rgba(255, 255, 255, .7); }
.fbm-dep { flex-direction: row-reverse; text-align: end; }
.fbm-skor { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 84px; }
.fbm-skor b { display: flex; align-items: center; gap: 6px; font-size: 30px; line-height: 1; font-weight: 800; font-variant-numeric: tabular-nums; }
.fbm-skor s { text-decoration: none; opacity: .6; font-size: 22px; }
.fbm-skor small { min-height: 16px; padding: 1px 8px; border-radius: 999px; background: rgba(0, 0, 0, .22); font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }
.fbm-skor small:empty { background: none; }

.fbm-saha { position: relative; border-radius: 14px; overflow: hidden; background: #2F8F55; line-height: 0; }
.fbm-saha canvas { display: block; width: 100%; height: auto; }
.fbm-saha .fbm-oyuncular { position: absolute; inset: 0; height: 100%; }
.fbm-afis { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  pointer-events: none; opacity: 0; line-height: 1.1; color: #fff; text-align: center; padding: 0 12px; }
.fbm-afis b { font-size: clamp(30px, 10vw, 46px); font-weight: 900; letter-spacing: .04em; padding: 6px 18px; border-radius: 14px;
  background: rgba(224, 73, 60, .92); box-shadow: 0 6px 24px rgba(0, 0, 0, .25); }
.fbm-afis span { font-size: 14px; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: rgba(8, 14, 30, .55); max-width: 100%;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fbm-afis.fbm-afis-acik { opacity: 1; animation: fbm-afis 2.2s ease-out both; }
@keyframes fbm-afis { 0% { opacity: 0; transform: scale(.6); } 12% { opacity: 1; transform: scale(1.08); } 22% { transform: scale(1); } 80% { opacity: 1; } 100% { opacity: 0; } }
.fbm-perde { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  padding: 12px; text-align: center; line-height: 1.2; color: #fff; background: rgba(8, 20, 14, .55); }
.fbm-perde[hidden] { display: none; }
.fbm-perde small { font-size: 12px; opacity: .85; text-transform: uppercase; letter-spacing: .05em; }
.fbm-perde b { font-size: 26px; font-weight: 800; font-variant-numeric: tabular-nums; }
.fbm-perde span { font-size: 13px; opacity: .9; }
.fbm-perde .fbm-hata { font-size: 15px; font-weight: 700; }

.fbm-ilerleme { height: 4px; border-radius: 999px; background: #EFEBE2; overflow: hidden; margin-top: -4px; }
.fbm-ilerleme i { display: block; height: 100%; background: var(--yesil, #1E9E5A); transform-origin: 0 50%; transform: scaleX(0); }

.fbm-kontrol { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.fbm-kontrol[hidden] { display: none; }
.fbm-hiz { display: inline-flex; padding: 3px; border-radius: 12px; background: #F1EEE7; }
.fbm-hiz[hidden] { display: none; }
.fbm-hiz button { min-width: 42px; height: 34px; border: 0; border-radius: 10px; background: transparent; color: var(--soluk, #5E6782);
  font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; }
.fbm-hiz button[aria-pressed="true"] { background: #fff; color: var(--metin, #18213A); box-shadow: 0 1px 2px rgba(16, 24, 40, .12); }
.fbm-dugme { height: 40px; min-width: 40px; padding: 0 12px; border: 1px solid #E6E1D6; border-radius: 12px; background: #fff; color: var(--metin, #18213A);
  font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; }
.fbm-dugme[hidden] { display: none; }
.fbm-dugme:hover { background: #F7F5F0; }
.fbm-genis { flex: 1 1 auto; }
.fbm-ana { background: var(--yesil, #1E9E5A); border-color: transparent; color: #fff; }
.fbm-ana:hover { background: var(--yesil-koyu, #167A45); }

.fbm-not { margin: 0; font-size: 12px; color: var(--soluk, #5E6782); }
.fbm-baslik { margin: 2px 0 0; font-size: 14px; font-weight: 700; }
.fbm-olaylar { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.fbm-olaylar li { display: grid; grid-template-columns: 34px 22px minmax(0, 1fr); align-items: center; gap: 6px; padding: 7px 10px;
  border-radius: 12px; background: #F7F5F0; font-size: 13px; }
.fbm-olaylar li b { font-variant-numeric: tabular-nums; color: var(--soluk, #5E6782); font-size: 12px; }
.fbm-olaylar li i { font-style: normal; text-align: center; }
.fbm-olaylar li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fbm-olaylar li.fbm-o-dep span { text-align: end; }
.fbm-olaylar li.fbm-gol { background: #FDECEA; font-weight: 700; }
.fbm-olaylar li.fbm-gol b { color: #C7372B; }
.fbm-olaylar li.fbm-bos { display: block; background: none; padding: 4px 2px; color: var(--soluk, #5E6782); }

/* futbol listesindeki düğme (web/js/futbol.js) */
.fb-mac .fbm-izle { grid-column: 1 / -1; justify-self: center; }
.fbm-izle { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 12px; border: 0; border-radius: 999px;
  background: #EEF6F0; color: #1F7A4A; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; }
.fbm-izle:hover { background: #DDEEE2; }
.fb-mac.fb-canli .fbm-izle { background: #FDECEA; color: #C7372B; }
.fb-son5 li[data-fb-izle] { cursor: pointer; }
.fb-son5 li[data-fb-izle]:hover { background: #EFEBE2; }
.fb-son5 li.fb-canli { box-shadow: inset 0 0 0 2px #E0493C; }

@media (max-width: 520px) {
  .fbm { padding: 0; align-items: stretch; }
  .fbm-kutu { width: 100%; max-height: none; height: 100%; border-radius: 0; border: 0;
    padding: calc(10px + var(--ust, 0px)) 16px calc(14px + var(--alt, 0px)); }
}
@media (prefers-reduced-motion: reduce) {
  .fbm-r-canli i { animation: none; }
  .fbm-afis.fbm-afis-acik { animation: none; }
}

/* koyu tema */

/* 0.95.0: takım hakları */
/* 0.95.0: Futbol takımı hakları — "Takımına adını ver" kartı (web/js/futbol.js), takım kartındaki stadyum satırı.
   Sade, düz görünüm; renkler var(--metin), var(--soluk) ve futbol panelinin tonlarıyla. Koyu tema en sonda. */

/* arma: iki renkli takım (çapraz yarım) ve açık renkte koyu yazı */
.fb-arma.fbh-iki { background: linear-gradient(135deg, var(--fb-renk) 0 50%, var(--fb-renk2) 50% 100%); }
.fb-arma.fbh-acik { color: #1B2437; box-shadow: inset 0 0 0 2px rgba(27, 36, 55, .18); }

/* takım kartı: "Stadyum: Lale Arena" ve hak sahibi */
.fbh-stad { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; font-size: 13px; padding: 8px 0 0; }
.fbh-stad span { color: var(--soluk); }
.fbh-stad b { font-weight: 700; color: var(--metin); }
.fbh-stad small { flex: 1 0 100%; color: var(--soluk); font-size: 11.5px; }
.fbh-stad + .fb-forma { margin-top: 8px; }

/* kart */
.fbh .fb-baslik { font-size: 15px; }
.fbh > p { margin: 0 0 10px; }
.fbh-gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.fbh-takim-satir { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 12px; background: #F6F3EC; margin-bottom: 10px; }
.fbh-takim-satir > div { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.fbh-takim-satir small { color: var(--soluk); font-size: 11px; }
.fbh-takim-satir b { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fbh-takim-satir select { flex: 0 1 132px; min-width: 0; font: inherit; font-size: 13px; padding: 7px 8px; border: 1px solid #E6E1D6; border-radius: 10px; background: #fff; color: var(--metin); }

.fbh-liste { display: grid; gap: 10px; }
.fbh-hak { border: 1px solid #ECE7DC; border-radius: 14px; padding: 12px; display: grid; gap: 8px; min-width: 0; }
.fbh-hak.benim { border-color: #9FD9B5; background: #F3FBF6; }
.fbh-hak.dolu { background: #FAF8F3; }
.fbh-hak.dolu p { margin: 0; }
.fbh-ust { display: flex; align-items: center; gap: 8px; min-width: 0; }
.fbh-simge { flex: 0 0 auto; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: #EEF6F0; font-size: 16px; }
.fbh-ust b { font-size: 14px; white-space: nowrap; }
.fbh-durum { margin-inline-start: auto; min-width: 0; max-width: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12.5px; font-weight: 700;
  padding: 3px 9px; border-radius: 999px; background: #FFF1D6; color: #8A5A00; display: inline-flex; align-items: center; gap: 4px; }
.fbh-durum.bos { background: #E8F6EE; color: #13723E; }
.fbh-durum.benim { background: #DDF3E4; color: #13723E; }
.fbh-nokta { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: var(--r); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15); }
.fbh-sahip { color: var(--soluk); font-size: 11.5px; margin-top: -4px; }

.fbh-alan { display: grid; gap: 5px; min-width: 0; }
.fbh-alan > span { font-size: 12px; color: var(--soluk); font-weight: 600; }
.fbh-alan input { width: 100%; box-sizing: border-box; font: inherit; font-size: 15px; padding: 10px 12px; border: 1px solid #E6E1D6; border-radius: 12px; background: #fff; color: var(--metin); }
.fbh-alan input:focus { outline: 2px solid #7FCB98; outline-offset: 1px; border-color: #7FCB98; }
.fbh-not { color: var(--soluk); font-size: 11.5px; line-height: 1.35; }

.fbh-renkler { display: grid; grid-template-columns: repeat(auto-fill, minmax(32px, 1fr)); gap: 6px; }
.fbh-renk { position: relative; display: grid; place-items: center; cursor: pointer; }
.fbh-renk input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.fbh-renk i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--r, #fff); font-style: normal; font-size: 13px; color: var(--soluk);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); transition: transform .12s; }
.fbh-yok i { background: #fff; border: 1px dashed #C9C2B3; box-shadow: none; }
.fbh-renk input:checked + i { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1B2437; transform: scale(1.04); }
.fbh-renk input:focus-visible + i { outline: 2px solid #3B8BEB; outline-offset: 3px; }

.fbh-onizleme { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px 10px; border-radius: 12px; background: #F6F3EC; font-size: 13px; color: var(--soluk); }
.fbh-onizleme b { color: var(--metin); font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.fbh-onizleme .fb-arma { width: 28px; height: 28px; font-size: 11px; }

.fbh-al { width: 100%; margin: 0; display: flex; justify-content: center; align-items: center; gap: 2px; flex-wrap: wrap; }
.fbh-fiyat { font-weight: 800; margin-inline-start: 6px; }
.fbh-fiyat:empty { display: none; }
.fbh-fiyat .rozetcik, .fbh-fiyat s { display: none; }

@media (min-width: 720px) {
  .fbh-liste { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
}

/* koyu tema */

/* 0.96.0: sıralama: rütbe ligleri; senin çevren (yedi sekme ana.js'teki iki satırlık ızgaraya (cok-satir) iner) */
.panel-govde .sekmeler.sira-sekmeler.cok-satir > button { overflow-wrap: normal; word-break: normal; hyphens: manual; min-height: 38px; }
.rl-ligler { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; margin-top: 8px; }
.rl-ligler span { display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 5px 2px; border-radius: 10px; background: rgba(27, 47, 91, .05); font-size: 11.5px; font-weight: 700; text-align: center; min-width: 0; line-height: 1.2; }
.rl-ligler span small { font-size: 10.5px; color: var(--soluk); font-weight: 600; }
.rl-ligler span b { font-size: 11px; color: var(--lacivert); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.rl-ligler span.secili { background: var(--lacivert); color: #fff; }
.rl-ligler span.secili small, .rl-ligler span.secili b { color: #FFD65C; }
.sira-cevre h3 { margin: 0 0 2px; }
.sira-cevre > p { margin: 0 0 6px; }
.sira-cevre .madalya { width: auto; min-width: 30px; padding: 0 6px; border-radius: 15px; font-size: 12.5px; }
.sira-cevre .satirlar li { padding: 6px 0; }
.sira-cevre.ic { margin-top: 8px; }
.sira-cevre.ic summary { cursor: pointer; font-weight: 800; font-size: 13px; color: var(--lacivert-acik); }

/* 0.96.0: seviye yolu 99: yeni rütbe renkleri, kısa satırlar, kalıcı avantajlar, seviye sürprizi */
.rutbe-rozet.r-kethuda, .syl-ust.r-kethuda, .syl-toren.r-kethuda { --r: #7A4B1E; }
.rutbe-rozet.r-yigitbasi, .syl-ust.r-yigitbasi, .syl-toren.r-yigitbasi { --r: #B23A2B; }
.rutbe-rozet.r-seyh, .syl-ust.r-seyh, .syl-toren.r-seyh { --r: #0F7A6C; }
.rutbe-rozet.r-ahibaba, .syl-ust.r-ahibaba, .syl-toren.r-ahibaba { --r: #5B3A99; }
.rutbe-rozet.r-pir, .syl-ust.r-pir, .syl-toren.r-pir { --r: #2B4F86; }
.rutbe-rozet.r-evran, .syl-ust.r-evran, .syl-toren.r-evran { --r: #A87A00; }
.syl-kisa { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; min-height: 30px; font-size: 13px; }
.syl-kisa .syl-no { width: 30px; height: 30px; border-width: 2px; font-size: 12px; margin-left: 3px; }
.syl-k-rutbe { flex: none; width: 20px; text-align: center; font-size: 14px; }
.syl-k-yazi { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--metin); }
.syl-k-yazi i { font-style: normal; }
.syl-kisa.kilitli .syl-k-yazi { color: var(--soluk); }
.syl-k-daha { flex: none; color: var(--soluk); font-weight: 700; }
.syl-avantajlar ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 6px; }
.syl-avantajlar li { display: flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 12px; background: var(--krem); font-size: 13px; font-weight: 700; }
.syl-surpriz { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; padding: 10px 12px; border-radius: 16px; background: #F3F6FC; text-align: start; }
.syl-surpriz .hky-surpriz-kutu { width: 72px; height: 72px; flex: none; border-radius: 20px; font-size: 38px; }
.syl-surpriz:not(.acildi) .hky-surpriz-kutu { animation: hky-sallan 1.6s ease-in-out infinite; }
.syl-surpriz.acildi .hky-surpriz-kutu { transform: scale(.85); }
.syl-surpriz-yazi { flex: 1; min-width: 0; }
.syl-surpriz-yazi > b { font-size: 16px; }
.syl-surpriz-yazi p { margin: 2px 0 0; }
.syl-surpriz .hky-surpriz-icerik { margin: 6px 0 2px; gap: 6px; }
.syl-surpriz .hky-surpriz-icerik li { justify-content: flex-start; padding: 6px 10px; font-size: 14px; background: #fff; }
.boy-efsane .hky-surpriz-kutu { background: linear-gradient(160deg, #FFF2B3, #E8A400 55%, #B26BFF); }
.syl-surpriz.boy-efsane { box-shadow: inset 0 0 0 2px #E8A400; }
@media (prefers-reduced-motion: reduce) { .syl-surpriz .hky-surpriz-kutu { animation: none; } }
.unvan-cip.u-seviye { --u1: #3B2A78; --u2: #1E1546; --ut: #F4D58A; box-shadow: inset 0 0 0 1px #C9A24B; }

/* 0.97.0: yatay ekranda çentik ve yuvarlak köşe payı (safe-area sol/sağ). Uygulama kabuğu --safe-area-inset-left/right
   verirse o, yoksa env() kullanılır; dikey ekranda değerler 0 olduğu için yalnız yatayda uygulanır */
:root { --sol: var(--safe-area-inset-left, env(safe-area-inset-left, 0px)); --sag: var(--safe-area-inset-right, env(safe-area-inset-right, 0px)); }
@media (orientation: landscape) {
  .hud { left: var(--sol); right: var(--sag); }
  .alt-hud { left: calc(10px + var(--sol)); right: calc(10px + var(--sag)); }
  .dock { left: var(--sol); right: var(--sag); }
  #panel-katman { padding-left: var(--sol); padding-right: var(--sag); }
  #panel-katman.dock-acik { padding-left: calc(8px + var(--sol)); padding-right: calc(8px + var(--sag)); }
  #oyun-bildirimleri { right: calc(10px + var(--sag)); }
  .mo-katman { padding-left: calc(8px + var(--sol)); padding-right: calc(8px + var(--sag)); }
  .ic-cubuk { left: calc(22px + var(--sol)); }
  .ic-kos { left: calc(158px + var(--sol)); }
  .ic-kart, .ev-duzen { right: calc(12px + var(--sag)); }
  .sr-sol { left: calc(14px + var(--sol)); }
  .sr-sag { right: calc(14px + var(--sag)); }
}
/* 0.97.0: yurt dışı tedarik teklifinde lojistik / gümrük notu */
.yurtdisi-not { margin-top: 2px; color: #8a5300; }

/* 0.98.0: Hesap hareketlerindeki Muhasebeci kutuları (üstteki .hareket-ozet kutularıyla aynı) */
.hareket-ozet > a.muh-kutu { position: relative; display: block; min-width: 0; background: #fff; border-radius: 14px; padding: 8px 14px 8px 10px; box-shadow: 0 1px 2px rgba(16, 24, 40, .08); color: inherit; text-decoration: none; cursor: pointer; transition: transform .08s, box-shadow .12s; }
.hareket-ozet > a.muh-kutu::after { content: '›'; position: absolute; top: 5px; inset-inline-end: 7px; color: var(--soluk); font-size: 15px; font-weight: 700; line-height: 1; }
.hareket-ozet > a.muh-kutu:hover { box-shadow: 0 2px 8px rgba(16, 24, 40, .14); }
.hareket-ozet > a.muh-kutu:active { transform: scale(.98); }
.hareket-ozet > a.muh-kutu small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hareket-ozet > a.muh-kutu b { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* 0.98.0: tek sayıda öğeli iki sütunlu menülerde son öğe satırı doldurur (boş hücre kalmasın) */
.buyut-izgara > :last-child:nth-child(odd) { grid-column: 1 / -1; }
.vade-secimi:has(> :nth-child(3):last-child) { grid-template-columns: repeat(3, minmax(0, 1fr)); } /* 3 taksit tek sırada (4 sütunda ya da telefonda 2+1 boşluk kalıyordu) */
.eko-ulke { grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)); } /* 3 sayı telefonda da tek sırada */
.syl-avantajlar ul:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* 4 avantaj masaüstünde 3+1 değil 2+2 */
.md-dukkan-blok, .mg .ek-bolum { scroll-margin-top: 72px; } /* yapışkan sekmelerin altında kalmasın */
.md-dukkan-blok.md-odak { border-radius: 14px; box-shadow: 0 0 0 3px rgba(59, 139, 235, .45); transition: box-shadow .3s; }
/* 0.98.0: Esnaf odası kredisi kutusu (Odalar) */
.oda-kredi { background: #EEF6EE; border: 1px solid #CFE6D3; border-radius: 12px; padding: 10px 12px; display: grid; gap: 8px; font-size: 13.5px; min-width: 0; }
.oda-kredi-ust { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.oda-kredi-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 6px; }
.oda-kredi-izgara > div { background: #fff; border-radius: 10px; padding: 6px 8px; min-width: 0; }
.oda-kredi-izgara small { display: block; color: #6B6455; font-size: 11.5px; }
.oda-kredi-izgara b { display: block; font-size: 13.5px; overflow-wrap: anywhere; }
.oda-kredi p { margin: 0; }
.oda-kredi-engel { color: #8A4B00; }
.oda-kredi .dugme { justify-self: start; width: auto; }
/* 0.98.0: kiralama ekranında şube için "Aynı adı kullan" */
.sube-ad { display: grid; gap: 6px; background: #FBF6EA; border-radius: 12px; padding: 10px 12px; margin: 0 0 8px; font-size: 13.5px; }
.sube-ad label.secim { display: flex; align-items: center; gap: 8px; font-weight: 700; }
.sube-ad label.secim input { width: 20px; height: 20px; flex: none; }
.sube-ad .cipler { margin: 0; }
.sube-ad .sube-ad-onizleme { font-weight: 700; overflow-wrap: anywhere; }
/* 0.98.0: tanıtım (intro-098): kart satırları tek satır, JS ölçüp sığdırır (yazı alt satıra kayıp kartı büyütmez) */
#sinema.gx .gx-kart .gx-baslik, #sinema.gx .gx-kart .gx-ust, #sinema.gx .gx-kart .gx-alt { white-space: nowrap; overflow-wrap: normal; }
#sinema.gx .gx-kart .gx-ust { max-width: none; }
#sinema.gx .gx-yer { max-width: 62%; }
#sinema.gx .gx-kart .gx-alt { margin-top: .95em; }
#sinema.gx .gx-kart .gx-ust { margin-bottom: 14px; }
/* sol kart soldan kısa bir kaymayla gelir (kadrajın dışına taşmadan) */
#sinema.gx .gx-kart.sol.gorunur:not(.gidiyor) { animation-name: gxKartGelSol98; }
/* logo büyüyerek gelirken ekrandan ve Geç düğmesinin altına taşmasın */
#sinema.gx .gx-logo-yazi { transform: scale(1.22); }
@keyframes gxKartGelSol98 { 0% { opacity: 0; transform: translateX(-14px); } 100% { opacity: 1; transform: none; } }
#sinema.gx .gx-yer b, #sinema.gx .gx-yer span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Ahilik rütbeleri: seviye sayacı ve rütbe adı ortada */
#sinema.gx .gx-rutbe { position: absolute; left: 50%; top: 50%; z-index: 5; width: 90%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center;
  text-align: center; opacity: 0; pointer-events: none; transition: opacity .25s ease; }
#sinema.gx .gx-rutbe.gorunur { opacity: 1; }
#sinema.gx .gx-rutbe small { white-space: nowrap; font: 800 clamp(11px, 2.6vw, 15px) Montserrat, system-ui, sans-serif; letter-spacing: .24em; text-transform: uppercase;
  background: #ffcc62; color: #2a082f; padding: 4px 10px; border-radius: 3px; box-shadow: inset 3px 0 0 #FF3FA4, 0 4px 14px rgba(10, 0, 20, .35); }
#sinema.gx .gx-rutbe b { display: block; white-space: nowrap; font-family: Anton, Impact, sans-serif; font-weight: 400; text-transform: uppercase; line-height: 1.5;
  font-size: clamp(36px, min(10.5vw, 14vh), 116px); padding: 0 .06em; color: #FFF6EC;
  text-shadow: -3px 0 0 rgba(0, 230, 255, .7), 3px 0 0 rgba(255, 60, 150, .8), 0 8px 0 rgba(40, 0, 60, .65), 0 14px 30px rgba(40, 0, 60, .55); }
#sinema.gx .gx-rutbe b.vur { animation: gxRutbe .22s cubic-bezier(.2, .9, .2, 1.2); }
#sinema.gx .gx-rutbe.son b { color: #FFE08A; }
#sinema.gx .gx-rutbe.son b.vur { animation: gxRutbeSon .7s cubic-bezier(.16, .9, .2, 1.25); }
#sinema.gx .gx-rutbe small { margin-bottom: .2em; }
#sinema.gx .gx-rutbe i { display: block; margin-top: .3em; font: italic 800 clamp(13px, 3vw, 20px) Montserrat, system-ui, sans-serif; letter-spacing: .12em; color: #fff; font-variant-numeric: tabular-nums;
  text-shadow: 0 2px 10px rgba(30, 0, 40, .85); }
@keyframes gxRutbe { from { transform: scale(1.06); opacity: .4; } to { transform: none; opacity: 1; } }
@keyframes gxRutbeSon { 0% { transform: scale(1.1); opacity: 0; } 100% { transform: none; opacity: 1; } }
#sinema.gx.final .gx-rutbe { display: none; }
/* dikey ekranda film kadrajın ortasında: 0.57.0'daki translateZ(0) kuralı translateY(-50%)'yi eziyor, film aşağı kayıyordu */
@media (orientation: portrait) {
  #sinema.gx .gx-film video, #sinema.gx .gx-video { transform: translateY(-50%) translateZ(0); }
}
/* logo alt yazısı (eğik el yazısı) ÇIRAK'ın gölgesine değmesin */
/* sağdan sola dillerde sol kartın üst etiketi de sağa yaslanır */
#sinema.gx .gx-kart.sol[dir=rtl] .gx-ust { margin-left: auto; margin-right: 0; }
#sinema.gx .gx-logo-alt { margin-top: .3em; }
#sinema.gx .gx-logo-ust, #sinema.gx .gx-logo-alt { white-space: nowrap; }

:where(body.koyu-tema) .syl-yeni-esnaf { background: linear-gradient(135deg, #2A2410, #3A2E10); border-color: #8A6A1E; } /* 0.99.11 */
:where(body.koyu-tema) .tas-yer select { border-color: #2E3E61; background: #1A2844; color: inherit; } /* 0.99.11 */