* { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html, body { height:100%; overflow:hidden; background:#12202c; font-family:-apple-system,"Segoe UI",Roboto,sans-serif; user-select:none; -webkit-user-select:none; }
#oyun { position:fixed; inset:0; touch-action:none; }
button { font-family:inherit; background:none; border:none; padding:0; cursor:pointer; }

#hud { position:fixed; inset:0; pointer-events:none; z-index:10; }
.gizli { display:none !important; }

/* ---------- ÜST BAR ---------- */
.ust-bar { display:flex; align-items:center; gap:5px; padding:calc(8px + env(safe-area-inset-top)) 8px 0; }
.profil { pointer-events:auto; width:clamp(40px, 11vw, 52px); flex:none; filter:drop-shadow(0 3px 5px rgba(0,0,0,.35)); }
.profil img { width:100%; height:auto; display:block; }
.profil:active { transform:scale(.94); }

.seviye-kutu { display:flex; align-items:center; flex:none; }
.yildiz { position:relative; width:clamp(34px, 9.5vw, 44px); z-index:2; filter:drop-shadow(0 2px 3px rgba(0,0,0,.35)); }
.yildiz img { width:100%; height:auto; display:block; }
.yildiz b { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding-top:3px; font-size:clamp(14px,4vw,17px); font-weight:900; color:#fff; text-shadow:0 1.5px 0 #b26a00, 0 0 4px rgba(0,0,0,.4); }
.seviye-bar { position:relative; width:clamp(66px, 18vw, 116px); height:20px; margin-left:-13px; background:linear-gradient(#241a10,#3a2c1b); border:2px solid #1a120a; border-radius:11px; overflow:hidden; box-shadow:inset 0 2px 3px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.3); }
#seviye-dolu { position:absolute; inset:2px auto 2px 2px; width:0%; background:linear-gradient(#ffd54f,#ff9800); border-radius:9px; transition:width .3s; }
#seviye-yazi { position:absolute; inset:0 0 0 11px; display:flex; align-items:center; justify-content:center; font-size:11px; font-style:normal; font-weight:800; color:#fff7e6; text-shadow:0 0 2px #2a1a08, 0 0 2px #2a1a08, 0 1px 2px rgba(0,0,0,.8); font-variant-numeric:tabular-nums; letter-spacing:.2px; }   /* v117: kazanç/hedef — yıldızın altına girmesin (sol 11px), turuncu dolum üstünde okunsun (koyu hale) */

.kaynaklar { display:flex; align-items:center; gap:4px; margin-left:auto; }
.kaynak { pointer-events:auto; position:relative; width:clamp(86px, 23vw, 132px); aspect-ratio:886/231; background:url(../assets/ui/pill_para.webp) no-repeat center/contain; filter:drop-shadow(0 3px 4px rgba(0,0,0,.3)); }
.kaynak-elmas { aspect-ratio:887/207; background-image:url(../assets/ui/pill_elmas.webp); }
.kaynak b { position:absolute; left:33%; right:25%; top:0; bottom:0; display:flex; align-items:center; justify-content:center; font-size:clamp(11px,3.2vw,13.5px); letter-spacing:-.2px; /* v117: 1.540 coin ikonunun altina giriyordu */ font-weight:900; color:#4a3418; font-variant-numeric:tabular-nums; }
.kaynak:active { transform:scale(.96); }
.kaynak.puls { animation:paraPuls .35s; }
@keyframes paraPuls { 40% { transform:scale(1.15); } }

.menu-btn { pointer-events:auto; flex:none; width:clamp(38px,10vw,46px); height:clamp(38px,10vw,46px); background:linear-gradient(#fbf1dc,#ecd7ac); border:2.5px solid #c9a468; border-radius:13px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; box-shadow:0 4px 0 rgba(138,106,68,.55), 0 5px 10px rgba(0,0,0,.28); }
.menu-btn img { width:46%; height:46%; object-fit:contain; display:block; filter:drop-shadow(0 1px 2px rgba(0,0,0,.25)); }
.menu-btn:active { transform:translateY(2px); box-shadow:0 2px 0 rgba(138,106,68,.55); }
/* v88 (Emre): sağ üst AYARLAR — sarımsı zemin kalktı, çark büyüdü */
#ayar { background:none; border:none; box-shadow:none; }
#ayar img { width:92%; height:92%; }
#ayar:active { transform:scale(.9); box-shadow:none; }

/* ---------- GÖREV KARTI + GÜN ---------- */
.ust-orta { display:flex; flex-direction:column; align-items:center; gap:7px; margin-top:10px; }
.gorev-kart { display:flex; align-items:center; gap:10px; max-width:88%; background:linear-gradient(#f6ecd4,#e9d3a8); border:2.5px solid #b08f5c; border-radius:15px; padding:7px 12px; box-shadow:0 4px 0 rgba(122,92,52,.45), 0 6px 14px rgba(0,0,0,.35); transition:transform .3s; }
.gorev-kart.parla { animation:gorevParla .6s; }
@keyframes gorevParla { 30% { transform:scale(1.07); } }
.gorev-ikon { font-size:19px; background:rgba(122,92,52,.16); border:1.5px solid rgba(122,92,52,.3); border-radius:10px; padding:5px 7px; line-height:1; }
.gorev-orta { display:flex; flex-direction:column; gap:4px; min-width:0; }
#gorev-yazi { font-size:14px; font-weight:800; color:#4a3418; line-height:1.2; }
.gorev-bar { position:relative; height:16px; background:linear-gradient(#241a10,#3a2c1b); border-radius:8px; overflow:hidden; box-shadow:inset 0 2px 3px rgba(0,0,0,.5); }
#gorev-dolu { position:absolute; inset:2px auto 2px 2px; width:0%; background:linear-gradient(#9ad84f,#5da425); border-radius:6px; transition:width .3s; }
#gorev-oran { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:11px; font-style:normal; font-weight:800; color:#fff7e6; text-shadow:0 1px 2px rgba(0,0,0,.6); font-variant-numeric:tabular-nums; }
.gorev-odul { display:flex; flex-direction:column; align-items:center; gap:1px; flex:none; }
.gorev-odul img { width:26px; filter:drop-shadow(0 2px 2px rgba(0,0,0,.3)); }
.gorev-odul b { font-size:13px; font-weight:900; color:#7b3fa8; }

.pill { position:relative; background:linear-gradient(#fbf1dc,#ecd7ac); border:2.5px solid #c9a468; border-radius:22px; color:#3a2610; font-size:15px; font-weight:800; padding:6px 14px 6px 36px; display:flex; align-items:center; gap:6px; box-shadow:0 4px 0 rgba(138,106,68,.55), 0 5px 10px rgba(0,0,0,.28); }
.pill b, .pill span { font-weight:800; font-variant-numeric:tabular-nums; }
/* ---------- ŞEF BARI (Emre'nin sef-bar.webp şablonu; dinamik içerik % konumlu) ---------- */
.sef-bar { position:relative; width:clamp(250px, 74vw, 450px); aspect-ratio:1982/359; background:url(../assets/ui/sef_bar.webp?v=22) no-repeat center/contain; filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)); container-type:inline-size; }
#sef-malzemeler { position:absolute; left:2.5%; width:42%; top:8%; height:84%; display:flex; align-items:center; justify-content:center; gap:2%; font-size:clamp(20px,6.2vw,36px); font-weight:900; color:#7a5c34; white-space:nowrap; }
/* v94→v96 (Emre 29 Tem): ikonlar panelden taşıyordu; v94 hepsini küçültünce "okunmuyor" oldu.
   v96: boyut BAR genişliğine bağlı (cqw) ve KADEMELİ — temel boy büyük/okunur; içerik sığmazsa
   JS ölçüp .dar1/.dar2 düşürür (yalnız 3 malzemeli karışık küçülür, 2'li siparişler büyük kalır). */
@supports (width: 1cqw) {
  #sef-malzemeler { font-size:clamp(15px, 6cqw, 30px); }
  #sef-malzemeler .malzeme-img { height:1.5em; }
  #sef-malzemeler .sb-gun { font-size:.55em; font-weight:900; }
  #sef-malzemeler small { font-size:.62em; }
  #sef-malzemeler.dar1 { font-size:clamp(13px, 5cqw, 25px); }
  #sef-malzemeler.dar2 { font-size:clamp(11px, 4.2cqw, 21px); }
}
#sef-malzemeler i { font-style:normal; font-size:.62em; color:#b08f5c; }
#sef-malzemeler .malzeme-img { height:1.2em; width:auto; display:block; filter:drop-shadow(0 1px 2px rgba(0,0,0,.2)); }
#sef-malzemeler small { font-size:.55em; letter-spacing:.5px; }
/* v87: sipariş varken sol slotta yaşayan kompakt gün saati (Şef istiyor çipi artık müşteri sabrı) */
#sef-malzemeler .sb-gun { font-size:.42em; margin-left:4%; color:#9a7c4e; letter-spacing:0; align-self:center; }
#sef-sure { position:absolute; left:56.5%; width:11%; top:50%; height:29%; display:flex; align-items:center; justify-content:center; font-size:clamp(11px,3.4vw,19px); font-weight:900; color:#fff; font-variant-numeric:tabular-nums; text-shadow:0 1px 2px rgba(0,0,0,.5); }
#sef-sure.az { color:#ff8a65; animation:paraPuls .5s infinite; }
#sef-odul { position:absolute; left:74.5%; width:12.5%; top:30%; height:40%; display:flex; align-items:center; justify-content:center; font-size:clamp(13px,4vw,23px); font-weight:900; color:#4a3418; font-variant-numeric:tabular-nums; }
.rozet { position:absolute; left:-6px; top:50%; transform:translateY(-50%); width:32px; height:32px; border-radius:11px; display:flex; align-items:center; justify-content:center; background:linear-gradient(#fffdf6,#fff1cf); border:2px solid rgba(138,106,68,.5); box-shadow:0 2px 4px rgba(0,0,0,.28); }
.rozet img { height:20px; width:auto; display:block; filter:drop-shadow(0 1px 1px rgba(0,0,0,.25)); }
.rozet-mavi { background:linear-gradient(#fffdf6,#d8f3ff); }
.ikon-inline { height:1em; width:auto; vertical-align:-0.15em; margin:0 1px; }

/* v61: YOĞUN SAAT — Emre'nin banner'ı; ŞEF barının altında, çok küçük kompakt rozet */
.rush { width:clamp(150px, 40vw, 230px); animation:rushNabiz 1.1s infinite; }
.rush img { width:100%; height:auto; display:block; filter:drop-shadow(0 3px 7px rgba(0,0,0,.4)); }
@keyframes rushNabiz { 50% { transform:scale(1.04); } }
/* v113: kart içi ikinci (vazgeç) butonu */
.kart button.buyuk.ikincil { background:linear-gradient(#e0d6c2,#c9bca3); color:#4a3520; margin-top:6px; }
/* v112: GÜN OLAYI rozeti (yağmur / festival / eleştirmen) — Emre baked banner çizerse .rush kalıbına taşınır */
.olay-rozet { pointer-events:none; margin-top:4px; padding:5px 12px; border-radius:12px; font:800 12px/1.2 system-ui,sans-serif; letter-spacing:.4px;
  color:#fff6d8; background:linear-gradient(#5a3a1e,#3a2410); border:2px solid rgba(255,213,120,.55); box-shadow:0 3px 7px rgba(0,0,0,.4); text-shadow:0 1px 2px rgba(0,0,0,.6); }

/* ---------- SOL BUTONLAR ---------- */
.yan-butonlar { position:absolute; left:8px; top:calc(118px + env(safe-area-inset-top)); display:flex; flex-direction:column; gap:12px; }
.yan-btn { pointer-events:auto; position:relative; width:70px; filter:drop-shadow(0 4px 6px rgba(0,0,0,.35)); }
.yan-btn img { width:100%; display:block; }
.yan-btn:active { transform:scale(.93); }

/* ---------- BİLDİRİM ROZETİ ---------- */
.bildirim { position:absolute; top:-3px; right:-1px; width:22px; height:22px; border-radius:50%; background:linear-gradient(#ff5a4e,#d32f2f); border:2px solid #fff; display:flex; align-items:center; justify-content:center; font-size:13px; font-style:normal; font-weight:900; color:#fff; box-shadow:0 2px 4px rgba(0,0,0,.4); animation:bilZip 1.6s infinite; }
@keyframes bilZip { 0%,100% { transform:scale(1); } 12% { transform:scale(1.18); } 24% { transform:scale(1); } }

/* ---------- ALT BAR (tek parça PNG + hotspot'lar) ---------- */
.alt-bar { pointer-events:auto; position:absolute; left:50%; transform:translateX(-50%); bottom:calc(4px + env(safe-area-inset-bottom)); width:min(352px, 97vw); }   /* v125 (Emre): alt menü sağ-sol bir tık geniş */
.alt-bar-zemin { display:block; width:100%; height:auto; filter:drop-shadow(0 5px 12px rgba(0,0,0,.35)); }
.nav-hot { position:absolute; top:14%; height:79%; background:none; }
.nav-hot:active { transform:scale(.94); }
.nav-hot .bildirim { top:2%; right:4%; width:18px; height:18px; font-size:11px; }

.oyna-hot { left:39.1%; top:3%; width:21.8%; height:77%; }
.oyna-hot img { position:absolute; inset:0; width:100%; height:100%; }
.oyna-hot.mola img { display:none; }
.oyna-hot.mola { animation:oynaPuls 1.4s infinite; }
@keyframes oynaPuls { 50% { transform:translateY(0) scale(1.06); } }
.oyna-hot:active { transform:translateY(2px); }

#mola-perde { position:fixed; inset:0; z-index:5; background:rgba(8,12,18,.5); display:flex; align-items:center; justify-content:center; pointer-events:none; }
/* MOLA kartı (Emre'nin çerçevesi: MOLA! + mesaj + OYNA'YA BAS baked) */
#mola-perde .mola-kart { position:relative; width:min(92vw,430px); }
#mola-perde .mola-kart img { display:block; width:100%; height:auto; filter:drop-shadow(0 16px 44px rgba(0,0,0,.55)); }
#mola-perde .mola-hot { position:absolute; left:20.5%; top:73.8%; width:58.5%; height:13.2%;
  pointer-events:auto; background:none; border:none; padding:0; cursor:pointer; }
#mola-perde .mola-hot:active { transform:translateY(2px); }

/* ---------- MODAL ---------- */
#perde { position:fixed; inset:0; z-index:50; background:rgba(10,6,3,.72); display:flex; align-items:center; justify-content:center; }
#perde.ust { z-index:120; } /* v93: açılıştan (z100) açılan KATALOG/BAŞARIMLAR popup'ı üstte kalsın */
/* v93 KATALOG kartı (jenerik iskelet — Emre baked görsel çizince popup kalıbına geçer) */
.katalog-baslik { font-weight:900; font-size:13px; letter-spacing:1.5px; color:#8a6a44; margin:12px 0 7px; text-align:left; }
.katalog-coin { width:15px; height:15px; vertical-align:-2px; }
.kart .satir.kilitli { opacity:.55; filter:grayscale(.5); }
.kart .satir img.katalog-portre { object-fit:cover; object-position:50% 6%; border-radius:11px; background:rgba(255,251,236,.65); border:1.5px solid rgba(138,106,68,.3); }
.kart .satir .icerik small img { width:auto; height:21px; vertical-align:middle; margin:0 1px; } /* tarif malzeme ikonları satırı şişirmesin */
.kart { background:linear-gradient(#f6e8c9,#e8d3ac); border:4px solid #8a6a44; border-radius:22px; padding:24px 22px; text-align:center; max-width:340px; margin:16px; box-shadow:0 12px 40px rgba(0,0,0,.6); color:#4a3418; max-height:82vh; overflow-y:auto; }
.kart h1 { font-size:23px; margin-bottom:8px; }
.kart p { font-size:15px; line-height:1.55; margin-bottom:16px; color:#6b5638; }
.kart .satir { display:flex; align-items:center; gap:10px; text-align:left; background:rgba(255,251,236,.55); border:1.5px solid rgba(138,106,68,.35); border-radius:13px; padding:8px 11px; margin-bottom:8px; font-size:14px; color:#4a3418; }
.kart .satir img { width:40px; height:40px; object-fit:contain; flex:none; }
.kart .satir .buyuk-emoji { font-size:26px; width:40px; flex:none; text-align:center; }
/* emoji yerine malzeme PNG'si konulan satırlar (HARİTA kartı) — img emoji kutusuna sığar */
.kart .satir .buyuk-emoji .satir-ikon { width:auto; height:auto; max-width:100%; max-height:34px;
  object-fit:contain; vertical-align:middle; }
.kart .satir .icerik { flex:1; min-width:0; }
.kart .satir .icerik small { display:block; color:#8a6f4a; font-size:12px; line-height:1.3; }
.kart .satir .durum { flex:none; font-weight:900; font-size:13px; }
.kart .satir.tamam { opacity:.62; }
.kart .satir.tamam .durum { color:#4e9a1f; }
/* ÇALIŞANLAR paneli (Emre'nin tasarımı: portre + İŞE AL görsel butonu + kapasite şeridi) */
.kart .cal-ust { font-size:13.5px; margin-bottom:10px; }
.kart .cal-satir { margin-bottom:9px; }
.kart .cal-portre { width:46px; height:58px; object-fit:contain; flex:none; filter:drop-shadow(0 3px 5px rgba(0,0,0,.2)); }
.kart .cal-satir .icerik b { font-size:15px; display:block; }
.kart .cal-sag { flex:none; display:flex; flex-direction:column; align-items:center; gap:4px; min-width:92px; }
.kart .cal-fiyat { display:flex; align-items:center; gap:4px; font-weight:900; color:#4e8f21; font-size:15px; }
.kart .cal-fiyat img { height:1.05em; width:auto; }
.kart .cal-al { padding:0; background:none; border:none; line-height:0; position:relative; }
.kart .cal-al img { width:88px; height:auto; display:block; filter:drop-shadow(0 2px 4px rgba(0,0,0,.25)); }
.kart .cal-al span { position:absolute; inset:0 0 12% 0; display:flex; align-items:center; justify-content:center;
  color:#fff; font-weight:900; font-size:14.5px; letter-spacing:.05em; line-height:1;
  text-shadow:0 1.5px 2px rgba(0,0,0,.35); }
.kart .cal-al:active { transform:translateY(2px); }
.kart .cal-al.pasif { filter:grayscale(.9); opacity:.55; pointer-events:none; }
.kart .cal-plaka { font-weight:900; font-size:13px; color:#8a6f4a; letter-spacing:.03em; }
.kart .cal-plaka.cal-tamam { color:#4e8f21; font-size:12px; display:flex; align-items:center; gap:3px; }
.kart .cal-plaka.cal-kilit { display:flex; align-items:center; gap:4px; color:#a08055; }
.kart .cal-plaka.cal-kilit img { width:16px; height:16px; }
.kart .cal-kapasite i { font-style:normal; font-weight:900; flex:none; background:#e8d3ac; border:1.5px solid rgba(138,106,68,.35); border-radius:10px; padding:5px 11px; color:#6b5638; }

.kart .buyuk { background:linear-gradient(#7cc243,#4e9a1f); border:none; border-bottom:5px solid #37701a; color:#fff; font-size:20px; font-weight:900; padding:12px 40px; border-radius:15px; letter-spacing:.5px; margin-top:6px; }
.kart .buyuk:active { transform:translateY(2px); border-bottom-width:3px; }
/* v136: uzun yalın kartlarda (KATALOG, PROFİL) ana buton kaydırmadan görünsün — alta yapışık */
.kart:not(.gorselli) > #kart-btn { position:sticky; bottom:-24px; z-index:1; box-shadow:0 -10px 14px -8px rgba(0,0,0,.35); }
.kart .kucuk { background:none; border:none; color:#8a6a44; font-size:13px; margin-top:12px; text-decoration:underline; display:block; width:100%; }

/* ---------- GÖRSEL POPUP (Emre'nin çerçeveleri: başlık + X baked) ---------- */
.kart.gorselli { background:none; border:none; box-shadow:none; padding:0; width:min(92vw,430px); max-width:none; max-height:none; overflow:visible; position:relative; }
.kart.gorselli .kart-fon { display:block; width:100%; height:auto; filter:drop-shadow(0 16px 44px rgba(0,0,0,.55)); }
.kart.gorselli .kart-icerik { position:absolute; left:10%; right:10%; top:23%; bottom:9%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; }
.kart.gorselli .kart-icerik p { margin:0; font-size:15px; }
.kart.gorselli .kart-icerik .hedef { font-size:17px; }
.kart.gorselli .kart-icerik .ipucu { background:rgba(255,251,236,.6); border:1.5px solid rgba(138,106,68,.3); border-radius:13px; padding:9px 13px; font-size:13.5px; }
.kart.gorselli .kart-icerik .buyuk { margin-top:6px; }
.kart.gorselli .kart-x { position:absolute; left:92%; top:13.5%; width:16%; aspect-ratio:1/1; transform:translate(-50%,-50%); background:none; border:none; padding:0; }
.kart.gorselli .kart-x:active { transform:translate(-50%,-50%) scale(.9); }
.kart.gorselli .kart-hotspot { position:absolute; background:none; border:none; padding:0; }

/* YENİ ÜRÜN popup'ı (mor kurdele; gövde akış kolonu) */
.popup-yeni-urun .kart-x { left:93.8%; top:16.9%; width:14%; }
.popup-yeni-urun .yu-ikon { font-size:calc(var(--kw)*.14); line-height:1; margin-bottom:-4px;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.25)); }
.popup-yeni-urun .yu-ikon-img { width:calc(var(--kw)*.155); height:auto; display:block; }
/* ipucu satırındaki malzeme ikonları emoji boyunda dursun */
.popup-yeni-urun .kart-icerik .ipucu .ikon-inline { height:1.5em; width:auto; vertical-align:-.42em; }
.kart.gorselli.popup-yeni-urun .kart-icerik p { font-size:calc(var(--kw)*.037); }
.kart.gorselli.popup-yeni-urun .kart-icerik .ipucu { font-size:calc(var(--kw)*.034); line-height:1.7; }

/* HIZ BOTU popup'ı (mavi kurdele + koşucu ikonu baked; ortada tek mesaj) */
.popup-hiz-botu .kart-x { left:93.9%; top:16.7%; width:14%; }
.popup-hiz-botu .hb-metin { font-size:calc(var(--kw)*.046); line-height:1.6; color:#5d4a2c; }
.popup-hiz-botu .hb-metin b { color:#2e7d32; font-size:1.15em; }

/* Emre'nin BOŞ ÇERÇEVELİ bilgi popup'ları (v71): tarla-büyüdü / bahçe-büyüdü / çırak-işe-başladı /
   cazip-menü / hızlı-ocak — başlık + X baked, gövde boş; metin + yeşil DOM butonu içerikte */
.kart.gorselli.popup-cerceve .kart-x { left:94.3%; top:13.9%; width:14%; }
.kart.gorselli.popup-cerceve .kart-icerik { top:26%; bottom:13%; }
.popup-cerceve .pp-metin { font-size:calc(var(--kw)*.046); line-height:1.68; color:#5d4a2c; margin:0; }
.popup-cerceve .pp-metin b { color:#2e7d32; font-size:1.12em; }

/* GÖREVLER popup'ı (v76/v77 — Emre'nin baked çerçevesi assets/popup/gorevler.webp)
   Çerçevede BAKED: başlık levhası + X, yenilenme pill'i, alttaki 2 buton plakası.
   Çerçeveden SİLİNEN + ayrı PNG yapılanlar: gorev_satir (tekrar eden satır plakası),
   gorev_kutu (alt kutu), 4 boş sekme plakası (v77'de Emre'nin sekme PNG'leriyle değişti).
   Yüzdeler kaynak PNG'den ölçüldü (959×1330 alfa-bbox).
   Dikey ölçüler kw (panel genişliği) cinsinden: kaynak px / 959 * kw.
   DİKKAT: .kart.gorselli .kart-x taban kuralı 3 sınıflı — override 3 sınıflı yazılmalı (menü dersi) */
.kart.gorselli.popup-gorevler .kart-x { left:94.1%; top:6.77%; width:12%; }
/* SEKME ŞERİDİ (v77): Emre'nin aktif+pasif sekme PNG'leri. Çerçevedeki boş plakalar SİLİNDİ.
   Aktif sekme pasiflerden dar (510/569) → left/width JS'ten inline geliyor (gorevSekmeYer).
   Plakaların ALT kenarı sheet kenarına (kaynak y255 → %81.13) oturur; aktifin kuyruğu altına sarkar. */
.popup-gorevler .gv-sekme { position:absolute; bottom:81.13%; background:none; border:none;
  padding:0; line-height:0; }
.popup-gorevler .gv-sekme.aktif { bottom:80.38%; }
.popup-gorevler .gv-sekme img { width:100%; height:auto; display:block;
  filter:drop-shadow(0 1.5px 2px rgba(122,92,52,.22)); }
.popup-gorevler .gv-sekme:active { transform:translateY(1.5px); }
.popup-gorevler .gv-rozet { position:absolute; top:-18%; right:-3%; background:#e53935; color:#fff; font-style:normal;
  font-size:calc(var(--kw)*.024); font-weight:900; min-width:1.5em; height:1.5em; line-height:1.5em; border-radius:1em;
  border:1.5px solid #fff; padding:0 .25em; box-shadow:0 1px 3px rgba(0,0,0,.3); }
/* yenilenme şeridi (pill çerçevede baked) */
.popup-gorevler .gv-pill { position:absolute; left:29.51%; width:44.73%; top:21.95%; height:2.71%;
  display:flex; align-items:center; justify-content:center; gap:.3em; overflow:hidden; white-space:nowrap;
  font-size:calc(var(--kw)*.026); font-weight:800; color:#a08055; }
.popup-gorevler .gv-pill b { color:#6b5638; font-variant-numeric:tabular-nums; }
/* kaydırılabilir gövde: satır sayısını kod üretir (BAŞARIMLAR 6, ANA 11 — çerçeveye sığmıyor) */
.popup-gorevler .gv-govde { position:absolute; left:2.92%; width:94.37%; top:25.64%; height:59.85%;
  overflow-y:auto; overflow-x:hidden; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.popup-gorevler .gv-govde::-webkit-scrollbar { display:none; }
.popup-gorevler .gv-satir { position:relative; height:calc(var(--kw)*.1856); display:flex; align-items:center;
  padding:0 3.2% 0 17%; text-align:left; color:#5a351b;
  background:url(../assets/ui/gorev_satir.webp?v=1) no-repeat center/100% 100%; }
.popup-gorevler .gv-satir.sonlu { opacity:.72; }
.popup-gorevler .gv-ikon { position:absolute; left:3.43%; top:18.5%; width:11.05%; height:61.8%;
  display:flex; align-items:center; justify-content:center; font-size:calc(var(--kw)*.055); line-height:1; }
.popup-gorevler .gv-ikon img { max-width:100%; max-height:100%; object-fit:contain;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.18)); }
.popup-gorevler .gv-orta { flex:1; min-width:0; display:flex; flex-direction:column; gap:calc(var(--kw)*.011); }
.popup-gorevler .gv-orta b { font-size:calc(var(--kw)*.037); font-weight:900; color:#6b3f1d; line-height:1.1;
  text-shadow:0 1.5px 0 rgba(255,255,255,.6); overflow:hidden; }
.popup-gorevler .gv-cubuk { position:relative; display:block; height:calc(var(--kw)*.030); background:#e0cba4;
  border-radius:999px; overflow:hidden; box-shadow:inset 0 1.5px 3px rgba(122,92,52,.35); }
.popup-gorevler .gv-cubuk span { position:absolute; inset:0 auto 0 0; border-radius:999px;
  background:linear-gradient(#a3dd5e,#5fae27); }
.popup-gorevler .gv-cubuk i { position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-style:normal; font-weight:900; font-size:calc(var(--kw)*.022); color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.45); }
.popup-gorevler .gv-sag { flex:none; width:calc(var(--kw)*.205); display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:calc(var(--kw)*.008); }
.popup-gorevler .gv-odul { display:flex; align-items:center; gap:.2em; font-size:calc(var(--kw)*.034);
  font-weight:900; color:#8e3fb5; text-shadow:0 1.5px 0 rgba(255,255,255,.7); }
.popup-gorevler .gv-odul img { height:1.15em; width:auto; }
.popup-gorevler .gv-btn { background:none; border:none; padding:0; line-height:0; }
.popup-gorevler .gv-btn img { width:calc(var(--kw)*.185); height:auto; display:block;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.25)); }
.popup-gorevler .gv-al { animation:gorevPuls 1.1s infinite; }
.popup-gorevler .gv-btn:active { transform:translateY(2px); }
.popup-gorevler .gv-plaka { display:flex; align-items:center; gap:.25em; font-size:calc(var(--kw)*.028);
  font-weight:900; color:#8a6f4a; letter-spacing:.03em; }
.popup-gorevler .gv-plaka img { width:1.2em; height:1.2em; }
.popup-gorevler .gv-tamam { color:#4e8f21; }
.popup-gorevler .gv-kilit img { width:1.6em; height:1.6em; opacity:.75; }
@keyframes gorevPuls { 0%,100% { transform:scale(1); } 50% { transform:scale(1.05); } }
/* alttaki büyük kutu: GÜNLÜK'te sandık zinciri, HAFTALIK'ta özet */
.popup-gorevler .gv-kutu { position:relative; height:calc(var(--kw)*.2607);
  background:url(../assets/ui/gorev_kutu.webp?v=1) no-repeat center/100% 100%; }
.popup-gorevler .gv-kutu-baslik { position:absolute; left:5%; right:5%; top:2.4%; height:13.6%;
  display:flex; align-items:center; justify-content:center; font-size:calc(var(--kw)*.025);
  font-weight:900; color:#a08055; letter-spacing:.05em; white-space:nowrap; }
.popup-gorevler .gv-kutu-ic { position:absolute; left:2.2%; width:95.4%; top:16%; height:74.4%;
  display:flex; align-items:flex-end; justify-content:space-between;
  padding:0 3.5% calc(var(--kw)*.012); }
.popup-gorevler .gv-sandik-sayi { flex:none; text-align:center; padding-bottom:calc(var(--kw)*.018); }
.popup-gorevler .gv-sandik-sayi b { display:block; font-size:calc(var(--kw)*.055); color:#4e8f21; line-height:1; }
.popup-gorevler .gv-sandik-sayi small { font-size:calc(var(--kw)*.023); color:#8a6f4a; }
/* sandıklar (v79 — Emre'nin kapalı/açık çizimleri): açık kapak yukarı taşar, alt kenar hizalı */
.popup-gorevler .gv-sandik { position:relative; background:none; border:none; padding:0;
  display:flex; flex-direction:column; align-items:center; gap:calc(var(--kw)*.002); }
.popup-gorevler .gv-sandik img { width:calc(var(--kw)*.132); height:auto; display:block;
  filter:drop-shadow(0 2px 3px rgba(122,92,52,.35)); }
.popup-gorevler .gv-sandik i { position:absolute; top:-6%; right:-6%; font-style:normal; font-weight:900;
  font-size:calc(var(--kw)*.022); color:#fff; background:#8a6a44; border-radius:1em;
  min-width:1.5em; height:1.5em; line-height:1.5em; text-align:center;
  border:1.5px solid #fffbe9; box-shadow:0 1px 3px rgba(0,0,0,.3); }
.popup-gorevler .gv-sandik em { display:flex; align-items:center; gap:.15em; font-style:normal; font-weight:900;
  font-size:calc(var(--kw)*.026); color:#8e3fb5; text-shadow:0 1px 0 rgba(255,255,255,.7); }
.popup-gorevler .gv-sandik em img { height:1.15em; width:auto; filter:none; }
.popup-gorevler .gv-sandik.kilitli { filter:grayscale(.75) brightness(1.06); opacity:.55; }
.popup-gorevler .gv-sandik.hazir { animation:sandikNabiz 1.2s ease-in-out infinite; }
.popup-gorevler .gv-sandik.hazir img { filter:drop-shadow(0 0 calc(var(--kw)*.018) rgba(255,196,60,.95))
  drop-shadow(0 2px 3px rgba(122,92,52,.35)); }
.popup-gorevler .gv-sandik.hazir i { background:#e53935; }
.popup-gorevler .gv-sandik.alindi i { background:#4e8f21; }
@keyframes sandikNabiz { 0%,100% { transform:scale(1) } 50% { transform:scale(1.07) } }
.popup-gorevler .gv-ozet { justify-content:space-around; }
.popup-gorevler .gv-ozet-kutu { display:flex; flex-direction:column; align-items:center; gap:calc(var(--kw)*.006); }
.popup-gorevler .gv-ozet-kutu b { font-size:calc(var(--kw)*.048); color:#4e8f21; line-height:1; }
.popup-gorevler .gv-ozet-kutu small { font-size:calc(var(--kw)*.024); color:#8a6f4a; }
/* alt bar: iki plaka çerçevede baked, yazı DOM'dan */
.popup-gorevler .gv-alt { position:absolute; top:89.47%; height:5.71%; background:none; border:none; padding:0;
  display:flex; align-items:center; justify-content:center; font-size:calc(var(--kw)*.036); font-weight:900;
  color:#8a6a44; letter-spacing:.03em; text-shadow:0 1.5px 0 rgba(255,255,255,.55); }
.popup-gorevler .gv-alt-sol { left:6.57%; width:25.65%; }
/* v82: "TÜMÜNÜ AL (6)" plakadan 3,6px taşıyordu — punto + harf aralığı bir tık kısıldı */
.popup-gorevler .gv-alt-sag { left:68.82%; width:22.84%; font-size:calc(var(--kw)*.0283); letter-spacing:0; white-space:nowrap; }
.popup-gorevler .gv-alt:active { transform:translateY(2px); }
.popup-gorevler .gv-alt.pasif { opacity:.45; pointer-events:none; }
.popup-gorevler .gv-alt.gv-parla { color:#3f8f1e; animation:gorevPuls 1.2s infinite; }

/* MENÜ popup'ı (3 tarif alanı baked; tarifler DOM ile hizalanır)
   DİKKAT: .kart.gorselli .kart-x taban kuralı 3 sınıflı — popup override'ı kazansın diye
   burada da .kart.gorselli.popup-menu yazılıyor (2 sınıflı .popup-menu .kart-x EZİLİYORDU) */
.kart.gorselli.popup-menu .kart-x { left:92.3%; top:8.3%; width:15%; }
.popup-menu .kart-hotspot { left:26%; top:85.3%; width:47%; height:9.8%; }
.popup-menu .menu-satir { position:absolute; left:9.5%; right:9.5%; height:15%; display:flex; align-items:center; gap:calc(var(--kw)*.026); color:#5a351b; text-align:left; }
/* v88 (Emre): masa yokken menü yerine yönlendirme */
.popup-menu .menu-bos { position:absolute; left:12%; right:12%; top:26%; height:42%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:calc(var(--kw)*.022); text-align:center; font-size:calc(var(--kw)*.09); }
.popup-menu .menu-bos b { font-size:calc(var(--kw)*.062); font-weight:900; color:#6b3f1d; text-shadow:0 1.5px 0 rgba(255,255,255,.65); }
.popup-menu .menu-bos small { font-size:calc(var(--kw)*.04); font-weight:700; color:#8a6f4a; }
.popup-menu .menu-satir-0 { top:20.6%; }
.popup-menu .menu-satir-1 { top:41.9%; }
.popup-menu .menu-satir-2 { top:63.3%; }
.popup-menu .menu-tabak { width:calc(var(--kw)*.18); max-height:86%; object-fit:contain; flex:none; filter:drop-shadow(0 4px 7px rgba(0,0,0,.22)); }
.popup-menu .menu-bilgi { flex:1; min-width:0; display:flex; flex-direction:column; gap:calc(var(--kw)*.012); }
.popup-menu .menu-bilgi b { font-size:calc(var(--kw)*.052); font-weight:900; color:#6b3f1d; line-height:1; white-space:nowrap; text-shadow:0 1.5px 0 rgba(255,255,255,.65); }
.popup-menu .menu-bilgi small { display:flex; align-items:center; gap:calc(var(--kw)*.014); font-size:calc(var(--kw)*.058); line-height:1; color:#8a5b2a; }
.popup-menu .menu-bilgi i { font-style:normal; color:#b17a36; font-weight:900; font-size:calc(var(--kw)*.04); }
.popup-menu .menu-malzeme-img { height:calc(var(--kw)*.082); width:auto; display:block; filter:drop-shadow(0 1px 2px rgba(0,0,0,.18)); }
/* v116: 4 malzemeli tarif (deluxe) — ikonlar küçülür, fiyata çarpmaz */
.popup-menu .menu-dort .menu-malzeme-img { height:calc(var(--kw)*.06); }
.popup-menu .menu-dort .menu-bilgi small { gap:calc(var(--kw)*.006); }
.popup-menu .menu-dort .menu-bilgi i { font-size:calc(var(--kw)*.03); }
.popup-menu .menu-govde { position:absolute; inset:0; pointer-events:none; }
.popup-menu .menu-simdi { font-style:normal; font-size:calc(var(--kw)*.026); font-weight:900; color:#fffbe9;
  background:#7cc243; border-radius:999px; padding:calc(var(--kw)*.007) calc(var(--kw)*.018);
  margin-left:calc(var(--kw)*.016); vertical-align:middle; letter-spacing:.05em;
  box-shadow:0 1.5px 3px rgba(0,0,0,.22); }
.popup-menu .menu-guncel .menu-sure { color:#3f8f1e; }
.popup-menu .menu-kilitli { filter:grayscale(.85); opacity:.72; }
.popup-menu .menu-kilit { height:calc(var(--kw)*.055); width:auto; }
.popup-menu .menu-sag { flex:none; display:flex; flex-direction:column; align-items:flex-end; gap:calc(var(--kw)*.014); }
.popup-menu .menu-sure { display:flex; align-items:center; gap:calc(var(--kw)*.008); font-size:calc(var(--kw)*.037); font-weight:800; color:#7a5a30; }
.popup-menu .menu-sure img { height:1.15em; width:auto; filter:drop-shadow(0 1px 2px rgba(0,0,0,.18)); }
.popup-menu .menu-fiyat { display:flex; align-items:center; gap:calc(var(--kw)*.01); font-size:calc(var(--kw)*.052); font-weight:900; color:#4e8f21; text-shadow:0 1.5px 0 rgba(255,255,255,.75); }
.popup-menu .menu-fiyat img { height:1.08em; width:auto; filter:drop-shadow(0 1px 2px rgba(0,0,0,.22)); }

/* ÇALIŞANLAR popup'ı (Emre'nin baked çerçevesi: başlık + açıklama metni + 6 boş slot +
   kapasite şeridi + KAPAT görselde BAKED; satır içerikleri mutlak konumlu DOM ile hizalanır).
   Yüzdeler kaynak PNG'den (900×1414 alfa-bbox) ölçüldü — slot 1 kasten diğerlerinden biraz yüksek.
   DİKKAT: .kart.gorselli .kart-x taban kuralı 3 sınıflı — override 3 sınıflı yazılmalı (menü dersi) */
.kart.gorselli.popup-calisanlar .kart-x { left:93.9%; top:8.9%; width:13%; }
.popup-calisanlar .kart-hotspot { left:29%; top:91.4%; width:42%; height:7%; }
.popup-calisanlar .cal-govde { position:absolute; inset:0; pointer-events:none; }
.popup-calisanlar .cal-satir { position:absolute; left:9.4%; right:9.4%; display:flex; align-items:center;
  gap:calc(var(--kw)*.022); color:#5a351b; text-align:left; }
.popup-calisanlar .cal-satir-0 { top:21.6%; height:10.5%; }
.popup-calisanlar .cal-satir-1 { top:32.9%; height:9.6%; }
.popup-calisanlar .cal-satir-2 { top:43.1%; height:9.6%; }
.popup-calisanlar .cal-satir-3 { top:53.4%; height:9.4%; }
.popup-calisanlar .cal-satir-4 { top:63.4%; height:9.5%; }
.popup-calisanlar .cal-satir-5 { top:73.7%; height:9.3%; }
.popup-calisanlar .cal-portre { width:calc(var(--kw)*.115); max-height:94%; object-fit:contain; flex:none;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.22)); }
.popup-calisanlar .cal-bilgi { flex:1; min-width:0; display:flex; flex-direction:column; gap:calc(var(--kw)*.008); }
.popup-calisanlar .cal-bilgi b { font-size:calc(var(--kw)*.042); font-weight:900; color:#6b3f1d; line-height:1;
  text-shadow:0 1.5px 0 rgba(255,255,255,.6); }
.popup-calisanlar .cal-bilgi small { font-size:calc(var(--kw)*.029); line-height:1.25; color:#8a5b2a; }
.popup-calisanlar .cal-sag { flex:none; display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:calc(var(--kw)*.008); width:calc(var(--kw)*.235); }
.popup-calisanlar .cal-fiyat { display:flex; align-items:center; gap:calc(var(--kw)*.01);
  font-size:calc(var(--kw)*.042); font-weight:900; color:#4e8f21; text-shadow:0 1.5px 0 rgba(255,255,255,.75); }
.popup-calisanlar .cal-fiyat img { height:1.05em; width:auto; filter:drop-shadow(0 1px 2px rgba(0,0,0,.22)); }
.popup-calisanlar .cal-al { pointer-events:auto; padding:0; background:none; border:none; line-height:0; position:relative; }
.popup-calisanlar .cal-al img { width:calc(var(--kw)*.215); height:auto; display:block; filter:drop-shadow(0 2px 4px rgba(0,0,0,.25)); }
.popup-calisanlar .cal-al span { position:absolute; inset:0 0 12% 0; display:flex; align-items:center; justify-content:center;
  font-size:calc(var(--kw)*.032); font-weight:900; color:#fffbe9; letter-spacing:.03em;
  text-shadow:0 1.5px 2px rgba(0,0,0,.35); }
.popup-calisanlar .cal-al:active { transform:translateY(2px); }
.popup-calisanlar .cal-al.pasif { filter:grayscale(.9); opacity:.55; pointer-events:none; }
.popup-calisanlar .cal-plaka { font-weight:900; font-size:calc(var(--kw)*.031); color:#8a6f4a; letter-spacing:.03em; text-align:center; }
.popup-calisanlar .cal-plaka.cal-tamam { color:#4e8f21; display:flex; align-items:center; gap:.25em; }
.popup-calisanlar .cal-plaka.cal-kilit { display:flex; align-items:center; gap:.25em; color:#a08055; }
.popup-calisanlar .cal-plaka.cal-kilit img { width:1.15em; height:1.15em; }
.popup-calisanlar .cal-tamam-satir { opacity:.92; }
/* kapasite şeridi: 👥 ikonu + "ÇALIŞAN KAPASİTESİ" başlığı ve sayaç kutusu görselde baked yer tutuyor */
.popup-calisanlar .cal-kapasite { position:absolute; left:19.5%; right:24%; top:84.5%; height:6.1%;
  display:flex; flex-direction:column; justify-content:center; gap:calc(var(--kw)*.006); color:#6b5638; text-align:left; }
.popup-calisanlar .cal-kapasite b { font-size:calc(var(--kw)*.036); font-weight:900; color:#6b3f1d; line-height:1; }
.popup-calisanlar .cal-kapasite small { font-size:calc(var(--kw)*.026); line-height:1.2; color:#8a6f4a; }
.popup-calisanlar .cal-sayac { position:absolute; left:77.9%; top:85.7%; width:13.3%; height:3.8%;
  display:flex; align-items:center; justify-content:center; font-weight:900; color:#6b5638;
  font-size:calc(var(--kw)*.042); text-shadow:0 1.5px 0 rgba(255,255,255,.6); }

/* SEVİYE ATLADIN popup'ı (yeşil kurdele; dinamik seviye rozeti) */
.popup-seviye .kart-x { left:92.3%; top:17.3%; width:14%; }
.popup-seviye .sv-rozet { font-size:calc(var(--kw)*.085); font-weight:900; color:#3f6b1e;
  display:flex; align-items:center; gap:.18em; text-shadow:0 2px 0 rgba(255,255,255,.55); }
.popup-seviye .sv-rozet img { height:1.1em; width:auto; }
.kart.gorselli.popup-seviye .kart-icerik p { font-size:calc(var(--kw)*.037); }
/* v136: içerik uzunken rozet kurdelenin ALTINA giriyordu (justify:center taşması) — kurdelenin altından başla */
.kart.gorselli.popup-seviye .kart-icerik { top:25%; bottom:6%; gap:6px; }
.kart.gorselli.popup-seviye .sv-rozet { font-size:calc(var(--kw)*.072); }
.kart.gorselli.popup-seviye .kart-icerik p { font-size:calc(var(--kw)*.036); line-height:1.4; }
.kart.gorselli.popup-seviye .kart-icerik .ipucu { font-size:calc(var(--kw)*.03); padding:6px 10px; line-height:1.35; }
.kart.gorselli.popup-seviye .kart-icerik .buyuk { margin-top:4px; padding:9px 32px; font-size:17px; border-bottom-width:4px; }

/* GÜN BİTTİ popup'ı (etiketler + YENİ GÜN görselde baked; değerler mutlak konumlu DOM) */
.kart.gorselli { --kw: min(92vw, 430px); }
.popup-gun-bitti .kart-x { left:94%; top:15.1%; width:13%; }
.popup-gun-bitti .kart-hotspot { left:22.5%; top:80%; width:58%; height:12.6%; }
.popup-gun-bitti .gb-baslik { position:absolute; left:24%; top:26.1%; transform:translateY(-50%);
  font-size:calc(var(--kw)*.056); font-weight:900; color:#4a3418; white-space:nowrap;
  display:flex; align-items:center; gap:.15em; }
.popup-gun-bitti .gb-baslik img { height:1.05em; width:auto; }
.popup-gun-bitti .gb-deger { position:absolute; transform:translateY(-50%);
  font-size:calc(var(--kw)*.040); color:#6b5638; white-space:nowrap; }
.popup-gun-bitti .gb-deger b { font-size:calc(var(--kw)*.046); color:#3f6b1e; }
.popup-gun-bitti .gb-deger b.kotu { color:#c62828; }
.popup-gun-bitti .gb-kazanc { left:46.5%; top:37.4%; }
.popup-gun-bitti .gb-servis { left:44.5%; top:47.2%; }
.popup-gun-bitti .gb-kacan  { left:59.5%; top:56.5%; }
.popup-gun-bitti .gb-elmas  { left:44%;   top:65.7%; }
.popup-gun-bitti .gb-mesaj  { position:absolute; left:8%; right:8%; top:75.5%; transform:translateY(-50%);
  font-size:calc(var(--kw)*.035); font-weight:700; color:#4a3418; text-align:center; line-height:1.3; }
.popup-gun-bitti .gb-mesaj small { display:block; font-weight:400; font-size:calc(var(--kw)*.028); color:#8a6f4a; }

/* ---------- AÇILIŞ EKRANI ---------- */
#acilis { position:fixed; inset:0; z-index:100; background:#12202c url(../assets/giris/arka.jpg?v=1) no-repeat center/cover; overflow:hidden; }
#acilis button { pointer-events:auto; }
.acilis-logo { position:absolute; left:50%; top:calc(4.5% + env(safe-area-inset-top)); width:min(80%, 430px); transform:translateX(-50%); filter:drop-shadow(0 8px 16px rgba(0,0,0,.45)); animation:logoYuz 3.6s ease-in-out infinite; }
@keyframes logoYuz { 0%,100% { transform:translateX(-50%) translateY(0); } 50% { transform:translateX(-50%) translateY(9px); } }
.acilis-karakter { position:absolute; left:-2%; bottom:20%; height:min(44%, 560px); filter:drop-shadow(0 12px 20px rgba(0,0,0,.4)); }
.acilis-ust { position:absolute; left:12px; top:calc(10px + env(safe-area-inset-top)); width:clamp(42px,11vw,52px); height:clamp(42px,11vw,52px); background:linear-gradient(#fbf1dc,#ecd7ac); border:2.5px solid #c9a468; border-radius:13px; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 0 rgba(138,106,68,.55), 0 5px 10px rgba(0,0,0,.28); }
.acilis-ust img { width:52%; display:block; filter:drop-shadow(0 1px 2px rgba(0,0,0,.25)); }
.acilis-ust:active { transform:scale(.93); }
/* v90 (Emre listesi 14): içeriği hazır olmayan açılış butonları soluk — "yakında" olduğu belli olsun */
#acilis-fb, #acilis-google { opacity:.45; filter:grayscale(.4); } /* v93: katalog + başarımlar artık canlı */
/* v90: yer tutucu reklam perdesi (gerçek SDK gelene dek) */
.reklam-perde { position:fixed; inset:0; z-index:90; background:rgba(10,8,14,.88); display:flex; align-items:center; justify-content:center; }
.reklam-kutu { display:flex; flex-direction:column; align-items:center; gap:10px; color:#fff; font-size:44px; }
.reklam-kutu b { font-size:64px; font-variant-numeric:tabular-nums; color:#ffd54f; }
.reklam-kutu small { font-size:15px; color:#bbb; letter-spacing:1px; }
.acilis-profil { left:auto; right:12px; background:none; border:none; box-shadow:none; filter:drop-shadow(0 3px 5px rgba(0,0,0,.35)); }
.acilis-profil img { width:100%; }
.acilis-alt { position:absolute; left:50%; transform:translateX(-50%); bottom:calc(6px + env(safe-area-inset-bottom)); width:min(92%, 420px); display:flex; flex-direction:column; align-items:center; gap:11px; }
#acilis-oyna { width:72%; }
#acilis-oyna img { width:100%; display:block; filter:drop-shadow(0 7px 14px rgba(0,0,0,.45)); animation:oynaNabiz 1.9s ease-in-out infinite; }
@keyframes oynaNabiz { 50% { transform:scale(1.045); } }
#acilis-oyna:active { transform:scale(.95); }
.acilis-sosyal { display:flex; align-items:center; gap:3.5%; width:80%; }
.acilis-sosyal button { flex:1; min-width:0; }
.acilis-sosyal img { width:100%; display:block; filter:drop-shadow(0 4px 8px rgba(0,0,0,.4)); }
.acilis-sosyal button:active { transform:scale(.96); }
.acilis-ikonlar { display:flex; align-items:center; gap:3.5%; width:76%; }
.acilis-ikonlar button { flex:1; min-width:0; }
.acilis-ikonlar img { width:100%; display:block; filter:drop-shadow(0 4px 7px rgba(0,0,0,.35)); }
.acilis-ikonlar button:active { transform:scale(.93); }
.acilis-surum { font-size:11px; font-weight:800; color:rgba(255,247,230,.8); text-shadow:0 1px 3px rgba(0,0,0,.6); }
#acilis-toast, #dukkan-toast { position:absolute; left:50%; top:52%; transform:translateX(-50%); background:rgba(22,15,8,.85); border:2px solid rgba(255,213,79,.55); color:#ffe9b8; font-size:14px; font-weight:800; padding:9px 18px; border-radius:14px; white-space:nowrap; box-shadow:0 6px 18px rgba(0,0,0,.45); animation:toastGir .25s; z-index:5; }
@keyframes toastGir { from { opacity:0; transform:translateX(-50%) translateY(10px); } }

/* ---------- DÜKKAN SAYFASI ---------- */
#dukkan { position:fixed; inset:0; z-index:110; background:linear-gradient(#4a3422, #2a1a10); display:flex; flex-direction:column; overflow:hidden; }
#dukkan button { pointer-events:auto; }
.dukkan-hero { position:relative; flex:none; padding-top:env(safe-area-inset-top); }
.dukkan-hero-img { display:block; width:100%; height:auto; }
.dukkan-geri { position:absolute; left:10px; top:calc(8px + env(safe-area-inset-top)); width:clamp(52px, 14vw, 64px); filter:drop-shadow(0 3px 5px rgba(0,0,0,.35)); }
.dukkan-geri img { width:100%; height:auto; display:block; }
.dukkan-geri:active { transform:scale(.93); }
.dukkan-kaynaklar { position:absolute; right:8px; top:calc(6px + env(safe-area-inset-top)); display:flex; flex-direction:column; gap:5px; align-items:flex-end; }
.dukkan-arti { position:absolute; right:-4px; top:50%; transform:translateY(-50%); width:19px; height:19px; border-radius:6px; background:linear-gradient(#8bd14f,#4e9a1f); border:2px solid #fff; box-shadow:0 2px 4px rgba(0,0,0,.35); }
.dukkan-arti::before { content:'+'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; font-size:14px; font-weight:900; font-style:normal; line-height:1; }
.dukkan-sekmeler { flex:none; display:flex; gap:5px; padding:8px 10px 0; }
.sekme { flex:1; aspect-ratio:330/91; background:no-repeat center bottom/contain; filter:drop-shadow(0 2px 4px rgba(0,0,0,.3)); }
.sekme:active { transform:translateY(1px); }
.sekme[data-sekme="paketler"] { background-image:url(../assets/dukkan/sekme_paketler_pasif.webp?v=2); }
.sekme[data-sekme="paketler"].aktif { background-image:url(../assets/dukkan/sekme_paketler_aktif.webp?v=2); }
.sekme[data-sekme="kaynaklar"] { background-image:url(../assets/dukkan/sekme_kaynaklar_pasif.webp?v=2); }
.sekme[data-sekme="kaynaklar"].aktif { background-image:url(../assets/dukkan/sekme_kaynaklar_aktif.webp?v=2); }
.sekme[data-sekme="teklifler"] { background-image:url(../assets/dukkan/sekme_teklifler_pasif.webp?v=2); }
.sekme[data-sekme="teklifler"].aktif { background-image:url(../assets/dukkan/sekme_teklifler_aktif.webp?v=2); }
.dukkan-govde { flex:1; min-height:0; margin:0 8px; background:linear-gradient(#7a5834,#5d3f22); border:3px solid #8a6a44; border-radius:16px; box-shadow:inset 0 3px 10px rgba(0,0,0,.4); padding:9px; overflow-y:auto; }
.dukkan-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; }
.dpaket { position:relative; display:flex; flex-direction:column; align-items:center; background:linear-gradient(#f6ecd4,#e6cfa2); border:2.5px solid #8a6a44; border-radius:14px; padding:8px 6px 9px; box-shadow:0 4px 0 rgba(60,40,20,.45), 0 6px 12px rgba(0,0,0,.3); }
.dpaket-serit { position:relative; width:100%; aspect-ratio:520/153; background:url(../assets/dukkan/serit_yesil.webp?v=1) no-repeat center/contain; margin-top:-16px; display:flex; align-items:center; justify-content:center; filter:drop-shadow(0 2px 3px rgba(0,0,0,.3)); }
.dpaket-serit.kirmizi { background-image:url(../assets/dukkan/serit_kirmizi.webp?v=1); }
.dpaket-serit.mavi { background-image:url(../assets/dukkan/serit_mavi.webp?v=1); }
/* v82: "BAŞLANGIÇ PAKETİ" şeride sığmayıp "BAŞLANGIÇ PAKE" diye kesiliyordu — sığmayan yazı küçülür */
.dpaket-serit span { max-width:88%; font-size:clamp(7.5px, 2.2vw, 11px); font-weight:900; color:#fff; letter-spacing:.1px; text-shadow:0 1.5px 2px rgba(0,0,0,.45); white-space:nowrap; overflow:hidden; text-overflow:clip; }
.dpaket-serit span.uzun { font-size:clamp(6.5px, 1.92vw, 9.6px); letter-spacing:0; }
.dpaket-ikon { width:86%; height:auto; margin:4px 0 2px; filter:drop-shadow(0 4px 6px rgba(0,0,0,.28)); }
.dpaket-metin { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; font-size:clamp(9px, 2.6vw, 12px); font-weight:800; color:#4a3418; line-height:1.35; margin:2px 0 6px; }
.dpaket-fiyat { position:relative; width:92%; aspect-ratio:520/215; background:url(../assets/dukkan/fiyat.webp?v=1) no-repeat center/contain; display:flex; align-items:center; justify-content:center; filter:drop-shadow(0 3px 4px rgba(0,0,0,.3)); }
.dpaket-fiyat.izle { background-image:url(../assets/dukkan/izle.webp?v=1); aspect-ratio:520/188; }
.dpaket-fiyat span { max-width:78%; font-size:clamp(10px, 2.9vw, 14px); font-weight:900; color:#fff; text-shadow:0 1.5px 0 rgba(40,80,10,.7), 0 2px 4px rgba(0,0,0,.35); white-space:nowrap; overflow:hidden; }
.dpaket-fiyat.izle span { color:#5a3d10; text-shadow:0 1px 0 rgba(255,255,255,.4); margin-right:14%; }
.dpaket-fiyat:active { transform:scale(.95); }
.dpaket-rozet { background:linear-gradient(#ff5a4e,#d32f2f); color:#fff; font-size:8px; font-weight:900; padding:2.5px 7px; border-radius:8px; border:1.5px solid #fff; transform:rotate(-3deg); box-shadow:0 2px 4px rgba(0,0,0,.35); margin-bottom:4px; white-space:nowrap; animation:bilZip 1.6s infinite; }
.dukkan-bos { display:flex; align-items:center; justify-content:center; height:100%; color:#f0e0bd; font-size:15px; font-weight:800; text-shadow:0 1px 3px rgba(0,0,0,.5); }

/* ---------- DÜKKAN: KAYNAKLAR SEKMESİ ---------- */
.dk-baslik { display:flex; align-items:center; gap:6px; font-size:15px; font-weight:900; letter-spacing:.6px; text-shadow:0 1.5px 2px rgba(0,0,0,.55); margin:6px 2px 7px; }
.dk-baslik + .dk-grid { margin-bottom:12px; }
.dk-baslik img { height:20px; width:auto; filter:drop-shadow(0 1px 2px rgba(0,0,0,.35)); }
.dk-baslik span { font-size:17px; line-height:1; filter:drop-shadow(0 1px 2px rgba(0,0,0,.35)); }
.dk-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:6px; }
.dkart { position:relative; display:flex; flex-direction:column; align-items:center; background:linear-gradient(#f6ecd4,#e6cfa2); border:2px solid #8a6a44; border-radius:12px; padding:7px 4px 6px; box-shadow:0 3px 0 rgba(60,40,20,.4), 0 4px 9px rgba(0,0,0,.28); }
.dkart b { font-size:clamp(8px, 2.4vw, 11px); font-weight:900; color:#4a3418; white-space:nowrap; max-width:96%; overflow:hidden; }
.dkart-ikon { width:78%; height:min(20vw, 92px); flex:none; display:flex; align-items:center; justify-content:center; margin:4px 0 5px; }
.dkart-ikon img { max-width:100%; max-height:100%; filter:drop-shadow(0 3px 4px rgba(0,0,0,.25)); }
.dkart .dpaket-fiyat { width:96%; margin-top:auto; }
.dkart .dpaket-fiyat span { max-width:88%; font-size:clamp(8.5px, 2.4vw, 12px); }
/* v133: İLK ALIŞA 2 KAT rozeti — altın/turuncu, kırmızıdan ayrışsın */
.dpaket-rozet.ilk, .dkart-rozet.ilk { background:linear-gradient(#ffd54f,#f57c00); color:#4a2800; border-color:#fff3c4; text-shadow:0 1px 0 rgba(255,255,255,.35); }
.dkart-rozet { position:absolute; right:-5px; top:-7px; z-index:2; background:linear-gradient(#ff5a4e,#d32f2f); color:#fff; font-size:7px; font-weight:900; padding:2.5px 5px; border-radius:7px; border:1.5px solid #fff; transform:rotate(10deg); box-shadow:0 2px 4px rgba(0,0,0,.35); white-space:nowrap; }
.dukkan-guven { flex:none; display:flex; align-items:center; justify-content:center; gap:7px; padding:8px 10px calc(8px + env(safe-area-inset-bottom)); color:#e8d5ae; font-size:11.5px; font-weight:700; text-shadow:0 1px 2px rgba(0,0,0,.5); }
.dukkan-guven img { height:15px; width:auto; }

/* v119: RTL diller (ar/he/ur) — yalnız metin kartları sağdan sola; HUD/harita yerleşimi aynı kalır */
.rtl .kart p, .rtl .kart b, .rtl .kart small, .rtl .kart span, .rtl .kart h1, .rtl .dukkan-guven span, .rtl #gorev-yazi, .rtl .dukkan-bos { unicode-bidi:plaintext; }

/* ===================== v122: Emre'nin baked GÜNLÜK ÖDÜL / YENİ ÜN / AYARLAR mockup'ları ===================== */
/* ---- GÜNLÜK ÖDÜL (assets/popup/gunluk_odul.webp) ---- */
.kart.gorselli.popup-gunluk .kart-x { left:91%; top:10%; width:15%; }
.popup-gunluk .go-seri { position:absolute; left:52.1%; top:26%; transform:translateY(-50%); font-weight:900; font-size:calc(var(--kw)*.052); color:#4a3418; white-space:nowrap; }
.popup-gunluk .go-bugun { position:absolute; left:60.2%; top:31.5%; transform:translateY(-50%); display:flex; align-items:center; gap:4px; font-weight:900; font-size:calc(var(--kw)*.052); color:#4a3418; white-space:nowrap; }
.popup-gunluk .go-bugun img { height:1.05em; width:auto; }
.popup-gunluk .go-kutu { position:absolute; width:24.7%; height:13.1%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:calc(var(--kw)*.01); font-weight:900; font-size:calc(var(--kw)*.044); color:#6b5638; border-radius:14px; }
.popup-gunluk .go-kutu img { height:1.05em; width:auto; vertical-align:-.14em; }
.popup-gunluk .go-no { font-size:calc(var(--kw)*.04); opacity:.85; }
.popup-gunluk .go-yazi { display:flex; align-items:center; gap:3px; white-space:nowrap; }
.popup-gunluk .go-arti { font-style:normal; margin:0 1px; }
.popup-gunluk .go-kutu.go-simdi { background:rgba(124,194,67,.30); box-shadow:inset 0 0 0 3px rgba(124,194,67,.65); color:#2f5c12; }
.popup-gunluk .go-kutu.go-gecti { opacity:.5; }
.popup-gunluk .go-k0 { left:10.8%; top:37.6%; }
.popup-gunluk .go-k1 { left:38.5%; top:37.6%; }
.popup-gunluk .go-k2 { left:65.9%; top:37.6%; }
.popup-gunluk .go-k3 { left:10.8%; top:52.3%; }
.popup-gunluk .go-k4 { left:38.5%; top:52.3%; }
.popup-gunluk .go-k5 { left:65.9%; top:52.3%; }
.popup-gunluk .go-k6 { left:10.8%; top:66.9%; width:79.1%; height:8.3%; flex-direction:row; gap:8px; }
.popup-gunluk .kart-hotspot { left:24.3%; top:81%; width:52.6%; height:9%; }

/* ---- YENİ ÜN (assets/popup/yeni_un.webp) ---- */
.kart.gorselli.popup-yeni-un .kart-x { left:91%; top:29%; width:13%; }
.kart.gorselli.popup-yeni-un .kart-icerik { top:51%; bottom:21%; left:9%; right:8%; gap:calc(var(--kw)*.014); justify-content:flex-start; } /* v136: restoran adı kurdelenin altında kalıyordu */
.popup-yeni-un .yu-restoran { font-size:calc(var(--kw)*.046); font-weight:900; color:#6b3f1d; }
.kart.gorselli.popup-yeni-un .kart-icerik p { font-size:calc(var(--kw)*.032); line-height:1.35; }
.kart.gorselli.popup-yeni-un .kart-icerik .yu-sonraki { font-size:calc(var(--kw)*.027); opacity:.85; }
.popup-yeni-un .kart-hotspot { left:25.4%; top:79.7%; width:49%; height:9.5%; }

/* ---- AYARLAR (assets/popup/ayarlar.webp) ---- */
.kart.gorselli.popup-ayar2 .kart-x { left:89%; top:13%; width:15%; }
.popup-ayar2 .ay-deger { position:absolute; left:48.6%; right:11%; transform:translateY(-50%); font-weight:900; font-size:calc(var(--kw)*.052); color:#4a3418; text-align:left; }
.popup-ayar2 .ay-servis { top:30.8%; }
.popup-ayar2 .ay-para { top:39.3%; }
.popup-ayar2 .ay-elmas { top:46.7%; }
.popup-ayar2 .ay-toggle { position:absolute; left:48.6%; right:11%; transform:translateY(-50%); background:none; border:none; padding:0; text-align:left; font-weight:900; font-size:calc(var(--kw)*.042); display:flex; align-items:center; gap:6px; color:#4a3418; }
.popup-ayar2 .ay-ses { top:56%; }
.popup-ayar2 .ay-titresim { top:63%; }
.popup-ayar2 .ay-toggle .ay-acik { color:#3f8f1e; }
.popup-ayar2 .ay-toggle .ay-kapali { color:#a04a2a; }
.popup-ayar2 .ay-dil-kutu { position:absolute; left:52%; width:32%; top:69.6%; height:4.8%; background:#f7deb3; border-radius:14px; display:flex; align-items:center; justify-content:center; }
.popup-ayar2 .ay-dil-sec { width:100%; height:100%; background:none; border:none; font-weight:900; font-size:calc(var(--kw)*.038); color:#4a3418; text-align:center; text-align-last:center; appearance:none; -webkit-appearance:none; }
/* v136: sıfırla DEVAM'ın altında eziliyordu (dokunulamıyordu) — kartın ALTINA, perde üstüne alındı */
.popup-ayar2 .ay-sifirla { position:absolute; left:50%; top:100%; transform:translate(-50%,0); margin-top:4px; background:none; border:none; color:#f1e2c0; font-size:calc(var(--kw)*.038); font-weight:700; text-decoration:underline; padding:10px 18px; text-shadow:0 1px 3px rgba(0,0,0,.7); white-space:nowrap; }
.popup-ayar2 .kart-hotspot { left:24.3%; top:78.6%; width:52%; height:8.9%; }

/* ===================== v123: Emre'nin baked OLAY YAGMUR / OLAY ELESTIRMEN / BUYUK SEPET / GARSON ISE BASLADI mockup'ları ===================== */
.kart.gorselli.popup-olay-yagmur .kart-x { left:87.7%; top:23.1%; width:10%; }
.kart.gorselli.popup-olay-yagmur .kart-icerik { top:30.3%; bottom:29.4%; }
.kart.gorselli.popup-olay-yagmur .kart-icerik p { font-size:calc(var(--kw)*.042); line-height:1.6; color:#5d4a2c; margin:0; }
.popup-olay-yagmur .kart-icerik p b { color:#2e7d32; }
.popup-olay-yagmur .kart-hotspot { left:29.4%; top:70.1%; width:41.25%; height:13.9%; }

.kart.gorselli.popup-buyuk-sepet .kart-x { left:91.25%; top:36.6%; width:10.6%; }
.kart.gorselli.popup-buyuk-sepet .kart-icerik { top:44.6%; bottom:23%; }
.kart.gorselli.popup-buyuk-sepet .kart-icerik p { font-size:calc(var(--kw)*.042); line-height:1.6; color:#5d4a2c; margin:0; }
.popup-buyuk-sepet .kart-icerik p b { color:#2e7d32; }
.popup-buyuk-sepet .kart-hotspot { left:25%; top:80.1%; width:45.6%; height:11.3%; }

.popup-garson-ise .kart-x { display:none; }
.kart.gorselli.popup-garson-ise .kart-icerik { top:43%; bottom:27%; } /* v136: metin başlık kurdelesinin altında kalıyordu */
.kart.gorselli.popup-garson-ise .kart-icerik p { font-size:calc(var(--kw)*.037); line-height:1.45; color:#5d4a2c; margin:0; }
.popup-garson-ise .kart-icerik p b { color:#2e7d32; }
.popup-garson-ise .kart-hotspot { left:27.5%; top:75.5%; width:43.1%; height:15.1%; }

/* v126: Emre'nin yeni dikey görseli (800x807) — X/buton/içerik koordinatları PIL ile yeniden ölçüldü */
.kart.gorselli.popup-olay-elestirmen .kart-x { left:93.2%; top:30.6%; width:13%; }
.kart.gorselli.popup-olay-elestirmen .kart-icerik { top:37%; bottom:23%; }
.kart.gorselli.popup-olay-elestirmen .kart-icerik p { font-size:calc(var(--kw)*.042); line-height:1.6; color:#5d4a2c; margin:0; }
.popup-olay-elestirmen .kart-icerik p b { color:#2e7d32; }
.popup-olay-elestirmen .kart-hotspot { left:26%; top:79.2%; width:48.2%; height:16.5%; }

/* ==== v137: Emre'nin 12 yeni baked popup görseli (kaynak/popup → assets/popup, 800px webp) ====
   Kural: .kart-icerik / .kart-x / p override'ları 3 SINIFLI yazılır (taban kural .kart.gorselli … ile aynı özgüllük). */
/* -- geniş kart ailesi: TURBO BOT / USTA OCAK / YILDIZLI MENÜ / DEV SEPET / HAVUZ BÜYÜDÜ / FENER FESTİVALİ -- */
.kart.gorselli.popup-genis .kart-icerik { left:11%; right:11%; }
.kart.gorselli.popup-genis .kart-icerik p { font-size:calc(var(--kw)*.042); line-height:1.6; color:#5d4a2c; margin:0; }
.kart.gorselli.popup-genis .kart-icerik p b { color:#2e7d32; }
.kart.gorselli.popup-turbo-bot .kart-x     { left:92.7%; top:31%;   width:11%; }
.kart.gorselli.popup-turbo-bot .kart-icerik { top:37%; bottom:22%; }
.popup-turbo-bot .kart-hotspot     { left:26.4%; top:79.9%; width:46.5%; height:14.1%; }
.kart.gorselli.popup-usta-ocak .kart-x     { left:93.4%; top:41.1%; width:11%; }
.kart.gorselli.popup-usta-ocak .kart-icerik { top:45%; bottom:23%; }
.popup-usta-ocak .kart-hotspot     { left:27.3%; top:78.5%; width:45.6%; height:14%; }
.kart.gorselli.popup-yildizli-menu .kart-x     { left:92.9%; top:32.2%; width:11.4%; }
.kart.gorselli.popup-yildizli-menu .kart-icerik { top:41%; bottom:21%; }
.popup-yildizli-menu .kart-hotspot     { left:27.9%; top:80.2%; width:44.9%; height:13.4%; }
.kart.gorselli.popup-dev-sepet .kart-x     { left:93.5%; top:36.2%; width:11.4%; }
.kart.gorselli.popup-dev-sepet .kart-icerik { top:45%; bottom:21%; }
.popup-dev-sepet .kart-hotspot     { left:27%; top:80.5%; width:46.5%; height:14.1%; }
.kart.gorselli.popup-havuz .kart-x     { left:93.1%; top:34%; width:12%; }
.kart.gorselli.popup-havuz .kart-icerik { top:43%; bottom:21%; }
.popup-havuz .kart-hotspot     { left:27.1%; top:80.9%; width:46.2%; height:13.9%; }
.kart.gorselli.popup-olay-festival .kart-x     { left:93.6%; top:38%; width:11%; }
.kart.gorselli.popup-olay-festival .kart-icerik { top:45%; bottom:21%; }
.popup-olay-festival .kart-hotspot     { left:26.9%; top:80.4%; width:45.5%; height:12.4%; }

/* -- SÜRE DOLDU: iki BOŞ baked buton (yeşil = DEVAM ET 💎n, krem = GÜNÜ BİTİR) — etiketler DOM'dan yazılır -- */
.kart.gorselli.popup-sure-doldu .kart-x { left:93.1%; top:31.8%; width:11.2%; }
.popup-sure-doldu .sd-metin { position:absolute; left:11%; right:11%; top:40%; height:38%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:calc(var(--kw)*.012); }
.popup-sure-doldu .sd-metin p { margin:0; font-size:calc(var(--kw)*.042); line-height:1.55; color:#5d4a2c; }
.popup-sure-doldu .sd-metin p b { color:#2e7d32; }
.popup-sure-doldu .sd-metin small { font-size:calc(var(--kw)*.032); color:#a04a2a; font-weight:700; }
.popup-sure-doldu .sd-btn { position:absolute; top:80.5%; height:12.5%; background:none; border:none; padding:0 0 1.5% 0;
  font-weight:900; font-size:calc(var(--kw)*.042); letter-spacing:.02em; display:flex; align-items:center; justify-content:center; }
.popup-sure-doldu .sd-btn:active { transform:translateY(2px); }
.popup-sure-doldu .sd-ana { left:14%; width:34.5%; color:#fff; text-shadow:0 2px 0 rgba(0,0,0,.35); }
.popup-sure-doldu .sd-ana.pasif { color:#e8f5d0; }
.popup-sure-doldu .sd-ikincil { left:51%; width:34%; color:#4a3520; text-shadow:0 1px 0 rgba(255,255,255,.5); }

/* -- 2. ŞUBE teklifi (ŞİMDİ DEĞİL + ŞUBEYİ AÇ baked) -- */
.kart.gorselli.popup-sube-teklif { width:min(92vw,430px,52vh); --kw:min(92vw,430px,52vh); }
.kart.gorselli.popup-sube-teklif .kart-x { display:none; }
.kart.gorselli.popup-sube-teklif .kart-icerik { top:27%; bottom:26%; left:11%; right:11%; gap:calc(var(--kw)*.02); }
.kart.gorselli.popup-sube-teklif .kart-icerik p { font-size:calc(var(--kw)*.037); line-height:1.55; color:#5d4a2c; margin:0; }
.popup-sube-teklif .kart-hotspot { left:25.8%; top:84.5%; width:48.6%; height:8%; }
.popup-sube-teklif .sb-hayir { position:absolute; left:25.8%; top:75.5%; width:48.6%; height:8%; background:none; border:none; padding:0; }
/* -- 2. ŞUBE AÇILDI (BAŞLA baked) -- */
.kart.gorselli.popup-sube-acildi { width:min(92vw,430px,61vh); --kw:min(92vw,430px,61vh); }
.kart.gorselli.popup-sube-acildi .kart-x { display:none; }
.kart.gorselli.popup-sube-acildi .kart-icerik { top:33%; bottom:16%; left:11%; right:11%; }
.kart.gorselli.popup-sube-acildi .kart-icerik p { font-size:calc(var(--kw)*.04); line-height:1.6; color:#5d4a2c; margin:0; }
.popup-sube-acildi .kart-hotspot { left:25.9%; top:86.6%; width:48.1%; height:8.9%; }

/* -- PROFİL (ŞEF EMRE): 8 satır etiketi baked, DEĞERLER sağa yaslı DOM -- */
.kart.gorselli.popup-profil { width:min(92vw,430px,47vh); --kw:min(92vw,430px,47vh); }
.kart.gorselli.popup-profil .kart-x { display:none; }
.popup-profil .pf-deger { position:absolute; right:15%; transform:translateY(-50%); font-weight:900; font-size:calc(var(--kw)*.04); color:#4a3418; text-align:right; white-space:nowrap; }
.popup-profil .pf-deger small { font-size:.72em; color:#8a6f4a; font-weight:800; }
.popup-profil .pf-un-ortu { position:absolute; left:36%; width:50%; top:59.2%; height:4.8%; background:#fcecc5; border-radius:6px; }
.popup-profil .pf-un-ad { position:absolute; left:37%; top:61.5%; transform:translateY(-50%); font-weight:900; font-size:calc(var(--kw)*.036); color:#4a3418; white-space:nowrap; text-align:left; }
.popup-profil .pf-sube-ac { color:#2e7d32; text-decoration:underline; cursor:pointer; }
.popup-profil .kart-hotspot { left:26.1%; top:88.5%; width:47.6%; height:7%; }

/* -- KATALOG: TARİFLER başlığı baked, liste kaydırmalı DOM alanı, KAPAT baked -- */
.kart.gorselli.popup-katalog { width:min(92vw,430px,51vh); --kw:min(92vw,430px,51vh); }
.kart.gorselli.popup-katalog .kart-x { display:none; }
.popup-katalog .kt-govde { position:absolute; left:9.5%; right:9.5%; top:24%; bottom:12.5%; overflow-y:auto; -webkit-overflow-scrolling:touch; text-align:left; padding:2px 2px 6px; }
.popup-katalog .kt-govde .katalog-baslik:first-child { display:none; }   /* görselde baked */
.popup-katalog .kt-govde .satir { font-size:calc(var(--kw)*.033); padding:5px 8px; margin-bottom:5px; gap:7px; }
.popup-katalog .kt-govde .satir img { width:calc(var(--kw)*.09); height:calc(var(--kw)*.09); }
.popup-katalog .kt-govde .satir .icerik small img { height:calc(var(--kw)*.05); }
.popup-katalog .kt-govde .katalog-baslik { font-size:calc(var(--kw)*.032); }
.popup-katalog .kart-hotspot { left:32%; top:89.9%; width:36.5%; height:5.7%; }

/* -- REKLAM OYNUYOR perdesi: baked kart + ortada sayaç -- */
.reklam-kart { position:relative; width:min(80vw,360px,58vh); }
.reklam-kart img { display:block; width:100%; height:auto; filter:drop-shadow(0 16px 44px rgba(0,0,0,.55)); }
.reklam-kart b { position:absolute; left:0; right:0; top:52%; transform:translateY(-50%); text-align:center; font-size:calc(min(80vw,360px,58vh)*.22); font-weight:900; color:#e8a020; text-shadow:0 3px 0 rgba(120,60,0,.35); font-variant-numeric:tabular-nums; }

/* ---------- v142: İLK ADIMLAR REHBERİ ---------- */
.rehber-serit { --sw:min(440px, calc(100vw - 12px)); position:absolute; left:50%; transform:translateX(-50%); width:var(--sw);
  bottom:calc(env(safe-area-inset-bottom) + 4px + min(352px, 97vw) * .2917 + 22px);
  aspect-ratio:2058/435; color:#4a240a; font-size:calc(var(--sw)*.036); font-weight:800; line-height:1.18;   /* v181 (Emre): .042 taşıyordu */
  background:url(../assets/ui/rehber/serit.webp) no-repeat center/100% 100%;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.35)); animation:rehberGir .35s cubic-bezier(.2,1.4,.5,1); }
.rehber-serit b { color:#e0470a; }
.rehber-yazi { position:absolute; left:22.4%; right:15.5%; top:57%; transform:translateY(-50%); max-height:68%; overflow:hidden; display:block; }   /* v181: 3 satır sığsın */
.rehber-serit .rehber-sayi { position:absolute; left:85.2%; top:40.7%; height:30.3%; width:11.1%;
  display:flex; align-items:center; justify-content:center;
  color:#a8541a; font-size:calc(var(--sw)*.038); font-weight:900; white-space:nowrap; font-variant-numeric:tabular-nums; }
@keyframes rehberGir { from { transform:translate(-50%, 16px); opacity:0; } to { transform:translate(-50%, 0); opacity:1; } }
.rehber-joy { position:absolute; left:50%; top:62%; width:96px; height:96px; margin-left:-48px; border-radius:50%;
  border:3px solid rgba(255,255,255,.75); background:rgba(255,255,255,.14); box-shadow:0 0 0 6px rgba(0,0,0,.08); }
.rehber-joy i { position:absolute; left:50%; top:50%; width:38px; height:38px; margin:-19px 0 0 -19px; border-radius:50%; background:rgba(255,255,255,.9); animation:rehberKay 2.2s ease-in-out infinite; }
.rehber-joy span { position:absolute; left:44%; top:42%; font-size:40px; filter:drop-shadow(0 3px 3px rgba(0,0,0,.5)); animation:rehberKay 2.2s ease-in-out infinite; }
@keyframes rehberKay { 0%,15% { transform:translate(0,0); } 45% { transform:translate(-30px,-18px); } 75%,100% { transform:translate(30px,-6px); } }

#rehber-perde { position:fixed; inset:0; z-index:60; background:rgba(10,14,35,.62); }
.rehber-kutu.karsilama .rehber-usta { position:absolute; left:-4%; bottom:calc(env(safe-area-inset-bottom) + 8%); width:min(52vw, 260px); height:auto;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.5)); animation:rehberUsta .45s cubic-bezier(.2,1.3,.5,1); }
@keyframes rehberUsta { from { transform:translateX(-40px); opacity:0; } }
.rehber-balon { position:absolute; left:23%; right:3.5%; max-width:336px;
  bottom:calc(env(safe-area-inset-bottom) + 8% + min(52vw, 260px) * 1.32 + 22px);
  aspect-ratio:1400/862; color:#4a1608; font-size:clamp(11.5px, 3.35vw, 15px); font-weight:800; line-height:1.3;
  background:url(../assets/ui/rehber/balon_sf1.webp) no-repeat center/100% 100%;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.45)); animation:rehberBalon .35s cubic-bezier(.2,1.4,.5,1); }
.rehber-balon.sf2 { aspect-ratio:1424/856; background-image:url(../assets/ui/rehber/balon_sf2.webp); }
@keyframes rehberBalon { from { transform:scale(.7); opacity:0; } }
.rehber-balon b, .rehber-kart b { color:#ef4708; }
.rehber-metin { position:absolute; left:15.5%; right:6%; top:45%; transform:translateY(-50%); max-height:80%; overflow:hidden; }
.sf2 .rehber-metin { font-size:.95em; }
.rehber-dekor { float:right; width:40.5%; aspect-ratio:1.428; }
.sf2 .rehber-dekor { width:27.4%; aspect-ratio:.744; }
.rehber-kim { display:inline-block; font-size:1.42em; font-weight:900; color:#4a1608; letter-spacing:.2px; line-height:1;
  margin:0 0 .34em; padding:0 .3em .04em 0; background:linear-gradient(transparent 64%, #ffd06a 64%, #ffe1a0 100%); }
.rehber-nokta { position:absolute; left:14.5%; bottom:12.5%; display:flex; gap:.42em; }
.rehber-nokta i { width:.5em; height:.5em; border-radius:50%; background:#dbbf95; }
.rehber-nokta i.on { background:#7a3f1b; }
.rehber-btn { position:absolute; right:5.6%; bottom:5.2%; width:35.3%; height:18.4%;
  display:flex; align-items:center; justify-content:center; gap:.3em;
  color:#fff; font-size:1.06em; font-weight:900; letter-spacing:.4px; text-shadow:0 2px 0 rgba(20,70,10,.45);
  background:none; border:0; border-radius:14px; padding:0 0 .12em; }
.rehber-btn:active { transform:translateY(2px); }
/* v157: ÖZELLİK REHBERİ — şerit sayaçsız (tekil) + Usta kartının özellik varyantı */
.rehber-serit.tekil .rehber-yazi { right:8.5%; }
.rehber-kutu.ozellik .rehber-metin { top:43%; font-size:.95em; }
.rehber-kutu.ozellik .rehber-kim { font-size:1.22em; margin-bottom:.26em; color:#8a2f08; }
.rehber-atla { position:absolute; right:14px; top:calc(env(safe-area-inset-top) + 74px); color:#fff; font-size:14px; font-weight:800;
  background:rgba(0,0,0,.4); border-radius:99px; padding:7px 14px; }
.rehber-kutu.bitis { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }
.rehber-kart { position:relative; width:min(78vw, 320px); background:#fdf3dd; color:#3a2210; border:4px solid #7a3f1b; border-radius:24px;
  text-align:center; padding:22px 20px 38px; box-shadow:0 6px 0 #4f260c, 0 16px 34px rgba(0,0,0,.45); animation:rehberBalon .4s cubic-bezier(.2,1.4,.5,1); }
.rehber-madalya { display:block; font-size:54px; line-height:1; margin-bottom:6px; }
.rehber-kart h2 { margin:0 0 8px; font-size:28px; font-weight:900; color:#7a3f1b; }
.rehber-kart p { margin:0 0 8px; font-size:15px; font-weight:700; line-height:1.35; }
.rehber-odul { display:flex; align-items:center; justify-content:center; gap:4px; }
.rehber-odul img { width:22px; height:auto; }
.rehber-kart .rehber-btn { position:absolute; left:50%; right:auto; bottom:-18px; width:auto; height:auto; transform:translateX(-50%); animation:none;
  background:linear-gradient(#86e052, #4fb022); border:3px solid #2f7d14; box-shadow:0 4px 0 #2f7d14; padding:8px 18px 7px; font-size:17px; }
.rehber-kart .rehber-btn:active { transform:translate(-50%, 3px); box-shadow:0 1px 0 #2f7d14; }
.nav-hot.rehber-vurgu { border-radius:16px; box-shadow:0 0 0 3px #ffc83a, 0 0 18px 4px rgba(255,200,58,.8); animation:rehberHop 1s ease-in-out infinite; }
.rtl .rehber-serit, .rtl .rehber-balon, .rtl .rehber-kart { direction:rtl; }
.popup-ayar2 .ay-rehber { position:absolute; left:50%; top:100%; transform:translate(-50%,0); margin-top:8px; background:#fdf3dd; color:#4a3418; border:2px solid #7a3f1b;
  border-radius:12px; font-size:calc(var(--kw)*.038); font-weight:800; padding:7px 14px; white-space:nowrap; box-shadow:0 3px 0 #4f260c; }
.popup-ayar2 .ay-sifirla { margin-top:calc(var(--kw)*.038 + 30px); }
@media (prefers-reduced-motion:reduce) { .rehber-joy i, .rehber-joy span, .rehber-btn, .nav-hot.rehber-vurgu { animation:none; } }
/* v143: baked HAZIRSIN ŞEF popup'ı (kaynak/popup/hazirsin-sef.png, 969×1433) */
.kart.gorselli.popup-hazirsin { width:min(92vw,400px,58vh); --kw:min(92vw,400px,58vh); }
.kart.gorselli.popup-hazirsin .kart-x { display:none; }
.popup-hazirsin .hz-metin { position:absolute; left:14%; right:14%; top:54%; height:18%; display:flex; align-items:center; justify-content:center; text-align:center; font-weight:900; font-size:calc(var(--kw)*.046); line-height:1.3; color:#4a3418; }
.popup-hazirsin .hz-metin b { color:#c2410c; }
.popup-hazirsin .hz-odul { position:absolute; left:19.8%; width:60.4%; top:74.2%; height:8.1%; display:flex; align-items:center; justify-content:center; gap:6px; font-weight:900; font-size:calc(var(--kw)*.05); color:#4a3418; }
.popup-hazirsin .hz-odul img { width:calc(var(--kw)*.07); height:auto; }
.popup-hazirsin .hz-odul b { color:#2e7d32; }
.popup-hazirsin .kart-hotspot { left:23.4%; top:84%; width:53.2%; height:10.8%; }
/* v146: NASIL OYNANIR? kartı (açılıştaki HARİTA butonu) */
.kart.nasil-kart { max-width:360px; padding:20px 16px 18px; }
.kart.nasil-kart h1 { margin-bottom:12px; }
.kart.nasil-kart .satir { padding:7px 10px; }
.kart.nasil-kart .satir .icerik b { font-size:15px; }
.kart.nasil-kart .satir .icerik small { font-size:12.5px; }
.kart.nasil-kart .buyuk { margin-top:6px; }

/* v148: SIFIRLAMA onay kartlari — Emre'nin baked gorselleri (metin+butonlar goruntude, X YOK) */
.kart.gorselli.popup-ilerleme-sil .kart-x,
.kart.gorselli.popup-son-uyari .kart-x { display:none; }
.popup-ilerleme-sil .sf-vazgec { left:15.2%; top:76.4%; width:33.6%; height:11.9%; }
.popup-ilerleme-sil .sf-sil    { left:51.0%; top:76.4%; width:34.2%; height:11.9%; }
.kart.gorselli.popup-son-uyari { width:min(92vw,430px,68vh); --kw:min(92vw,430px,68vh); }
.popup-son-uyari .sf-vazgec { left:24.4%; top:68.8%; width:51.0%; height:10.5%; }
.popup-son-uyari .sf-sil    { left:18.2%; top:83.5%; width:63.6%; height:8.8%; }

/* v161: NASIL OYNANIR? — Emre'nin baked görseli (nasil_oynanir.webp 935×1334, tüm metin görselde).
   Hotspot'lar: baked X (sağ üst) + baked OYNA butonu. Oran 0.70 → yükseklik = genişlik×1.427 */
.kart.gorselli.popup-nasil { width:min(92vw,420px,66vh); --kw:min(92vw,420px,66vh); }
.kart.gorselli.popup-nasil .kart-x { left:94.8%; top:5.6%; width:13%; }
.popup-nasil .kart-hotspot { left:23.5%; top:81.5%; width:51%; height:12.5%; }

/* ---------- v164/v168: ŞANS ÇARKI (Emre'nin 4 parçalı tasarımı) ----------
   Katmanlar (z-index, .kart yığını içinde): çark sahnesi 1 → çerçeve (kart-fon) 2 → ibre/buton/metin 3 → ödül paneli 4.
   Çerçevenin ortası ŞEFFAF delik: dönen disk + sabit halka deliğin arkasında durur, çerçevenin alt kaidesi
   çarkın altını doğal biçimde kapatır. Geometri çerçeve PNG'sinden ölçüldü (delik merkezi %48,66 / %60,47, çap %56,4). */
.cark-btn { pointer-events:auto; position:absolute; right:8px; top:calc(126px + env(safe-area-inset-top)); width:56px; height:56px; padding:0; background:none; border:none; filter:drop-shadow(0 4px 6px rgba(0,0,0,.4)); animation:carkSalla 5s ease-in-out infinite; }
.cark-btn img { width:100%; height:100%; object-fit:contain; display:block; }
.cark-btn:active { transform:scale(.92); }
.cark-btn .bildirim { top:-2px; right:-4px; }
/* v182: HEDİYE KUTUSU — çark butonunun altında dikey sütun; ahşap tabak + ikon + sayı rozeti, dokun → başlat */
.hediye-kutu { pointer-events:auto; position:absolute; right:14px; top:calc(190px + env(safe-area-inset-top)); display:flex; flex-direction:column; gap:8px; }   /* v205: 44px, çarkın (56) altında ortalı */
.hediye { position:relative; width:44px; height:44px; padding:0; border:2px solid #fff; border-radius:50%; cursor:pointer; -webkit-tap-highlight-color:transparent;
  background:radial-gradient(circle at 50% 42%, #fff8e8, #f3dcb0); box-shadow:0 4px 8px rgba(0,0,0,.38);   /* Emre: kahverengi çerçeve yok, yuvarlak beyaz kenar */
  animation:hediyeGel .5s cubic-bezier(.2,1.6,.4,1) both; }
.hediye img { position:absolute; left:5px; top:4px; width:30px; height:30px; object-fit:contain; filter:drop-shadow(0 2px 2px rgba(0,0,0,.3)); }
.hediye b { position:absolute; right:-5px; bottom:-5px; min-width:18px; height:18px; padding:0 4px; border-radius:9px; background:linear-gradient(#ffd54f,#f59e0b); border:2px solid #fff;
  color:#3a2410; font:900 10px/14px system-ui,sans-serif; text-align:center; box-shadow:0 2px 4px rgba(0,0,0,.4); }
.hediye:active { transform:scale(.9); }
.hediye.aktif { box-shadow:0 0 0 3px rgba(255,213,79,.85), 0 0 14px rgba(255,213,79,.7), 0 4px 8px rgba(0,0,0,.38); }
@keyframes hediyeGel { from { transform:scale(0) rotate(-25deg); opacity:0 } to { transform:none; opacity:1 } }
/* v184: KALICI KRİSTAL BUTONU — çarkın altında, hediye kutusunun en üstünde; mor, kristal ikonu + altın "+" rozeti → DÜKKAN ELMAS rafı */
.hediye.kristal-btn { background:radial-gradient(circle at 50% 38%, #e8b3ff, #9b3fd6 70%, #6d1fa8); animation:kristalNabiz 2.6s ease-in-out infinite; }
.hediye.kristal-btn img { left:7px; top:6px; width:26px; height:26px; filter:drop-shadow(0 0 6px rgba(255,255,255,.55)) drop-shadow(0 2px 2px rgba(0,0,0,.3)); }
.hediye.kristal-btn b { font-size:12px; line-height:14px; }
@keyframes kristalNabiz { 0%,100% { box-shadow:0 4px 8px rgba(0,0,0,.38), 0 0 0 0 rgba(200,108,240,.6); } 50% { box-shadow:0 4px 8px rgba(0,0,0,.38), 0 0 0 7px rgba(200,108,240,0); } }
@keyframes carkSalla { 0%,80%,100% { transform:rotate(0); } 85% { transform:rotate(-9deg); } 90% { transform:rotate(8deg); } 95% { transform:rotate(-5deg); } }
.boost-rozet { background:linear-gradient(#2f6fbd,#1c4a8a); border-color:rgba(160,220,255,.6); color:#eaf6ff; animation:rushNabiz 1.4s ease-in-out infinite; }

.kart.gorselli.popup-cark { width:min(92vw,420px,72vh); --kw:min(92vw,420px,72vh); }
.popup-cark .kart-fon { position:relative; z-index:2; }
.kart.gorselli.popup-cark .kart-x { left:91.8%; top:23.46%; width:17%; z-index:5; }
/* --- çark sahnesi: çerçeve deliğinin arkasında --- */
.popup-cark .ck-sahne { position:absolute; z-index:1; left:49.76%; top:61.08%; width:63.16%; aspect-ratio:1/1; transform:translate(-50%,-50%); }
.popup-cark .ck-disk { position:absolute; inset:0; will-change:transform; }
.popup-cark .ck-disk-img, .popup-cark .ck-halka { position:absolute; inset:0; width:100%; height:100%; display:block; }
.popup-cark .ck-halka { pointer-events:none; }
/* dilim etiketi: merkezden üst kenara uzanan kutu, orta açısına döndürülür; yazı dik kalır */
.popup-cark .ck-dilim { position:absolute; left:50%; top:0; width:30%; height:50%; margin-left:-15%; transform:rotate(var(--a)); transform-origin:50% 100%; pointer-events:none; }
.popup-cark .ck-dilim span { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(calc(var(--a) * -1));
  font-weight:900; font-size:calc(var(--kw)*.031); line-height:1; white-space:nowrap; color:#fff;
  padding:calc(var(--kw)*.009) calc(var(--kw)*.017); border-radius:999px;
  background:rgba(58,36,16,.62); box-shadow:0 1px 3px rgba(0,0,0,.35); text-shadow:0 1px 2px rgba(0,0,0,.55); }
/* ibre: çerçevenin de ÜSTÜNDE, ucu çarkın üst kenarında */
.popup-cark .ck-ibre { position:absolute; z-index:3; left:49.76%; top:46.76%; width:10%; transform:translate(-50%,-100%); transform-origin:50% 92%;
  filter:drop-shadow(0 3px 5px rgba(0,0,0,.45)); pointer-events:none; }
.popup-cark .ck-ibre.ck-tik { animation:ckTik .16s ease-out; }
@keyframes ckTik { 40% { transform:translate(-50%,-100%) rotate(-13deg); } }
/* hak metni + ÇEVİR (çerçevedeki boş yeşil butonun üstüne oturur) */
.popup-cark .ck-hak { position:absolute; z-index:3; left:6%; right:6%; top:82%; text-align:center; font-weight:800; font-size:calc(var(--kw)*.032); color:#f6e6c6; text-shadow:0 1px 3px rgba(0,0,0,.6); }
.popup-cark .ck-hak b { color:#9ff06a; }
.popup-cark .ck-cevir { position:absolute; z-index:3; left:28.45%; top:85.52%; width:43.78%; height:9.95%;
  background:none; border:none; padding:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0;
  font-weight:900; font-size:calc(var(--kw)*.058); line-height:1; letter-spacing:.02em; color:#fff;
  text-shadow:0 2px 0 #2f6b12, 0 3px 5px rgba(0,0,0,.35); white-space:nowrap; }
.popup-cark .ck-cevir.uzun { font-size:calc(var(--kw)*.042); }
.popup-cark .ck-cevir small { font-size:.52em; font-weight:800; opacity:.95; }
.popup-cark .ck-cevir:active { transform:translateY(2px); }
.popup-cark .ck-cevir:disabled { filter:grayscale(.55) brightness(.9); }
/* --- KAZANDIN paneli: ödül ZATEN verildi, bu kutlama + bilgilendirme --- */
.popup-cark .ck-odul { position:absolute; z-index:4; inset:0; display:flex; align-items:center; justify-content:center;
  background:rgba(18,10,4,.72); border-radius:calc(var(--kw)*.06); animation:ckOdulGir .22s ease-out; }
.popup-cark .ck-odul.gizli { display:none; }
/* v194: KAZANDIN açıkken çark çerçevesi (kart-fon), sahne, ibre, hak metni, ÇEVİR ve X GÖRÜNMEZ — sadece ödül kutusu kalır */
.popup-cark.odul-acik .kart-fon, .popup-cark.odul-acik .ck-sahne, .popup-cark.odul-acik .ck-ibre,
.popup-cark.odul-acik .ck-hak, .popup-cark.odul-acik .ck-cevir, .popup-cark.odul-acik .kart-x { visibility:hidden; }
.popup-cark.odul-acik .ck-odul { background:none; }
@keyframes ckOdulGir { from { opacity:0; } }
.popup-cark .ck-odul-kutu { width:94%; aspect-ratio:800/653; position:relative;
  background:url('../assets/popup/cark_kazandin.webp') center/100% 100% no-repeat;
  border:none; border-radius:0; box-shadow:none;
  padding:36.3% 12% 17.1%; display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; animation:ckZip .42s cubic-bezier(.2,1.5,.4,1); }
@keyframes ckZip { from { transform:scale(.55); opacity:0; } }
.popup-cark .ck-odul-baslik { display:none; }
.popup-cark .ck-odul-ikon { width:auto; height:calc(var(--kw)*.115); object-fit:contain; display:block; margin:0 auto calc(var(--kw)*.006);
  filter:drop-shadow(0 calc(var(--kw)*.01) calc(var(--kw)*.014) rgba(0,0,0,.28));
  animation:ckOdulNabiz 1.6s ease-in-out infinite; }
@keyframes ckOdulNabiz { 50% { transform:scale(1.07); } }
.popup-cark .ck-odul-deger { display:flex; flex-direction:column; align-items:center; gap:1px; }
.popup-cark .ck-odul-deger b { font-size:calc(var(--kw)*.072); font-weight:900; color:#7a3c06; line-height:1;
  text-shadow:0 2px 0 #fff3d8; }
.popup-cark .ck-odul-deger span { font-size:calc(var(--kw)*.03); font-weight:900; color:#b07a34; letter-spacing:.07em; }
.popup-cark .ck-odul-aciklama { margin:calc(var(--kw)*.012) 0 0; font-size:calc(var(--kw)*.027); line-height:1.3; color:#7d6340; }
.popup-cark .ck-odul-btn { position:absolute; left:27.7%; top:80%; width:44.5%; height:13%;
  background:none; border:none; padding:0; color:#fff; font-weight:900; letter-spacing:.03em;
  font-size:calc(var(--kw)*.042); white-space:nowrap;
  text-shadow:0 2px 0 #3d7a14, 0 3px 6px rgba(0,0,0,.35); }
.popup-cark .ck-odul-btn:active { transform:translateY(2px); }

/* ---------- v164: TR DIŞI DİLLERDE DOM ETİKETLERİ (metinsiz _bos görsellerin üstüne) ---------- */
.alt-bar { --abw:min(352px, 97vw); }
.nav-hot { pointer-events:auto; }
.alt-etiket { position:absolute; left:3%; right:3%; top:78.5%; transform:translateY(-50%); text-align:center; font-weight:900; font-size:calc(var(--abw)*.033); line-height:1; color:#4a3418; letter-spacing:.02em; white-space:nowrap; overflow:hidden; pointer-events:none; display:block; }
.alt-etiket-oyna { top:76.5%; font-size:calc(var(--abw)*.042); color:#fff; text-shadow:0 1px 0 #2f6b12, 0 2px 3px rgba(0,0,0,.45); }
.alt-etiket-oyna .e-oyna { display:none; }
.oyna-hot.mola .alt-etiket-oyna .e-oyna { display:inline; }
.oyna-hot.mola .alt-etiket-oyna .e-durdur { display:none; }
#acilis-oyna, .acilis-sosyal button, .acilis-ikonlar button { position:relative; }
.acilis-etiket { position:absolute; pointer-events:none; font-weight:900; white-space:nowrap; line-height:1; }
.acilis-etiket-oyna { inset:0 0 9% 0; display:flex; align-items:center; justify-content:center; font-size:clamp(22px, 8.5vw, 38px); color:#fff; letter-spacing:.03em; text-shadow:0 2px 0 #3f7a15, 0 4px 6px rgba(0,0,0,.35); }
.acilis-etiket-sosyal { left:22%; right:3%; top:0; bottom:8%; display:flex; align-items:center; justify-content:center; padding:0 2px; font-size:clamp(7px, 2.2vw, 9.5px); color:#333; letter-spacing:0; overflow:hidden; }
.acilis-etiket-fb { color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.35); }
.acilis-etiket-ikon { left:3%; right:3%; top:83%; transform:translateY(-50%); text-align:center; font-size:clamp(7px, 2.1vw, 9.5px); color:#4a3418; letter-spacing:0; overflow:hidden; }
.popup-gorevler .gv-btn { position:relative; }
.gv-etiket { position:absolute; inset:0 0 10% 0; display:flex; align-items:center; justify-content:center; font-weight:900; font-size:calc(var(--kw)*.03); letter-spacing:.02em; pointer-events:none; white-space:nowrap; }
.gv-etiket-git { color:#5a3a1e; }
.gv-etiket-al { color:#fff; text-shadow:0 1.5px 2px rgba(0,0,0,.35); }

/* v169: metinsiz (_bos) banner üzerine çevrilmiş başlık — yazı boyutu JS'te kutuya göre küçülür */
.kart-baslik { position:absolute; display:flex; align-items:center; justify-content:center; text-align:center;
  font-weight:900; color:#f7ecd5; line-height:1; white-space:nowrap; pointer-events:none; letter-spacing:.01em;
  -webkit-text-stroke:.085em var(--kbr,#333); paint-order:stroke fill;
  text-shadow:0 .05em .12em rgba(0,0,0,.30); }

/* ---------- v171: KRİSTAL FIRSAT KARTI (para bitti / müşteri bekliyor / ekin / malzeme / kirli masa) ----------
   Yalın kartın kristal varyantı: mor kristal vurgusu, ana buton elmas ikonlu, ikincil seçenek + "Şimdi değil".
   (Emre baked görsel çizerse kartGosterGorsel'e taşınacak — şimdilik krem kart.) */
.kart.kart-kristal { border-color:#7b4fa8; background:linear-gradient(#f7ecd2,#ecd9c0); }
.kart.kart-kristal h1 { color:#6a3f95; font-size:21px; letter-spacing:.02em; }
.kart.kart-kristal .kt-metin { display:block; }
.kart.kart-kristal .kt-eksik { display:block; margin-top:9px; color:#a05a5a; font-weight:800; font-size:13px; }
.kart.kart-kristal .buyuk { background:linear-gradient(#b06fe0,#7b3fbd); border-bottom-color:#5a2a8f;
  display:inline-flex; align-items:center; justify-content:center; gap:7px; font-size:19px; padding:12px 30px; }
.kart.kart-kristal .buyuk img { height:1.15em; width:auto; }
.kart.kart-kristal .buyuk.kt-ikincil { background:linear-gradient(#f0e2c6,#ddc9a4); color:#5a3f70;
  border-bottom-color:#b79f78; font-size:16px; padding:10px 22px; margin-top:8px; }
.kart.kart-kristal .kt-vazgec { background:none; border:none; color:#8a6a44; font-size:13px; margin-top:12px;
  text-decoration:underline; display:block; width:100%; }

/* ---------- v174: KRİSTAL KARTLARI — Emre'nin baked çerçeveleri ----------
   Başlık görselde baked; metin alanı + buton yuvaları yüzdeyle hizalanır (kaynak PNG'den ölçüldü).
   paran/musteri/malzeme: buton görselde BAKED → üstüne görünmez hotspot.
   ekin/kirli: çerçevede buton yok → DOM mor butonu. "Şimdi değil" kartın ALTINDA. */
.kart.gorselli.popup-kristal { width:min(92vw,420px); --kw:min(92vw,420px); }
.kart.gorselli.popup-kk-musteri { width:min(92vw,392px,74vh); --kw:min(92vw,392px,74vh); }
.kart.gorselli.popup-kristal .kart-x { display:none; }
.popup-kristal .kk-metin { position:absolute; display:flex; flex-direction:column; align-items:center;
  justify-content:center; gap:.35em; text-align:center; }
.popup-kristal .kk-metin { font-size:calc(var(--kw)*.041); overflow:hidden; }   /* v190: taban; kkMetinSigdir em ile küçültür */
.popup-kristal .kk-metin p { margin:0; font-size:1em; line-height:1.38; color:#5d4a2c; text-wrap:balance; }
.popup-kristal .kk-metin p b { color:#6a3f95; }
.popup-kristal .kk-metin small { display:flex; align-items:center; gap:.3em; font-size:.8em; line-height:1.2;
  color:#a04a2a; font-weight:800; }
.popup-kristal .kk-metin img { height:1.05em; width:auto; vertical-align:-.14em; }
.popup-kristal .kk-hot { position:absolute; background:none; border:none; padding:0; }
.popup-kristal .kk-hot span { display:flex; align-items:center; justify-content:center; gap:.38em; width:100%; height:100%;
  padding-bottom:3%; font-weight:900; font-size:calc(var(--kw)*.047); letter-spacing:.02em;
  color:#fff; text-shadow:0 2px 0 rgba(0,0,0,.32); }
.popup-kristal .kk-hot img { height:1.2em; width:auto; }
.popup-kristal .kk-hot:active span { transform:translateY(2px); }
.popup-kristal .kk-hot-ikon span { padding-left:20%; }              /* elmas ikonu butonda baked — yazı sağa kayar */
.popup-kristal .kk-hot2 span { color:#5f4530; text-shadow:0 1px 0 rgba(255,255,255,.55); font-size:calc(var(--kw)*.041); }
.popup-kristal .kk-dom { position:absolute; left:50%; transform:translateX(-50%);
  display:flex; align-items:center; gap:.38em; background:linear-gradient(#b06fe0,#7b3fbd);
  border:none; border-bottom:calc(var(--kw)*.013) solid #5a2a8f; border-radius:calc(var(--kw)*.038);
  color:#fff; font-weight:900; font-size:calc(var(--kw)*.043); letter-spacing:.02em; white-space:nowrap;
  padding:calc(var(--kw)*.028) calc(var(--kw)*.062); text-shadow:0 2px 0 rgba(0,0,0,.28); }
.popup-kristal .kk-dom img { height:1.2em; width:auto; }
.popup-kristal .kk-dom:active { transform:translateX(-50%) translateY(2px); border-bottom-width:calc(var(--kw)*.007); }
.popup-kristal .kk-vazgec { position:absolute; top:100%; left:0; width:100%; margin-top:calc(var(--kw)*.02);
  background:none; border:none; color:#f5e9d2; font-weight:700; font-size:calc(var(--kw)*.037);
  text-decoration:underline; text-shadow:0 2px 7px rgba(0,0,0,.65); }

/* v175: SABRINI YENİLE (baked krem buton) yazısı biraz aşağı — butonun görsel merkezi altta (Emre) */
.popup-kristal .kk-hot2 span { padding-bottom:0; padding-top:9%; }
/* v175: metinsiz çerçeve (TR dışı diller) — DOM başlık + DOM butonlar */
.popup-kristal .kk-baslik { position:absolute; display:flex; align-items:center; justify-content:center; text-align:center;
  font-weight:900; font-size:calc(var(--kw)*.068); line-height:1.05; letter-spacing:.01em; color:#f3ecff;
  -webkit-text-stroke:calc(var(--kw)*.009) #4a1d7a; paint-order:stroke fill;
  text-shadow:0 calc(var(--kw)*.008) 0 #4a1d7a; }
.popup-kristal .kk-dom2 { background:linear-gradient(#f6e6c6,#e3cda4); border-bottom-color:#b79f78; color:#5f4530;
  text-shadow:0 1px 0 rgba(255,255,255,.55); font-size:calc(var(--kw)*.04); }
/* v199: TURBO şişesi slotu boşken — soluk şişe + altın "+" rozeti (dokun → dükkân); doluyken normal */
.hediye.bos img { opacity:.55; filter:grayscale(.35) drop-shadow(0 2px 2px rgba(0,0,0,.3)); }
.hediye.bos { animation:none; }
.hediye.bos b { font-size:12px; line-height:14px; }