/* SIXTH PATH // css/ui_kanon.css :: Sürüm "KANON" (Anunnaki) — yedi kapının Genelge satırı ve kapanış paneli, Son Hüküm
   kartının çerçevesi, kapıların söze döndürdüğü okumalar. kanon_plan/SPEC.md §1.1, §2.5–2.6 · WP-K3 (js/sim/kapi7.js).
   Dil (sahibi, A · OBSİDYEN VE ALTIN): düz obsidyen #121110, tek vurgu düz altın #D2AC52, fildişi #EEE6D4; Cinzel (sıra,
   me, damga) + Alegreya (Neti'nin sözü, kayıp). Kapı bloğu fildişi levhanın içinde obsidyen bir pencere: yeraltının kapısı.
   KURAL (Android WebView, SPEC §0): yalnız tek atımlık transform/opacity (≤ 600 ms), sonsuz animasyon, kalıcı will-change,
   mask, blend, backdrop-filter, filter/blur YOK; süsler öğenin kendi zemininde ya da kutu gölgesinde — ayrı katman yok.
   Tören bitince (.bitti) giriş söker; katman kapanınca DOM'dan silinir (cag_kapi.js). */

:root { --kn-obs: #121110; --kn-altin: #D2AC52; --kn-fil: #EEE6D4; --kn-kizil: #e08a6c; --kn-yesil: #9cc98a; --kn-soluk: #b9ad95; }

/* =============================================================================
   1 · KAPI BLOĞU — Genelge'de li.ck-kapi-genelge (ul.ck-satirlar'ın son satırı), kapanışta div.ck-kapi-kapanis (3. pano)
   [plaka 72 px] YEDİ KAPININ İKİNCİSİ / LACİVERT BONCUKLAR / “Neti'nin sözü” / ✕ kayıp / ✦ yumuşatan
   Giriş: diğer satırlardan sonra tek 300 ms opacity + translateY(8px). Sığdırma (cag_kapi.js sigdirKapi): ck-sik1 plakayı,
   ck-sik2 Neti'nin sözünü çeker.
   ============================================================================= */
#ck-tore .ck-kapi,
#ck-tore .ck-satirlar li.ck-kapi {
  display: flex; align-items: flex-start; gap: 10px; min-height: 0; margin: 2px 0 0; padding: 8px 10px 9px 8px;
  border-radius: 8px; background: var(--kn-obs); color: var(--kn-fil); text-align: left;
  border: 1px solid var(--kn-altin); box-shadow: inset 0 0 0 2px var(--kn-obs), inset 0 0 0 3px rgba(210, 172, 82, .32);
  font: 500 12.5px/1.26 var(--a-govde, 'Alegreya', Georgia, serif);
}
/* giriş: Genelge 2800 + 400 ms'de oturur → kapı 3200'de; yalnız Genelge (eski kayıt) 150; kapanış 500. Tek seçici: .atla /
   .bitti aynı ağırlıkla söker (li seçicisi burada animasyon taşımaz) */
#ck-tore .ck-kapi { animation: knKapi 300ms 3200ms ease-out backwards; }
#ck-tore.ck-sade .ck-kapi { animation-delay: 150ms; }
#ck-tore .ck-kapi.ck-kapi-kapanis { animation-delay: 500ms; }
#ck-tore .ck-kapi img.ck-kapi-plaka {
  flex: none; display: block; width: 72px; height: 72px; margin: 1px 0 0; object-fit: cover; border-radius: 4px;
  border: 1px solid var(--kn-altin); background: #2a241a; box-shadow: 0 0 0 2px var(--kn-obs);
}
#ck-tore .ck-kapi .ck-kapi-ic { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
#ck-tore .ck-kapi small { display: block; font: 700 8.5px/1.2 var(--a-baslik, 'Cinzel', serif); letter-spacing: .18em; color: var(--kn-altin); }
#ck-tore .ck-kapi .ck-kapi-ic > b,
#ck-tore .ck-satirlar .ck-kapi .ck-kapi-ic > b { display: block; font: 700 13.5px/1.15 var(--a-baslik, 'Cinzel', serif); letter-spacing: .06em; color: var(--kn-fil); }
#ck-tore .ck-kapi q { display: block; margin: 2px 0 1px; font: italic 500 12.5px/1.26 var(--a-govde, 'Alegreya', serif); color: var(--kn-soluk); quotes: '“' '”'; }
#ck-tore .ck-kapi p,
#ck-tore .ck-panel .ck-kapi p { margin: 0; font: 500 12.5px/1.26 var(--a-govde, 'Alegreya', serif); }
#ck-tore .ck-kapi p.ck-kapi-kayip { color: var(--kn-kizil); }
#ck-tore .ck-kapi p.ck-kapi-yum { color: var(--kn-yesil); }
#ck-tore .ck-kapi p.ck-kapi-yum > b,
#ck-tore .ck-panel .ck-kapi p.ck-kapi-yum > b { margin: 0; font: 700 10.5px/1.2 var(--a-baslik, 'Cinzel', serif); letter-spacing: .05em; color: var(--kn-yesil); }
/* parşömenin satırları büzülmez: taşan içerik ezilmez (ellipsis'li satır overflow:hidden olduğu için yarıya iniyordu),
   taşma olarak ölçülür ve aşağıdaki basamaklarla sığdırılır */
#ck-tore .ck-parsomen > * { flex-shrink: 0; }
/* sığdırma basamakları: önce kapının plakası, sonra Neti'nin sözü */
#ck-tore.ck-sik1 .ck-kapi img.ck-kapi-plaka { display: none; }
#ck-tore.ck-sik2 .ck-kapi q { display: none; }
/* kapanış parşömeni hâlâ taşıyorsa (360×640, kapı bloğuyla): yüzlerin hatırladığı söz ve başlığın harf aralığı, sonra üç
   karenin alıntısı tek satır, en son kırılan taşlar satırı — kapının kendi sözü (kayıp) hiç çekilmez */
#ck-tore.ck-sik3 .ck-yuzler q { display: none; }
#ck-tore.ck-sik3 .ck-k-baslik { letter-spacing: .08em; }
#ck-tore.ck-sik4 .ck-uc figcaption span { -webkit-line-clamp: 1; }
#ck-tore.ck-sik5 .ck-k-satir { display: none; }
#ck-tore.ck-sik6 .ck-uc img { aspect-ratio: 4 / 3; }
#ck-tore.ck-sik7 .ck-parsomen { gap: 3px; padding-top: 8px; padding-bottom: 8px; }
#ck-tore.ck-sik7 .ck-panel { gap: 4px; }
/* dar ekran: plaka küçülür, yazı bir tık sıkışır (kaydırmasız kalsın) */
@media (max-height: 700px) {
  #ck-tore .ck-kapi, #ck-tore .ck-satirlar li.ck-kapi { padding: 6px 9px 7px 7px; gap: 8px; font-size: 12px; }
  #ck-tore .ck-kapi img.ck-kapi-plaka { width: 56px; height: 56px; }
  #ck-tore .ck-kapi q, #ck-tore .ck-kapi p, #ck-tore .ck-panel .ck-kapi p { font-size: 12px; line-height: 1.22; }
  #ck-tore .ck-kapi .ck-kapi-ic > b, #ck-tore .ck-satirlar .ck-kapi .ck-kapi-ic > b { font-size: 12.5px; }
}
@keyframes knKapi { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
#ck-tore.atla .ck-kapi, #ck-tore.bitti .ck-kapi, #ck-tore.atla .ck-kapi.ck-kapi-kapanis, #ck-tore.bitti .ck-kapi.ck-kapi-kapanis { animation: none; }
@media (prefers-reduced-motion: reduce) { #ck-tore .ck-kapi { animation: none !important; } }

/* =============================================================================
   2 · SON HÜKÜM KARTI (kapi7.js sonHukumKarti) — yedinci kapı: fildişi + obsidyen + altın üç düz halka, plakanın
   üstünde obsidyen "SON HÜKÜM · VII" damgası. Durağan: giriş süsü yok (kartın kendi girişi yeter).
   ============================================================================= */
html body.kartli #decision .dc-box.kn-son {
  box-shadow: 0 0 0 2px var(--kn-fil), 0 0 0 4px var(--kn-obs), 0 0 0 5.5px var(--kn-altin), 0 0 0 6.5px var(--kn-obs),
    inset 0 0 0 1px color-mix(in srgb, var(--kt-deep, #5a4520) 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.kn-son #dc-art.kn-son-art { position: relative; }
html body.kartli #decision .dc-box.kn-son #dc-art > img.kn-son-plaka { box-shadow: inset 0 0 0 1px var(--kn-obs); outline: 2px solid var(--kn-altin); outline-offset: -2px; }
html body.kartli #decision .dc-box.kn-son .kn-son-damga {
  position: absolute; z-index: 3; left: 0; right: 0; top: 0; width: max-content; margin: 0 auto; display: flex; align-items: center; gap: 6px;
  height: 22px; padding: 0 10px; border-radius: 0 0 4px 4px; pointer-events: none;
  background: var(--kn-obs); color: var(--kn-altin); box-shadow: inset 0 -1px 0 var(--kn-altin), inset 1px 0 0 var(--kn-altin), inset -1px 0 0 var(--kn-altin);
  font: 700 10px/1 var(--pr-display, 'Cinzel', serif); letter-spacing: .18em; font-style: normal; white-space: nowrap;
}
html body.kartli #decision .dc-box.kn-son .kn-son-damga b { font-weight: 700; color: var(--kn-fil); }
html body.kartli #decision .dc-box.kn-son .kn-son-damga s { text-decoration: none; padding-left: 6px; border-left: 1px solid rgba(210, 172, 82, .55); }
html body.kartli #decision .dc-box.kn-son > h2#dc-title { color: var(--kn-obs) !important; letter-spacing: .16em !important; }
/* kartın arkası: yedinci kapının izi */
html body.kartli #dc-hukum.kn-son-arka .hk-resim { outline: 2px solid var(--kn-altin); outline-offset: -2px; }
html body.kartli #dc-hukum .hk-iz .kn-iz-kapi { color: #7a5a10; font-weight: 700; }
/* Son Hüküm kartının arkası: V'in çağ hedefi ve ödeme hapı (çağ özetinin .ck-kazanc satırıyla aynı söz) */
html body.kartli #dc-hukum .hk-iz .kn-iz-hedef { color: #5a4a30; }
html body.kartli #dc-hukum .hk-iz .kn-iz-odul { color: #7a5a10; font-weight: 700; letter-spacing: .04em; }
html body.kartli #dc-hukum .hk-iz .kn-iz-kayip { color: #8f2a1a; }

/* =============================================================================
   3 · SÖZE DÖNEN OKUMALAR — K2 Kâhin (payCiz em.soz), K6 yol kadranı (zamanyolu.js .zy-soz); rütbe sayfasının kapı satırı
   ============================================================================= */
html body.kartli #dc-options .dc-opt .pay i em.soz { font: 700 8px/1 var(--pr-display, 'Cinzel', serif); letter-spacing: .04em; text-transform: uppercase; }
.zy-kd .zy-deg.zy-soz { font-size: 3.5px; letter-spacing: .02em; }
.kn-kapilar .kn-kapi-ad { white-space: nowrap; }
/* K1: saray ediminin düğmesinde "· KRAL ELİYLE" (palace.js edimEtiket) */
.pal-edim b .pal-edim-ek { display: block; margin-top: 2px; font-size: 8.5px; letter-spacing: .12em; color: var(--w-stone, #a79f8f); }
.kn-kapilar .kn-kapi-ad.yum { color: #2c6236; }