/* SIXTH PATH // css/ui_r2.css :: Sürüm 2 "KADRO VE SÖZ" — r2_plan/SPEC.md §1.1. TEK DOSYA, DÖRT SAHİPLİ BÖLÜM:
   § 1 WP-A (kadro: balmumu noktalar .kd-mum, hatıra bandı, yan söz izi, armağan/ihanet çerçevesi, KADRO akordeonu)
   § 2 WP-B (duvar şeridi .dv-serit, "Duvar okunur" paneli)
   § 3 WP-C (söz tableti .sz-tablet, söz çipleri)
   § 4 WP-D (gemi defteri .gd-defter, set piece #sd-dizi)
   Kimse başkasının bölümünü düzenlemez. Ortak (R0) kısım yalnız renk değişkenleri ve iki çatı kuralıdır.
   Dil: obsidyen #0d0a06 · altın #c5a059 · fildişi #efe6d2; Cinzel başlık, Alegreya gövde. Mağara okrası #b5522b ve kömür
   #1c1410 yalnız DUVAR şeridinin içinde.
   KURAL (Android WebView, SPEC §0 — tools/r2check.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; 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. */

:root {
  --r2-obs: #0d0a06; --r2-altin: #c5a059; --r2-fil: #efe6d2;
  --r2-okra: #b5522b; --r2-komur: #1c1410;
  --r2-kizil: #a8322a; --r2-soluk: #b9ad95;
}

/* ---- R0 ÇATISI: kart arkasının plaka üstü eki (hukum_sahne.js hukumCiz ek.ust → .hk-ek-ust) ----------------------- */
#dc-hukum .hk-ek-ust { display: block; margin: 0 0 6px; min-height: 0; }
#dc-hukum .hk-ek-ust:empty { display: none; }
/* KOMUTAN · KİMSİN Sürüm 2 ekleri (profile2.js dosyaEk → .ds-r2) */
.ds-kart.ds-r2 { min-height: 0; }

/* === § 1 · WP-A === */
/* KADRO (kadro.js). Hepsi durağan; tek atım yalnız değişen balmumu noktası (220 ms, animationend'de sınıf kalkar).
   Renkler: altın dolu = güven, kan kırmızısı = kırgınlık, boş halka = tarafsız; kopuk bağda noktalar çatlak. */

/* 1a · üç balmumu nokta (ad levhası #dc-kimlik'in son çocuğu, çağ kapanışının KADRO satırı, KİMSİN akordeonu) */
.kd-mum { display: inline-flex; align-items: center; gap: 3px; vertical-align: middle; line-height: 0; }
.kd-n { position: relative; display: block; flex: none; width: 7px; height: 7px; box-sizing: border-box; border-radius: 50%;
  border: 1.2px solid #8c6a1e; background: transparent; }
.kd-n.kd-arti { border-color: #5a4210; background: #c5a059; box-shadow: inset 0 1px 0 rgba(255, 244, 214, .55); }
.kd-n.kd-eksi { border-color: #3a0e08; background: #7a2418; box-shadow: inset 0 1px 0 rgba(255, 214, 200, .25); }
.kd-mum.kd-kopuk .kd-n::after { content: ''; position: absolute; left: 2px; top: -1px; width: 1px; height: 8px;
  background: #efe6d2; transform: rotate(32deg); }
.kd-n.kd-yeni { animation: kdMum 220ms ease-out 1 backwards; }
@keyframes kdMum { from { transform: scale(1.35); } to { transform: scale(1); } }
body.az-hareket .kd-n.kd-yeni { animation: none; }
@media (prefers-reduced-motion: reduce) { .kd-n.kd-yeni { animation: none; } }
/* ad levhasında: adın ve yerin altında, ortada; yer kaplamasın diye ince */
#dc-kimlik > .kd-mum { display: flex; justify-content: center; gap: 4px; margin: 3px 0 0; height: 7px; }
html body #decision #dc-scene:not(:has(img.dk-portre)) #dc-kimlik > .kd-mum { justify-content: flex-start; }
html body #decision #dc-kimlik.dk-muhur > .kd-mum .kd-n.kd-bos { border-color: #c5a059; }

/* 1b · balondaki hatıra bandı (#od-hatira, odul.js yerleştirir ve sığmazsa söker): hatırlanan hükmün plakası 28 px */
html body.kartli #od-hatira .kd-hat { display: flex; align-items: center; gap: 7px; }
html body.kartli #od-hatira .kd-hat > span { min-width: 0; }
html body.kartli #od-hatira .kd-hat-img { flex: none; display: block; width: 28px; height: 28px; border-radius: 4px; object-fit: cover;
  box-shadow: 0 0 0 1px rgba(90, 66, 16, .6); }

/* 1c · kart arkasının izleri (hukumEk): güveniyor / soğudu / duydu / armağan */
body.kartli #dc-hukum.hk-c .hk-iz .kd-iz { color: #5a4210; }
body.kartli #dc-hukum.hk-c .hk-iz .kd-arti { color: #6b4d12; }
body.kartli #dc-hukum.hk-c .hk-iz .kd-eksi { color: #8f2e18; }
body.kartli #dc-hukum.hk-c .hk-iz .kd-yan { font-family: var(--pr-metin, 'Alegreya', serif); font-style: italic; font-weight: 600;
  letter-spacing: .02em; }
body.kartli #dc-hukum.hk-c .hk-iz .kd-armagan { color: #7a5a10; }

/* 1d · armağan ve ihanet kartının çerçevesi (durağan; süpürme yok): altın bant · kan kırmızısı bant */
html body.kartli #decision .dc-box.r2-armagan {
  box-shadow: 0 0 0 2px #0d0a06, 0 0 0 4px #c5a059, 0 0 0 5px #0d0a06,
    inset 0 0 0 1px color-mix(in srgb, var(--kt-deep) 55%, #1a1004), inset 0 0 26px rgba(197, 160, 89, .22), 0 16px 34px rgba(0, 0, 0, .7) !important;
}
html body.kartli #decision .dc-box.r2-ihanet {
  box-shadow: 0 0 0 2px #0d0a06, 0 0 0 4px #7a2418, 0 0 0 5px #0d0a06,
    inset 0 0 0 1px color-mix(in srgb, var(--kt-deep) 55%, #1a1004), inset 0 0 26px rgba(122, 36, 24, .18), 0 16px 34px rgba(0, 0, 0, .7) !important;
}

/* 1e · Genelge: MAKAM DEVRİ satırı (cag_kapi ul.ck-satirlar; resim kuralı oranın) · çağ kapanışının KADRO satırı */
#ck-tore .ck-miras u { text-decoration: none; margin-right: 3px; font: 700 9.5px/1 var(--a-baslik, 'Cinzel', serif);
  letter-spacing: .14em; color: var(--ck-kenar, #8c6a1e); }
#ck-tore .ck-s-kadro .kd-r { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
#ck-tore .ck-s-kadro em { font-style: normal; color: var(--ck-kenar, #8c6a1e); }
#ck-tore .ck-s-kadro .kd-n { width: 6px; height: 6px; }

/* 1f · KOMUTAN › KİMSİN · KADRO akordeonu (profile2.js dosyaEk → .ds-kart.ds-r2.ds-r2-kadro; koyu panel) */
.ds-r2-kadro .kd-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.ds-r2-kadro .kd-sat { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
.ds-r2-kadro .kd-sat + .kd-sat { padding-top: 10px; border-top: 1px solid rgba(197, 160, 89, .16); }
.ds-r2-kadro .kd-yuz { flex: none; display: block; width: 40px; height: 40px; border-radius: 50%; object-fit: cover;
  box-shadow: 0 0 0 1px rgba(197, 160, 89, .55); background: #1c1912; }
.ds-r2-kadro .kd-yuz-bos { font: 700 15px/40px 'Cinzel', serif; font-style: normal; text-align: center; color: #c5a059; }
.ds-r2-kadro .kd-ic { flex: 1 1 auto; min-width: 0; }
.ds-r2-kadro .kd-ust { display: flex; align-items: center; flex-wrap: wrap; gap: 3px 8px; }
.ds-r2-kadro .kd-ust b { font: 700 11px/1.2 'Cinzel', serif; letter-spacing: .1em; color: #efe6d2; }
.ds-r2-kadro .kd-ust small { font: italic 500 11.5px/1.2 'Alegreya', serif; color: #b9ad95; }
.ds-r2-kadro .kd-ust .kd-mum { margin-left: auto; }
.ds-r2-kadro .kd-n.kd-bos { border-color: rgba(197, 160, 89, .7); }
.ds-r2-kadro .kd-mum.kd-kopuk .kd-n::after { background: #121110; }
.ds-r2-kadro .kd-ic p { margin: 3px 0 0; font: 500 12.5px/1.3 'Alegreya', serif; color: #d8ccb2; }
.ds-r2-kadro .kd-ic u { text-decoration: none; margin-right: 4px; font: 700 8.5px/1 'Cinzel', serif; letter-spacing: .16em; color: #c5a059; }
.ds-r2-kadro .kd-son q { font-style: italic; color: #efe6d2; }
.ds-r2-kadro .kd-not { font-style: italic; color: #b9ad95; }
.ds-r2-kadro .kd-not-kan { color: #d08a74; }
.ds-r2-kadro .kd-uzak .kd-yuz { opacity: .55; }
.ds-r2-kadro .kd-olu .kd-ust b { color: #b9ad95; }


/* === § 2 · WP-B === */
/* DUVAR (js/sim/duvar.js): kömür kaya bandı, okra işaretler (hal.js halSvg, currentColor). Sekiz yuva; 1. (İgigi) ve
   8. (kış) ince bir çentikle ayrık. Boş yuva soluk bir çizik (biçim: işaret değil çizgi). Yeni işaret tek atımlık 220 ms
   scale(1.3→1) (doldurmasız: biter bitmez getAnimations'tan düşer); renk tek başına bir şey söylemez — yeni yuvanın
   altında durağan bir okra çizgi, kar'ın yarası üstüne çizik (.kar-yara), her yuvanın adı title/aria'da, iz satırında. */
.hal .hal-yara { display: none; }
.hal.kar-yara .hal-yara { display: inline; }
.dv-serit { display: inline-flex; align-items: flex-start; justify-content: center; gap: 2px; padding: 4px 7px; border-radius: 7px;
  color: var(--r2-okra); background: radial-gradient(circle at 18% 30%, rgba(181, 82, 43, .10), transparent 40%),
  radial-gradient(circle at 76% 70%, rgba(239, 230, 210, .05), transparent 45%), var(--r2-komur);
  border: 1px solid rgba(181, 82, 43, .35); box-shadow: inset 0 1px 0 rgba(239, 230, 210, .06); }
.dv-serit .dv-y { position: relative; display: flex; flex-direction: column; align-items: center; flex: none; width: 26px; font-style: normal; }
.dv-serit .dv-y > svg { display: block; width: 24px; height: 24px; }
.dv-serit .dv-igigi { margin-right: 4px; padding-right: 4px; border-right: 1px solid rgba(181, 82, 43, .32); width: 30px; }
.dv-serit .dv-kis { margin-left: 4px; padding-left: 4px; border-left: 1px solid rgba(181, 82, 43, .32); width: 30px; }
.dv-serit .dv-bos > s { display: block; width: 24px; height: 24px; position: relative; text-decoration: none; }
.dv-serit .dv-bos > s::before { content: ''; position: absolute; left: 7px; top: 11px; width: 10px; height: 1.6px; border-radius: 1px;
  background: currentColor; opacity: .32; transform: rotate(-24deg); }
.dv-serit .dv-yeni::after { content: ''; position: absolute; left: 6px; right: 6px; bottom: -3px; height: 2px; border-radius: 1px; background: currentColor; }
.dv-serit .dv-yeni > svg { animation: dvYeni 220ms ease-out; }
@keyframes dvYeni { from { transform: scale(1.3); } to { transform: scale(1); } }
html body.az-hareket .dv-serit .dv-yeni > svg { animation: none; }
.dv-serit.dv-silik { opacity: .55; }
/* kart arkası: şerit plakanın ÜST KENARINA biner (yer kaplamaz: hukum_sahne.js sigdir'in kare plaka ölçüsü değişmez,
   kart arkasının sığdırma kademeleri bugünkü gibi kalır). Gelenek doğduysa doğum cümlesi aynı kaya bandında, altta. */
#dc-hukum .hk-ek-ust:has(> .dv-arka) { flex: none; height: 0; margin: 0; position: relative; z-index: 3; }
#dc-hukum .hk-ek-ust .dv-arka { position: absolute; left: 8px; right: 8px; top: 7px; display: flex; flex-direction: column;
  align-items: center; gap: 0; pointer-events: none; }
#dc-hukum .hk-ek-ust .dv-arka > .dv-serit { box-shadow: 0 2px 6px rgba(20, 12, 4, .45); }
#dc-hukum .hk-ek-ust .dv-dogum { margin: -1px 0 0; max-width: min(100%, 30em); padding: 4px 10px 5px; box-sizing: border-box; border-radius: 0 0 7px 7px;
  background: var(--r2-komur); border: 1px solid rgba(181, 82, 43, .35); border-top: 0; text-align: center;
  font: italic 500 12px/1.25 var(--a-govde, 'Alegreya', serif); color: var(--r2-fil); box-shadow: 0 2px 6px rgba(20, 12, 4, .45); }
#dc-hukum .hk-ek-ust .dv-dogum b { font: 700 10px/1.2 var(--a-baslik, 'Cinzel', serif); font-style: normal; letter-spacing: .06em; color: var(--r2-okra); }
html body.kartli #dc-hukum .hk-iz .dv-iz { color: #6b3a14; font-weight: 700; }
html body.kartli #dc-hukum .hk-iz .dv-iz-gelenek { color: #7a5a10; font-weight: 700; letter-spacing: .04em; }
html body.kartli #dc-hukum .hk-iz .dv-iz-dolu { color: #5a4a30; }
/* DUVAR OKUNUR (I. kapanışın 1. paneli): 32 px işaretler, altında adları */
#ck-tore .dv-ozet { display: flex; flex-direction: column; align-items: stretch; gap: 6px; }
#ck-tore .dv-serit.dv-ozet { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 2px; padding: 6px 4px 5px; }
#ck-tore .dv-serit.dv-ozet .dv-y { width: auto; min-width: 0; margin: 0; padding: 0; border: 0; gap: 2px; }
#ck-tore .dv-serit.dv-ozet .dv-y > svg, #ck-tore .dv-serit.dv-ozet .dv-bos > s { width: 32px; height: 32px; max-width: 100%; }
#ck-tore .dv-serit.dv-ozet .dv-bos > s::before { left: 10px; top: 15px; width: 12px; }
#ck-tore .dv-serit.dv-ozet .dv-igigi { border-right: 1px solid rgba(181, 82, 43, .32); }
#ck-tore .dv-serit.dv-ozet .dv-kis { border-left: 1px solid rgba(181, 82, 43, .32); }
#ck-tore .dv-serit.dv-ozet small { display: block; max-width: 100%; text-align: center; overflow-wrap: anywhere;
  font: 600 8px/1.1 var(--a-govde, 'Alegreya', serif); font-variant-caps: all-small-caps; letter-spacing: .05em; color: #e3b08f; }
#ck-tore .dv-ozet p { margin: 0; font: 500 12px/1.28 var(--a-govde, 'Alegreya', serif); color: var(--ck-murekkep2); }
#ck-tore .dv-ozet p b { font: 700 10px/1.2 var(--a-baslik, 'Cinzel', serif); letter-spacing: .06em; color: var(--ck-murekkep); }
#ck-tore .dv-ozet .dv-ozet-bos { font-style: italic; }
/* Genelge satırı: işaret kömür bir yuvada (emanet resmi gibi 28 px) */
#ck-tore .ck-satirlar .dv-ck-glif { flex: none; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px;
  border-radius: 50%; background: var(--r2-komur); color: var(--r2-okra); border: 1px solid var(--ck-kenar, #8c6a1e); }
#ck-tore .ck-satirlar .dv-ck-glif > svg { width: 19px; height: 19px; display: block; }
/* rütbe sayfası ve KOMUTAN › KİMSİN: küçük şerit */
.dv-serit.dv-kucuk { gap: 1px; padding: 3px 5px; }
.dv-serit.dv-kucuk .dv-y { width: 20px; }
.dv-serit.dv-kucuk .dv-y > svg, .dv-serit.dv-kucuk .dv-bos > s { width: 18px; height: 18px; }
.dv-serit.dv-kucuk .dv-bos > s::before { left: 5px; top: 8px; width: 8px; }
.dv-serit.dv-kucuk .dv-igigi, .dv-serit.dv-kucuk .dv-kis { width: 23px; margin: 0; padding: 0 2px; }
#od-perde .dv-rutbe { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.ds-r2-duvar .dv-ds-liste { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 3px; }
.ds-r2-duvar .dv-ds-liste li { display: flex; align-items: center; gap: 8px; font: 500 13px/1.25 var(--a-govde, 'Alegreya', serif); }
.ds-r2-duvar .dv-ds-liste b { flex: none; min-width: 6.5em; font: 700 11px/1.2 var(--a-baslik, 'Cinzel', serif); letter-spacing: .05em; }
.ds-r2-duvar .dv-ds-liste span { font-style: italic; opacity: .85; }
.ds-r2-duvar .dv-ds-glif { flex: none; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 4px;
  background: var(--r2-komur); color: var(--r2-okra); }
.ds-r2-duvar .dv-ds-glif > svg { width: 17px; height: 17px; display: block; }
.ds-r2-duvar .dv-ds-gelenek { margin-top: 9px; }
.ds-r2-duvar .dv-ds-gelenek b { font: 700 11.5px/1.2 var(--a-baslik, 'Cinzel', serif); letter-spacing: .06em; }
.ds-r2-duvar .dv-ds-gelenek p { margin: 2px 0 0; font: 500 13px/1.3 var(--a-govde, 'Alegreya', serif); }
.ds-r2-duvar .dv-ds-gelenek u { text-decoration: none; font: 700 9.5px/1 var(--a-baslik, 'Cinzel', serif); letter-spacing: .08em; }


/* === § 3 · WP-C === */
/* SÖZ TABLETİ (soz.js). Söz ve dönüş kartının papirüs çerçevesi (.r2-soz; dönüşte kızıl bant .sz-donus), başlığın
   üstünde damga (.kz-damga.sz-damga — yerleşimi ui_kriz.css §5c), şıkların üstünde tablet (.sz-on: madde Alegreya
   italik, veren Cinzel), kartın arkasında plakanın üstünde tablet (.sz-arka: imzalı / tuttu / bozuk + mühür damgası),
   şerit çipi (.sz-cip), rütbe sayfası ve KOMUTAN dosyası listesi (.sz-liste). Hepsi durağan: papirüs dokusu kutunun
   kendi zemininde (gradyan), ayrı katman açan öğe yok. Tek atım: arka yüzün damgası 220 ms ölçek (soz.js animationend'de
   .sz-yeni söker); az hareket ve prefers-reduced-motion altında hiç oynamaz. */
:root { --sz-papirus: #e9dbb4; --sz-papirus-k: #d8c38e; --sz-murekkep: #2a1d0e; --sz-kahve: #6b5226; --sz-kizil: #9c2b22; }

/* çerçeve: kil tabletin varak kenarının dışına obsidyen kıl + papirüs bant (kriz kartının altın bandının eşi) */
html body.kartli #decision .dc-box.r2-soz {
  box-shadow: 0 0 0 2px var(--r2-obs), 0 0 0 4.5px var(--sz-papirus-k), 0 0 0 5.5px var(--r2-obs),
    inset 0 0 0 1px color-mix(in srgb, var(--kt-deep) 55%, #1a1004), inset 0 2px 0 1px rgba(255, 249, 228, .5),
    0 16px 34px rgba(0, 0, 0, .7) !important;
}
html body.kartli #decision .dc-box.r2-soz.sz-donus {
  box-shadow: 0 0 0 2px var(--r2-obs), 0 0 0 4.5px var(--sz-kizil), 0 0 0 5.5px var(--r2-obs),
    inset 0 0 0 1px color-mix(in srgb, var(--kt-deep) 55%, #1a1004), inset 0 2px 0 1px rgba(255, 249, 228, .5),
    0 16px 34px rgba(0, 0, 0, .7) !important;
}
html body.kartli #decision .dc-box.r2-soz .kz-damga.sz-damga { color: var(--sz-papirus); box-shadow: inset 0 0 0 1px var(--sz-papirus-k), 0 1px 0 rgba(255, 250, 232, .6); }
html body.kartli #decision .dc-box.r2-soz .kz-damga.sz-damga b { font-weight: 700; color: var(--r2-fil); }
html body.kartli #decision .dc-box.r2-soz.sz-donus .kz-damga.sz-damga { box-shadow: inset 0 0 0 1px var(--sz-kizil), 0 1px 0 rgba(255, 250, 232, .6); }
html body.kartli #decision .dc-box.r2-soz #dc-art > img.sz-plaka { outline: 2px solid var(--sz-papirus-k); outline-offset: -2px; }

/* TABLET (ön ve arka yüz ortak): papirüs yaprağı — lif çizgileri ve kenar koyuluğu zeminin kendi gradyanında */
html body.kartli .sz-tablet {
  position: relative; box-sizing: border-box; text-align: center; color: var(--sz-murekkep); border-radius: 3px;
  background:
    repeating-linear-gradient(0deg, rgba(110, 80, 30, .07) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(90deg, rgba(110, 80, 30, .05) 0 1px, transparent 1px 7px),
    linear-gradient(90deg, rgba(120, 88, 36, .22), transparent 9%, transparent 91%, rgba(120, 88, 36, .22)),
    var(--sz-papirus);
  box-shadow: inset 0 0 0 1px rgba(107, 82, 38, .55), 0 1px 0 rgba(255, 250, 232, .5);
}
html body.kartli .sz-tablet .sz-bas { display: block; font: 700 9px/1.2 var(--pr-display); letter-spacing: .18em; color: var(--sz-kahve); }
html body.kartli .sz-tablet .sz-madde { margin: 2px 0 0; font: italic 500 15px/1.24 var(--pr-metin); color: var(--sz-murekkep); text-wrap: balance; }
html body.kartli .sz-tablet .sz-alt { display: block; margin-top: 3px; font: italic 500 11.5px/1.25 var(--pr-metin); color: var(--sz-kahve); }
html body.kartli .sz-tablet.sz-bozuk .sz-madde s { text-decoration: line-through; text-decoration-color: var(--sz-kizil); text-decoration-thickness: 1.5px; }
html body.kartli .sz-tablet .sz-kirmizi { color: var(--sz-kizil); font-style: italic; font-weight: 700; }

/* ön yüz: şıkların hemen üstünde, kartın içerik sütununda (#dc-options'tan önce) */
html body.kartli #decision .dc-box > .sz-tablet.sz-on { flex: none; margin: 4px 12px 8px; padding: 6px 12px 7px; }
@media (max-height: 700px) {
  html body.kartli #decision .dc-box > .sz-tablet.sz-on { margin: 2px 10px 5px; padding: 4px 10px 5px; }
  html body.kartli #decision .dc-box > .sz-tablet.sz-on .sz-madde { font-size: 13.5px; }
  html body.kartli #decision .dc-box > .sz-tablet.sz-on .sz-alt { font-size: 10.5px; }
}

/* arka yüz: plakanın üstünde (hukum_sahne.js .hk-ek-ust); Perde II'de solda küçük papirüs plakası, sağ üstte damga */
html body.kartli #dc-hukum .sz-tablet.sz-arka { display: flex; align-items: center; gap: 9px; margin: 0 2px; padding: 6px 12px 7px; text-align: left; }
html body.kartli #dc-hukum .sz-tablet.sz-arka .sz-govde { flex: 1 1 auto; min-width: 0; }
html body.kartli #dc-hukum .sz-tablet.sz-arka .sz-madde { font-size: 14px; }
html body.kartli #dc-hukum .sz-tablet.sz-arka .sz-alt { font-size: 11px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
html body.kartli #dc-hukum .sz-tablet .sz-kucuk { flex: none; display: block; width: 46px; height: 46px; object-fit: cover; border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(107, 82, 38, .6); }
html body.kartli #dc-hukum .sz-tablet .sz-damga { flex: none; align-self: flex-start; padding: 3px 6px 2px; border-radius: 2px; rotate: -6deg;
  font: 700 9.5px/1 var(--pr-display); letter-spacing: .14em; color: #f3e6c4; background: var(--sz-kahve); }
html body.kartli #dc-hukum .sz-tablet.sz-bozuk .sz-damga { background: var(--sz-kizil); }
html body.kartli #dc-hukum .sz-tablet.sz-tuttu .sz-damga { background: #2f5a34; }
html body.kartli #dc-hukum .sz-tablet .sz-damga.sz-yeni { animation: szDamga 220ms ease-out 1 backwards; }
@keyframes szDamga { from { transform: scale(1.3); opacity: 0; } to { transform: scale(1); opacity: 1; } }
html body.kartli #dc-hukum.hk-c .hk-iz .sz-iz { color: #6b4e17; }
html body.kartli #dc-hukum.hk-c .hk-iz .sz-kirik { color: var(--sz-kizil); }
@media (max-height: 700px) {
  html body.kartli #dc-hukum .sz-tablet.sz-arka { padding: 4px 10px 5px; gap: 7px; }
  html body.kartli #dc-hukum .sz-tablet.sz-arka .sz-alt { display: none; }
  html body.kartli #dc-hukum .sz-tablet .sz-kucuk { width: 36px; height: 36px; }
}

/* şerit çipi: ✎ VEREN · k/n (ui_kriz.css .od-ek kalıbı); dar ekranda verenin adı düşer, sayım kalır */
html body.kartli #od-serit .sz-cip { padding: 0 5px 0 4px; gap: 3px; border-radius: 999px; background: var(--r2-obs); color: var(--sz-papirus);
  box-shadow: inset 0 0 0 1px var(--sz-papirus-k); }
html body.kartli #od-serit .sz-cip b { all: unset; font: 700 9px/1 var(--pr-metin); color: var(--sz-papirus-k); }
html body.kartli #od-serit .sz-cip i { font: 700 8.5px/1 var(--pr-display); font-style: normal; letter-spacing: .06em; color: var(--sz-papirus); white-space: nowrap; }
html body.kartli #od-serit .sz-cip em { font: 700 9px/1 var(--pr-display); font-style: normal; letter-spacing: 0; color: var(--r2-fil); font-variant-numeric: tabular-nums; }
html body.kartli #od-serit .sz-cip.sz-konsey { box-shadow: inset 0 0 0 1px var(--r2-altin); }
@media (max-width: 380px) {
  html body.kartli #od-serit .sz-cip + .sz-cip i, html body.kartli #od-serit .sz-cip:has(+ .sz-cip) i,
  html body.kartli #od-serit.kriz .sz-cip i { display: none; }
}

/* rütbe sayfası ve KOMUTAN · SÖZLER: veren · durum · madde */
.sz-liste { list-style: none; margin: 4px 0 6px; padding: 0; text-align: left; }
.sz-liste .sz-sat { display: grid; grid-template-columns: auto 1fr; gap: 1px 8px; padding: 5px 0; border-bottom: 1px solid rgba(107, 82, 38, .2); }
.sz-liste .sz-sat:last-child { border-bottom: 0; }
.sz-liste .sz-sat b { font: 700 10px/1.3 var(--pr-display); letter-spacing: .1em; color: #5a4320; }
.sz-liste .sz-sat em { justify-self: end; font: 700 9.5px/1.3 var(--pr-display); font-style: normal; letter-spacing: .08em; color: #6b5226; }
.sz-liste .sz-sat i { grid-column: 1 / -1; font: italic 500 13px/1.3 var(--pr-metin); color: #3a2c12; }
.sz-liste .sz-d-tuttu em { color: #2f5a34; }
.sz-liste .sz-d-bozuldu em, .sz-liste .sz-d-dondu em { color: var(--sz-kizil); }
.sz-liste .sz-d-bozuldu i, .sz-liste .sz-d-dondu i { text-decoration: line-through; text-decoration-color: rgba(156, 43, 34, .6); }

body.az-hareket #dc-hukum .sz-tablet .sz-damga.sz-yeni { animation: none; }
@media (prefers-reduced-motion: reduce) { html body.kartli #dc-hukum .sz-tablet .sz-damga.sz-yeni { animation: none; } }


/* === § 4 · WP-D === */
/* GEMİ DEFTERİ (gemi.js defterHtml): kartın ön yüzünde metin ile şıklar arasında, arkasında plakanın üstünde (.hk-ek-ust).
   Papirüs bant, mürekkep yazı; binen topluluk kızıl mühürlü, bu adımın çifti altın çizgili, geride kalan soluk ve çizili.
   Durağan; yalnız arkada yeni binenin mührü tek atımla iner (220 ms). */
.gd-defter { --gd-murekkep: #1c1506; --gd-murekkep2: #4a3a1c; --gd-kenar: #8c6a1e;
  margin: 4px 2px 6px; padding: 6px 8px 7px; border: 1px solid rgba(140, 106, 30, .55); border-radius: 8px;
  background: #eadfc2; color: var(--gd-murekkep); box-shadow: inset 0 0 0 2px #f1e7cd; text-align: left; }
.gd-defter .gd-bas { display: flex; align-items: center; gap: 6px; min-width: 0; white-space: nowrap;
  font: 700 9.5px/1.2 var(--a-baslik, 'Cinzel', serif); letter-spacing: .14em; color: var(--gd-murekkep); }
.gd-defter .gd-ik { flex: none; width: 15px; height: 15px; fill: none; stroke: var(--gd-kenar); stroke-width: 1.7; stroke-linejoin: round; stroke-linecap: round; }
.gd-defter .gd-aile { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis;
  font: italic 500 11px/1.2 var(--a-govde, 'Alegreya', serif); letter-spacing: 0; color: #5a4a28; }
.gd-defter .gd-yer { flex: none; display: inline-flex; gap: 3px; }
.gd-defter .gd-koltuk { display: block; width: 9px; height: 9px; box-sizing: border-box; border-radius: 50%; border: 1.5px solid var(--gd-kenar); }
.gd-defter .gd-koltuk.dolu { background: var(--r2-kizil); border-color: var(--r2-kizil); }
/* sütunlar adın boyunda (ZANAATKÂRLAR en uzunu): eşit sütunda 360 px'te kırpılıyordu */
.gd-defter .gd-liste { display: grid; grid-template-columns: repeat(3, auto); justify-content: space-between; gap: 4px; margin-top: 5px; }
.gd-defter .gd-cift { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 2px 3px; border-radius: 6px; border: 1px solid transparent; }
.gd-defter .gd-cift.sira { border-color: var(--r2-altin); background: rgba(197, 160, 89, .16); }
.gd-defter .gd-g { position: relative; display: block; min-width: 0; padding: 1px 0 1px 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font: 700 8.5px/1.35 var(--a-baslik, 'Cinzel', serif); letter-spacing: .01em; color: rgba(74, 58, 28, .62); }
.gd-defter .gd-g::before { content: ''; position: absolute; left: 2px; top: 50%; width: 6px; height: 6px; margin-top: -3px; box-sizing: border-box;
  border-radius: 50%; border: 1px solid rgba(140, 106, 30, .55); }
.gd-defter .gd-g.bindi { color: var(--gd-murekkep); }
.gd-defter .gd-g.bindi::before { display: none; }
.gd-defter .gd-g.kaldi { color: rgba(74, 58, 28, .4); text-decoration: line-through; text-decoration-color: rgba(74, 58, 28, .35); }
.gd-defter .gd-muhur { position: absolute; left: 0; top: 50%; width: 9px; height: 9px; margin-top: -4.5px; border-radius: 50%;
  background: var(--r2-kizil); box-shadow: 0 0 0 1px rgba(168, 50, 42, .3); }
.gd-defter .gd-yeni .gd-muhur { animation: gdDamga 220ms ease-out backwards; }
@keyframes gdDamga { from { transform: scale(1.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }
/* kartın arkası: plakanın üstünde, biraz daha sıkı */
#dc-hukum .gd-defter.gd-arka { margin: 0 0 2px; padding: 5px 7px 6px; }
#dc-hukum .gd-defter.gd-arka .gd-liste { margin-top: 4px; }
html body.kartli #dc-hukum .hk-iz .gemi { color: #7a5a10; font-weight: 700; }
/* III / IV Genelge satırı ve II. kapanışın satırı (cag_kapi.js ck-satirlar / 3. panel) */
#ck-tore .ck-satirlar li.ck-gemi .gd-ik, #ck-tore .ck-s-gemi .gd-ik { flex: none; width: 18px; height: 18px; fill: none; stroke: var(--ck-kenar, #8c6a1e);
  stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; }
#ck-tore .ck-satirlar li.ck-gemi .gd-ik { width: 28px; }
#ck-tore .ck-satirlar li.ck-gemi b { margin-right: 1px; font-size: 11px; letter-spacing: .1em; }
#ck-tore .ck-s-gemi .gd-ik { display: inline-block; width: 15px; height: 15px; margin: -3px 5px 0 0; vertical-align: middle; }
#ck-tore .ck-s-gemi-kaldi { font-style: italic !important; color: #5a4a28 !important; }
/* dar ekranda (360×640) tek satır: geride kalanın satırı düşer, defter satırı kırpılır (II. kapanış kaydırmasız sığsın) */
@media (max-height: 700px) {
  #ck-tore .ck-s-gemi-kaldi { display: none; }
  #ck-tore .ck-s-gemi { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}

/* "YEDİ GÜN YEDİ GECE" — set piece (sahne_dizi.js): obsidyen, altın, fildişi; kare plaka, Cinzel başlık, Alegreya satır,
   dört sayfa işareti, tek basılı tutma düğmesi. Sayfa değişimi tek atımlık opacity (eski 200 ms söner, yeni 280 ms
   belirir); katman kapanınca DOM'dan çıkar. Açıkken altındaki tam ekran katmanlar görünmez (body.sd-acik). */
#sd-dizi { position: fixed; inset: 0; z-index: 9705; box-sizing: border-box; display: flex; flex-direction: column; gap: 10px;
  padding: max(14px, env(safe-area-inset-top)) 16px max(14px, env(safe-area-inset-bottom));
  background: var(--r2-obs); color: var(--r2-fil); overflow: hidden;
  -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; }
#sd-dizi .sd-ust { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; max-width: 480px; margin: 0 auto;
  font: 700 10.5px/1.2 var(--a-baslik, 'Cinzel', serif); letter-spacing: .22em; color: var(--r2-altin); white-space: nowrap; }
#sd-dizi .sd-ad { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
#sd-dizi .sd-isaret { flex: none; display: inline-flex; gap: 7px; }
#sd-dizi .sd-isaret i { display: block; width: 7px; height: 7px; box-sizing: border-box; border-radius: 50%; border: 1px solid var(--r2-altin); }
#sd-dizi .sd-isaret i.gecti { background: rgba(197, 160, 89, .45); }
#sd-dizi .sd-isaret i.on { background: var(--r2-altin); }
#sd-dizi .sd-govde { position: relative; flex: 1 1 auto; min-height: 0; width: 100%; max-width: 480px; margin: 0 auto; }
#sd-dizi .sd-sayfa { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
  text-align: center; opacity: 1; transition: opacity 280ms ease-out; }
#sd-dizi .sd-sayfa.sd-gir { opacity: 0; transition: none; }
#sd-dizi .sd-sayfa.sd-cik { opacity: 0; transition: opacity 200ms ease-in; pointer-events: none; }
#sd-dizi .sd-plaka { flex: none; margin: 0; width: min(78vw, 46vh); width: min(78vw, 46dvh); aspect-ratio: 1 / 1; box-sizing: border-box; overflow: hidden;
  border: 1px solid var(--r2-altin); border-radius: 4px; background: var(--r2-komur);
  box-shadow: 0 0 0 4px var(--r2-obs), 0 0 0 5px rgba(197, 160, 89, .38); }
#sd-dizi .sd-plaka img { display: block; width: 100%; height: 100%; object-fit: cover; }
#sd-dizi .sd-baslik { margin: 6px 0 0; font: 700 20px/1.15 var(--a-baslik, 'Cinzel', serif); letter-spacing: .1em; color: var(--r2-altin); }
#sd-dizi .sd-satir { margin: 0; max-width: 32em; padding: 0 4px; font: 500 16px/1.38 var(--a-govde, 'Alegreya', serif); color: var(--r2-fil); }
#sd-dizi .sd-emanet { margin-top: 2px; }
#sd-dizi .sd-emanet .em-yuva.sd-dus { animation: sdDus 180ms ease-in backwards; }
@keyframes sdDus { from { transform: translateY(-12px) scale(1.25); } to { transform: none; } }
#sd-dizi .sd-tut:is(#pr-k, *) { position: relative; flex: none; display: flex; width: 100%; max-width: 440px; min-height: 52px; margin: 0 auto 2px; padding: 0 14px 4px;
  font-size: 13px; letter-spacing: .14em; overflow: hidden; }
#sd-dizi .sd-tut span { position: relative; }
#sd-dizi .sd-tut s { position: absolute; left: 16px; right: 16px; bottom: 8px; height: 3px; border-radius: 2px; overflow: hidden;
  background: rgba(28, 21, 6, .2); text-decoration: none; pointer-events: none; }
#sd-dizi .sd-tut s i { position: absolute; inset: 0; border-radius: inherit; background: #1c1506; transform: scaleX(0); transform-origin: 0 50%; }
#sd-dizi .sd-tut.tut-dolu s i { transform: scaleX(1); transition: transform var(--tut-ms, 600ms) linear; }
#sd-dizi .sd-tut.tut-dolu:is(#pr-k, *) { transform: translateY(4px); box-shadow: 0 0 0 var(--a-altin-kenar, #8c6a1e); }
#sd-dizi.sd-muhurlu .sd-tut { pointer-events: none; }
body.sd-acik #sefer, body.sd-acik #signal, body.sd-acik #rejim, body.sd-acik #rite { visibility: hidden !important; }
@media (max-height: 700px) {
  #sd-dizi { gap: 8px; }
  #sd-dizi .sd-baslik { font-size: 18px; margin-top: 2px; }
  #sd-dizi .sd-satir { font-size: 15px; line-height: 1.32; }
  #sd-dizi .sd-tut:is(#pr-k, *) { min-height: 48px; }
}
body.az-hareket #sd-dizi .sd-sayfa, body.az-hareket .gd-defter .gd-yeni .gd-muhur, body.az-hareket #sd-dizi .em-yuva { transition: none; animation: none; }
@media (prefers-reduced-motion: reduce) { #sd-dizi .sd-sayfa, .gd-defter .gd-yeni .gd-muhur, #sd-dizi .em-yuva { transition: none; animation: none; } }