/* Diyar kartı (panel/kart.js, panel/bolum/): başlık (arma, serif ad, kim yönetiyor, kuruluş),
   niyet alıntısı, durum özeti (tonlu nokta ve cümleler), kaynaklar (ad, değer / tavan, günlük
   net, çubuk), yapılar (grup cümleleri, büyük eser), kişilik (cümle, dört parçalı çubuk,
   lejant), diplomasi listesi ve karşılama (dünya özeti, en güçlü diyarlar). Kişilik parçalarının
   renkleri tema durum renkleridir (Kurucu pirinç, Savaşçı tuğla, Diplomat zeytin, Savunucu
   arduvaz). */

/* #kart bölümü: A1'in `.kart` yüzeyi DEĞİL (panel tek katman); bölümler doğrudan panelde */
.diyar-kart { display: flex; flex-direction: column; }

/* ------------------------------------------------------------------ başlık ve niyet */
.k-baslik { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: var(--bosluk-5); align-items: start; padding-bottom: var(--bosluk-5);
  border-bottom: 1px solid var(--cizgi); }
.k-arma { display: block; width: 36px; height: 40px; filter: drop-shadow(var(--golge-1)); }
.k-arma.kucuk { width: 22px; height: 24px; }
.k-ad { color: var(--yazi-1); font: 700 var(--boy-6)/var(--satir-sik) var(--aile-serif);
  overflow-wrap: anywhere; }
.k-alt { margin-top: var(--bosluk-1); color: var(--yazi-2); font-size: var(--boy-2); }
.k-alt b { color: var(--yazi-1); font-weight: 600; }
.k-alt-2 { color: var(--yazi-3); }
.k-yoneten-nokta { display: inline-block; width: 7px; height: 7px; margin-right: var(--bosluk-3);
  border-radius: 50%; background: var(--yazi-3); vertical-align: 1px; }
.k-yoneten-model .k-yoneten-nokta { background: var(--vurgu); }
.k-yoneten-ajan .k-yoneten-nokta { background: var(--bilgi); }
.k-kapat { width: var(--dokunma); height: var(--dokunma); padding: 0; border: 0;
  border-radius: var(--yaricap-1); background: none; color: var(--yazi-2); }
.k-kapat:hover { background: var(--zemin-2); color: var(--yazi-1); }

.k-niyet { margin-top: var(--bosluk-5); padding-left: var(--bosluk-5);
  border-left: 2px solid var(--vurgu-koyu); }
.k-niyet blockquote { color: var(--yazi-1); font: italic var(--boy-4)/var(--satir)
  var(--aile-serif); white-space: pre-wrap; }
.k-niyet blockquote::before { content: "“"; }
.k-niyet blockquote::after { content: "”"; }
.k-niyet.bot blockquote::before, .k-niyet.bot blockquote::after { content: none; }
.k-niyet figcaption { margin-top: var(--bosluk-2); color: var(--yazi-3);
  font-size: var(--boy-2); }

/* ------------------------------------------------------------------ durum özeti */
.k-durum { margin-top: var(--bosluk-5); padding: var(--bosluk-4) var(--bosluk-5);
  border: 1px solid var(--cizgi); border-left: 3px solid var(--iyi);
  border-radius: var(--yaricap-2); background: var(--zemin-1); }
.k-durum.ton-kotu { border-left-color: var(--kotu); background: var(--kotu-zemin); }
.k-durum.ton-uyari { border-left-color: var(--uyari); }
.k-durum.ton-bilgi { border-left-color: var(--bilgi); }
.k-durum ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column;
  gap: var(--bosluk-2); }
.k-durum li { display: grid; grid-template-columns: 8px minmax(0, 1fr); gap: var(--bosluk-4);
  align-items: baseline; color: var(--yazi-2); }
.k-durum li:first-child { color: var(--yazi-1); font-weight: 600; }
.k-nokta { width: 7px; height: 7px; border-radius: 50%; background: var(--yazi-3); }
.ton-iyi > .k-nokta { background: var(--iyi); }
.ton-uyari > .k-nokta { background: var(--uyari); }
.ton-kotu > .k-nokta { background: var(--kotu); }
.ton-bilgi > .k-nokta { background: var(--bilgi); }

/* ------------------------------------------------------------------ kaynaklar */
.k-kaynaklar { display: flex; flex-direction: column; gap: var(--bosluk-4); }
.k-kaynak { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto;
  grid-template-areas: "ad deger net" "cubuk cubuk cubuk"; column-gap: var(--bosluk-4);
  row-gap: var(--bosluk-2); align-items: baseline; }
.k-kaynak-ad { grid-area: ad; color: var(--yazi-2); white-space: nowrap; }
.k-kaynak-deger { grid-area: deger; white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; }
.k-kaynak-deger b { color: var(--yazi-1); font-size: var(--boy-5); font-weight: 600; }
.k-kaynak-deger small { color: var(--yazi-3); font-size: var(--boy-2); }
.k-net { grid-area: net; color: var(--iyi); font-size: var(--boy-2); white-space: nowrap; }
.k-net.eksi { color: var(--kotu-yazi); }
.k-net.sifir { color: var(--yazi-3); }
.k-kaynak .olcer { grid-area: cubuk; }
.k-kaynak.ton-uyari .k-kaynak-deger b { color: var(--uyari); }
.k-kaynak.ton-kotu .k-kaynak-deger b { color: var(--kotu-yazi); }
.k-ikincil { display: flex; flex-wrap: wrap; gap: var(--bosluk-2) var(--bosluk-6);
  margin-top: var(--bosluk-4); color: var(--yazi-2); font-size: var(--boy-2); }
.k-ikincil b { color: var(--yazi-1); font-weight: 600; }

/* ------------------------------------------------------------------ yapılar */
.k-grup + .k-grup { margin-top: var(--bosluk-2); }
.k-yapilar { color: var(--yazi-1); line-height: 1.55; }
.k-yapilar b { font-weight: 600; }
.k-yapi small { color: var(--yazi-3); font-size: var(--boy-2); }
.k-eser { display: grid; grid-template-columns: auto auto minmax(40px, 1fr);
  gap: var(--bosluk-4); align-items: center; margin-top: var(--bosluk-3); }
.k-eser > span:first-child { color: var(--yazi-1); }
.k-eser-durum { color: var(--yazi-2); font-size: var(--boy-2); white-space: nowrap; }
.k-eser.ton-uyari .k-eser-durum { color: var(--uyari); }
.k-eser.ton-iyi .k-eser-durum { color: var(--iyi); }

/* ------------------------------------------------------------------ kişilik ve diplomasi */
.k-cumle { color: var(--yazi-1); }
.k-cumle + .k-kisilik { margin-top: var(--bosluk-4); }
.k-kisilik-cubuk { display: flex; height: 6px; border-radius: 3px; overflow: hidden;
  background: var(--zemin-2); }
.k-kisilik-cubuk i { display: block; height: 100%; }
.k-kisilik-lejant { display: flex; flex-wrap: wrap; gap: var(--bosluk-1) var(--bosluk-5);
  margin-top: var(--bosluk-3); color: var(--yazi-3); font-size: var(--boy-2); }
.k-kisilik-lejant .bas { color: var(--yazi-1); font-weight: 600; }
.k-kisilik-lejant i { display: inline-block; width: 7px; height: 7px; margin-right: 5px;
  border-radius: 1px; vertical-align: 1px; }
.ozellik-builder, .k-kisilik-lejant .ozellik-builder i { --oz: var(--vurgu); }
.ozellik-warlike, .k-kisilik-lejant .ozellik-warlike i { --oz: var(--kotu); }
.ozellik-friendly, .k-kisilik-lejant .ozellik-friendly i { --oz: var(--iyi); }
.ozellik-cautious, .k-kisilik-lejant .ozellik-cautious i { --oz: var(--bilgi); }
.k-kisilik-cubuk i, .k-kisilik-lejant i { background: var(--oz); }

.k-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column;
  gap: var(--bosluk-3); }
.k-liste li { display: flex; align-items: baseline; gap: var(--bosluk-4); }
.k-li-tur { flex: none; width: 96px; color: var(--yazi-2); }
.k-liste small { margin-left: auto; color: var(--yazi-3); font-size: var(--boy-2);
  white-space: nowrap; }

/* ------------------------------------------------------------------ karşılama */
.k-karsilama { padding-bottom: var(--bosluk-5); border-bottom: 1px solid var(--cizgi); }
.k-karsilama .k-cumle { margin-top: var(--bosluk-3); }
.k-yonerge { margin-top: var(--bosluk-4); color: var(--yazi-2); font-size: var(--boy-2); }
.k-guclular { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column;
  gap: var(--bosluk-2); }
.k-guclu { display: grid; grid-template-columns: 16px 22px minmax(0, 1fr) auto;
  gap: var(--bosluk-4); align-items: center; width: 100%; min-height: 40px;
  padding: var(--bosluk-3) var(--bosluk-4); border: 1px solid var(--cizgi);
  border-radius: var(--yaricap-2); background: var(--zemin-1); color: var(--yazi-1);
  text-align: left; }
.k-guclu:hover { background: var(--zemin-2); border-color: var(--cizgi-guclu); }
.k-sira { color: var(--yazi-3); font: 600 var(--boy-4) var(--aile-serif); }
.k-guclu-ad { display: flex; flex-direction: column; min-width: 0; }
.k-guclu-ad b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.k-guclu-ad small { color: var(--yazi-3); font-size: var(--boy-2); }
.k-guclu-sayi { color: var(--yazi-2); font-size: var(--boy-2); white-space: nowrap; }