/* ARALIK — Dönüştür (light) ve akan yazı (Hakan, 13 Ekim 2026; taslak A) */

/* ---------- AKAN YAZI ----------
   Yalnız detayda (sahne .acik): okumanın altında, uçları sise karışan tek
   satır. Mevcut dilin (mercek, halka, nesne) dışında bir öge: yazı. */
.dn-akan{position:absolute;left:0;right:0;bottom:calc(9% + env(safe-area-inset-bottom,0px));height:44px;z-index:40;
  margin:0;padding:0;border:0;background:none;cursor:pointer;overflow:hidden;display:none;color:inherit;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%)}
.mercek-sahne.acik .dn-akan:not([hidden]){display:block}
.dn-akan-serit{position:absolute;top:12px;left:0;white-space:nowrap;
  animation:dn-ak 20s linear infinite;will-change:transform}
.dn-akan-yazi{font:italic 400 15px/1.3 Georgia,'Times New Roman',serif;color:#e7d3a2;
  text-shadow:0 0 8px rgba(0,0,0,.9),0 0 18px rgba(0,0,0,.7)}
.dn-akan-et{font:400 10px/1 system-ui;letter-spacing:.24em;color:#d9c9a3;margin-left:14px;font-style:normal}
@keyframes dn-ak{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
.dn-akan:focus-visible{outline:1px solid rgba(217,201,163,.7);outline-offset:-4px}
/* hareketi azalt: akmaz, ortada durur, taşan kısım sise girer */
.dn-akan.dn-akan-sabit .dn-akan-serit{animation:none;left:50%;transform:translateX(-50%);max-width:92%;overflow:hidden;text-overflow:ellipsis}
@media (prefers-reduced-motion:reduce){.dn-akan-serit{animation:none;left:50%;transform:translateX(-50%);max-width:92%;overflow:hidden;text-overflow:ellipsis}}

/* rehber yanıtının sonunda (AralikAkan.satir): akışın içinde, iki ince çizgi arasında */
.dn-akan.dn-akan-satir{display:block;position:relative;left:auto;right:auto;bottom:auto;width:100%;margin:14px 0 4px;
  border-top:1px solid rgba(216,183,113,.35);border-bottom:1px solid rgba(216,183,113,.35);z-index:auto}
.dn-akan-satir[hidden]{display:none}

/* ---------- DÖNÜŞTÜR MERCEĞİ ----------
   Detaydan açılan katman: Şimdi'nin açılımıyla aynı dil (fon, büyük cam,
   üstte ✕, ortada blok). */
.dn-kok{position:fixed;inset:0;z-index:300;color:#ece5d6;overflow:hidden}
.dn-kok[hidden]{display:none}
html.dn-acik,html.dn-acik body{overflow:hidden}
.dn-fon{position:absolute;inset:0;background:#0b0a0d url('/assets/aralik/kumul.jpg?v=2') center/cover}
.dn-fon::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,7,10,.55),rgba(8,7,10,.35) 50%,rgba(8,7,10,.7))}
.dn-mercek{position:absolute;left:50%;top:50%;width:min(158vw,96vh);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  border:1.5px solid rgba(143,169,196,.6);box-shadow:0 0 0 6px rgba(143,169,196,.08) inset,0 0 60px rgba(0,0,0,.6);
  background:radial-gradient(ellipse at 50% 40%,rgba(40,40,44,.72),rgba(14,14,18,.86) 70%);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.dn-kapat{position:absolute;left:50%;top:calc(50% - min(79vw,48vh));transform:translate(-50%,-50%);z-index:3;
  width:44px;height:44px;border-radius:50%;border:1px solid rgba(143,169,196,.7);background:rgba(12,14,18,.75);
  color:#f2ece0;font:400 22px/1 system-ui;cursor:pointer}
.dn-kapat:focus-visible{outline:2px solid rgba(217,201,163,.8);outline-offset:3px}
.dn-ic{position:absolute;left:50%;top:calc(50% - min(79vw,48vh) + 52px);transform:translateX(-50%);z-index:2;
  width:min(84vw,420px);max-height:calc(100dvh - (50dvh - min(79vw,48vh)) - 120px);max-height:calc(100vh - (50vh - min(79vw,48vh)) - 120px);
  overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;text-align:center;padding:4px 2px 24px}
.dn-ic .mercek-et{font:400 9.5px/1 system-ui;letter-spacing:.3em;color:#d8d1c4;margin-bottom:10px}
.dn-ic .mercek-bas{font:400 calc(21px * var(--yz,1))/1.3 Georgia,'Times New Roman',serif;letter-spacing:.04em;margin:0 0 6px;color:#f4ead2}
.dn-ic .mercek-saat{font:400 11px/1.4 system-ui;letter-spacing:.08em;color:#b9b2a4}
.dn-ic .mercek-cizgi{width:52px;height:1px;background:rgba(143,169,196,.7);margin:14px auto 12px}
.dn-ara{margin:16px 0 8px}
.dn-ara b{font:400 9.5px/1 system-ui;letter-spacing:.24em;color:#d9c9a3}
.dn-sec{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:6px 0}
.dn-sec button{min-height:44px;border:1px solid rgba(216,183,113,.5);border-radius:999px;padding:0 14px;background:rgba(8,10,14,.4);
  font:400 10.5px/1 system-ui;letter-spacing:.14em;color:#ecdcb6;cursor:pointer}
.dn-sec button.on{background:rgba(216,183,113,.2);border-color:rgba(216,183,113,.9);color:#fff6e4}
.dn-sec button:focus-visible,.dn-z:focus-visible,.dn-al:focus-visible{outline:1px solid rgba(217,201,163,.8);outline-offset:3px}
.dn-yaz{display:block;width:100%;box-sizing:border-box;margin:8px 0 0;padding:10px 12px;border-radius:12px;border:1px solid rgba(216,183,113,.4);
  background:rgba(8,10,14,.5);color:#f4ead2;font:italic 400 calc(15px * var(--yz,1))/1.45 Georgia,serif;resize:none}
.dn-yaz[hidden]{display:none}
.dn-zl{text-align:left}
.dn-z{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;box-sizing:border-box;
  padding:0 2px;border:0;border-top:1px solid rgba(255,255,255,.08);background:none;color:#e6e0d3;
  font:400 calc(13px * var(--yz,1))/1.3 system-ui;cursor:pointer;text-align:left}
.dn-z i{font-style:normal;color:#d9c9a3;font-size:12px}
.dn-z.on span{color:#fff6e4}
.dn-takvim[hidden]{display:none}
.dn-takvim input{width:18px;height:18px;accent-color:#c9a96a}
.dn-saat{display:block;width:100%;box-sizing:border-box;margin:6px 0;min-height:44px;padding:0 10px;border-radius:10px;
  border:1px solid rgba(216,183,113,.4);background:rgba(8,10,14,.5);color:#f4ead2;font:400 14px system-ui;color-scheme:dark}
.dn-saat[hidden]{display:none}
.dn-al{display:block;margin:18px auto 0;min-height:46px;padding:0 26px;border-radius:999px;border:1px solid rgba(216,183,113,.75);
  background:rgba(216,183,113,.14);color:#f4ead2;font:400 11.5px/1 system-ui;letter-spacing:.18em;cursor:pointer}
.dn-not{font:italic 400 calc(12.5px * var(--yz,1))/1.5 Georgia,serif;color:#b9b2a4;margin:12px 0 0}
.dn-not[hidden],.dn-blok[hidden]{display:none}
.dn-uyari{color:#DB8B71}
.dn-nokta{display:flex;gap:7px;justify-content:center;margin:16px 0 0}
.dn-nokta i{width:11px;height:11px;border-radius:50%;border:1px solid #c9a96a;box-sizing:border-box}
.dn-nokta i.d{background:#c9a96a}
.dn-nokta i.y{background:linear-gradient(90deg,#c9a96a 50%,transparent 50%)}
.dn-sayim{margin-top:8px;color:#e6e0d3}