/* ui_kart.css — premium UI katmanı (2026-09-24). css/premium.css tokenlarını kullanır.
   UI AJANI B: oyun ekranı, telefon kartlı kip (body.kartli, ≤620px) — tepe şerit (#cmd-vitals), kil tablet kart
   (#decision .dc-box), ödül şeridi/çipleri (odul.js), SON HÜKMÜN İZİ, rejim bantları. (6 · FERMAN 2026-09-25'te kalktı:
   mühürlenen kart döner, sonucu kartın arkası söyler — css/ui_hukum.css; ön yüz olduğu gibi kalır.)
   Sahibinin onayladığı kavramlar korunur (kil tablet, solda kemerli portre + sağda balon, üstte ad/yer, "Sis" yer
   görseli, « kart · kart » · kart ⌄); bu dosya malzemeyi,
   tipografiyi ve basılma hallerini yükseltir.
   PERFORMANS KURALI (docs/devir/PERF_2026-09-23.md): burada sonsuz animasyon, kalıcı will-change, mask, blend,
   backdrop-filter, büyük filtre YOK. Süsler kartın KENDİ arka plan katmanlarında (kartla birlikte kayar, ayrı öğe /
   Overlap katmanı açmaz). Tek seferlik animasyonlar ≤600 ms ve yalnız transform/scale/opacity.
   Özgüllük: sim.css + index.html #cmd-css + odul.js #od-stil bizden SONRA ya da !important'lı; kurallar
   "html body.kartli" ile bir öğe fazla özgüllükle yazılır. SVG'ler scratchpad b_css_uret.mjs ile kodlandı. */


/* =============================================================================
   1 · TEPE ŞERİT — obsidyen bant, bronz çerçeveli iki gömme plaka, ince kanal göstergeler
   ============================================================================= */
html body.kartli.mapless #cmd-vitals {
  background: linear-gradient(180deg, #1c1710 0%, #110d09 62%, #0a0806 100%) !important;
  box-shadow: inset 0 -1px 0 rgba(214, 176, 90, .42), 0 1px 0 #000, 0 8px 16px rgba(0, 0, 0, .55) !important;
  border-bottom: 0 !important;
}
html body.kartli.mapless #cmd-vitals #vt-group,
html body.kartli.mapless #cmd-vitals .vt-doors {
  border: 1px solid transparent !important; border-radius: 11px !important;
  background: linear-gradient(180deg, #120e0a, #0a0806) padding-box, var(--pr-bronz-kenar) border-box !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .7), inset 0 1px 0 1px rgba(255, 226, 160, .07),
    inset 0 7px 12px rgba(0, 0, 0, .55), 0 1px 0 rgba(255, 220, 150, .06) !important;
}
/* okuma: ikon yuvası + altında oyuk kanal; dolu kısım renkli, üstünde ince ışık */
html body.kartli.mapless #cmd-vitals #vt-group .vt .vt-ic,
html body.kartli.mapless #cmd-vitals #vt-group .vt .vt-fill { filter: none !important; }
/* eğilim (şık kurulunca .up/.down, main.js previewVitals) geçişsiz: renk geçişi bileşikleyiciye inmez, kart sürüklenirken
   kurulma karesinden sonra ~0.2 sn her karede şeridin stilini yeniden hesaplatıyordu (PERF 2026-09-25, 4x: 42 hesap / 250 ms) */
html body.kartli.mapless #cmd-vitals #vt-group .vt .vt-ic { transition: none !important; }
html body.kartli.mapless #cmd-vitals #vt-group .vt .vt-ic > svg { opacity: .3; }
html body.kartli.mapless #cmd-vitals #vt-group .vt::after {
  height: 3px !important; border-radius: 2px !important; background: rgba(214, 176, 90, .16) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .85), 0 1px 0 rgba(214, 176, 90, .14) !important;
}
html body.kartli.mapless #cmd-vitals #vt-group .vt::before {
  height: 3px !important; border-radius: 2px !important; box-shadow: none !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 70%) !important;
}
/* kriz: kızıl dolgu kare değil, yuvanın içinde kızıl mine hale; nabız 3 kez atar (sim.css sayısı) */
html body.kartli.mapless #cmd-vitals #vt-group .vt.crit {
  border-radius: 8px; background: radial-gradient(circle at 50% 42%, rgba(230, 72, 40, .34), rgba(230, 72, 40, 0) 72%) !important;
  box-shadow: inset 0 0 0 1px rgba(236, 96, 60, .7) !important;
  animation: bKriz 1.4s ease-in-out 3 !important;
}
@keyframes bKriz { 50% { box-shadow: inset 0 0 0 1px rgba(255, 130, 90, .95), inset 0 0 10px rgba(236, 96, 60, .55); } }
/* kapılar: gömme bronz yuva; basınca iner */
html body.kartli.mapless #cmd-vitals .vt-door,
html body.kartli.mapless #cmd-vitals .vt-face {
  border-radius: 9px !important;
  background: radial-gradient(circle at 50% 30%, #2c2317, #120e09 72%) !important;
  box-shadow: inset 0 0 0 1px rgba(214, 176, 90, .26), inset 0 1px 0 1px rgba(255, 230, 170, .07),
    0 1px 0 rgba(0, 0, 0, .7) !important;
}
html body.kartli.mapless #cmd-vitals .vt-door:active,
html body.kartli.mapless #cmd-vitals .vt-face:active {
  background: radial-gradient(circle at 50% 60%, #221a10, #0c0906 72%) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .8), inset 0 0 0 1px rgba(214, 176, 90, .4) !important; transform: translateY(1px);
}
html body.kartli.mapless #cmd-vitals .vt-door.kapi-kilitli { background: #0d0a07 !important; box-shadow: inset 0 0 0 1px rgba(214, 176, 90, .12) !important; }
html body.kartli.mapless #cmd-vitals .vt-door::after, html body.kartli.mapless #cmd-vitals .vt-face::after { display: none !important; }
/* yol/rehber daveti (.yol-parla, main.js/rehber.js — mühürden sonra komutan kapısı): 3 vuruş, sonra sabit altın hale.
   Vuruş yalnız "scale" (bileşikleyicide, boya yok); hale durağan box-shadow. sim.css'teki sonsuz yolParla burada yok. */
html body.kartli.mapless #cmd-vitals .vt-face.yol-parla,
html body.kartli.mapless #cmd-vitals .vt-door.yol-parla {
  animation: bYolParla 1.1s ease-in-out 3 !important;
  box-shadow: inset 0 0 0 1px rgba(244, 223, 160, .85), 0 0 0 1px rgba(214, 176, 90, .55), 0 0 10px rgba(var(--lit-rgb, 232, 201, 106), .55) !important;
}
@keyframes bYolParla { 0%, 100% { scale: 1; } 50% { scale: 1.1; } }
@media (prefers-reduced-motion: reduce) { html body.kartli.mapless #cmd-vitals .yol-parla { animation: none !important; } }
/* komutan rozeti: altın sikke, oyulmuş rakam */
html body.kartli.mapless #cmd-vitals .vt-yol-rozet {
  background: var(--pr-varak-parla, var(--pr-varak)) !important; color: #2a1c06 !important;
  border: 1px solid #3a2808 !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .7), inset 0 1px 0 rgba(255, 250, 220, .7) !important;
  font: 700 9px/13px var(--pr-display) !important; text-shadow: 0 1px 0 rgba(255, 240, 200, .6);
}
/* beşinci yuva (ölümcül okuma) rakamı: kızıl mine pul, altın kıl */
html body.kartli.mapless #cmd-vitals #vt-group .vt.vt-olum .vt-olum-d {
  background: linear-gradient(180deg, #c8462a, #86200f) !important; color: #fff1e4 !important;
  box-shadow: 0 0 0 1px rgba(255, 210, 160, .55), 0 1px 2px rgba(0, 0, 0, .7) !important; border-radius: 4px !important;
}

/* =============================================================================
   2 · KİL TABLET — varak kenar, çift kıl çerçeve, köşe palmetleri, alt arma, lif dokusu.
   Hepsi kutunun arka plan katmanı: kartla kayar, ayrı öğe/katman yok (.dc-susleme gizli).
   ============================================================================= */
html body.kartli .decision { background: radial-gradient(120% 70% at 50% 34%, rgba(92, 64, 22, .28), rgba(0, 0, 0, 0) 70%), rgba(5, 4, 2, .88); }
html body.kartli .dc-susleme { display: none !important; }
html body.kartli .dc-box {
  border: 2px solid transparent; isolation: isolate;
  border-radius: 20px 20px 24px 24px / 20px 20px 26px 26px;
  background:
    radial-gradient(120% 55% at 50% 0%, rgba(255, 251, 238, .5), rgba(255, 251, 238, 0) 62%) padding-box,
    radial-gradient(150% 105% at 50% 42%, rgba(0, 0, 0, 0) 58%, color-mix(in srgb, var(--kt-deep) 30%, transparent) 100%) padding-box,
    linear-gradient(174deg, var(--kt-pale) 0%, var(--kt-mid) 60%, var(--kt-dark) 100%) padding-box,
    var(--b-varak) border-box;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--kt-deep) 55%, #1a1004), inset 0 2px 0 1px rgba(255, 249, 228, .5),
    inset 0 0 26px color-mix(in srgb, var(--kt-deep) 20%, transparent), 0 2px 0 rgba(0, 0, 0, .55), 0 16px 34px rgba(0, 0, 0, .66);
  outline: 0;
  /* TEPE PAYI (sahibi, 2026-09-25: "üstteki ilerleme barı tavana yapışık olmamalı"): rütbe şeridi ve köşe dizini kartın
     üst kenarından 14 px içeride (eskiden 6 px — iç çerçeve çizgisinin üstündeydi). İçerik 8 px aşağıdan başlar; 4 px'i alttaki
     süs bandının payından geri alınır (aşağıda): kartın içerik yüksekliği yalnız 4 px azalır (SON HÜKMÜN İZİ paneli
     sığdırmada küçülmesin — ölçüldü, 10 px'te 772'de tam pano tek satıra iniyordu) */
  padding-top: 34px;
}
html body.kartli .dc-box:not(.hk-dondu) { padding-bottom: 26px !important; }
/* SVG süsleri kutunun KENDİSİNDE değil ::before'da: bileşik (sürüklenen) öğenin kendi arka planındaki SVG görüntü
   her sürükleme karesinde kutuyu ve belgeyi yeniden boyatıyordu (ölçüm: 600 ms'de Paint 9→67, RasterTask 27→381);
   çocuk katmanda boya bir kez kaydedilir. isolation: z-index:-1 ::before kutunun zemininin ÜSTÜNDE, içeriğin altında. */
html body.kartli .dc-box::before {
  /* köşe yarıçapı 'inherit' DEĞİL, kutununkiyle aynı sayı: tek bir inherit çocuğu, kutunun her stil değişiminde (sürüklemede
     her karede transform) bütün doğrudan çocuklarını da yeniden hesaplatıyordu (PERF 2026-09-25) */
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: 20px 20px 24px 24px / 20px 20px 26px 26px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cdefs%3E%3ClinearGradient id='v' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f7e3a0'/%3E%3Cstop offset='.42' stop-color='%23c9973f'/%3E%3Cstop offset='.7' stop-color='%2386601f'/%3E%3Cstop offset='1' stop-color='%23dcb866'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='matrix(1 0 0 1 0 0)'%3E %3Cpath d='M3 30V11Q3 3 11 3H30' fill='none' stroke='url(%23v)' stroke-width='1.3'/%3E %3Cpath d='M7 24V13Q7 7 13 7H24' fill='none' stroke='%238c6a1e' stroke-opacity='.6' stroke-width='.7'/%3E %3Cpath transform='translate(9.5 9.5) rotate(102)' d='M0 0C1.9 -2.52 1.9 -6.3 0 -9C-1.9 -6.3 -1.9 -2.52 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E%3Cpath transform='translate(9.5 9.5) rotate(118)' d='M0 0C1.9 -3.22 1.9 -8.05 0 -11.5C-1.9 -8.05 -1.9 -3.22 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E%3Cpath transform='translate(9.5 9.5) rotate(135)' d='M0 0C1.9 -3.92 1.9 -9.8 0 -14C-1.9 -9.8 -1.9 -3.92 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E%3Cpath transform='translate(9.5 9.5) rotate(152)' d='M0 0C1.9 -3.22 1.9 -8.05 0 -11.5C-1.9 -8.05 -1.9 -3.22 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E%3Cpath transform='translate(9.5 9.5) rotate(168)' d='M0 0C1.9 -2.52 1.9 -6.3 0 -9C-1.9 -6.3 -1.9 -2.52 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E %3Ccircle cx='9.5' cy='9.5' r='2.4' fill='%231d3a6e' stroke='url(%23v)' stroke-width='1.1'/%3E %3Cpath d='M3 33.2l1.3-1.6 1.3 1.6-1.3 1.6z' transform='translate(-1.3 -1.6)' fill='url(%23v)'/%3E %3Cpath d='M31.6 3l1.6-1.3 1.6 1.3-1.6 1.3z' transform='translate(-1.6 0)' fill='url(%23v)'/%3E %3C/g%3E%3C/svg%3E") left 3px top 3px / 34px 34px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cdefs%3E%3ClinearGradient id='v' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f7e3a0'/%3E%3Cstop offset='.42' stop-color='%23c9973f'/%3E%3Cstop offset='.7' stop-color='%2386601f'/%3E%3Cstop offset='1' stop-color='%23dcb866'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='matrix(-1 0 0 1 34 0)'%3E %3Cpath d='M3 30V11Q3 3 11 3H30' fill='none' stroke='url(%23v)' stroke-width='1.3'/%3E %3Cpath d='M7 24V13Q7 7 13 7H24' fill='none' stroke='%238c6a1e' stroke-opacity='.6' stroke-width='.7'/%3E %3Cpath transform='translate(9.5 9.5) rotate(102)' d='M0 0C1.9 -2.52 1.9 -6.3 0 -9C-1.9 -6.3 -1.9 -2.52 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E%3Cpath transform='translate(9.5 9.5) rotate(118)' d='M0 0C1.9 -3.22 1.9 -8.05 0 -11.5C-1.9 -8.05 -1.9 -3.22 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E%3Cpath transform='translate(9.5 9.5) rotate(135)' d='M0 0C1.9 -3.92 1.9 -9.8 0 -14C-1.9 -9.8 -1.9 -3.92 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E%3Cpath transform='translate(9.5 9.5) rotate(152)' d='M0 0C1.9 -3.22 1.9 -8.05 0 -11.5C-1.9 -8.05 -1.9 -3.22 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E%3Cpath transform='translate(9.5 9.5) rotate(168)' d='M0 0C1.9 -2.52 1.9 -6.3 0 -9C-1.9 -6.3 -1.9 -2.52 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E %3Ccircle cx='9.5' cy='9.5' r='2.4' fill='%231d3a6e' stroke='url(%23v)' stroke-width='1.1'/%3E %3Cpath d='M3 33.2l1.3-1.6 1.3 1.6-1.3 1.6z' transform='translate(-1.3 -1.6)' fill='url(%23v)'/%3E %3Cpath d='M31.6 3l1.6-1.3 1.6 1.3-1.6 1.3z' transform='translate(-1.6 0)' fill='url(%23v)'/%3E %3C/g%3E%3C/svg%3E") right 3px top 3px / 34px 34px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cdefs%3E%3ClinearGradient id='v' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f7e3a0'/%3E%3Cstop offset='.42' stop-color='%23c9973f'/%3E%3Cstop offset='.7' stop-color='%2386601f'/%3E%3Cstop offset='1' stop-color='%23dcb866'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='matrix(1 0 0 -1 0 34)'%3E %3Cpath d='M3 30V11Q3 3 11 3H30' fill='none' stroke='url(%23v)' stroke-width='1.3'/%3E %3Cpath d='M7 24V13Q7 7 13 7H24' fill='none' stroke='%238c6a1e' stroke-opacity='.6' stroke-width='.7'/%3E %3Cpath transform='translate(9.5 9.5) rotate(102)' d='M0 0C1.9 -2.52 1.9 -6.3 0 -9C-1.9 -6.3 -1.9 -2.52 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E%3Cpath transform='translate(9.5 9.5) rotate(118)' d='M0 0C1.9 -3.22 1.9 -8.05 0 -11.5C-1.9 -8.05 -1.9 -3.22 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E%3Cpath transform='translate(9.5 9.5) rotate(135)' d='M0 0C1.9 -3.92 1.9 -9.8 0 -14C-1.9 -9.8 -1.9 -3.92 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E%3Cpath transform='translate(9.5 9.5) rotate(152)' d='M0 0C1.9 -3.22 1.9 -8.05 0 -11.5C-1.9 -8.05 -1.9 -3.22 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E%3Cpath transform='translate(9.5 9.5) rotate(168)' d='M0 0C1.9 -2.52 1.9 -6.3 0 -9C-1.9 -6.3 -1.9 -2.52 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E %3Ccircle cx='9.5' cy='9.5' r='2.4' fill='%231d3a6e' stroke='url(%23v)' stroke-width='1.1'/%3E %3Cpath d='M3 33.2l1.3-1.6 1.3 1.6-1.3 1.6z' transform='translate(-1.3 -1.6)' fill='url(%23v)'/%3E %3Cpath d='M31.6 3l1.6-1.3 1.6 1.3-1.6 1.3z' transform='translate(-1.6 0)' fill='url(%23v)'/%3E %3C/g%3E%3C/svg%3E") left 3px bottom 3px / 34px 34px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cdefs%3E%3ClinearGradient id='v' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f7e3a0'/%3E%3Cstop offset='.42' stop-color='%23c9973f'/%3E%3Cstop offset='.7' stop-color='%2386601f'/%3E%3Cstop offset='1' stop-color='%23dcb866'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg transform='matrix(-1 0 0 -1 34 34)'%3E %3Cpath d='M3 30V11Q3 3 11 3H30' fill='none' stroke='url(%23v)' stroke-width='1.3'/%3E %3Cpath d='M7 24V13Q7 7 13 7H24' fill='none' stroke='%238c6a1e' stroke-opacity='.6' stroke-width='.7'/%3E %3Cpath transform='translate(9.5 9.5) rotate(102)' d='M0 0C1.9 -2.52 1.9 -6.3 0 -9C-1.9 -6.3 -1.9 -2.52 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E%3Cpath transform='translate(9.5 9.5) rotate(118)' d='M0 0C1.9 -3.22 1.9 -8.05 0 -11.5C-1.9 -8.05 -1.9 -3.22 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E%3Cpath transform='translate(9.5 9.5) rotate(135)' d='M0 0C1.9 -3.92 1.9 -9.8 0 -14C-1.9 -9.8 -1.9 -3.92 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E%3Cpath transform='translate(9.5 9.5) rotate(152)' d='M0 0C1.9 -3.22 1.9 -8.05 0 -11.5C-1.9 -8.05 -1.9 -3.22 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E%3Cpath transform='translate(9.5 9.5) rotate(168)' d='M0 0C1.9 -2.52 1.9 -6.3 0 -9C-1.9 -6.3 -1.9 -2.52 0 0Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.45'/%3E %3Ccircle cx='9.5' cy='9.5' r='2.4' fill='%231d3a6e' stroke='url(%23v)' stroke-width='1.1'/%3E %3Cpath d='M3 33.2l1.3-1.6 1.3 1.6-1.3 1.6z' transform='translate(-1.3 -1.6)' fill='url(%23v)'/%3E %3Cpath d='M31.6 3l1.6-1.3 1.6 1.3-1.6 1.3z' transform='translate(-1.6 0)' fill='url(%23v)'/%3E %3C/g%3E%3C/svg%3E") right 3px bottom 3px / 34px 34px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 16'%3E%3Cdefs%3E%3ClinearGradient id='v' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f7e3a0'/%3E%3Cstop offset='.42' stop-color='%23c9973f'/%3E%3Cstop offset='.7' stop-color='%2386601f'/%3E%3Cstop offset='1' stop-color='%23dcb866'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='4' x2='58' y1='0' y2='0'%3E%3Cstop offset='0' stop-color='%238c6a1e' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%238c6a1e'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' gradientUnits='userSpaceOnUse' x1='136' x2='82' y1='0' y2='0'%3E%3Cstop offset='0' stop-color='%238c6a1e' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%238c6a1e'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpath d='M4 8H58' stroke='url(%23c)' stroke-width='1'/%3E%3Cpath d='M82 8H136' stroke='url(%23d)' stroke-width='1'/%3E %3Cpath d='M50 8l3-2.4 3 2.4-3 2.4z M84 8l3-2.4 3 2.4-3 2.4z' fill='url(%23v)'/%3E %3Cpath transform='translate(70 8) rotate(0)' d='M0 -1.6C1.3 -3 1.3 -5.2 0 -6.6C-1.3 -5.2 -1.3 -3 0 -1.6Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.35'/%3E%3Cpath transform='translate(70 8) rotate(45)' d='M0 -1.6C1.3 -3 1.3 -5.2 0 -6.6C-1.3 -5.2 -1.3 -3 0 -1.6Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.35'/%3E%3Cpath transform='translate(70 8) rotate(90)' d='M0 -1.6C1.3 -3 1.3 -5.2 0 -6.6C-1.3 -5.2 -1.3 -3 0 -1.6Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.35'/%3E%3Cpath transform='translate(70 8) rotate(135)' d='M0 -1.6C1.3 -3 1.3 -5.2 0 -6.6C-1.3 -5.2 -1.3 -3 0 -1.6Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.35'/%3E%3Cpath transform='translate(70 8) rotate(180)' d='M0 -1.6C1.3 -3 1.3 -5.2 0 -6.6C-1.3 -5.2 -1.3 -3 0 -1.6Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.35'/%3E%3Cpath transform='translate(70 8) rotate(225)' d='M0 -1.6C1.3 -3 1.3 -5.2 0 -6.6C-1.3 -5.2 -1.3 -3 0 -1.6Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.35'/%3E%3Cpath transform='translate(70 8) rotate(270)' d='M0 -1.6C1.3 -3 1.3 -5.2 0 -6.6C-1.3 -5.2 -1.3 -3 0 -1.6Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.35'/%3E%3Cpath transform='translate(70 8) rotate(315)' d='M0 -1.6C1.3 -3 1.3 -5.2 0 -6.6C-1.3 -5.2 -1.3 -3 0 -1.6Z' fill='url(%23v)' stroke='%236b4c14' stroke-width='.35'/%3E%3Ccircle cx='70' cy='8' r='2' fill='%231d3a6e' stroke='url(%23v)' stroke-width='.8'/%3E%3C/svg%3E") center bottom 7px / 140px 16px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Crect width='100%25' height='100%25' rx='9' fill='none' stroke='%238c6a1e' stroke-opacity='0.62' stroke-width='2'/%3E%3C/svg%3E") center / calc(100% - 12px) calc(100% - 12px) no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Crect width='100%25' height='100%25' rx='5' fill='none' stroke='%238c6a1e' stroke-opacity='0.38' stroke-width='2'/%3E%3C/svg%3E") center / calc(100% - 20px) calc(100% - 20px) no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .32  0 0 0 0 .22  0 0 0 0 .08  0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 160px 160px repeat;
}
/* kartın arkası sarılıp giderken köşe dizini ve rütbe şeridi (kartın dışındaki #decision çocukları) kartla birlikte
   söner: boş masada havada asılı kalmasınlar. Kural css/ui_hukum.css SARMA bölümünde (#decision.kart-gider). */

/* köşe dizini (çağ · hüküm) — oyulmuş Cinzel */
html body.kartli .dc-indeks.ust { top: 27px; left: 50px; font: 700 11.5px/1 var(--pr-display); letter-spacing: .12em; font-style: normal;
  color: var(--kt-bronz); text-shadow: 0 1px 0 rgba(255, 250, 232, .7); }

/* =============================================================================
   3 · SAHNE — ad + yer, kemerli portre (varak kenar + lapis kakma), parşömen balon
   ============================================================================= */
html body.kartli #dc-scene.on:has(img.dk-portre)::before { inset: -14px -6px -4px -6px; opacity: .26; }
html body.mapless.kartli .dc-scene.on:has(img.dk-portre) { padding: 2px 6px 0 12px !important; column-gap: 12px; }
html body.kartli #dc-scene:has(img.dk-portre) #dc-kimlik { padding: 0 42px !important; margin: 0 0 6px !important; }
html body.kartli #dc-scene:has(img.dk-portre) #dc-kimlik b {
  font: 700 14px/1.2 var(--pr-display) !important; letter-spacing: .1em !important; color: var(--kt-ink) !important;
  text-shadow: 0 1px 0 rgba(255, 250, 232, .85) !important;
}
html body.kartli #dc-scene:has(img.dk-portre) #dc-kimlik i {
  font: italic 500 14.5px/1.18 var(--pr-metin) !important; letter-spacing: 0 !important; color: color-mix(in srgb, var(--kt-bronz) 80%, #000) !important; margin-top: 3px !important;
  text-shadow: 0 1px 0 rgba(255, 250, 232, .6) !important;
}
html body.kartli #dc-scene:has(img.dk-portre) #dc-kimlik i::before { width: 11px; height: 12px; margin: 0 4px -1px 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12z' fill='%238c6a1e' fill-opacity='.18' stroke='%235a4210' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='10' r='2.6' fill='%235a4210'/%3E%3C/svg%3E") center / contain no-repeat; filter: none; }
html body.kartli #dc-scene:has(img.dk-portre) #dc-kimlik i::before { width: 14px; height: 16px; margin: 0 4px -3px 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12z' fill='%238c6a1e' fill-opacity='.28' stroke='%234a300a' stroke-width='2.4' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='10' r='2.8' fill='%234a300a'/%3E%3C/svg%3E"); opacity: 1; }
/* kemerli pencere: varak kenar (kenarlıkta altın degrade), koyu kıl, lapis kakma halka, ince altın, gölge */
html body.kartli #dc-art:has(> img.dk-portre) > img.dk-portre {
  height: clamp(112px, 21dvh, 196px) !important; margin: 8px 0 8px 4px !important;
  border: 3px solid transparent !important; background: var(--b-varak) border-box !important; box-sizing: border-box;
  border-radius: 50% 50% 12px 12px / 44% 44% 12px 12px !important;
  box-shadow: 0 0 0 1px #20160a, 0 0 0 3.5px var(--kt-lapis), 0 0 0 4.5px color-mix(in srgb, var(--kt-gold) 80%, #fff),
    0 0 0 5.5px color-mix(in srgb, var(--kt-deep) 70%, transparent), 0 7px 14px rgba(40, 26, 6, .38) !important;
  outline: 0 !important;
}
html body.kartli #dc-scene:has(img.dk-portre) #dc-balon {
  margin: 12px 2px 0 0 !important; padding: 8px 9px 9px 10px !important; border-radius: 13px !important;
  background: linear-gradient(180deg, var(--b-kagit) 0%, var(--b-kagit2) 100%) !important;
  border: 1px solid color-mix(in srgb, var(--kt-deep) 72%, transparent) !important;
  box-shadow: inset 0 0 0 2px rgba(255, 252, 242, .55), inset 0 0 0 3px color-mix(in srgb, var(--kt-gold) 40%, transparent),
    0 1px 0 rgba(255, 250, 235, .5), 0 5px 12px rgba(50, 32, 8, .2) !important;
}
html body.kartli #dc-scene:has(img.dk-portre) #dc-balon .db-bt {
  font: italic 500 15px/1.32 var(--pr-metin) !important; letter-spacing: 0; color: var(--kt-ink) !important; text-align: left;
}
html body.kartli #dc-scene:has(img.dk-portre) #dc-balon .db-kuyruk {
  left: -7px; top: 20px; width: 12px; height: 12px; background: var(--b-kagit) !important;
  border-left: 1px solid color-mix(in srgb, var(--kt-deep) 72%, transparent) !important;
  border-bottom: 1px solid color-mix(in srgb, var(--kt-deep) 72%, transparent) !important;
}

/* ? ve dişli: bronz madalyon, varak halka */
html body.kartli #dc-why, html body.kartli #dc-gear {
  width: 32px !important; height: 32px !important;
  border: 1.5px solid transparent !important;
  background: radial-gradient(circle at 50% 32%, #5c4722 0%, #2b1f0c 70%) padding-box, var(--b-varak) border-box !important;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .55), inset 0 1px 0 1px rgba(255, 222, 150, .2),
    0 2px 0 color-mix(in srgb, var(--kt-deep) 80%, #000), 0 3px 7px rgba(40, 26, 6, .32) !important;
  color: #f2d995 !important;
}
html body.kartli #dc-why { font: 700 16px/1 var(--pr-display) !important; text-shadow: 0 1px 0 #000; }
html body.kartli #dc-gear svg { color: #f2d995; stroke: #f2d995; width: 16px; height: 16px; }
html body.kartli #dc-why:active, html body.kartli #dc-gear:active { transform: translateY(1px);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .6), 0 1px 0 color-mix(in srgb, var(--kt-deep) 80%, #000) !important; }

/* =============================================================================
   4 · BAŞLIK, METİN — oyulmuş Cinzel başlık, Cormorant anlatı
   ============================================================================= */
html body.kartli .dc-box h2 {
  font: 700 17px/1.18 var(--pr-display) !important; letter-spacing: .1em !important; color: var(--kt-title) !important;
  text-shadow: 0 1px 0 rgba(255, 250, 232, .9), 0 -1px 0 rgba(60, 40, 10, .22); padding: 0 26px; margin: 4px 0 0;
}
html body.kartli .dc-box h2::before { width: 160px !important; height: 26px !important; margin: 0 auto 3px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 26'%3E%3Cdefs%3E%3ClinearGradient id='v' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f7e3a0'/%3E%3Cstop offset='.42' stop-color='%23c9973f'/%3E%3Cstop offset='.7' stop-color='%2386601f'/%3E%3Cstop offset='1' stop-color='%23dcb866'/%3E%3C/linearGradient%3E%3CradialGradient id='s' cx='.38' cy='.34' r='.7'%3E%3Cstop offset='0' stop-color='%23fff1bf'/%3E%3Cstop offset='.55' stop-color='%23d4a34a'/%3E%3Cstop offset='1' stop-color='%237e5a1a'/%3E%3C/radialGradient%3E%3C/defs%3E %3Cg fill='url(%23v)' stroke='%236b4c14' stroke-width='.5' stroke-linejoin='round'%3E%3Cpath d='M74 9.6L36 7.4 42 10.6 74 12.4Z'/%3E%3Cpath d='M74 12.6L43 11.6 49 14.6 74 15Z'/%3E%3Cpath d='M74 15.2L51 15.4 57 18 74 17.2Z'/%3E%3Cg transform='matrix(-1 0 0 1 160 0)'%3E%3Cpath d='M74 9.6L36 7.4 42 10.6 74 12.4Z'/%3E%3Cpath d='M74 12.6L43 11.6 49 14.6 74 15Z'/%3E%3Cpath d='M74 15.2L51 15.4 57 18 74 17.2Z'/%3E%3C/g%3E %3Cpath d='M77.4 18.4L80 24.6 82.6 18.4Z'/%3E%3C/g%3E %3Cpath d='M6 12H31M129 12H154' stroke='%238c6a1e' stroke-width='.8' stroke-opacity='.8'/%3E %3Cpath d='M2 12l3-2.2 3 2.2-3 2.2zM152 12l3-2.2 3 2.2-3 2.2z' fill='url(%23v)'/%3E %3Ccircle cx='80' cy='12' r='6' fill='url(%23s)' stroke='%236b4c14' stroke-width='.6'/%3E%3Ccircle cx='80' cy='12' r='3.4' fill='none' stroke='%236b4c14' stroke-width='.5' stroke-opacity='.7'/%3E%3C/svg%3E") center / contain no-repeat !important; }
html body.kartli .dc-box #dc-text {
  font-family: var(--pr-metin) !important; font-weight: 500 !important; font-size: 16.5px !important; line-height: 1.28 !important;
  letter-spacing: 0; color: var(--kt-ink) !important; margin: 3px 16px 2px !important;
  /* Alegreya'nın satır kutusu (yükselen+inen ≈ 1.36em) 1.28 satır aralığından taşıyor: dolgu olmadan #dc-text 1–2 px
     "kaydırılabilir" oluyor ve overflow:auto kutu bileşik kaydırıcı katmanı açıyordu (WebView katman belleği) */
  padding-top: 2px !important; padding-bottom: 2px !important;
}
html body.kartli .dc-box #dc-text .dc-hukum { font-style: italic; font-weight: 500 !important; color: var(--kt-title);
  border-bottom: 1px solid color-mix(in srgb, var(--kt-deep) 35%, transparent); }
html body.kartli .dc-box #dc-cause, html body.kartli .dc-box #dc-ctx {
  font: 500 14px/1.3 var(--pr-metin) !important; letter-spacing: 0 !important; color: var(--kt-bronz) !important; }
html body.kartli .dc-box #dc-cause {
  margin: 5px 8px 2px !important; padding: 2px 12px 3px; border-radius: 2px;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0), color-mix(in srgb, var(--kt-deep) 60%, transparent) 18%, color-mix(in srgb, var(--kt-deep) 60%, transparent) 82%, rgba(0, 0, 0, 0)) top / 100% 1px no-repeat,
    linear-gradient(90deg, rgba(0, 0, 0, 0), color-mix(in srgb, var(--kt-deep) 60%, transparent) 18%, color-mix(in srgb, var(--kt-deep) 60%, transparent) 82%, rgba(0, 0, 0, 0)) bottom / 100% 1px no-repeat,
    linear-gradient(90deg, rgba(0, 0, 0, 0), color-mix(in srgb, var(--kt-gold) 20%, transparent) 14%, color-mix(in srgb, var(--kt-gold) 20%, transparent) 86%, rgba(0, 0, 0, 0));
}
/* bağlam satırı (YIL · MEVSİM · CAN): veri satırı, anlatıdan küçük */
html body.kartli .dc-box #dc-ctx { font-size: 13px !important; line-height: 1.2 !important; }
/* balondaki hatıra satırı (odul.js #od-hatira: 10 px Georgia, süs rengi) */
html body.kartli #od-hatira { font: italic 500 13px/1.22 var(--pr-metin); color: var(--kt-bronz); opacity: 1; margin: 0 0 4px; }
/* masa aletleri (ÖNSEZİ / ERTELE, main.js F7_ALET): koyu zemin kuralı kilde gri leke + soluk yazıydı → kil plaka, mürekkep yazı */
html body.kartli .f7-alet { gap: 6px; margin: 2px 8px 6px; }
html body.kartli .f7-alet .f7-a {
  padding: 5px 10px 5px 9px; border-radius: 10px; color: var(--kt-ink);
  border: 1px solid color-mix(in srgb, var(--kt-deep) 50%, transparent);
  background: linear-gradient(180deg, color-mix(in srgb, var(--kt-pale) 60%, #fffaf0) 0%, var(--kt-mid) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 252, 240, .7), 0 1px 0 rgba(255, 250, 235, .6), 0 2px 4px rgba(60, 40, 10, .14);
}
/* tek satır: işaret · AD · açıklama (iki satırlık ızgara kartın dikey payını yiyordu) */
html body.kartli .f7-alet .f7-a { grid-template-columns: auto auto minmax(0, 1fr); grid-template-rows: auto; column-gap: 8px; }
html body.kartli .f7-alet .f7-a > * { grid-row: 1; }
html body.kartli .f7-alet .f7-a i { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html body.kartli .f7-alet .f7-a s { color: var(--kt-bronz); font-size: 17px; }
html body.kartli .f7-alet .f7-a b { font: 700 11.5px/1.15 var(--pr-display); letter-spacing: .1em; color: var(--kt-ink); }
html body.kartli .f7-alet .f7-a i { font: italic 500 13px/1.2 var(--pr-metin); letter-spacing: 0; color: var(--kt-bronz); }
html body.kartli .f7-alet .f7-a[disabled] { opacity: .6; }
html body.kartli .f7-onsezi { font: italic 500 14px/1.3 var(--pr-metin); color: var(--kt-bronz); }
html body.kartli .f7-sure .f7-not { font: 700 10.5px/1 var(--pr-display); letter-spacing: .08em; color: #93361f; }

/* =============================================================================
   5 · ŞIKLAR — kile oyulmuş hap; kurulunca varaktan kabarır; basınca iner
   ============================================================================= */
html body.kartli #dc-options .dc-opt {
  width: 92%; min-height: 44px !important; padding: 5px 16px 5px 10px !important;
  border: 1px solid color-mix(in srgb, var(--kt-deep) 42%, transparent) !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--kt-dark) 82%, var(--kt-deep)) 0%, var(--kt-mid) 48%, color-mix(in srgb, var(--kt-pale) 70%, #fff) 100%) !important;
  box-shadow: inset 0 2px 4px rgba(70, 48, 10, .42), inset 0 -1px 0 rgba(255, 252, 240, .6), 0 1px 0 rgba(255, 250, 235, .75) !important;
  color: var(--kt-ink) !important; -webkit-tap-highlight-color: transparent;
}
/* uzun telefonda artan boşluk ikiye bölünür: sahne ile başlık arası + metin ile şıklar arası (şıklar başparmağa iner) */
html body.kartli .dc-box:not(.hk-dondu) > h2 { margin-top: auto !important; }
html body.kartli .dc-box:not(.hk-dondu) > #dc-options { margin-top: auto; }
/* SON HÜKMÜN İZİ (main.js izCiz) metin ile şıkların ARASINDA, ortadaki boşlukta: artan pay sahne–başlık ve
   metin–pano arasında ikiye bölünür, pano şıkların hemen üstüne oturur (tüm içerik dibe yapışıp ortada delik kalmaz) */
html body.kartli .dc-box:not(.hk-dondu) > #dc-iz { margin-top: auto; margin-bottom: 10px; }
html body.kartli .dc-box:not(.hk-dondu):has(> #dc-iz) > #dc-options { margin-top: 0; }
html body.kartli .dc-box > #dc-text:has(+ #dc-iz) { margin-bottom: 8px !important; }
/* SON HÜKMÜN İZİ paneli varken anlatı ezilmez: sığmazsa kutu taşar ve main.js paneli önce küçültür, en son kaldırır
   (izSigdir). Ezilmeye izin verilince büyük yazıda metin 4 px'lik payın içinde kaydırıcıya dönüyordu. */
html body.kartli .dc-box:has(> #dc-iz) > #dc-text { flex-shrink: 0; }
html body.kartli #dc-options .dc-opt .dc-label {
  font: 500 15.5px/1.18 var(--pr-metin) !important; letter-spacing: 0 !important; color: var(--kt-ink) !important; }
html body.kartli #dc-options .dc-opt:active:not(.sealed) {
  box-shadow: inset 0 3px 6px rgba(70, 48, 10, .55), inset 0 -1px 0 rgba(255, 252, 240, .4), 0 1px 0 rgba(255, 250, 235, .6) !important; }
/* kurulu şık: kilden kalkan varak plaka. PERF 2026-09-25 (CDP, 4x): kurulma sürüklemenin ortasında olur (44 px eşiği) ve
   eskiden hapın dolgusunu (5/16/10 → 6/14), boyunu (44 → 40), zeminini, kenarını ve gölgesini değiştirip kayan kartın
   katmanında yerleşim + boya istiyordu; komşu hap da 1 px büyüyordu. Artık kurulma YALNIZ OPAKLIK: varak zemin, kenar ve
   halka hapın ::after katında hazır bekler (opacity 0 → 1); boy ve dolgu hiçbir halde değişmez: kurulma karesinde yerleşim
   yok, yalnız iki hapın küçük alanı bir kez boyanır. (Hapları jest boyunca ayrı katmana almak ölçüldü: sürüklerken +10 MB
   doku — WebView'in döşeme bütçesi için değmez.) */
html body.kartli #dc-options .dc-opt { isolation: isolate; }
html body.kartli #dc-options .dc-opt.armed { justify-content: center !important; align-items: center !important; }
html body.kartli #dc-options:has(.dc-opt.armed) .dc-opt { padding-bottom: 5px !important; }   /* taban 46 px (sim.css) → tabanın 5 px'i */
html body.kartli #dc-options .dc-opt::after {
  content: '' !important; display: block !important; position: absolute !important; inset: -1px !important; z-index: -1;
  min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: inherit !important;
  pointer-events: none; opacity: 0; animation: none !important; transition: none !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--kt-gold) 30%, #fff8dc) 0%, color-mix(in srgb, var(--kt-gold) 70%, #fff3cc) 45%, var(--kt-gold) 100%) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--kt-deep) 85%, #000), inset 0 2px 0 rgba(255, 250, 225, .85),
    inset 0 -2px 0 color-mix(in srgb, var(--kt-deep) 55%, transparent), 0 0 0 2px var(--halka, color-mix(in srgb, var(--kt-gold) 45%, transparent)),
    0 2px 0 color-mix(in srgb, var(--kt-deep) 80%, #000), 0 5px 10px rgba(50, 32, 8, .28) !important;
}
html body.kartli #dc-options .dc-opt.armed::after { opacity: 1; }
html body.kartli #dc-options .dc-opt.sealed-ok::after { --halka: #4f9a63; }
html body.kartli #dc-options .dc-opt.sealed-fail::after { --halka: #b4533f; }
/* BASILI TUT (sahibi, 2026-09-26; main.js kartTut): basınca hap 3 px gömülür, altın dolgu (.dc-tut) soldan sağa
   TUT_KART (600 ms) doğrusal dolar; dolunca mühür iner, erken bırakınca dolgu anında söner. Dolgu hapın içinde küçük
   bir transform (yalnız tutarken geçiş) — kart kıpırdamaz. Varak katı (::after, kurulu hap) dolgunun üstünde kalır. */
html body.kartli #dc-options .dc-opt .dc-tut {
  display: block !important; position: absolute !important; inset: -1px !important; left: -1px !important; top: -1px !important;
  bottom: -1px !important; width: auto !important; z-index: -1; opacity: 1 !important; border: 0 !important; border-radius: inherit;
  pointer-events: none; transform: scaleX(0); transform-origin: 0 50%; transition: none !important;
  background: linear-gradient(90deg, color-mix(in srgb, var(--kt-gold) 38%, #fff6d8) 0%, color-mix(in srgb, var(--kt-gold) 78%, #fff0c4) 82%, var(--kt-gold) 100%) !important;
  box-shadow: inset -2px 0 0 color-mix(in srgb, var(--kt-deep) 70%, transparent);
}
html body.kartli #dc-options .dc-opt.kt-tut .dc-tut { transform: scaleX(1); transition: transform 600ms linear !important; }
html body.kartli #dc-options .dc-opt.kt-tut {
  translate: 0 3px; transition: none !important;
  box-shadow: inset 0 4px 8px rgba(70, 48, 10, .55), inset 0 -1px 0 rgba(255, 252, 240, .35), 0 0 0 rgba(255, 250, 235, 0) !important; }
/* hükmün tür madalyonları ve etiket dolgunun üstünde okunur */
html body.kartli #dc-options .dc-opt .dc-label { position: relative; z-index: 1; }
html body.kartli #dc-options .dc-opt.sealed-ok { box-shadow: var(--pr-oyuk), 0 0 0 2px #4f9a63 !important; }
html body.kartli #dc-options .dc-opt.sealed-fail { box-shadow: var(--pr-oyuk), 0 0 0 2px #b4533f !important; }

/* =============================================================================
   7 · ÖDÜL (odul.js): rütbe şeridi = oyulmuş plaket + altın sikke; fark çipleri = mine pul;
   uçan nüfuz = varak sikke; bildirim = çift kıllı parşömen
   ============================================================================= */
html body.kartli #od-serit {
  height: 20px; top: 22px; right: 54px; padding: 0 9px 0 2px; gap: 7px;
  border: 1px solid color-mix(in srgb, var(--kt-deep) 50%, transparent);
  background: linear-gradient(180deg, color-mix(in srgb, var(--kt-dark) 80%, var(--kt-deep)), color-mix(in srgb, var(--kt-pale) 70%, #fff));
  box-shadow: inset 0 1px 3px rgba(70, 48, 10, .4), 0 1px 0 rgba(255, 250, 235, .7);
  font: 700 10.5px/1 var(--pr-display); letter-spacing: .08em; color: var(--kt-title);
}
html body.kartli #od-serit b {
  min-width: 24px; height: 16px; padding: 0 5px; border: 1px solid color-mix(in srgb, var(--kt-deep) 80%, #000);
  background: var(--b-varak-dik); color: #2a1c06; font: 700 10px/1 var(--pr-display); letter-spacing: .06em;
  box-shadow: inset 0 1px 0 rgba(255, 250, 220, .75), 0 1px 1px rgba(40, 26, 6, .35); text-shadow: 0 1px 0 rgba(255, 245, 210, .6);
}
html body.kartli #od-serit .od-cub { height: 5px; background: rgba(60, 40, 10, .22); box-shadow: inset 0 1px 1px rgba(40, 26, 6, .45), 0 1px 0 rgba(255, 250, 235, .6); }
html body.kartli #od-serit .od-cub i { background: linear-gradient(180deg, color-mix(in srgb, var(--kt-gold) 40%, #fff6d0), var(--kt-gold) 55%, var(--kt-deep)); }
html body.kartli #od-serit em { font: 700 10.5px/1 var(--pr-display); letter-spacing: .06em; }
html body.kartli #od-serit.tehlike { border-color: #9a3a22; background: linear-gradient(180deg, #e7b89c, #f6e2cf); }
/* Ş-C B17: tehlikede rütbe çubuğu çekilir, yazı (okuma + SIFIRDA + sayaç) sığsın — "⚠ BAĞLILIK DİPT…" kesiliyordu */
html body.kartli #od-serit.tehlike .od-cub { display: none; }
html body.kartli #od-serit.tehlike em { font-size: 9.5px; letter-spacing: .02em; }
/* ölüm sayacı kriz geri sayımından önce gelir: tehlikede kriz çipi çekilir (Genelge ve rütbe sayfası onu yazmaya devam eder) */
html body.kartli #od-serit.tehlike .od-ek.kz-cip { display: none; }
html body #od-fark b {
  font: 600 12px/1 var(--pr-display); padding: 3px 7px 3px; border-radius: 999px;
  background: var(--pr-enamel); border: 1px solid rgba(214, 176, 90, .6);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 230, 170, .12);
}
html body #od-fark b.art { color: var(--pr-yesim-acik); border-color: rgba(143, 224, 166, .55); }
html body #od-fark b.eks { color: var(--pr-akik-parla); border-color: rgba(255, 154, 124, .55); }
html body #od-ucan {
  font: 700 11.5px/1 var(--pr-display); letter-spacing: .08em; color: #2a1c06; padding: 5px 10px 4px;
  background: var(--pr-varak-parla, var(--pr-varak)); border: 1px solid #4a3410;
  box-shadow: inset 0 1px 0 rgba(255, 250, 220, .75), 0 3px 8px rgba(0, 0, 0, .45);
}
/* Ş-C B10: şerit kartın başlığına / rütbe şeridine ve açık perdelerin başlığına biniyordu (deste tepesinin hemen
   altında). Artık tepe okuma çubuğunun ÜSTÜNDE durur: 2,4 sn okuma simgelerini örter, hiçbir başlığı örtmez. */
html body #od-bildirim {
  top: calc(env(safe-area-inset-top, 0px) + 6px);
  font: 700 12.5px/1.3 var(--pr-display); letter-spacing: .06em; color: #2a1d09;
  padding: 9px 16px 8px; border-radius: 10px; border: 1px solid #a8843e; border-left: 1px solid #a8843e;
  background: radial-gradient(120% 140% at 30% 0%, #fffaf0, #f3e4c2 55%, #e6cf9c);
  box-shadow: inset 0 0 0 2px rgba(255, 252, 242, .7), inset 0 0 0 3px rgba(168, 132, 62, .55), 0 10px 22px rgba(0, 0, 0, .5);
}
html body #od-bildirim[data-tur=seri] { box-shadow: inset 0 0 0 2px rgba(255, 252, 242, .7), inset 0 0 0 3px #c07a18, 0 10px 22px rgba(0, 0, 0, .5); }
html body #od-bildirim[data-tur=hedef] { box-shadow: inset 0 0 0 2px rgba(255, 252, 242, .7), inset 0 0 0 3px #2f7a47, 0 10px 22px rgba(0, 0, 0, .5); }

/* =============================================================================
   8 · SON HÜKMÜN İZİ — metin ile şıklar arasında çift kıllı parşömen pano.
   Kademeler (main.js izSigdir, yer daraldıkça): tam → .orta (hüküm satırı yok, sıkı satır) → .kisa (tek satır:
   ikon + fark) → kaldır.
   ============================================================================= */
html body.kartli #dc-iz {
  border: 1px solid color-mix(in srgb, var(--kt-deep) 55%, transparent); border-radius: 10px;
  background: linear-gradient(180deg, var(--b-kagit), var(--b-kagit2));
  box-shadow: inset 0 0 0 2px rgba(255, 252, 242, .55), inset 0 0 0 3px color-mix(in srgb, var(--kt-gold) 35%, transparent), 0 3px 8px rgba(60, 40, 10, .16);
}
html body.kartli #dc-iz .iz-bas em { font: 700 10.5px/1 var(--pr-display); letter-spacing: .16em; color: var(--kt-bronz); }
html body.kartli #dc-iz .iz-bas s { background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--kt-deep) 60%, transparent)); }
html body.kartli #dc-iz .iz-bas s:last-child { background: linear-gradient(90deg, color-mix(in srgb, var(--kt-deep) 60%, transparent), transparent); }
html body.kartli #dc-iz .iz-huk { font: italic 500 14px/1.22 var(--pr-metin); color: var(--kt-ink); }
html body.kartli #dc-iz .iz-ad { font: 700 10px/1 var(--pr-display); letter-spacing: .03em; color: var(--kt-title); }
/* Ş-C E5: İngilizce adlar (COMPLIANCE, AUTHORITY) 66 px sütunda "COMPLIA…" diye kesiliyordu */
html[lang="en"] body.kartli #dc-iz .iz-ad { width: 90px; }
html body.kartli #dc-iz .iz-cub { height: 5px; background: rgba(60, 40, 10, .18); box-shadow: inset 0 1px 1px rgba(40, 26, 6, .4), 0 1px 0 rgba(255, 250, 235, .6); }
html body.kartli #dc-iz .iz-cub i { background: linear-gradient(180deg, color-mix(in srgb, var(--kt-gold) 40%, #fff6d0), var(--kt-deep)); }
html body.kartli #dc-iz .iz-sat b { font: 600 12px/1 var(--pr-display); }
html body.kartli #dc-iz .iz-sat b i { font-style: normal; }
html body.kartli #dc-iz.orta { padding: 6px 12px 6px; }
html body.kartli #dc-iz.orta .iz-huk { display: none; }   /* hükmün adı zaten metnin başındaki alıntıda (.dc-hukum) */
html body.kartli #dc-iz.orta .iz-sat { height: 19px; }
html body.kartli #dc-iz.orta .iz-bas { margin-bottom: 2px; }
/* tek satır: beş gösterge yan yana, ad/çubuk/ok yok (360 px'te 5 × ~50 px sığar); başlık üst kenarın üstüne oturan
   künye (fieldset gibi) — pano ~33 px, başlıklı iki satırdan 13 px kısa */
html body.kartli #dc-iz.kisa { position: relative; display: flex; justify-content: space-evenly; column-gap: 4px; padding: 6px 8px 1px; }
html body.kartli .dc-box:not(.hk-dondu) > #dc-iz.kisa { margin-bottom: 6px; }
html body.kartli .dc-box > #dc-text:has(+ #dc-iz.kisa) { margin-bottom: 5px !important; }
html body.kartli #dc-iz.kisa .iz-bas { position: absolute; left: 0; right: 0; top: -6px; margin: 0; justify-content: center; }
html body.kartli #dc-iz.kisa .iz-bas s { display: none; }
html body.kartli #dc-iz.kisa .iz-bas em { padding: 1px 8px; border-radius: 3px; background: var(--b-kagit); font-size: 9.5px; white-space: nowrap; }
html body.kartli #dc-iz.kisa .iz-huk, html body.kartli #dc-iz.kisa .iz-ad,
html body.kartli #dc-iz.kisa .iz-cub, html body.kartli #dc-iz.kisa .iz-sat b i { display: none; }
html body.kartli #dc-iz.kisa .iz-sat { flex: none; height: 21px; gap: 3px; }
html body.kartli #dc-iz.kisa .iz-ic, html body.kartli #dc-iz.kisa .iz-ic svg { width: 16px; height: 16px; }
html body.kartli #dc-iz.kisa .iz-sat b { width: auto; text-align: left; }

/* =============================================================================
   9 · REJİM / EŞİK BANTLARI — obsidyen plaket, bronz kıl, Cinzel başlık, Cormorant gerekçe.
   PERF: sahne resmindeki mask-image yerine iç gölge; alarmın sonsuz tarama çizgisi kartlıda yok.
   ============================================================================= */
html body.kartli .rj-bant {
  border-radius: 6px 12px 12px 6px;
  background: radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--rr, #e8c96a) 12%, #1a140c), #0b0906 70%);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .6), inset 0 0 0 2px color-mix(in srgb, var(--rr, #e8c96a) 16%, transparent), 0 14px 30px rgba(0, 0, 0, .75);
}
html body.kartli .rj-bant.rj-sahne .rj-res { -webkit-mask-image: none; mask-image: none; box-shadow: inset 0 -34px 26px -14px #0b0906; }
html body.kartli .rj-bant.rj-alarm::before { animation: none; opacity: .75; }
html body.kartli .rj-ad { font: 700 13px/1.2 var(--pr-display); letter-spacing: .12em; }
html body.kartli .rj-olcu, html body.kartli .rj-bant.rj-sahne .rj-ne { font-family: var(--pr-display); font-weight: 700; letter-spacing: .08em; }
html body.kartli .rj-olcu { font-size: 10.5px; color: color-mix(in srgb, var(--rr, #e8c96a) 55%, #d8cba8); }
html body.kartli .rj-metin { font: 500 16px/1.4 var(--pr-metin); color: #ece0c4; }
/* BANT TUTUŞU YEMEZ (R0): masada kart (ya da basılı tutulmayı bekleyen arkası) varken bant dokunuşu almaz; basılı
   tutma alttaki karta geçer (ölçüldü: "arka üstünde: P.rj-metin" — TUFAN bandı kartın arkasını örtüyor, tutuş banda
   düşüyordu). Kapatmak için ✕: dokunma alanı 35 px, çarpı aynı yerde. Kart yokken bant eskisi gibi dokununca kapanır. */
html body.kartli:has(#decision:not(.hidden) .dc-box) .rj-bant { pointer-events: none; cursor: default; }
html body.kartli .rj-kapat { pointer-events: auto; cursor: pointer; top: -4px; right: -3px; padding: 12px; }
html body.kartli .rj-kapat::before, html body.kartli .rj-kapat::after { left: 12px; top: 17px; }

/* =============================================================================
   10 · KISA TELEFON (≤700px yükseklik, 360×640): 3 şık + uzun balon + bedel satırı + uzun metin kaydırmasız sığar.
   (oyn_dogrula 640: metin kırpılan kart 10/30 → 0; ölçü sahnesi scratchpad ev_zor.js)
   ============================================================================= */
@media (max-height: 700px) {
  /* tepe payı kısa ekranda 11 px (uzunda 14): içerik yalnız 4 px aşağıdan başlar, alttaki pay yine 4 px az — kartın içerik
     yüksekliği 2026-09-25 öncesiyle aynı kalır (oyn_dogrula 640: kaydırıcıya düşen kart yok) */
  html body.kartli .dc-box { padding-top: 30px; }
  html body.kartli .dc-indeks.ust { top: 24px; }
  html body.kartli #od-serit { top: 19px; }
  html body.kartli #dc-scene:has(img.dk-portre) #dc-balon .db-bt { font-size: 14.5px !important; line-height: 1.22 !important; }
  html body.kartli #dc-scene:has(img.dk-portre) #dc-balon { padding: 5px 8px 6px 9px !important; margin-top: 5px !important; }
  html body.kartli #dc-scene:has(img.dk-portre) #dc-kimlik { margin-bottom: 2px !important; }
  html body.kartli #dc-art:has(> img.dk-portre) > img.dk-portre { margin: 6px 0 6px 4px !important; }
  html body.kartli .dc-box h2::before { height: 16px !important; margin-bottom: 1px !important; }
  html body.kartli .dc-box h2 { font-size: 16px !important; }
  html body.kartli .dc-box #dc-cause, html body.kartli .dc-box #dc-ctx { font-size: 13.5px !important; line-height: 1.2 !important; margin-top: 3px !important; }
  html body.kartli .dc-box #dc-ctx { font-size: 13px !important; margin-top: 2px; }
  html body.kartli .dc-box #dc-cause { padding: 1px 10px 2px; margin-top: 2px !important; }
  html body.kartli .dc-box #dc-text { font-size: 16px !important; line-height: 1.25 !important; margin: 0 12px !important; }
  html body.kartli #dc-options .dc-opt { min-height: 36px !important; }
  html body.kartli .f7-alet { margin-bottom: 4px; }
  html body.kartli .f7-alet .f7-a { padding-top: 3px; padding-bottom: 3px; }
  html body.kartli #dc-options .dc-opt .dc-label { font-size: 15px !important; }
  /* SON HÜKMÜN İZİ sıkı: satır 23→19px, dış boşluk 34→14px */
  html body.kartli #dc-iz { margin: 6px 6px 8px; padding: 6px 12px 6px; }
  html body.kartli .dc-box:not(.hk-dondu) > #dc-iz { margin-bottom: 7px; }
  html body.kartli .dc-box > #dc-text:has(+ #dc-iz) { margin-bottom: 6px !important; }
  /* sim.css ≤620 px yükseklik kuralı (#decision #dc-options: yapışkan, #0e0c07 zemin) masaüstü kartı için; kil tablette
     şıkların arkasında siyah bir dikdörtgen bırakıyordu (360×560). Taşmayan kartta zemin yok; taşanda (.tasar) metin
     şıkların altından geçerken kil renginde örtü. */
  html body.kartli #decision .dc-box:not(.tasar) > #dc-options { background: none; box-shadow: none; }
  html body.kartli #decision .dc-box.tasar > #dc-options { background: color-mix(in srgb, var(--kt-mid) 45%, var(--kt-dark));
    box-shadow: 0 -14px 14px -8px color-mix(in srgb, var(--kt-mid) 45%, var(--kt-dark)); }
  html body.kartli #dc-iz .iz-sat { height: 19px; }
  html body.kartli #dc-iz .iz-huk { display: none; }   /* hükmün adı zaten metnin başındaki alıntıda (.dc-hukum) */
  html body.kartli #dc-iz .iz-bas { margin-bottom: 2px; }
}

/* =============================================================================
   11 · UZUN TELEFON (≥ 820 px yükseklik, 412×915): kartta boşluk bol, yazı büyür
   ============================================================================= */
@media (min-height: 820px) {
  html body.kartli #dc-scene:has(img.dk-portre) #dc-balon .db-bt { font-size: 16.5px !important; }
  html body.kartli .dc-box #dc-text { font-size: 17.5px !important; }
  html body.kartli #dc-options .dc-opt .dc-label { font-size: 17px !important; }
  html body.kartli .dc-box #dc-cause, html body.kartli .dc-box #dc-ctx { font-size: 14.5px !important; }
}