/* ARALIK — Aralık açılış ekranı (prototip · aralik.html)
   Tam ekran: arkada Şimdi'nin fonu (aynı görsel ve çerçeve: cover, ortalı),
   önde perspektif taş oda, yazı altta zeminin üstünde koyu bir geçişle.
   Masaüstünde Şimdi gibi telefon genişliğinde bir sütun.
   Yazı tipleri ürünün geri kalanıyla aynı: system-ui + Georgia (dış yazı
   tipi yok). Metin renkleri yazının oturduğu koyu zeminde 4.5:1 üstü. */
:root{
  --ar-zemin:#120f15;
  --ar-gok:#0b0910;
  --ar-yazi:#ece6da;
  --ar-kul:#aea79c;
  --ar-silik:#948d83;
  --ar-cizgi:rgba(236,230,218,.14);
  --ar-altin:#D8B771;
  /* seviye renkleri (JS SEVIYE_RENK ile aynı; açık temada değişir) */
  --ar-sev-surtunmeli:#C2694E;
  --ar-sev-notr:#8FA9C4;
  --ar-sev-uygun:#7FB08F;
  --ar-sev-cok:#D8B771;
}
html,body{margin:0;height:100%;background:#05070a;overscroll-behavior:none}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ar-yazi);
  -webkit-font-smoothing:antialiased}

/* Aralık ve Şimdi aynı sayfada iki katman. Şimdi'nin kökü Şimdi sayfasındaki
   #kok ile aynı düzende (sabit, tam ekran). */
#kok,#simdi-kok,#zaman-kok,#bag-kok{position:fixed;inset:0}
/* Zaman ve Bağ kökü kalıcı katman: kapıdan girişte sayfa büyüyerek gelir
   (aşağıda, KAPIDAN GİRİŞ). Katmansız büyüme 5-11 kare 34 ms'yi aşıyordu.
   Başsız ölçümde geçici (sınıfa bağlı) katman da kalıcı kadar iyi (0-1);
   kalıcı olan .ar-svg'deki ilke gereği seçildi: katman dokunuşta değil
   açılışta hazır. */
#zaman-kok,#bag-kok{will-change:transform}
#simdi-kok,#zaman-kok,#bag-kok{opacity:0;transition:opacity .45s ease}
#simdi-kok.acik,#zaman-kok.acik,#bag-kok.acik{opacity:1}
#simdi-kok[hidden],#zaman-kok[hidden],#bag-kok[hidden]{display:none}

/* Ana yüzler bu sayfada (Şimdi, Zaman, Bağ): alttaki Şimdi / Zaman / Bağ
   satırı yok; yerine merceğin halkasında öteki iki işlevin hareketli
   nesneleri (aralik-nesne.js). Halka merceğin ölçeğini (--olc) taşıyor;
   nesne boyu sabit kalsın diye ters ölçek (Şimdi'nin ✕ düğmesindeki gibi).
   Açılım ya da başka bir mod (Zaman ve Bağ'da özel aralık, kişi paneli)
   açıkken gizli. */
#simdi-kok .mercek-altmenu,#zaman-kok .mercek-altmenu,#bag-kok .mercek-altmenu{display:none}
/* kapıdan girişte açılım geçişsiz açılır (aralik.html simdiAc) */
#simdi-kok.gecissiz .mercek-sahne,#simdi-kok.gecissiz .mercek-sahne *,
#zaman-kok.gecissiz .mercek-sahne,#zaman-kok.gecissiz .mercek-sahne *,
#bag-kok.gecissiz .mercek-sahne,#bag-kok.gecissiz .mercek-sahne *{transition:none!important}
/* Bağ'a iki mercek geçişi (aralik-nesne.js ikiMercekGecis): bütün ekranı
   tutan örtü; geçiş boyunca dokunuşu da tutar */
.ar-diyafram-ortu{position:fixed;left:0;top:0;z-index:50;pointer-events:all}
.ar-mercek-ortu{fill:#0b0910;stroke:rgba(236,230,218,.4);stroke-width:1.2}
/* Bağ odası: "seçtiğin kapı" satırı yok (kişinin adı şeritte) */
.ar-tur-bag .ar-kapisatir,.ar-tur-bag .ar-darsatir{display:none}
/* ZAMAN'IN KADEMELERİ (Hakan, 13 Ekim): Şimdi'nin yüzünde de Zaman'ın
   şeridi, ŞİMDİ seçili (aralik.html kademeBagla). Konum düğmesi yerinde
   kalır, şerit onun altında: konum yukarı çıkınca sarkaca biniyordu
   (360×640, ölçüm 13 Ekim). Bir katman açıkken şerit yok. */
#simdi-kok .ar-kademe,#zaman-kok .zaman-kademe{bottom:calc(14px + env(safe-area-inset-bottom,0px))}
/* Zaman'ın yüzünde de aynı hiza: kademe değişince şerit ve konum yerinde
   kalır (alt menü bu sayfada yok, şeridin altta durabildiği yer boş) */
#zaman-kok #zaman-sahne .mercek-konum{bottom:calc(58px + env(safe-area-inset-bottom,0px))}
#simdi-kok .mercek-sahne:is(.nefes,.zeka,.aymod,.hakmod,.hesapmod,.konummod) .ar-kademe{opacity:0;pointer-events:none}
/* İLERİDE: kademeye geçiş okumanın içinde bir bağlantı */
.ar-ileri .ar-ileri-git{display:inline-flex;align-items:center;min-height:44px;margin:2px 0 0;padding:0 4px;border:0;background:none;
  color:#e7d3a2;font:inherit;letter-spacing:.04em;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.ar-ileri .ar-ileri-metin{display:block}
.ar-ileri .ar-ileri-git:focus-visible{outline:1px solid rgba(217,201,163,.8);outline-offset:3px}
.ar-nesne{position:absolute;width:48px;height:48px;margin:-24px 0 0 -24px;padding:0;border:0;border-radius:50%;
  background:none;cursor:pointer;pointer-events:auto;transform:scale(calc(1 / var(--olc,1)));
  transition:opacity .5s ease,visibility 0s;-webkit-tap-highlight-color:transparent}
.ar-nesne svg{width:100%;height:100%;display:block;overflow:visible}
.ar-nesne-zaman{left:14.6%;top:14.6%}
.ar-nesne-bag{left:85.4%;top:85.4%}
.ar-nesne-simdi{left:14.6%;top:85.4%}
/* Şimdi'nin ana yüzünde nesneler halkanın biraz dışında (45°, yarıçapın
   %116'sı): halkanın üstündeyken uzun cümlede ("Hızlı, doğrudan, savunmaya
   geçmeye yatkın bir doku.") Bağ nesnesi yazıya biniyordu (320×568'de
   14 px; main'den kalma, ölçüm 7 Ekim) */
#simdi-kok .ar-nesne-bag{left:91.5%;top:91.5%}
/* Zaman'da da: büyük yazıda en uzun dağılım cümlesi ("Bu aralıkta güç …
   gününe toplanıyor — o gün içinde üç açıklık var.") 360×640'ta nesnelere
   11 px biniyordu (7 Ekim) */
#zaman-kok .ar-nesne-bag{left:91.5%;top:91.5%}
/* BAĞ'IN ANA YÜZÜ (Hakan, 5 Ekim): yüz dolu (seviye, kişi, üç pencere,
   açıklama) ve mercek ekranın %87,5'iyken yazı her telefon boyunda camın
   dışına taşıyordu (390×844'te 43 px, 360×780'de 57 px). Mercek büyür
   (açılımdaki gibi kenarı ekranın dışına çıkabilir), biraz aşağı iner;
   nesneler yanlarda kalsa ekran dışına düşerdi; halkanın altında, dikeyden
   40° yanda durur (45°'de 360×780'de ekran kenarına 3 px kalıyordu).
   Ölçüldü (390×844, 360×780, 412×915, 1280×800): taşma 0, nesne-yazı
   çakışması yok, nesneler kenardan ≥17 px içeride, niyet şeridine ve konum
   düğmesine pay var. Yalnız bu sayfa: css/aralik-bag.css /bag'de de
   yükleniyor. */
/* yatay telefonda (yükseklik ≤500) sayfa main'deki gibi: büyük mercek orada
   niyet şeridine daha çok biniyordu (740×360'ta nesne-yazı çakışması 5 → 11).
   Nesnelerin eski yeri (ortada, iç kenarda; masaüstü genişlikte tam kenarda)
   orası için kalır; aşağıdaki blok onu ezer. */
#bag-kok .ar-nesne-zaman{left:8%;top:50%}
#bag-kok .ar-nesne-simdi{left:92%;top:50%}
@media (min-width:820px){#bag-kok .ar-nesne-zaman{left:0}#bag-kok .ar-nesne-simdi{left:100%}}
@media (orientation:portrait),(min-height:501px){
  #bag-kok #bag-sahne:not(.acik):not(.kisimod):not(.ozelmod):not(.zeka):not(.konummod){--cw:min(120%,56vh);--cy:48%;--ty:48%}
  /* halkanın biraz dışında (yarıçapın %106'sı, yine 40°): halkanın
     üstündeyken 360×640'ta üçüncü pencerenin düğmesine 5 px biniyordu
     (ölçüm 7 Ekim); açıyı küçültmek nesneyi yazıya yaklaştırıyordu */
  #bag-kok .ar-nesne-zaman{left:15.9%;top:90.6%}
  #bag-kok .ar-nesne-simdi{left:84.1%;top:90.6%}
  /* Dönüştür'ün zinciri: alttaki ikisinin simetriği, sağ üstte */
  #bag-kok .ar-nesne-donustur{left:84.1%;top:9.4%}
}
/* Kısa DİKEY telefonlarda dikey alan yetmiyor (mercek niyet şeridi ile
   konum düğmesi arasında); içerik azalır. Yalnız dikey: yatay telefonlarda
   ve kısa masaüstü pencerelerinde üç pencere seçilebilir kalır (22 Eylül
   kararı; ilk sürüm yüksekliğe göre gizliyordu, yatayda da — inceleme).
   360×640–414×736 (iPhone SE 2/3 dahil): açıklama gizli, mercek biraz
   büyük; üç pencere kalır. Ölçüldü: taşma 0, nesne-yazı çakışması 0, niyet
   şeridine ve konuma ≥7 px. */
@media (min-height:601px) and (max-height:740px) and (orientation:portrait){
  #bag-kok #bag-sahne:not(.acik):not(.kisimod):not(.ozelmod):not(.zeka):not(.konummod){--cw:min(124%,62vh);--cy:50%;--ty:50%}
  #bag-kok .mercek-yuzey .bag-not{display:none}
}
/* Kısa masaüstü penceresi (1280×600 gibi; 6 Ekim, Hakan E'yi seçti): mercek
   niyet şeridine değiyor (pay 0) ve yazı 14 px taşıyordu. Mercek biraz aşağı,
   açıklama gizli (kısa dikey telefondaki gibi). Ölçüldü 1280×600: taşma 0,
   niyet şeridine 18 px, konuma 11 px, nesne-yazı çakışması 4 → 2; REHBER
   düğmesi merceğin altına döndü. Eşik 649 px: 1366×650'de mercek zaten temiz
   (taşma 0, şeride 10 px), o değişmez; yatay telefon (yükseklik ≤500) da. */
@media (min-width:820px) and (min-height:501px) and (max-height:649px){
  #bag-kok #bag-sahne:not(.acik):not(.kisimod):not(.ozelmod):not(.zeka):not(.konummod){--cy:51%;--ty:51%}
  #bag-kok .mercek-yuzey .bag-not{display:none}
  /* nesneler merceğin iki yanında (ekvator): altta üçüncü pencereye ve
     "BİR PENCERE SEÇ" satırına biniyorlardı (1280×600'de 14 ve 5 px; 7 Ekim) */
  #bag-kok .ar-nesne-zaman{left:0;top:50%}
  #bag-kok .ar-nesne-simdi{left:100%;top:50%}
}
/* 320×568: iki pencereyle de ikinci satır nesnelere biniyor (ölçüldü);
   yalnız en iyi pencere ve başlık kalır */
@media (max-height:600px) and (orientation:portrait){
  #bag-kok .mercek-yuzey .bag-pencere:nth-child(n+2),
  #bag-kok .mercek-yuzey .bag-not,
  #bag-kok .mercek-yuzey .mercek-ipucu{display:none}
}
/* Zaman'ın ana yüzü kısa dikey telefonlarda taşıyordu (320×568 25 px,
   360×640 13 px, 375×667 10 px): mercek biraz büyük. Yalnız dikey ve
   ≤700 px (414×736'da niyet şeridine biniyordu); yatayda main'deki gibi. */
@media (max-height:700px) and (orientation:portrait){
  #zaman-kok #zaman-sahne:not(.acik):not(.ozelmod):not(.zeka):not(.konummod){--cw:min(100%,46vh)}
}
/* Kısa ekranda kademe şeridi alt menüye yer açmak için 68 px'teydi; bu
   sayfada alt menü yok. Şerit iner, konum 82 px'te kalır: konumu
   kaldırmak (css/aralik-zaman.css, /zaman ve /bag için) REHBER düğmesini
   320×568'de merceğin altından köşeye itiyordu (7 Ekim). */
@media (max-height:700px){
  #bag-kok .zaman-kademe{bottom:calc(52px + env(safe-area-inset-bottom,0px))}
  #bag-kok #bag-sahne .mercek-konum{bottom:calc(82px + env(safe-area-inset-bottom,0px))}
}
/* Kısa masaüstü penceresinde (1280×600 gibi) de aynı büyük mercek; yazı
   sütunu sahnenin %60'ı (282 px) kalınca 220 px'lik merceğin iki yanından
   taşıyor, nesneler taşan dağılım cümlesinin üstüne düşüyordu (15 px;
   7 Ekim). Sütun merceğe göre daralır. */
@media (min-width:820px) and (min-height:501px) and (max-height:700px){
  #zaman-kok #zaman-sahne:not(.acik):not(.ozelmod):not(.zeka):not(.konummod){--cw:min(100%,46vh);--tw:min(60%,37vh)}
}
.ar-nesne-cerceve{fill:rgba(10,8,12,.6);stroke:rgba(216,183,113,.6);stroke-width:1}
.ar-nesne-kanat{fill:rgba(236,230,218,.12);stroke:none}
.ar-nesne-cizgi{fill:none;stroke:#e6dcc6;stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round}
.ar-nesne-cam{fill:rgba(236,230,218,.08);stroke:#e6dcc6;stroke-width:1.05}
/* Dönüştür'ün halka zinciri (13 Ekim): Zaman'ın iki kademesinde (ŞİMDİ ve
   ötekiler) aynı köşe, sol üst; Bağ'da sağ üst */
.ar-nesne-donustur{left:85.4%;top:14.6%}
#simdi-kok .ar-nesne-donustur,#zaman-kok .ar-nesne-donustur{left:8.5%;top:8.5%}
/* Bağ'da halkanın sağ üst noktası (ekvator düzeninde 45°) */
#bag-kok .ar-nesne-donustur{left:85.4%;top:14.6%}
.ar-nesne-isik{fill:#f3e7c9}
.ar-nesne:hover .ar-nesne-cerceve{stroke:var(--ar-altin)}
.ar-nesne:focus-visible{outline:2px solid var(--ar-altin);outline-offset:2px}
/* gizliyken klavyeyle de ulaşılmasın: opaklık söndükten sonra visibility */
.mercek-sahne:is(.acik,.zeka,.aymod,.hakmod,.hesapmod,.konummod,.nefes,.ozelmod,.kisimod) .ar-nesne{opacity:0;pointer-events:none;
  visibility:hidden;transition:opacity .5s ease,visibility 0s .5s}

.ar-ekran{position:absolute;inset:0;overflow:hidden;background:var(--ar-gok)}
@media (min-width:820px){.ar-ekran{left:50%;right:auto;width:520px;margin-left:-260px}}
/* Şimdi'nin .mercek-zemin'iyle aynı: cover, ortalı, gezegen filtresi JS'ten */
.ar-foto{position:absolute;inset:0;background-size:cover;background-position:center}
/* sahne bütün ekranda; kapı dikeyde tam ortada, yazı altta zeminin üstüne
   biner (Hakan, 1 Ekim). Dikeyde slice, yatayda meet: JS oranBas. */
.ar-sahne{position:absolute;inset:0}
/* will-change KALICI: katman açılışta bir kez hazırlanır, "gir"e dokununca
   değil (yalnız geçişte verildiğinde dokunuşta 167 ms donma vardı —
   inceleme 3. tur). Geri yürüyüş bitince JS onu bir kare bırakıp geri
   veriyor: katman giriş ölçeğinde kalmasın (bkz. don()). */
.ar-svg{position:absolute;inset:0;width:100%;height:100%;display:block;will-change:transform}
.ar-iz{cursor:pointer;outline:none}
.ar-iz:focus-visible{stroke:var(--ar-altin);stroke-width:1.5}

.ar-ust{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;
  align-items:flex-start;padding:calc(12px + env(safe-area-inset-top)) 16px 0;pointer-events:none}
.ar-ust > *{pointer-events:auto}
/* konum ve ay evresi markanın altında: alttaki yazı kısa kalsın, kapının
   altına (zemine) sığsın. Tavandaki halkalar ortada; bu satır solda. */
.ar-ust-sol{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ar-yerler{display:flex;flex-direction:column;gap:2px;padding:4px 8px;margin-left:-8px;border-radius:8px;background:rgba(10,8,12,.5);
  font:400 10.5px/1.35 system-ui;letter-spacing:.04em;color:var(--ar-kul)}
.ar-yerler:not(:has(span:not(:empty))){display:none}
.ar-yerler span:empty,.ar-yer:empty{display:none}
/* basic'te yer adı düğme: konum seçiciyi açar; dokunma alanı kutunun dolgusuna taşar */
button.ar-yer{appearance:none;background:none;border:0;margin:-4px -8px;padding:4px 8px;border-radius:8px;font:inherit;letter-spacing:inherit;
  color:inherit;text-align:left;cursor:pointer}
button.ar-yer::after{content:" \203A";color:var(--ar-altin)}
button.ar-yer:focus-visible{outline:2px solid var(--ar-altin);outline-offset:0}
.ar-ust-sag{display:flex;align-items:center;gap:10px}
.ar-ay{width:22px;height:22px}
/* marka tavanın taşının üstünde: rozetteki gibi hafif koyu zemin (taşın açık
   bir noktasında kontrast 4,37:1'e iniyordu) */
.ar-marka{font:400 11px/1 system-ui;letter-spacing:.32em;color:var(--ar-yazi);text-decoration:none;
  padding:5px 8px;margin-left:-8px;border-radius:999px;background:rgba(10,8,12,.5)}

/* yazı: zeminin üstünde, fonu neredeyse saydam; okunurluk harflerin
   çevresindeki koyu halede (ölçüm KARARLAR, 1 Ekim). Eski koyu fonun
   nedeni: yüzdeyle kurulan geçişte şerit kumulun parlak sırtında 1,8:1
   kalıyordu (inceleme 30 Eylül) — hale bunu harf başına çözüyor. */
.ar-alt{--ar-alt-ust:40px;position:absolute;left:0;right:0;bottom:0;z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:center;
  padding:var(--ar-alt-ust) 16px calc(12px + env(safe-area-inset-bottom));
  background:linear-gradient(to bottom,rgba(10,8,12,0) 0,rgba(10,8,12,.15) calc(var(--ar-alt-ust) - 8px),rgba(10,8,12,.15) 100%);
  /* fon neredeyse saydam (%15, Hakan 1 Ekim): kapının altı görünsün.
     Okunurluğu her harfin çevresindeki yumuşak koyu hale taşıyor. */
  text-shadow:0 0 2px rgba(5,4,7,.95),0 0 6px rgba(5,4,7,.95),0 0 14px rgba(5,4,7,.9),0 0 28px rgba(5,4,7,.75)}
.ar-alt > *{pointer-events:auto}
.ar-serit{align-self:stretch;display:flex;justify-content:space-between;gap:12px;
  font:400 10.5px/1.4 system-ui;letter-spacing:.1em;text-transform:uppercase;color:var(--ar-kul);
  font-variant-numeric:tabular-nums}
.ar-serit span:empty{display:none}
.ar-yazi{padding:8px 0 0;text-align:center}
.ar-wow{margin:0;font:italic 400 clamp(20px,5.6vw,24px)/1.26 Georgia,'Times New Roman',serif;
  color:var(--ar-yazi);text-wrap:balance}
.ar-akis{margin:8px auto 0;max-width:34ch;font:400 13px/1.5 system-ui;color:var(--ar-kul)}
/* Dönüştür: bekleyen dönüş (Hakan, 13 Ekim); akan yazının altın italik dili */
.ar-donus{margin:8px 0 0;text-align:center}
.ar-donus[hidden]{display:none}
.ar-donus-dugme{min-height:44px;padding:0 10px;border:0;background:none;cursor:pointer;
  font:italic 400 13.5px/1.4 Georgia,'Times New Roman',serif;color:#e7d3a2}
.ar-donus-et{font:400 10px/1 system-ui;letter-spacing:.22em;color:#d9c9a3;font-style:normal}
.ar-donus-dugme:focus-visible{outline:1px solid rgba(217,201,163,.7);outline-offset:2px}
.ar-kapisatir{margin:8px 0 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;
  font:400 11px/1.3 system-ui;letter-spacing:.12em;text-transform:uppercase;color:var(--ar-kul)}
.ar-kapi{font:400 19px/1.2 Georgia,'Times New Roman',serif;letter-spacing:0;text-transform:none;color:var(--ar-yazi)}
.ar-seviye{letter-spacing:.14em}
/* en dar kapı: kapı satırının küçük eşi (Hakan, 8 Ekim, D) */
.ar-darsatir{margin:4px 0 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:2px 10px;
  font:400 10.5px/1.3 system-ui;letter-spacing:.12em;text-transform:uppercase;color:var(--ar-kul)}
.ar-dar{font:400 15px/1.2 Georgia,'Times New Roman',serif;letter-spacing:0;text-transform:none;color:var(--ar-yazi)}
.ar-dar-sev{letter-spacing:.14em}
.ar-darsatir[hidden]{display:none}
/* Zaman ve Bağ odası: seçili niyetin halkası şu an kesikse nedeni (10 Ekim, C) */
.ar-simdinot{margin:6px 0 0;font:400 10.5px/1.3 system-ui;letter-spacing:.12em;text-transform:uppercase;color:#DB8B71}
.ar-simdinot[hidden]{display:none}
.ar-not{margin:8px auto 0;max-width:34ch;font:italic 400 13px/1.5 Georgia,serif;color:var(--ar-kul)}
.ar-konum{margin-top:10px;background:none;border:0;padding:6px;cursor:pointer;
  font:400 13px/1.4 system-ui;color:var(--ar-altin);text-decoration:underline}
.ar-konum[hidden],.ar-not[hidden],.ar-simdi[hidden]{display:none}
/* Konum daveti (Hakan, 15 Ekim): odada da aynı dil, altın çerçeve ve italik cümle */
.ar-konum[data-wow]:not([hidden]){display:flex;flex-direction:column;align-items:center;gap:5px;margin:12px auto 0;padding:10px 18px;
  border:1px solid rgba(216,183,113,.75);border-radius:18px;text-decoration:none;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;box-shadow:0 0 18px rgba(216,183,113,.3);pointer-events:auto}
.ar-konum[data-wow]:not([hidden])::before{content:attr(data-wow);font:italic 400 14px/1.35 Georgia,serif;letter-spacing:0;text-transform:none;color:#f2ece0}
.ar-gir{margin:10px auto 0;display:block;min-height:44px;padding:0 22px;border-radius:999px;
  border:1px solid rgba(216,183,113,.6);background:rgba(216,183,113,.1);color:var(--ar-yazi);
  font:400 11.5px/1 system-ui;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.ar-gir:hover{background:rgba(216,183,113,.18)}
/* KAPIDAN SOR (Hakan, 9 Ekim, A): kapı düğmesinin yanında SOR */
.ar-girsatir{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:8px}
.ar-girsatir .ar-gir{margin:0}
.ar-sor{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;border-radius:999px;cursor:pointer;
  border:1px solid rgba(255,246,228,.34);background:rgba(8,10,14,.42);color:#ecdcb6;
  font:400 11.5px/1 system-ui;letter-spacing:.16em;text-transform:uppercase}
.ar-sor:hover{background:rgba(236,220,182,.12)}
.ar-sor:focus-visible{outline:2px solid var(--ar-altin);outline-offset:3px}

/* kapıdan sor paneli: belgenin üstünde, altta açılan kart */
.ks-perde{position:fixed;inset:0;z-index:60;background:rgba(5,4,7,.45)}
.ks-panel{--nB:#D8B771;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:61;
  max-width:460px;margin:0 auto;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow:auto;
  overscroll-behavior:contain;padding:18px 18px 16px;border-radius:22px;border:1px solid rgba(255,246,228,.22);
  background:linear-gradient(180deg,rgba(28,24,20,.95),rgba(12,10,9,.97));color:#e6e0d4;
  font:400 13.5px/1.5 system-ui;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.ks-kapat{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;background:none;color:#cfc8bb;font-size:16px;cursor:pointer;border-radius:50%}
.ks-et{font:400 10.5px/1 system-ui;letter-spacing:.2em;text-transform:uppercase;color:rgba(236,220,182,.8);text-align:center;padding-top:6px}
.ks-bas{margin:8px 36px 12px;text-align:center;font:400 19px/1.25 Georgia,'Times New Roman',serif;color:#fff9ee}
.ks-giris{display:flex;gap:8px;align-items:flex-end}
.ks-alan{flex:1;min-height:72px;resize:none;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,246,228,.18);
  background:rgba(255,255,255,.04);color:#f2ece0;font:400 14px/1.45 system-ui}
.ks-alan::placeholder{color:#8f8a81}
.ks-alan:focus{outline:0;border-color:rgba(236,220,182,.55)}
.ks-giris .ses-mik{border-radius:50%;width:44px;height:44px;min-height:0}
.ks-secim{display:flex;gap:8px;margin-top:10px}
.ks-secim label{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.ks-secim span{font:400 9.5px/1 system-ui;letter-spacing:.2em;color:#bdb6a9}
.ks-secim select{min-height:40px;padding:0 10px;border-radius:12px;border:1px solid rgba(255,246,228,.18);
  background:#16130f;color:#f2ece0;font:400 13px/1 system-ui;max-width:100%}
.ks-kim{margin:10px 0 0;padding:0;border:0;min-width:0}
.ks-kim legend{padding:0;margin:0 0 4px;font:400 9.5px/1 system-ui;letter-spacing:.2em;color:#bdb6a9}
.ks-kim > div{display:flex;gap:6px}
.ks-kim label{position:relative;display:flex;flex:1 1 0;min-width:0}
.ks-kim input{position:absolute;opacity:0;width:1px;height:1px}
.ks-kim span{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 6px;white-space:nowrap;border-radius:999px;cursor:pointer;
  border:1px solid rgba(255,246,228,.2);color:#cfc8bb;font:400 12.5px/1 system-ui}
.ks-kim input:checked + span{border-color:rgba(236,220,182,.7);background:rgba(216,183,113,.16);color:#fff4e0}
.ks-kim input:focus-visible + span{outline:2px solid var(--ar-altin);outline-offset:2px}
.ks-sor{display:block;margin:12px auto 0;padding:0 26px;min-height:44px;border-radius:999px;cursor:pointer;
  border:1px solid rgba(236,220,182,.55);background:rgba(216,183,113,.1);color:#ecdcb6;font:400 11.5px/1 system-ui;letter-spacing:.18em}
.ks-sor:disabled{opacity:.5;cursor:default}
.ks-not{margin:8px 0 0;font:400 11px/1.4 system-ui;color:#a39d92;text-align:center}
.ks-yanit{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,246,228,.12)}
.ks-yanit[hidden],.ks-alt[hidden],.ks-rehber[hidden]{display:none}
.ks-pencereler .rh-et{display:block;font:400 9px/1 system-ui;letter-spacing:.26em;color:#bdb6a9;margin:0 0 6px}
.ks-pencereler p{margin:0 0 4px;color:#cfc8bb;font-variant-numeric:tabular-nums}
.ks-pencereler .ks-kacin{margin:8px 0 0;padding-left:10px;border-left:2px solid #DB8B71;color:#f0c4b4;font-variant-numeric:tabular-nums}
.ks-pencereler .ks-pencere.ilk{color:#fff9ee;font:400 16px/1.35 Georgia,'Times New Roman',serif}
.ks-rehber.zeka-yanit{margin-top:14px}
.ks-alt{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}
.ks-ac{margin-left:auto;min-height:44px;padding:0 4px;border:0;background:none;cursor:pointer;
  color:#ecdcb6;font:400 11.5px/1 system-ui;letter-spacing:.14em;text-decoration:underline}
.ks-kapat:focus-visible,.ks-sor:focus-visible,.ks-ac:focus-visible,.ks-secim select:focus-visible{outline:2px solid var(--ar-altin);outline-offset:2px}

.ar-zaman{align-self:stretch;margin-top:10px;padding-top:8px;display:grid;grid-template-columns:1fr auto;
  align-items:center;gap:6px 12px;border-top:1px solid var(--ar-cizgi)}
.ar-zaman label{grid-column:1 / -1;font:400 10.5px/1.3 system-ui;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ar-kul)}
.ar-zaman-deger{margin-left:6px;color:var(--ar-yazi);letter-spacing:.04em;text-transform:none;
  font-variant-numeric:tabular-nums}
.ar-zaman input{grid-column:1;width:100%;min-height:28px;accent-color:var(--ar-altin)}
.ar-simdi{grid-column:2;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--ar-cizgi);
  background:transparent;color:var(--ar-yazi);font:400 11px/1 system-ui;letter-spacing:.08em;cursor:pointer}

/* kısa ekran: yazı kısalır, kapının altına (zemine) daha az biner */
@media (max-height:700px){
  .ar-alt{--ar-alt-ust:28px}
  .ar-akis{display:none}
  .ar-wow{font-size:19px}
  .ar-zaman{margin-top:8px;padding-top:6px}
  /* Dönüştür'de konum daveti tek satır (Hakan, 23 Ekim, A): iki satırlık
     kart, his sorusu ya da iki satırlık görevle yazıyı zincir boncuklarına
     itiyordu (360×640'ta 15–40 px; Kapı R R1) */
  #kok .ar-tur-donustur .ar-konum[data-wow]:not([hidden])::before{display:none}
  #kok .ar-tur-donustur .ar-konum[data-wow]:not([hidden]){margin-top:8px;padding:8px 16px}
}

.ar-gir:focus-visible,.ar-simdi:focus-visible,.ar-marka:focus-visible,.ar-konum:focus-visible,
.ar-zaman input:focus-visible{outline:2px solid var(--ar-altin);outline-offset:3px}

/* Geçişte önce yazı çekilir; yazının koyu zemini ise mimari kadrajdan
   çıkarken (1,15 sn sonra) söner — yoksa odanın altındaki fotoğraf şeridi
   bir anda açılıyordu. Gecikme yalnız GİDERKEN: dönüşte yazı yürüyüş biter
   bitmez gelir. Açılış animasyonu (both) opaklığı kilitlediği için geçişte
   kapatılıyor; yoksa yazı çekilmiyordu (inceleme 30 Eylül).
   İçerideyken aralık Şimdi'nin altında hareketsiz durur (görünür kalır:
   Şimdi belirirken arada siyah bir an olmasın). */
.ar-ust,.ar-alt > *{transition:opacity .3s ease}
.ar-alt{transition:opacity .35s ease}
.ar-geciste .ar-serit,.ar-geciste .ar-yazi{animation:none}
.ar-geciste .ar-ust,.ar-geciste .ar-alt > *{opacity:0}
.ar-geciste .ar-alt{opacity:0;pointer-events:none;transition-delay:1.15s}
.ar-geciste .ar-alt > *{pointer-events:none}


/* açılışta yazı sahneden sonra gelir */
@media (prefers-reduced-motion:no-preference){
  .ar-serit,.ar-yazi{animation:ar-belir .9s ease-out both}
  .ar-yazi{animation-delay:.9s}
  .ar-serit{animation-delay:.5s}
  @keyframes ar-belir{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
}

/* KAPIDAN GİRİŞ (Hakan, 5 Ekim): yürüyüş bitince iç sayfa tam ekran
   solarak beliriyordu — mercek bir anda tam boyunda, "tak diye". Artık
   kapının ekrandaki yerinden gelir: Şimdi'de kapıdan açılan daire (A),
   Zaman ve Bağ'da kapıdan büyüyen sayfa (B; elips hatla, köşeli kenar
   görünmesin). Okuma, mercek yerine oturunca belirir. Sınıfı ve kapı
   merkezini (--kx, --ky) aralik.html kapıdan girişte verir, hareket
   bitince kaldırır; geri tuşunda ve adresle açılışta eski belirme. */
@media (prefers-reduced-motion:no-preference){
  #simdi-kok.kapidan-a{opacity:1;clip-path:circle(0px at var(--kx) var(--ky));
    transition:clip-path 1.5s cubic-bezier(.5,0,.25,1)}
  #simdi-kok.kapidan-a.acik{clip-path:circle(140vmax at var(--kx) var(--ky))}
  /* yuvarlak hat köşe yuvarlamayla değil elips kırpmayla verilir; katman
     kalıcı (aşağıda). İlk sürüm (border-radius + overflow, katmansız) her
     karede bulanık camı yeniden çizdiriyordu: Bağ girişinde 10-11, Zaman'da
     5-7 kare 34 ms'yi aşıyordu (main'de 0). Bu hâlde 0-2 (ölçüm, 5 Ekim). */
  #bag-kok.kapidan-b.acik{transform-origin:var(--kx) var(--ky);
    animation:ar-kapidan-gel 1.3s cubic-bezier(.3,.15,.2,1) both}
  .kapidan-a.acik .mercek-sahne.acik .mercek-derin,
  .kapidan-b.acik .mercek-sahne.acik .mercek-derin{animation:ar-yazi-gel .55s ease .65s both}
  /* elips sayfaya sığdırılmış kalır (köşesiz), kenarlar son çeyrekte açılır */
  @keyframes ar-kapidan-gel{
    from{transform:scale(.16);opacity:0;clip-path:ellipse(50% 50% at var(--kx) var(--ky))}
    30%{opacity:1}
    75%{clip-path:ellipse(50% 50% at var(--kx) var(--ky))}
    to{transform:none;opacity:1;clip-path:ellipse(100% 100% at var(--kx) var(--ky))}
  }
  @keyframes ar-yazi-gel{from{opacity:0}to{opacity:1}}
}

/* REHBER DÜĞMESİ (Hakan, 6 Ekim): Zaman ve Bağ'da rehber, Şimdi'deki
   sarkacın yerinde — ipsiz, cam düğme, kıvılcım imzası, altında REHBER.
   Şimdi'de sarkaç kalır (zamanı o gösteriyor). Dikey yeri JS ölçer
   (aralik-rehber.js yerHesapla): merceğin altındaki boşluğun ortası; yer
   yetmezse son yazının altı; o da yetmezse sağ alt köşe (.rh-kose). */
.rh-dugme{position:absolute;left:50%;top:77.6%;z-index:8;width:46px;height:46px;padding:0;
  transform:translateX(-50%);border-radius:50%;cursor:pointer;
  border:1px solid rgba(255,246,228,.34);
  background:radial-gradient(circle at 34% 26%,rgba(255,246,228,.20) 0%,transparent 46%),rgba(8,10,14,.46);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 2px rgba(3,5,8,.3),0 4px 16px rgba(0,0,0,.36);
  transition:opacity .5s ease,visibility 0s 0s}
.rh-dugme .yz-imza{width:56%;height:56%}
.rh-dugme:hover .yz-imza,.rh-dugme:active .yz-imza{opacity:1;transform:translate(-50%,-50%) scale(1.14)}
.rh-dugme:focus-visible{outline:2px solid var(--ar-altin);outline-offset:3px}
.rh-ad{position:absolute;left:50%;top:calc(100% + 5px);transform:translateX(-50%);white-space:nowrap;
  font:500 8px/1 system-ui;letter-spacing:.2em;color:rgba(236,220,182,.78);pointer-events:none}
.rh-dugme.rh-kose{left:auto;top:auto;transform:none;
  right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px))}
/* bir katman açıkken düğme yok; söndükten sonra klavyeyle de ulaşılmaz */
.mercek-sahne:is(.acik,.zeka,.nefes,.kisimod,.ozelmod,.konummod) .rh-dugme{opacity:0;pointer-events:none;
  visibility:hidden;transition:opacity .5s ease,visibility 0s .5s}
#zaman-kok .mercek-sahne.zeka .zaman-kademe,
#bag-kok .mercek-sahne.zeka .zaman-kademe{opacity:0;pointer-events:none}

/* Yatay telefon (bkz. aralik-mercek.css sonu). Bu sayfada alt menü yok:
   kademe şeridi sağ sütunun dibinde, konum üstünde. REHBER düğmesinin yerini
   aralik-rehber.js satır içi yazıyor (dikey yerleşim hesabı); yatayda yeri
   sağ sütunda sabit, satır içi top ezilir. Bağ'ın nesneleri merceğin iki
   yanında. */
@media (max-height:500px) and (orientation:landscape){
  /* basit eşik: soru ve seçenekler tek satır; blok Yaptım satırından uzun olup yazıyı yukarı itmesin (inceleme, #123) */
  .ar-his:not([hidden]){display:flex;align-items:center;justify-content:center;gap:10px}
  .ar-his .ar-his-soru{margin:0}
  /* kısa yatayda oda tek sütunda sığar (Hakan, 21 Ekim, B): üst şerit gizli,
     başlık, konum kartı ve boşluklar küçük. Alt blok ekrandan uzundu, tepeden
     taşıp ARALIK'a ve kişi düğmesine biniyordu (Kapı R) */
  #kok .ar-alt{--ar-alt-ust:6px}
  #kok .ar-serit{display:none}
  #kok .ar-yazi{padding-top:0}
  #kok .ar-wow{font-size:17px}
  #kok .ar-kapisatir{margin-top:2px}
  #kok .ar-konum[data-wow]:not([hidden]){margin-top:6px;padding:4px 12px;gap:2px}
  #kok .ar-kapiac-sira,#kok .ar-girsatir{margin-top:6px}
  #kok .ar-zaman{margin-top:2px;padding-top:0}
  #kok .ar-temel-kapilar{margin-top:2px}
  /* zincir kemeri yazının altında kalıyordu: gizli; Dönüştür'de zincir günü
     şeridin satırıyla başlığın üstünde (Hakan, 21 Ekim; Kapı R) */
  #kok .ar-zincir{display:none}
  #kok .ar-tur-donustur .ar-serit{display:flex;justify-content:center}
  #kok .ar-tur-donustur .ar-serit .ar-pencere{display:none}
  #simdi-kok .zaman-kademe,#zaman-kok .zaman-kademe,#bag-kok .zaman-kademe{bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  #simdi-kok .mercek-sahne .mercek-konum,#zaman-kok #zaman-sahne .mercek-konum,#bag-kok #bag-sahne .mercek-konum{bottom:calc(46px + env(safe-area-inset-bottom,0px))}
  .rh-dugme,.rh-dugme.rh-kose{left:82%;right:auto;top:auto!important;
    bottom:calc(106px + env(safe-area-inset-bottom,0px));transform:translateX(-50%)}
  #bag-kok .ar-nesne-zaman{left:0;top:50%}
  #bag-kok .ar-nesne-simdi{left:100%;top:50%}
  #simdi-kok .mercek-zeka{bottom:calc(90px + env(safe-area-inset-bottom,0px));width:min(19vh,74px)}
  /* yatayda halkanın üstünde: dışarıdayken sol üstteki nesne ARALIK'a biniyordu */
  #simdi-kok .ar-nesne-donustur,#zaman-kok .ar-nesne-donustur{left:14.6%;top:14.6%}
  #simdi-kok .ar-nesne-bag{left:85.4%;top:85.4%}
}
@media (max-height:340px) and (orientation:landscape){
  #simdi-kok .mercek-zeka{bottom:calc(84px + env(safe-area-inset-bottom,0px));width:min(17vh,60px)}
}

/* MASAÜSTÜ 960 (Hakan, 14 Ekim): oda tek parça genişler (duvar, tavan, zemin iki yana açılır), yazı kapının altında
   ortalı ve okunur boyda; 620 px'lik metin sütunu. Yazı boyu ekran boyuna bağlı (vh): kısa masaüstünde yazı bloğu
   uzayıp kapıya binmesin (bağımsız inceleme, 14 Ekim; 900 px boyda 16/30 px, 600 px boyda telefondaki boylar). Dışı Şimdi'deki gibi flu fon. Telefon ve 1024 altı değişmez. */
@media (min-width:1024px) and (min-height:600px){
  #kok::before{content:"";position:fixed;inset:-40px;background:url("/assets/aralik/kumul-genis.jpg") center/cover no-repeat;
    filter:blur(9px) brightness(.5) saturate(.94);pointer-events:none}
  .ar-ekran{width:960px;margin-left:-480px}
  .ar-serit,.ar-yazi,.ar-zaman{max-width:620px;margin-left:auto;margin-right:auto}
  .ar-zaman{width:100%}
  .ar-wow{font-size:clamp(20px,3.3vh,30px)}
  .ar-akis,.ar-not{font-size:clamp(13px,1.78vh,16px);max-width:46ch}
  .ar-pencere,.ar-kalan,.ar-etiket,.ar-dar-et,.ar-seviye,.ar-dar-sev{font-size:12px}
  .ar-kapi{font-size:clamp(16px,2.45vh,22px)}
  .ar-dar{font-size:clamp(13px,1.9vh,17px)}
  #simdi-kok .ar-kademe button,#zaman-kok .zaman-kademe button{font-size:12px}
}

/* Basic oda (Hakan, 17 Ekim): tavandaki Doğu–Tepe–Batı yayının etiketleri */
.ar-gok-et{font:500 6.5px/1 Inter,system-ui,sans-serif;letter-spacing:.18em;fill:rgba(242,236,224,.5)}
.ar-temel .ar-foto{transition:filter 1.2s ease}
@media (prefers-reduced-motion:reduce){.ar-temel .ar-foto{transition:none}}
/* Basic oda: alt sıra (normal · kaydırıcı · şimdi) ve kapılar */
.ar-temel-alt{flex-direction:column;align-items:stretch}
.ar-temel-sira{display:flex;align-items:center;gap:12px;margin-top:6px}
.ar-temel-sira input{flex:1;min-width:0}
.ar-temel-tek{justify-content:center}
/* Yaptım'dan sonra tek soru (Hakan, 20 Ekim, C) */
.ar-his[hidden],.ar-esik-sira[hidden]{display:none}
.ar-his-soru{margin:0 0 8px;font:italic 400 15px/1.2 Georgia,'Times New Roman',serif;color:#f2ece0;text-align:center}
.ar-his .ar-esik-dugme{padding:0 11px;letter-spacing:.14em}
.ar-yuvarlak{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(216,183,113,.6);background:rgba(10,8,7,.6);color:#D8B771;display:grid;place-items:center;padding:0;cursor:pointer;pointer-events:auto}
.ar-yuvarlak:disabled{opacity:.35;cursor:default}
.ar-yuvarlak:focus-visible{outline:1px solid #D8B771;outline-offset:3px}
.ar-temel-kapilar{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px;pointer-events:auto}
.ar-temel-kapi{background:none;border:0;padding:8px 4px;font:500 10.5px/1 Inter,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:rgba(242,236,224,.45);cursor:pointer}
.ar-temel-kapi[aria-current]{color:#D8B771}
.ar-temel-kapilar .ayrac{color:rgba(242,236,224,.3)}
/* Dönüştür kapısı (Hakan, 17 Ekim): dip duvara oyulmuş diyafram; çevresindeki
   dokuz nokta tavandaki niyetler. Basic eşikte görev düğmeleri. */
.ar-nokta-hedef{cursor:pointer;outline:none}
/* 21 gün zinciri (Hakan, 20 Ekim): bugünün boncuğu yavaşça nabız atar */
.ar-zincir{pointer-events:none}
.ar-zincir-bugun{stroke-width:1;animation:ar-zincir-nabiz 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes ar-zincir-nabiz{50%{transform:scale(1.45);stroke-opacity:.55}}
@media (prefers-reduced-motion:reduce){.ar-zincir-bugun{animation:none}}
.ar-nokta-hedef:focus-visible{stroke:#D8B771;stroke-width:1.2}
.ar-esik-dugme{flex:none;height:44px;padding:0 18px;border-radius:22px;border:1px solid rgba(216,183,113,.6);background:rgba(10,8,7,.6);color:#D8B771;font:500 11px/1 Inter,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;pointer-events:auto}
.ar-esik-dugme.ikincil{color:#c9c0b2;border-color:rgba(242,236,224,.3)}
.ar-esik-dugme:disabled{opacity:.4;cursor:default}
.ar-esik-dugme:focus-visible{outline:1px solid #D8B771;outline-offset:3px}
.ar-bag-sira{gap:8px;flex-wrap:nowrap;justify-content:safe center;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 2px 4px;pointer-events:auto}
.ar-bag-sira::-webkit-scrollbar{display:none}
.ar-bag-sira .ar-bag-cip{flex:none}
.ar-bag-sira .ar-bag-ekle{position:sticky;right:0;background:#0e0b09;box-shadow:-10px 0 10px 2px rgba(14,11,9,.85)}
.ar-bag-cip{height:34px;padding:0 14px;border-radius:17px;border:1px solid rgba(242,236,224,.3);background:rgba(10,8,7,.55);color:#ece6da;font:400 13px/1 Inter,system-ui,sans-serif;cursor:pointer;max-width:12em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ar-bag-cip[aria-pressed="true"]{border-color:#D8B771;color:#D8B771}
.ar-bag-cip:focus-visible{outline:1px solid #D8B771;outline-offset:3px}
.ar-bag-sira .ar-bag-ekle{height:34px}
.ar-bag-perde{position:absolute;inset:0;z-index:29;background:rgba(5,4,7,.35)}
.ar-bag-kart{position:absolute;left:14px;right:14px;top:calc(96px + env(safe-area-inset-top,0px));z-index:30;max-width:380px;margin:0 auto;
  background:rgba(14,11,9,.95);border:1px solid rgba(216,183,113,.45);border-radius:18px;padding:16px 16px 14px;color:#f2ece0;pointer-events:auto;
  max-height:calc(100% - 96px - env(safe-area-inset-top,0px) - 12px);overflow-y:auto;overscroll-behavior:contain}
@media (max-height:500px){.ar-bag-kart{top:calc(10px + env(safe-area-inset-top,0px));max-height:calc(100% - 20px - env(safe-area-inset-top,0px))}}
.ar-bag-kart h2{margin:0 0 10px;font:400 19px/1.25 'Cormorant Garamond',Georgia,serif}
.ar-bag-kart label{display:flex;white-space:nowrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(242,236,224,.14);font:400 12.5px/1.2 Inter,system-ui,sans-serif;color:#c9c0b2}
.ar-bag-kart label i{font-style:normal;color:rgba(242,236,224,.45);margin-right:auto}
.ar-bag-kart input{flex:0 1 58%;min-width:0;background:transparent;border:0;color:#f2ece0;font:400 14px/1.2 Inter,system-ui,sans-serif;text-align:right;color-scheme:dark}
.ar-bag-kart input:focus-visible{outline:1px solid #D8B771;outline-offset:2px}
.ar-bag-kart input[aria-invalid]{box-shadow:inset 0 -1px 0 #e58a4e}
.ar-bag-not{margin:10px 0 12px;font:400 11.5px/1.45 Inter,system-ui,sans-serif;color:rgba(242,236,224,.6)}
.ar-bag-hata{margin:-4px 0 10px;font:400 12px/1.4 Inter,system-ui,sans-serif;color:#e58a4e}
.ar-bag-hata[hidden]{display:none}
.ar-bag-kart-alt{display:flex;justify-content:space-between;align-items:center}
.ar-bag-vazgec{background:none;border:0;color:#c9c0b2;font:400 13px/1 Inter,system-ui,sans-serif;padding:12px 4px;cursor:pointer}
.ar-bag-vazgec:focus-visible{outline:1px solid #D8B771;outline-offset:3px}
.ar-tur-donustur .ar-kapi{font-size:clamp(18px,5vw,24px)}
/* Kişi menüsü (Hakan, 17 Ekim): normal modda her sayfanın sağ üstü, panellerin
   üstünde; Şimdi'nin kendi hesap düğmesinin yerini alır */
.ar-kisi{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));z-index:400;
  width:40px;height:40px;border-radius:50%;border:1px solid rgba(216,183,113,.55);background:rgba(10,8,7,.62);color:#ece6da;
  display:grid;place-items:center;padding:0;font:500 15px/1 Inter,system-ui,sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ar-kisi[hidden]{display:none}
.ar-kisi:focus-visible{outline:1px solid #D8B771;outline-offset:3px}
#simdi-kok .mercek-hesap{display:none}
/* Ay katmanının ✕'i kişi menüsünün altında kalıyordu (Hakan, 20 Ekim: "çıkış için bir alanımız yok"): H'nin soluna */
#simdi-kok .mercek-sahne .lens-veil .lens-close{top:calc(14px + env(safe-area-inset-top,0px));right:calc(68px + env(safe-area-inset-right,0px))}
body:not(.ar-normal-mod) #simdi-kok [data-alan="gorunum"]{display:none}
#kok .ar-ust-sag{margin-right:48px}
/* Basic: Kapıyı aç, eşik daveti ve eşik anı (Hakan, 17 Ekim) */
.ar-kapiac-sira{display:flex;justify-content:center;margin:10px 0 2px;pointer-events:auto}
.ar-kapiac{height:46px;padding:0 26px;box-shadow:0 0 22px rgba(216,183,113,.35);animation:ar-kapiac 3.6s ease-in-out infinite}
@keyframes ar-kapiac{50%{box-shadow:0 0 30px rgba(216,183,113,.55)}}
.ar-kapi-hedef{cursor:pointer;outline:none}
.ar-kapi-hedef:focus-visible{stroke:#D8B771;stroke-width:1.2}
.ar-davet-perde{position:fixed;inset:0;z-index:450;background:rgba(5,4,7,.45)}
.ar-davet{position:fixed;left:14px;right:14px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:451;max-width:520px;margin:0 auto;
  background:rgba(14,11,9,.94);border:1px solid rgba(216,183,113,.45);border-radius:22px;padding:22px 20px 18px;color:#f2ece0;text-align:center;
  font-family:Inter,system-ui,sans-serif;box-shadow:0 -10px 40px rgba(0,0,0,.6)}
.ar-davet[hidden],.ar-davet-perde[hidden]{display:none}
.ar-davet-et{font-size:10px;letter-spacing:.3em;color:#D8B771;margin-bottom:10px}
.ar-davet h2{font:italic 400 23px/1.25 Georgia,serif;margin:0 0 14px}
.ar-davet li{list-style:none;font-size:14px;color:#d9d1c3;padding:7px 0;border-top:1px solid rgba(216,183,113,.15)}
.ar-davet ul{margin:0;padding:0}
.ar-davet-dugmeler{display:flex;gap:10px;margin-top:16px}
.ar-davet-dugmeler button{flex:1;height:46px;border-radius:23px;border:1px solid #D8B771;background:rgba(216,183,113,.18);color:#f2ece0;font:500 12px/1 Inter,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
.ar-davet-dugmeler .ikincil{border-color:rgba(242,236,224,.3);background:none;color:#c9c0b2}
.ar-davet-not{font-size:11px;color:#8a8175;margin-top:12px}
.ar-davet-kapat{position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;background:none;color:#c9c0b2;font-size:18px;cursor:pointer}
.ar-davet button:focus-visible{outline:1px solid #D8B771;outline-offset:3px}
/* KULLANIM KILAVUZU (Hakan, 29 Ekim; taslaklardan A: kart turu) — js/views/aralik-kilavuz.js.
   Eşik davetinin üstünde: aynı anda açılırsa kılavuz önde */
.ar-kilavuz-perde{position:fixed;inset:0;z-index:460;background:rgba(5,4,7,.62)}
.ar-kilavuz{position:fixed;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:461;max-width:440px;margin:0 auto;
  max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;
  box-sizing:border-box;padding:16px 16px 14px;border-radius:22px;background:rgba(22,19,26,.97);border:1px solid rgba(216,183,113,.45);
  box-shadow:0 -10px 40px rgba(0,0,0,.5);color:#f2ece0;font-family:Inter,system-ui,sans-serif;touch-action:pan-y}
.ar-kilavuz-ust{display:flex;justify-content:space-between;padding-right:40px;font-size:10.5px;letter-spacing:.2em;color:#D8B771}
.ar-kilavuz-kapat{position:absolute;top:6px;right:8px;width:44px;height:44px;border:0;background:none;color:#c9c0b2;font-size:17px;cursor:pointer}
.ar-kilavuz-resim{display:block;width:100%;height:auto;aspect-ratio:13/10;max-height:30dvh;margin:12px 0 0;border-radius:14px;object-fit:cover;
  background:rgba(236,230,218,.06);border:1px solid rgba(236,230,218,.15)}
.ar-kilavuz h2{font:400 21px/1.25 Georgia,'Times New Roman',serif;margin:14px 0 6px;color:#f9f4ea}
.ar-kilavuz-metin{margin:0;min-height:6em;font-size:calc(14.5px * var(--yz,1));line-height:1.5;color:#d8d1c4}
.ar-kilavuz-nokta{display:flex;gap:6px;justify-content:center;margin:12px 0 10px}
.ar-kilavuz-nokta i{width:6px;height:6px;border-radius:3px;background:rgba(236,230,218,.28);transition:width .2s ease}
.ar-kilavuz-nokta i.aktif{width:18px;background:#D8B771}
.ar-kilavuz-alt{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ar-kilavuz label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;color:#c9c0b2;cursor:pointer}
.ar-kilavuz input{width:20px;height:20px;margin:0;accent-color:#D8B771}
.ar-kilavuz-dugmeler{display:flex;align-items:center;gap:6px;margin-left:auto}
.ar-kilavuz-geri{width:44px;height:44px;border:0;border-radius:50%;background:none;color:#c9c0b2;font-size:24px;cursor:pointer}
.ar-kilavuz-geri[hidden]{display:none}
.ar-kilavuz-ileri{min-height:44px;padding:0 20px;border-radius:999px;border:1px solid #D8B771;background:rgba(216,183,113,.16);color:#f2ece0;
  font:600 12px/1 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.ar-kilavuz button:focus-visible,.ar-kilavuz input:focus-visible{outline:1px solid #D8B771;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.ar-kilavuz-nokta i{transition:none}}
/* yatay telefon (844×390): kart kaydırmasız sığsın, düğmeler görünür kalsın */
@media (max-height:440px){
  .ar-kilavuz{padding-top:12px;padding-bottom:8px}
  .ar-kilavuz-resim{max-height:24dvh;margin-top:8px}
  .ar-kilavuz h2{margin:8px 0 4px;font-size:18px}
  .ar-kilavuz-metin{min-height:0}
  .ar-kilavuz-nokta{margin:8px 0 4px}
}
.ar-esik-ani{position:fixed;left:0;right:0;top:38%;z-index:420;text-align:center;pointer-events:none;animation:ar-esik-ani 4.2s ease forwards}
.ar-esik-ani p{font:italic 400 30px/1.2 Georgia,serif;color:#fff6e4;text-shadow:0 0 24px rgba(216,183,113,.8);margin:0}
.ar-esik-ani button{pointer-events:auto;margin-top:16px;height:40px;padding:0 18px;border-radius:20px;border:1px solid rgba(216,183,113,.6);background:rgba(10,8,7,.6);color:#D8B771;font:500 11px/1 Inter,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
@keyframes ar-esik-ani{0%{opacity:0;transform:translateY(8px)}15%,70%{opacity:1;transform:none}100%{opacity:0}}
.ar-esik-ani.harita{animation:ar-esik-ani-k 1.2s ease forwards}
@keyframes ar-esik-ani-k{0%{opacity:0}100%{opacity:1}}
@media (prefers-reduced-motion:reduce){.ar-kapiac,.ar-esik-ani,.ar-esik-ani.harita{animation:none}}
/* masaüstünde kişi menüsü 960 px sütunun sağ üstünde (pencerenin köşesinde değil; Hakan, 18 Ekim) */
@media (min-width:1024px){.ar-kisi{right:calc(50% - 480px + 14px)}}
#simdi-kok .hesap-gorunum{border-top:0;margin-top:4px;padding-top:0;margin-bottom:10px}