/* SIXTH PATH // css/ui_r3.css :: Sürüm 3 "ME VE DOSYA" — r3_plan/SPEC.md §1.1. TEK DOSYA, BEŞ SAHİPLİ BÖLÜM:
   § 0 R0  (set piece motoru: seçim sayfası .sd-secim / .sd-sec, hazır html .sd-ek, sayfa sınıfı .sd-foto banyosu,
            kart arkasında plakanın yerine geçen ek .hk-resim-ek, KİMSİN R3 ekleri)
   § 1 WP-A (ME TAHTI: karolar, soygun karosu .me-hedef, kapı bloğunun me satırı)
   § 2 WP-B (ARŞİV sayfası, kül, altın, yangın sayfası)
   § 3 WP-C (dosya sayfası, fotoğraflar, iz listesi, .r3-sorgu çerçevesi, şerit çipi)
   § 4 WP-D (gazete, karanlık oda)
   Kimse başkasının bölümünü düzenlemez.
   Dil: obsidyen #0d0a06 · altın #c5a059 · fildişi #efe6d2; Cinzel başlık, Alegreya gövde. Mozaik derzi #3a2f25 + pişmiş
   toprak #a4553a + arduvaz #5c6670 yalnız ME TAHTI / ARŞİV içinde; fotoğraf kâğıdı #e9e4d8 + gümüş #8d8a84 yalnız dosya,
   gazete ve karanlık oda içinde.
   KURAL (Android WebView, SPEC §0 — tools/r3check.mjs denetler): yalnız tek atımlık transform/opacity ≤ 600 ms; sonsuz
   animasyon, kalıcı will-change, mask, mix-blend-mode, backdrop-filter, blur YOK (gri ve kül sharp ile önceden işlenir);
   perde işi bitince DOM'dan çıkar; DSF 3'te ≤ 60 MB katman (iz_katman.mjs / perf_katman*.mjs ile ölç). body.az-hareket
   (erisim.js azHareket) altında hareket yok. Tek atımlar 'backwards' dolgu: bitince getAnimations()'ta kalmaz. */

:root {
  --r3-obs: #0d0a06; --r3-altin: #c5a059; --r3-fil: #efe6d2;
  --r3-derz: #3a2f25; --r3-toprak: #a4553a; --r3-arduvaz: #5c6670;
  --r3-kagit: #e9e4d8; --r3-gumus: #8d8a84;
}

/* === § 0 · R0 === */
/* SEÇİM SAYFASI (sahne_dizi.js { tur: 'secim' }): sayfanın düğmesi gizli, her şık kendi BASILI TUT'uyla — dolgu çizgisi
   sayfa düğmesininkiyle aynı (var(--tut-ms)). Seçilen şık .sd-secildi, ötekiler .sd-pasif (200 ms söner); 260 ms sonra
   sayfa ilerler. Şıkların içi sahibi WP'nin hazır html'idir (ME karoları § 1). */
#sd-dizi .sd-tut[hidden]:is(#pr-k, *) { display: none; }
#sd-dizi .sd-sayfa.sd-secim { gap: 8px; }
#sd-dizi .sd-sayfa.sd-secim .sd-plaka { width: min(56vw, 30vh); width: min(56vw, 30dvh); }
#sd-dizi .sd-secenekler { flex: none; display: flex; justify-content: center; align-items: stretch; gap: 8px; width: 100%; margin-top: 4px; }
#sd-dizi .sd-sec { position: relative; flex: 1 1 0; min-width: 0; max-width: 140px; display: flex; flex-direction: column; align-items: center; justify-content: space-between;
  gap: 6px; margin: 0; padding: 8px 6px 15px; box-sizing: border-box; border: 1px solid rgba(197, 160, 89, .55); border-radius: 4px;
  background: #17120b; color: var(--r3-fil); font: 500 13px/1.25 var(--a-govde, 'Alegreya', serif); text-align: center;
  cursor: pointer; overflow: hidden; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
#sd-dizi .sd-sec-ic { display: block; width: 100%; min-width: 0; overflow-wrap: anywhere; }
#sd-dizi .sd-sec-tut { display: block; font: 700 9.5px/1.2 var(--a-baslik, 'Cinzel', serif); letter-spacing: .1em; color: var(--r3-altin); }
#sd-dizi .sd-sec s { position: absolute; left: 8px; right: 8px; bottom: 5px; height: 3px; border-radius: 2px; overflow: hidden;
  background: rgba(197, 160, 89, .2); text-decoration: none; pointer-events: none; }
#sd-dizi .sd-sec s i { position: absolute; inset: 0; border-radius: inherit; background: var(--r3-altin); transform: scaleX(0); transform-origin: 0 50%; }
#sd-dizi .sd-sec.tut-dolu s i { transform: scaleX(1); transition: transform var(--tut-ms, 600ms) linear; }
#sd-dizi .sd-sec.sd-secildi { border-color: var(--r3-altin); }
#sd-dizi .sd-sec.sd-pasif { opacity: .45; transition: opacity 200ms ease-out; }
#sd-dizi .sd-sec:disabled { cursor: default; }
/* hazır html (sayfa.html → .sd-ek): kül şeridi, dört fotoğraf — içi sahibinin bölümünde */
#sd-dizi .sd-ek { flex: none; width: 100%; min-width: 0; }
/* BANYO (sayfa sinif 'sd-foto'): plaka ya da .sd-ek fotoğrafı sayfa açılınca bir kez belirir — 600 ms, tek atım */
#sd-dizi .sd-sayfa.sd-foto .sd-plaka img, #sd-dizi .sd-sayfa.sd-foto .sd-ek img { animation: r3Banyo 600ms ease-out backwards; }
@keyframes r3Banyo { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (max-height: 700px) {
  #sd-dizi .sd-sayfa.sd-secim .sd-plaka { width: min(48vw, 24vh); width: min(48vw, 24dvh); }
  #sd-dizi .sd-sec { padding: 6px 5px 14px; font-size: 12.5px; }
}
body.az-hareket #sd-dizi .sd-sec, body.az-hareket #sd-dizi .sd-sayfa.sd-foto .sd-plaka img, body.az-hareket #sd-dizi .sd-sayfa.sd-foto .sd-ek img { transition: none; animation: none; }
@media (prefers-reduced-motion: reduce) { #sd-dizi .sd-sec, #sd-dizi .sd-sayfa.sd-foto .sd-plaka img, #sd-dizi .sd-sayfa.sd-foto .sd-ek img { transition: none; animation: none; } }
/* kart arkası: plakanın yerine geçen ek (hukum_sahne.js ek.resim → .hk-resim.hk-resim-ek) — kutu .hk-resim'in kendisi */
#dc-hukum .hk-resim.hk-resim-ek { overflow: hidden; }
/* KİMSİN Sürüm 3 ekleri (profile2.js dosyaEk sira 5–7) aynı .ds-r2 çatısında */
/* entegrasyon: arka yüzün en sıkışık kademesinde (hk-sik4) tek seferlik izler — R3: me-iz, me-guven (patron), ue-iz (dosya), ar-iz; R2: sz-iz,
   sz-kirik (söz) — taş çipiyle birlikte kalır; kadro sözü, seri, kil payı gibi öteki izler yine gizlenir (ui_hukum.css, ui_tas.css) */
html body.kartli .dc-box.hk-sik4 #dc-hukum.hk-c .hk-iz:has(> .me-iz, > .me-guven, > .ue-iz, > .ar-iz, > .sz-iz, > .sz-kirik) { display: flex; }
html body.kartli .dc-box.hk-sik4 #dc-hukum.hk-c .hk-iz:has(> .me-iz, > .me-guven, > .ue-iz, > .ar-iz, > .sz-iz, > .sz-kirik) > :not(.tas):not(.me-iz):not(.me-guven):not(.ue-iz):not(.ar-iz):not(.sz-iz):not(.sz-kirik) { display: none; }
html body.kartli .dc-box.hk-sik4 #dc-hukum.hk-c .hk-iz > :is(.me-iz, .me-guven, .ue-iz, .ar-iz, .sz-iz, .sz-kirik) { display: inline; }

/* === § 1 · WP-A === */
/* ME TAHTI (me_tahti.js). Taşlar mozaik plaka (img/me, 384 px) ya da CSS mozaik karosu (derz + pişmiş toprak, baş harf);
   kaybedilen taş _gri plakası (sharp ile önceden — filtre yok). Tek atım: seçilen taş 260 ms scale(1→1.08→1) (motor 260 ms
   sonra ilerler), ötekiler motorun .sd-pasif sönüşü. Soygun karosu ve Genelge / kapanış / rütbe / KİMSİN satırları durağan. */
.me-karo { position: relative; display: block; box-sizing: border-box; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 3px;
  background: var(--r3-derz); border: 1px solid rgba(197, 160, 89, .55); box-shadow: inset 0 0 0 2px var(--r3-derz); }
.me-karo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.me-karo.me-css { display: flex; align-items: center; justify-content: center;
  background: repeating-linear-gradient(0deg, var(--r3-derz) 0 2px, transparent 2px 9px), repeating-linear-gradient(90deg, var(--r3-derz) 0 2px, var(--r3-toprak) 2px 9px); }
.me-karo.me-css i { font: 700 1.6em/1 var(--a-baslik, 'Cinzel', serif); font-style: normal; color: var(--r3-fil); }
.me-karo.me-gri { border-color: rgba(92, 102, 112, .7); }
.me-karo.me-gri.me-css { background: repeating-linear-gradient(0deg, var(--r3-derz) 0 2px, transparent 2px 9px), repeating-linear-gradient(90deg, var(--r3-derz) 0 2px, var(--r3-arduvaz) 2px 9px); }
/* seçim sayfası: plaka küçülür, yer üç taşa kalır */
#sd-dizi .sd-sayfa.me-sayfa .sd-plaka { width: min(44vw, 22vh); width: min(44vw, 22dvh); }
#sd-dizi .sd-sayfa.me-sayfa .sd-baslik { font-size: 18px; margin-top: 2px; }
#sd-dizi .sd-sayfa.me-sayfa .sd-satir { font-size: 14.5px; line-height: 1.32; }
#sd-dizi .sd-sayfa.me-sayfa .sd-sec { justify-content: flex-start; padding-top: 6px; }
#sd-dizi .me-sec { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 100%; }
#sd-dizi .me-sec .me-karo { width: 100%; max-width: 120px; font-size: 22px; }
#sd-dizi .me-sec .me-ad { display: block; margin-top: 1px; font: 700 11.5px/1.15 var(--a-baslik, 'Cinzel', serif); letter-spacing: .03em; color: var(--r3-altin); overflow-wrap: normal; word-break: keep-all; }
#sd-dizi .me-sec .me-kisa { display: block; font: 500 12px/1.22 var(--a-govde, 'Alegreya', serif); color: var(--r3-fil); }
#sd-dizi .me-sec .me-kapi { display: block; font: 700 9px/1.2 var(--a-baslik, 'Cinzel', serif); letter-spacing: .06em; color: rgba(239, 230, 210, .62); }
#sd-dizi .sd-sec.sd-secildi .me-karo { animation: meKoy 260ms ease-out backwards; }
@keyframes meKoy { 0% { transform: scale(1); } 50% { transform: scale(1.08); } 100% { transform: scale(1); } }
@media (max-height: 700px) {
  #sd-dizi .sd-sayfa.me-sayfa { gap: 6px; }
  #sd-dizi .sd-sayfa.me-sayfa .sd-plaka { width: min(36vw, 17vh); width: min(36vw, 17dvh); }
  #sd-dizi .sd-sayfa.me-sayfa .sd-baslik { font-size: 16px; }
  #sd-dizi .sd-sayfa.me-sayfa .sd-satir { font-size: 13.5px; line-height: 1.28; }
  #sd-dizi .me-sec .me-karo { max-width: 84px; }
  #sd-dizi .me-sec .me-kisa { font-size: 11.5px; line-height: 1.18; }
}
body.az-hareket #sd-dizi .sd-sec.sd-secildi .me-karo { animation: none; }
@media (prefers-reduced-motion: reduce) { #sd-dizi .sd-sec.sd-secildi .me-karo { animation: none; } }
/* İnanna'nın soygunu: kartın yüzünde hedef taş (şıkların üstünde, durağan) */
.dc-box > .me-hedef { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 6px auto 4px; padding: 4px 12px 4px 4px;
  width: max-content; max-width: 100%; box-sizing: border-box; border: 1px solid rgba(164, 85, 58, .55); border-radius: 4px; background: rgba(58, 47, 37, .08); }
.dc-box > .me-hedef .me-karo { flex: none; width: 56px; font-size: 20px; }
.dc-box > .me-hedef .me-hedef-ic { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; text-align: left; }
.dc-box > .me-hedef b { font: 700 13px/1.15 var(--a-baslik, 'Cinzel', serif); letter-spacing: .08em; color: #3a2a12; }
.dc-box > .me-hedef small { font: 700 9.5px/1.15 var(--a-baslik, 'Cinzel', serif); letter-spacing: .14em; color: var(--r3-toprak); }
/* kart arkası izleri */
body.kartli #dc-hukum.hk-c .hk-iz .me-iz { color: #6b4d12; font-weight: 700; }
body.kartli #dc-hukum.hk-c .hk-iz .me-uruk, body.kartli #dc-hukum.hk-c .hk-iz .me-yandi { color: #8f2e18; }
body.kartli #dc-hukum.hk-c .hk-iz .me-arsiv { color: #4a4f57; }
/* Genelge satırı (IV, V) ve kapanış satırı (III, IV) — parşömen üstünde mürekkep, resimsiz (taşlar yalnız III'te) */
#ck-tore .ck-satirlar li.ck-me .me-ck-glif { flex: none; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px;
  border-radius: 3px; background: var(--r3-derz); color: var(--r3-altin); font: normal 12px/1 var(--a-baslik, 'Cinzel', serif); }
#ck-tore .ck-satirlar li.ck-me b { font-size: 11px; letter-spacing: .08em; }
#ck-tore .ck-s-me s { opacity: .6; }
/* rütbe sayfası */
.me-rutbe s { opacity: .55; }
.me-rutbe small { font-size: .82em; opacity: .8; white-space: nowrap; }
/* KİMSİN › ME TAHTI */
.ds-r2-me .me-ds-liste { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.ds-r2-me .me-ds { display: flex; align-items: flex-start; gap: 10px; }
.ds-r2-me .me-ds > .me-karo { flex: none; width: 48px; font-size: 18px; }
.ds-r2-me .me-ds > div { min-width: 0; }
.ds-r2-me .me-ds b { display: block; font: 700 12px/1.2 var(--a-baslik, 'Cinzel', serif); letter-spacing: .07em; color: #f0d58a; }
.ds-r2-me .me-ds small { display: block; margin-top: 1px; font: italic 500 12.5px/1.25 var(--a-govde, 'Alegreya', serif); color: #a99d82; }
.ds-r2-me .me-ds p { margin: 3px 0 0; font: 500 13px/1.3 var(--a-govde, 'Alegreya', serif); color: #d6ccb3; }
.ds-r2-me .me-ds p u { text-decoration: none; font: 700 10px/1 var(--a-baslik, 'Cinzel', serif); letter-spacing: .08em; color: var(--r3-altin); }
.ds-r2-me .me-ds.kayip b { color: #9aa2ab; text-decoration: line-through; }
.ds-r2-me .me-ds .me-ds-kayip { font-style: italic; color: #a99d82; }
#profile-sheet .ds-r2-me .me-ds-kaynak { margin-top: 12px; font: italic 500 12.5px/1.4 var(--a-govde, 'Alegreya', serif); color: #a99d82; }

/* === § 2 · WP-B === */
/* ARŞİV sayfası (arsiv.js arsivSayfasi → odul.js #od-perde, sınıf 'arsiv'): obsidyen kutu, yer başına bir sıra, mozaik zemin
   (derz #3a2f25, pişmiş toprak #a4553a yalnız burada). Durağan ızgara; tek hareket .ar-yeni (yeni altın yerin damgası, 220 ms
   tek atım). Taşlar 40 px, 2 px derz; resimler loading="lazy" + decoding="async". Kül taşı önceden işlenmiş doku (sharp). */
html body #od-perde.arsiv .od-kutu { position: relative; max-width: 400px; padding: 20px 12px 16px; border-radius: 6px; text-align: left; animation: none;
  color: var(--r3-fil); background: #120d08; box-shadow: 0 0 0 1px rgba(197, 160, 89, .55), 0 0 0 5px var(--r3-obs), 0 0 0 6px rgba(197, 160, 89, .22); }
html body #od-perde.arsiv .od-etiket { justify-content: center; text-align: center; color: var(--r3-altin); }
html body #od-perde.arsiv .od-etiket::before { background: linear-gradient(90deg, transparent, rgba(197, 160, 89, .6)); }
html body #od-perde.arsiv .od-etiket::after { background: linear-gradient(90deg, rgba(197, 160, 89, .6), transparent); }
html body #od-perde.arsiv h3.ar-baslik { margin: 6px 0 4px; padding: 0 30px; font: 700 18px/1.2 var(--a-baslik, 'Cinzel', serif); letter-spacing: .08em; color: var(--r3-altin); text-align: center; }
html body #od-perde.arsiv h3.ar-baslik::after { height: 1px; max-width: 160px; margin: 8px auto 6px; background: linear-gradient(90deg, transparent, rgba(197, 160, 89, .7), transparent); }
#od-perde.arsiv .ar-x { position: absolute; top: 6px; right: 6px; width: 36px; height: 36px; padding: 0; border: 0; background: none;
  color: var(--r3-altin); font: 400 18px/36px var(--a-govde, 'Alegreya', serif); cursor: pointer; }
#od-perde.arsiv .ar-alt { margin: 0 0 4px; font: italic 500 14px/1.35 var(--a-govde, 'Alegreya', serif); color: #d8ccb2; text-align: center; }
#od-perde.arsiv .ar-sayac { margin: 0 0 12px; font: 700 10.5px/1.2 var(--a-baslik, 'Cinzel', serif); letter-spacing: .14em; color: var(--r3-altin); text-align: center; }
#od-perde.arsiv .ar-bos { margin: 10px 0; font: italic 500 14px/1.35 var(--a-govde, 'Alegreya', serif); color: #a99d82; text-align: center; }
#od-perde.arsiv .ar-zemin { display: flex; flex-direction: column; gap: 6px; }
#od-perde.arsiv .ar-yer { display: grid; grid-template-columns: 78px minmax(0, 1fr); column-gap: 6px; padding: 6px;
  border: 1px solid rgba(197, 160, 89, .16); border-radius: 3px; background: #17110b; }
#od-perde.arsiv .ar-yer h4 { grid-column: 1; display: flex; flex-wrap: wrap; align-items: center; align-content: flex-start; gap: 4px 6px; margin: 0;
  font: 700 10px/1.25 var(--a-baslik, 'Cinzel', serif); letter-spacing: .06em; color: var(--r3-fil); }
#od-perde.arsiv .ar-yer h4 span { flex: 1 1 100%; min-width: 0; overflow-wrap: anywhere; }
#od-perde.arsiv .ar-yer h4 small { flex: none; font: 500 10px/1 var(--a-baslik, 'Cinzel', serif); color: #a99d82; }
#od-perde.arsiv .ar-damga { flex: none; padding: 3px 6px 2px; border: 1px solid var(--r3-altin); border-radius: 2px; font: 700 9px/1 var(--a-baslik, 'Cinzel', serif);
  letter-spacing: .14em; color: var(--r3-altin); }
#od-perde.arsiv .ar-damga-kul { border-color: #6d6a66; color: #a3a09b; }
#od-perde.arsiv .ar-damga.ar-yeni { animation: r3ArYeni 220ms ease-out backwards; }
@keyframes r3ArYeni { from { transform: scale(1.06); } to { transform: none; } }
#od-perde.arsiv .ar-taslar { grid-column: 2; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 4px 6px; }
#od-perde.arsiv .ar-cag { display: inline-flex; flex-direction: column; max-width: 100%; }
#od-perde.arsiv .ar-cag-taslar { display: flex; flex-wrap: wrap; gap: 2px; padding: 2px; border-radius: 2px; background: var(--r3-derz); }
#od-perde.arsiv .ar-cag em { display: block; margin-top: 2px; padding-top: 1px; border-top: 1px solid rgba(197, 160, 89, .45);
  font: 700 8px/1 var(--a-baslik, 'Cinzel', serif); font-style: normal; letter-spacing: .12em; color: #b9a46f; text-align: center; }
#od-perde.arsiv .ar-tas { display: block; flex: none; width: 40px; height: 40px; overflow: hidden; background: #2a2119; }
#od-perde.arsiv .ar-tas img { display: block; width: 100%; height: 100%; object-fit: cover; }
#od-perde.arsiv .ar-duz { display: flex; align-items: center; justify-content: center; background: var(--r3-toprak); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .28); }
#od-perde.arsiv .ar-duz b { font: 700 11px/1 var(--a-baslik, 'Cinzel', serif); color: rgba(239, 230, 210, .82); }
#od-perde.arsiv .ar-kul-tas { background: #2e2c2a url('../img/arsiv/kul.webp') center / cover; }
#od-perde.arsiv .ar-altin { border-color: var(--r3-altin); box-shadow: inset 0 0 0 1px rgba(197, 160, 89, .3); }
#od-perde.arsiv .ar-altin .ar-cag-taslar { background: #6b5426; }
#od-perde.arsiv .ar-yanik { border-color: rgba(110, 106, 100, .5); background: #141210; }
#od-perde.arsiv .ar-yanik h4 span, #od-perde.arsiv .ar-yanik .ar-cag em { color: #a3a09b; }
#od-perde.arsiv .ar-yanik .ar-cag-taslar { background: #1f1d1b; }
#od-perde.arsiv .ar-satir { grid-column: 1 / -1; margin: 5px 0 0; font: italic 500 13px/1.32 var(--a-govde, 'Alegreya', serif); color: #d6ccb3; }
#od-perde.arsiv .ar-yanik .ar-satir { color: #a3a09b; }
#od-perde.arsiv .ar-kapat { margin-top: 14px; }
@media (max-width: 380px) { html body #od-perde.arsiv h3.ar-baslik { font-size: 16px; } }
/* rütbe sayfasının satırı (rutbeEk) ve KİMSİN eki (dosyaEk sira 6): "AÇ" / "ARŞİVİ AÇ" — [data-arsiv-ac] */
#od-perde .ar-rutbe { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
#od-perde .ar-rutbe .od-satir { margin: 0; }
.ar-ac { flex: none; min-height: 36px; padding: 0 14px; border: 1px solid #8c6a1e; border-radius: 4px; background: #1c1506; color: #e9d29a;
  font: 700 11px/1 var(--a-baslik, 'Cinzel', serif); letter-spacing: .14em; cursor: pointer; touch-action: manipulation; }
.ds-r2-arsiv .ar-ds-bas { margin: 10px 0 4px; font: 700 10px/1.2 var(--a-baslik, 'Cinzel', serif); letter-spacing: .14em; color: #c5a059; }
.ds-r2-arsiv .ar-ds-kul { color: #a3a09b; }
.ds-r2-arsiv .ar-ds-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 5px; }
.ds-r2-arsiv .ar-ds-liste li { display: flex; flex-direction: column; gap: 1px; font: 500 13px/1.3 var(--a-govde, 'Alegreya', serif); }
.ds-r2-arsiv .ar-ds-liste b { font: 700 11px/1.2 var(--a-baslik, 'Cinzel', serif); letter-spacing: .05em; color: #f0d58a; }
.ds-r2-arsiv .ar-ds-liste span { font-style: italic; color: #cfc4aa; }
.ds-r2-arsiv .ar-ac-uzun { display: block; width: 100%; min-height: 42px; margin-top: 12px; }
/* Genelge satırı (III) ve kart arkası izi */
#ck-tore .ck-satirlar li.ck-arsiv b { letter-spacing: .08em; }
html body.kartli #dc-hukum .hk-iz .ar-iz { color: #7a5a10; font-weight: 700; letter-spacing: .04em; }
/* KÜTÜPHANE YANGINI (sahne_dizi 'kutuphane'). 1. sayfa: plakanın üstünde bir kez yükselen köz ışığı (600 ms opacity +
   transform, tek atım, bitince görünmez; sonsuz alev yok). 2. sayfa: plaka küçülür, altında kül şeridi (en çok 8 taş). */
#sd-dizi .sd-sayfa.ar-dz-yangin .sd-plaka { position: relative; }
#sd-dizi .sd-sayfa.ar-dz-yangin .sd-plaka::after { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: 0;
  background: linear-gradient(0deg, rgba(214, 92, 24, .55), rgba(214, 92, 24, 0) 72%); animation: r3ArAlev 600ms ease-out backwards; }
@keyframes r3ArAlev { 0% { opacity: 0; transform: translateY(14%); } 35% { opacity: 1; } 100% { opacity: 0; transform: none; } }
#sd-dizi .sd-sayfa.ar-dz-sonuc .sd-plaka { width: min(66vw, 34vh); width: min(66vw, 34dvh); }
#sd-dizi .ar-dz { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 0 6px; }
#sd-dizi .ar-dz-serit { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 14px; }
#sd-dizi .ar-dz-yer { display: inline-flex; flex-direction: column; align-items: center; gap: 4px; }
#sd-dizi .ar-dz-kul { display: flex; gap: 2px; padding: 2px; border-radius: 2px; background: var(--r3-derz); }
#sd-dizi .ar-dz-kul i { display: block; width: 24px; height: 24px; background: #2e2c2a url('../img/arsiv/kul.webp') center / cover; }
#sd-dizi .ar-dz-yer b { font: 700 9.5px/1.1 var(--a-baslik, 'Cinzel', serif); letter-spacing: .12em; color: #a3a09b; }
#sd-dizi .ar-dz-ayakta { margin: 0; font: 700 11px/1.3 var(--a-baslik, 'Cinzel', serif); letter-spacing: .1em; color: var(--r3-altin); }
#sd-dizi .ar-dz-me { margin: 0; max-width: 30em; font: italic 500 13.5px/1.3 var(--a-govde, 'Alegreya', serif); color: #d9a08a; }
@media (max-height: 700px) {
  #sd-dizi .sd-sayfa.ar-dz-sonuc .sd-plaka { width: min(56vw, 27vh); width: min(56vw, 27dvh); }
  #sd-dizi .ar-dz-kul i { width: 20px; height: 20px; }
  #sd-dizi .ar-dz-me { font-size: 13px; }
}
body.az-hareket #od-perde.arsiv .ar-damga.ar-yeni, #od-perde.arsiv.ar-az .ar-damga.ar-yeni,
body.az-hareket #sd-dizi .sd-sayfa.ar-dz-yangin .sd-plaka::after { animation: none; }
@media (prefers-reduced-motion: reduce) { #od-perde.arsiv .ar-damga.ar-yeni, #sd-dizi .sd-sayfa.ar-dz-yangin .sd-plaka::after { animation: none; } }

/* === § 3 · WP-C === */
/* UZAK EL DOSYASI (dosya.js; sınıf öneki ue- — profile2'nin ds- sınıflarıyla çakışmasın). Fotoğraf kâğıdı #e9e4d8 + gümüş
   #8d8a84 yalnız burada. Hepsi durağan: tek atım yalnız set piece banyosu (§ 0) ve basılı tutmanın dolgu çizgisi. Mürekkep ✕
   ve damga CSS çizgisi/çerçevesi; gri fotoğraflar sharp'la basılı (filtre yok). */
/* 3a · dosya sayfası (odul.js örtüsü #od-perde.dosya): obsidyen kutu, altın kenar */
html body #od-perde.dosya .od-kutu { max-width: 420px; padding: 18px 14px 14px; border-radius: 6px; text-align: left; color: var(--r3-fil);
  background: var(--r3-obs); box-shadow: 0 0 0 1px var(--r3-altin), 0 0 0 4px var(--r3-obs), 0 0 0 5px rgba(197, 160, 89, .45), 0 18px 44px rgba(0, 0, 0, .7); }
html body #od-perde.dosya .od-etiket { justify-content: center; color: var(--r3-altin); font: 700 9.5px/1.3 'Cinzel', serif; letter-spacing: .24em; }
html body #od-perde.dosya .od-etiket::before, html body #od-perde.dosya .od-etiket::after { background: rgba(197, 160, 89, .5); }
html body #od-perde.dosya h3 { margin: 6px 0 8px; text-align: center; font: 700 19px/1.2 'Cinzel', serif; letter-spacing: .08em; color: var(--r3-fil); text-shadow: none; }
html body #od-perde.dosya h3::after { content: none; }
html body #od-perde.dosya h5 { display: flex; align-items: center; gap: 8px; margin: 14px 0 6px; font: 700 9.5px/1 'Cinzel', serif; letter-spacing: .2em; color: var(--r3-altin); }
html body #od-perde.dosya h5::after { content: ''; flex: 1; height: 1px; background: rgba(197, 160, 89, .4); }
#od-perde.dosya .ue-not { margin: 0 0 6px; padding: 8px 10px; border-left: 2px solid var(--r3-altin); background: #17120b;
  font: italic 500 13.5px/1.35 'Alegreya', serif; color: var(--r3-fil); }
#od-perde.dosya .ue-durum { margin: 8px 0 10px; text-align: center; font: 700 10.5px/1.35 'Cinzel', serif; letter-spacing: .1em; color: var(--r3-altin); }
#od-perde.dosya .ue-bos { margin: 0; font: italic 500 13px/1.35 'Alegreya', serif; color: #b9ad95; }
html body #od-perde.dosya .od-git.ue-kapat { min-height: 46px; margin-top: 14px; }
/* dört yüz: 2×2, fotoğraf kâğıdı çerçeve */
.ue-yuzler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; }
.ue-yuz { position: relative; display: flex; flex-direction: column; align-items: stretch; gap: 5px; min-width: 0; margin: 0; }
.ue-cerceve { position: relative; display: block; aspect-ratio: 1 / 1; padding: 5px 5px 14px; box-sizing: border-box; border-radius: 2px;
  background: var(--r3-kagit); box-shadow: 0 0 0 1px var(--r3-gumus), 0 3px 8px rgba(0, 0, 0, .45); overflow: hidden; }
.ue-cerceve img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; background: #2a2724; }
.ue-yuz figcaption { display: flex; flex-direction: column; gap: 3px; min-width: 0; text-align: center; }
.ue-yuz figcaption b { font: 700 10px/1.2 'Cinzel', serif; letter-spacing: .08em; color: var(--r3-fil); overflow-wrap: anywhere; }
.ue-yuz figcaption small { font: 500 12px/1.3 'Alegreya', serif; color: #b9ad95; }
.ue-yuz.ue-elendi .ue-cerceve img { opacity: .55; }
.ue-yuz.ue-elendi figcaption small { color: #cfc3a6; font-style: italic; }
/* mürekkep ✕: iki eğik çizgi (durağan) */
.ue-carpi { position: absolute; inset: 8% 10% 16%; pointer-events: none; }
.ue-carpi::before, .ue-carpi::after { content: ''; position: absolute; left: 50%; top: 50%; width: 120%; height: 4px; margin: -2px 0 0 -60%;
  border-radius: 2px; background: #1b1714; opacity: .82; transform: rotate(42deg); }
.ue-carpi::after { transform: rotate(-38deg); }
/* damga: hükmün sözü, eğik çerçeveli harf (durağan) */
.ue-damga { position: absolute; left: 50%; top: 52%; max-width: 92%; padding: 3px 6px; box-sizing: border-box; transform: translate(-50%, -50%) rotate(-8deg);
  border: 2px solid currentColor; border-radius: 3px; font: 700 10px/1.1 'Cinzel', serif; font-style: normal; letter-spacing: .12em; text-align: center;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #8f2318; background: rgba(233, 228, 216, .78); pointer-events: none; }
.ue-damga.ue-d-dogru { color: #8f2318; }
.ue-damga.ue-d-yanlis { color: #3a3f47; }
.ue-damga.ue-d-gec { color: #6b4d12; }
.ue-damga.ue-d-sorgu { color: #5a4210; top: auto; bottom: 18px; transform: translateX(-50%) rotate(-4deg); font-size: 9px; }
/* SUÇLA — BASILI TUT: kendi dolgu çizgisi (sahne_dizi şıkkıyla aynı sözleşme, var(--tut-ms)) */
.ue-sucla { position: relative; display: block; width: 100%; min-height: 40px; margin: 0; padding: 6px 4px 11px; box-sizing: border-box; border-radius: 3px;
  border: 1px solid rgba(197, 160, 89, .6); background: #17120b; color: var(--r3-altin); font: 700 9.5px/1.2 'Cinzel', serif; letter-spacing: .1em;
  cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; user-select: none; -webkit-user-select: none; }
.ue-sucla s { position: absolute; left: 6px; right: 6px; bottom: 4px; height: 3px; border-radius: 2px; overflow: hidden; background: rgba(197, 160, 89, .2); text-decoration: none; pointer-events: none; }
.ue-sucla s i { position: absolute; inset: 0; border-radius: inherit; background: var(--r3-altin); transform: scaleX(0); transform-origin: 0 50%; }
.ue-sucla.tut-dolu s i { transform: scaleX(1); transition: transform var(--tut-ms, 600ms) linear; }
.ue-sucla:focus-visible { outline: 2px solid var(--r3-altin); outline-offset: 2px; }
/* izler: KANIT ✓ · söylenti italik */
.ue-izler { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.ue-izler li { margin: 0; padding: 0 0 6px; border-bottom: 1px solid rgba(197, 160, 89, .16); font: 500 13px/1.35 'Alegreya', serif; color: var(--r3-fil); }
.ue-izler li b { margin-right: 4px; font: 700 9px/1 'Cinzel', serif; letter-spacing: .14em; color: var(--r3-altin); }
.ue-izler li.ue-s { color: #b9ad95; }
.ue-izler li.ue-s b { color: var(--r3-gumus); font-style: normal; }
.ue-izler li.ue-s em { font-style: italic; }
@media (max-height: 700px) {
  .ue-yuzler { gap: 8px; }
  #od-perde.dosya .ue-sayfa-yuz .ue-cerceve { aspect-ratio: 5 / 4; }
  .ue-yuz figcaption small { font-size: 11.5px; }
}
/* 3b · set piece 'dosya' 2. sayfa: dört fotoğraf (banyo § 0 .sd-foto .sd-ek img) */
#sd-dizi .ue-dz-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: min(78vw, 46vh, 340px); width: min(78vw, 46dvh, 340px); margin: 0 auto; }
#sd-dizi .ue-dz-izgara .ue-kare { display: flex; flex-direction: column; gap: 4px; margin: 0; min-width: 0; }
#sd-dizi .ue-dz-izgara .ue-cerceve { padding: 4px 4px 11px; }
#sd-dizi .ue-dz-izgara figcaption { font: 700 9.5px/1.2 'Cinzel', serif; letter-spacing: .08em; text-align: center; color: var(--r3-fil); overflow-wrap: anywhere; }
/* 3c · sorgu kartı: fotoğraf kâğıdı kenar (durağan) */
html body.kartli #decision .dc-box.r3-sorgu {
  box-shadow: 0 0 0 2px #0d0a06, 0 0 0 4px var(--r3-kagit), 0 0 0 5px var(--r3-gumus),
    inset 0 0 0 1px color-mix(in srgb, var(--kt-deep) 55%, #1a1004), inset 0 0 22px rgba(233, 228, 216, .14), 0 16px 34px rgba(0, 0, 0, .7) !important;
}
/* 3d · kart arkası: iz satırı (KANIT / SÖYLENTİ) Alegreya, hükmün fotoğrafına damga */
body.kartli #dc-hukum.hk-c .hk-iz .ue-iz { font: 600 12.5px/1.3 'Alegreya', serif; letter-spacing: 0; color: #4a3a1c; text-align: center; }
body.kartli #dc-hukum.hk-c .hk-iz .ue-iz.ue-kanit { color: #2f3b2a; }
body.kartli #dc-hukum.hk-c .hk-iz .ue-iz.ue-soylenti { font-style: italic; color: #5c534a; }
body.kartli #dc-hukum.hk-c .hk-iz .ue-iz.ue-yanlis { color: #8f2e18; }
body.kartli #dc-hukum.hk-c .hk-resim.hk-resim-ek .ue-damga { top: auto; bottom: 12%; font-size: 12px; border-width: 2px; }
/* 3e · şerit çipi: ⌕ DOSYA n İZ — dar ekranda yalnız ⌕ n */
html body.kartli #od-serit .ue-cip { padding: 0; border-radius: 999px; background: var(--r3-obs); box-shadow: inset 0 0 0 1px var(--r3-gumus); }
html body.kartli #od-serit .ue-cip .ue-cip-ic { display: inline-flex; align-items: center; gap: 3px; height: 100%; padding: 0 6px 0 4px; }
html body.kartli #od-serit .ue-cip b { all: unset; font: 700 10px/1 'Alegreya', serif; color: var(--r3-kagit); }
html body.kartli #od-serit .ue-cip i { font: 700 8.5px/1 'Cinzel', serif; font-style: normal; letter-spacing: .06em; color: var(--r3-kagit); white-space: nowrap; }
html body.kartli #od-serit .ue-cip em { font: 700 9px/1 'Cinzel', serif; font-style: normal; color: var(--r3-altin); font-variant-numeric: tabular-nums; }
html body.kartli #od-serit .ue-cip u { text-decoration: none; font: 700 7.5px/1 'Cinzel', serif; letter-spacing: .06em; color: var(--r3-gumus); }
html body.kartli #od-serit .ue-cip.ue-cip-sorgu, html body.kartli #od-serit .ue-cip.ue-cip-dogru { box-shadow: inset 0 0 0 1px var(--r3-altin); }
html body.kartli #od-serit .ue-cip.ue-cip-yanlis { box-shadow: inset 0 0 0 1px #8f2e18; }
@media (max-width: 400px) { html body.kartli #od-serit .ue-cip u { display: none; } }
@media (max-width: 380px) { html body.kartli #od-serit .ue-cip i { display: none; } }
/* 3f · IV kapanışının 1. paneli (parşömen, koyu mürekkep) ve KİMSİN › DOSYA (koyu panel): küçük dört yüz + hüküm */
.ue-ozet { position: relative; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ue-ozet .ue-yuzler { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.ue-ozet .ue-yuz { gap: 3px; }
.ue-ozet .ue-cerceve { padding: 3px 3px 8px; }
.ue-ozet .ue-yuz figcaption b { font-size: 8px; letter-spacing: .04em; }
.ue-ozet .ue-damga { font-size: 7.5px; padding: 2px 3px; border-width: 1px; letter-spacing: .06em; }
.ue-ozet .ue-carpi::before, .ue-ozet .ue-carpi::after { height: 2px; margin-top: -1px; }
.ue-ozet .ue-hukum { margin: 0; font: 500 12.5px/1.3 'Alegreya', serif; }
.ue-ozet .ue-orgutcu { margin: 0; font: 700 10px/1.2 'Cinzel', serif; letter-spacing: .08em; }
.ue-ozet .ue-orgutcu u { text-decoration: none; margin-right: 4px; font-size: 8.5px; letter-spacing: .16em; }
.ue-halka { position: absolute; right: -5px; top: -6px; z-index: 1; width: 16px; height: 16px; fill: none; stroke: var(--r3-altin); stroke-width: 2; pointer-events: none; }
#ck-tore .ue-ozet.ue-recap .ue-yuz figcaption b, #ck-tore .ue-ozet.ue-recap .ue-hukum { color: var(--ck-murekkep2, #3a2c12); }
#ck-tore .ue-ozet.ue-recap .ue-orgutcu { color: #5a4210; }
#ck-tore .ue-ozet.ue-recap .ue-orgutcu u { color: #8c6a1e; }
#ck-tore .ue-ozet.ue-recap .ue-cerceve { box-shadow: 0 0 0 1px var(--r3-gumus); }
.ds-r2-dosya .ue-ozet .ue-hukum, .ds-r2-dosya .ue-ozet .ue-yuz figcaption b { color: var(--r3-fil); }
.ds-r2-dosya .ue-ozet .ue-orgutcu { color: var(--r3-fil); }
.ds-r2-dosya .ue-ozet .ue-orgutcu u, .ds-r2-dosya .ue-ek-baslik { color: var(--r3-altin); }
.ds-r2-dosya .ue-ek-baslik { margin: 10px 0 6px; font: 700 9px/1 'Cinzel', serif; letter-spacing: .2em; }
/* entegrasyon: kapanış parşömeni taşarsa (360×640 EN, kapı bloğu + ME satırı ile) 1. panel üç karenin basamaklarıyla sıkışır —
   örgütçü satırı (hüküm satırı adını zaten söyler), hüküm tek satır, kareler yassılaşır, adlar tek satır, en sonda adlar düşer
   (damga ve hüküm satırı yüzü söyler). Hepsi durağan. */
#ck-tore.ck-sik3 .ue-ozet.ue-recap .ue-orgutcu { display: none; }
#ck-tore.ck-sik4 .ue-ozet.ue-recap .ue-hukum { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#ck-tore.ck-sik6 .ue-ozet.ue-recap .ue-cerceve { aspect-ratio: 4 / 3; padding-bottom: 5px; }
#ck-tore.ck-sik7 .ue-ozet.ue-recap { gap: 3px; }
#ck-tore.ck-sik8 .ue-ozet.ue-recap .ue-yuz figcaption b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#ck-tore.ck-sik11 .ue-ozet.ue-recap .ue-cerceve { aspect-ratio: 2 / 1; }
#ck-tore.ck-sik12 .ue-ozet.ue-recap .ue-yuz figcaption { display: none; }
#ck-tore.ck-sik12 .ck-kapi .ck-kapi-yum { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* === § 4 · WP-D === */
/* GAZETE (gazete.js hukumEk → hukum_sahne.js ek.resim): kart arkasında plakanın YERİNE birinci sayfa. Kutu .hk-resim'in
   kendisidir (container-type: size — boyu değişmez); gazete onun kısa kenarı kadar kare (min(100cqw, 100cqh)), bütün
   ölçüler cqmin (küçük kutuda okunur alt sınırla, max(px, cqmin)): 360×640'ta da 375×812'de de aynı düzen. Fotoğraf kâğıdı + mürekkep + gümüş çizgi, durağan. Mühür (.hk-muhur)
   yerinde kalır: alt satır sağdan mühür kadar boş. Giriş: arka yüz yükselirken (ön yüzün kayboluşu 380 ms) tek atım 220 ms
   translateY(10px → 0) + opacity, 'backwards' dolgu — bitince getAnimations()'ta kalmaz. */
#dc-hukum .hk-resim.hk-resim-ek .gz-sayfa { position: relative; flex: none; box-sizing: border-box; width: min(100cqw, 100cqh); height: min(100cqw, 100cqh);
  display: flex; flex-direction: column; gap: 1.5cqmin; padding: 3cqmin 3.6cqmin 3.2cqmin; overflow: hidden; text-align: center;
  background: var(--r3-kagit); color: #1d1a14; box-shadow: inset 0 0 0 1px rgba(29, 26, 20, .3);
  animation: gzGir 220ms ease-out 380ms backwards; }
@keyframes gzGir { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
#dc-hukum .gz-sayfa .gz-kunye { flex: none; display: flex; flex-direction: column; align-items: center; gap: .7cqmin;
  padding: 1.1cqmin 0 1cqmin; border-top: .9cqmin double #1d1a14; border-bottom: 1px solid var(--r3-gumus); }
#dc-hukum .gz-sayfa .gz-kunye b { display: block; font: 700 max(13px, 7cqmin)/1 var(--a-baslik, 'Cinzel', serif); letter-spacing: .06em; color: #1d1a14; white-space: nowrap; }
#dc-hukum .gz-sayfa .gz-kunye span { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: italic 500 max(7.5px, 2.9cqmin)/1.15 var(--a-govde, 'Alegreya', serif); color: #4b463d; }
#dc-hukum .gz-sayfa .gz-manset { flex: none; margin: 0; font: 700 max(11px, 5.1cqmin)/1.16 var(--a-baslik, 'Cinzel', serif); letter-spacing: .02em; color: #15120d;
  overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
#dc-hukum .gz-sayfa .gz-foto { flex: 1 1 auto; min-height: 0; margin: 0; overflow: hidden; background: #2b2924; border: 1px solid var(--r3-gumus); }
#dc-hukum .gz-sayfa .gz-foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
#dc-hukum .gz-sayfa .gz-alt { flex: none; margin: 0; padding-right: 10cqmin; text-align: left; font: 500 max(9px, 3.3cqmin)/1.22 var(--a-govde, 'Alegreya', serif); color: #2c2820;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
#dc-hukum .gz-sayfa .gz-alt q { font-style: italic; font-weight: 700; quotes: '\201C' '\201D'; margin-right: .5em; }
#dc-hukum .gz-sayfa .gz-alt .gz-iz { color: #5b3b1c; }
body.az-hareket #dc-hukum .gz-sayfa { animation: none; }
@media (prefers-reduced-motion: reduce) { #dc-hukum .gz-sayfa { animation: none; } }
/* KARANLIK ODA (set piece karanlik_oda, sayfa sinif 'sd-foto ko-sayfa'): emniyet ışığının kızıllığı zeminde (durağan
   gradyan, katman yok), baskı fotoğraf kâğıdı kenarlı; plaka § 0 r3Banyo ile bir kez belirir. Altında YIL · YER (gümüş). */
#sd-dizi[data-ad="karanlik_oda"] { background: radial-gradient(130% 62% at 50% 0%, rgba(118, 30, 18, .26) 0, rgba(118, 30, 18, 0) 66%), var(--r3-obs); }
#sd-dizi .ko-sayfa .sd-plaka { padding: 3.5%; border: 0; border-radius: 1px; background: var(--r3-kagit);
  box-shadow: 0 0 0 1px rgba(141, 138, 132, .65), 0 6px 0 -3px rgba(0, 0, 0, .35); }
#sd-dizi .ko-sayfa .sd-plaka img { background: #1f1d19; }
#sd-dizi .ko-sayfa .sd-ek { margin-top: -2px; }
#sd-dizi .ko-sayfa .ko-tarih { margin: 0; font: 600 10.5px/1.2 var(--a-baslik, 'Cinzel', serif); letter-spacing: .16em; color: var(--r3-gumus); }
#sd-dizi .ko-sayfa .sd-baslik { font-size: 17px; letter-spacing: .04em; max-width: 26em; overflow-wrap: anywhere; }
@media (max-height: 700px) {
  #sd-dizi .ko-sayfa .sd-baslik { font-size: 15.5px; }
  #sd-dizi .ko-sayfa .sd-plaka { width: min(70vw, 40vh); width: min(70vw, 40dvh); }
}