/* Yapay rakipler (3a): Sıralama ve Hanedanlar sayfalarının canlı hâli. Temel görünüm sayfalar.css'te (siralama-*, hanedan-*);
   burada yalnız 3a'nın ekledikleri. */

/* ——— Sıralama ——— */
.siralama-tablo .rakip-sen { color: var(--turuncu); font-style: normal; font-weight: 500; }
.siralama-tablo tr.siralama-sen .siralama-ad-metin a { color: inherit; }
.siralama-tablo .rakip-bos-satir td { height: 64px; color: var(--soluk); text-align: center; }
.siralama-tablo .rakip-bos-satir .dugme { margin-left: 8px; vertical-align: middle; }
.siralama-kat-not .rakip-ben { color: var(--turuncu); }
.siralama-kat-not .rakip-ben-git { margin-left: 4px; color: var(--bag); }
.siralama-kat-not .rakip-ben-git:hover { color: #fff; }

/* ——— Hanedanlar ——— */
.rakip-karti .hanedan-ad { gap: 2px; }
.rakip-aktif { display: inline-flex; align-items: center; gap: 4px; color: var(--yazi-2); font-size: 12px; }
.rakip-aktif .simge { width: 13px; height: 13px; }
.rakip-aktif.simdi { color: var(--yesil); }
.rakip-aktif.yok { color: var(--soluk); }
.rakip-bilgi { margin-top: 10px; padding-top: 8px; border-top: 1px solid rgba(255, 255, 255, .06); font-size: 12.5px; }
.rakip-bilgi dd { margin: 0; min-width: 0; text-align: right; }
.rakip-gezegenler { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 2px 8px; }
.rakip-gezegenler a { color: var(--bag); white-space: nowrap; }
.rakip-gezegenler a:hover { color: #fff; }
.rakip-sana { color: var(--kirmizi); font-weight: 600; }
.rakip-senden { color: var(--turuncu); font-weight: 600; }
.rakip-bos { margin: 0; padding: 18px 14px; background: var(--panel-koyu); border: 1px solid var(--kenar); border-radius: var(--yuvarlak); color: var(--soluk); text-align: center; }
.rakip-bos .dugme { margin-left: 8px; vertical-align: middle; }
.senin-govde .dugme .simge { width: 14px; height: 14px; }

@media (max-width: 560px) {
  .rakip-bilgi > div { flex-wrap: wrap; }
  .rakip-bilgi dd { flex: 1 1 auto; }
}

/* ——— 3b-1: inaktif işareti, galaksi haberleri, mektuplar (DILIM-3b1.md §5) ——— */
/* (i) 7 günden, (I) 28 günden uzun süredir görülmeyen hanedan: soluk gri (OGame'in tonu), adın arkasında; ad soluk */
.inaktif-isaret { flex: none; color: #a4a4a4; font-size: 11.5px; font-style: normal; font-weight: 600; letter-spacing: .02em; white-space: nowrap; }
.inaktif-isaret.buyuk { color: #7a7a7a; }
.sistem-tablosu .hanedan-hucre .inaktif-isaret { margin-left: -2px; font-size: 11px; }
.sistem-tablosu .hanedan-hucre .kes.inaktif { opacity: .55; }
.yer-karti-alt .inaktif-isaret { margin-left: 4px; }
.rakip-aktif.inaktif { color: #8f8f8f; }
.rakip-aktif.inaktif .inaktif-isaret { font-size: 12px; }

/* Galaksi haberleri: gün ve saat, metin; önem 3 vurgulu; koordinat Galaksi'ye bağlantı */
.bulten-satir .bulten-metin { min-width: 0; overflow-wrap: anywhere; }
.bulten-satir.onem-2 .bulten-metin { color: #f1ece0; }
.bulten-satir.onem-3 { padding: 5px 8px; border-left: 2px solid #d9b25a; background: linear-gradient(90deg, rgba(217, 178, 90, .12), transparent); border-radius: 0 4px 4px 0; }
.bulten-satir.onem-3 .bulten-metin { color: #fff; font-weight: 600; }
.gunluk.bulten-liste li.onem-3 { padding: 6px 8px; }
.bulten-konum { color: var(--bag); white-space: nowrap; }
.bulten-konum:hover { color: #fff; }
.bulten-kutusu .haberler li { overflow-wrap: anywhere; }
.bulten-kutusu .bulten-satir .not-gunu { margin-bottom: 2px; }
.daha-eski-sira { display: flex; justify-content: center; margin-top: 14px; }
.daha-eski-sira .dugme .simge { width: 14px; height: 14px; }

/* Mektuplar (Arşiv kartı ve Mesajlar'daki sancaklı görünüm) */
.mektup-liste .mektup-govde { min-width: 0; }
.mektup-ust { display: flex; align-items: center; gap: 8px; min-width: 0; color: #fff; }
.mektup-ust b { font-weight: 700; overflow-wrap: anywhere; }
.mektup-ust .soluk { font-size: 12px; }
.mektup-liste .mektup-ust .sancak.mini { width: 16px; height: 23px; }
.mektup-mesaj .mektup-ust > div { display: grid; gap: 1px; min-width: 0; }
.mektup-mesaj .mektup-metin { margin: 10px 0 4px; color: #e4ddcc; font: italic 17px/1.5 var(--kadim-tipi); overflow-wrap: anywhere; }
.mektup-mesaj .mektup-imza { margin: 0 0 10px; text-align: right; }
.mektup-mesaj .dugme .simge { width: 14px; height: 14px; }

@media (max-width: 560px) {
  .gunluk.bulten-liste li, .gunluk.mektup-liste li { grid-template-columns: minmax(0, 1fr); gap: 3px; }
  .gunluk.bulten-liste .not-gunu, .gunluk.mektup-liste .not-gunu { justify-self: start; }
  .mektup-mesaj .mektup-metin { font-size: 16px; }
}

/* ——— 3b-2: ittifaklar ve diplomasi (DILIM-3b2.md §7) ———
   Müttefik yeşil (--dost), savaş kırmızı (--savas); İttifak sayfası, galaksi etiketi, hanedan rozetleri, mesajlar, filo paneli, menü rozeti.
   Telefonda taşma yok: geniş tablolar kendi kutusunda kayar, satırlar alt alta iner. */
:root { --dost: 104 214 120; --savas: 240 98 90; }
.ittifak-etiket-bag { color: var(--turuncu); font-weight: 700; letter-spacing: .02em; white-space: nowrap; }
.ittifak-etiket-bag:hover { color: #fff; }
.ittifak-etiket-bag.dost { color: rgb(var(--dost)); }
.ittifak-etiket-bag.savas { color: rgb(var(--savas)); }
.sistem-tablosu .ittifak-hucre .kes { overflow: visible; }
.e-dur { --e: rgb(var(--gorev-dur)); }      /* Galaksi'de müttefikin gezegeninde Dur: turkuaz (görev rengi) */

/* Rozetler (müttefik, savaş, ateşkes, hayalet, lider) */
.ittifak-rozet { display: inline-flex; align-items: center; padding: 0 6px; border: 1px solid var(--kenar-acik); border-radius: 999px; color: var(--yazi-2);
  font-size: 10.5px; font-weight: 600; line-height: 16px; white-space: nowrap; }
.ittifak-rozet.dost { border-color: rgb(var(--dost) / .5); color: rgb(var(--dost)); background: rgb(var(--dost) / .08); }
.ittifak-rozet.savas { border-color: rgb(var(--savas) / .5); color: rgb(var(--savas)); background: rgb(var(--savas) / .08); }
.ittifak-rozet.ateskes { border-color: rgba(240, 196, 64, .45); color: #f0c440; }
.ittifak-rozet.hayalet { border-style: dashed; color: var(--soluk); }
.ittifak-rozet.lider { border-color: rgba(255, 157, 46, .5); color: var(--turuncu); }
.ittifak-hayalet-isaret { color: var(--soluk); font-size: 11px; font-style: normal; }

/* İki basışlı düğmenin sorusu (kartlar.css "İptal edilsin mi?" yazısını ezer) */
.dugme.onay-bekliyor[data-onay-yazi]::after { content: attr(data-onay-yazi); }

/* ——— İttifak sayfası ——— */
.sayfa-ittifak .kutu { margin-top: 12px; }
.ittifak-bos { margin: 12px 0; padding: 16px 14px; background: var(--panel-koyu); border: 1px solid var(--kenar); border-radius: var(--yuvarlak); color: var(--soluk); text-align: center; }
.ittifak-bos .dugme { margin-left: 8px; vertical-align: middle; }
.ittifak-kucuk-not { margin: 6px 0 0; font-size: 12px; }
.ittifak-geri-bag { margin: 10px 0 0; font-size: 12.5px; }
.ittifak-geri-bag a { display: inline-flex; align-items: center; gap: 4px; }
.ittifak-geri-bag .simge { width: 14px; height: 14px; }
.sayfa-ittifak .dugme .simge { width: 14px; height: 14px; }

/* Başlık */
.ittifak-baslik-govde { display: flex; align-items: flex-start; gap: 14px; }
.ittifak-baslik-govde > .sancak { flex: none; width: 52px; height: 73px; }
.ittifak-baslik-ic { flex: 1; min-width: 0; display: grid; gap: 8px; }
.ittifak-baslik-ad { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; color: #fff; font-size: 17px; }
.ittifak-baslik-ad b { font-weight: 700; overflow-wrap: anywhere; }
.ittifak-aciklama { margin: 0; color: var(--yazi-2); font-size: 13px; font-style: italic; overflow-wrap: anywhere; }

/* Sekmeler ve gövde */
.ittifak-sekmeler { margin: 12px 0 0; }
.ittifak-sekmeler a .rozet { margin-left: 2px; }
.ittifak-sekme-govde { margin-top: 8px !important; }
.ittifak-bolum { display: grid; gap: 8px; }
.ittifak-bolum + .ittifak-bolum, .ittifak-bolum { margin-top: 0; }
.ittifak-bolum-adi { margin: 12px 0 0; color: var(--yazi-2); font-size: 12px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.ittifak-bolum-adi .soluk { letter-spacing: 0; text-transform: none; }
.ittifak-bolum > .ittifak-bolum-adi:first-child { margin-top: 0; }

/* Üyeler tablosu */
.ittifak-uyeler { font-size: 12.5px; }
.ittifak-uyeler td { vertical-align: middle; }
.ittifak-uyeler tr.sen td { background: rgba(74, 163, 255, .07); }
.u-ad-ic { display: inline-flex; align-items: center; gap: 6px; min-width: 0; color: #fff; }
.u-ad-ic b { font-weight: 600; overflow-wrap: anywhere; }
.u-ad-ic .sancak.mini { flex: none; width: 15px; height: 21px; }
.ittifak-uyeler .u-puan, .ittifak-uyeler .u-sira { text-align: right; white-space: nowrap; }
.u-gezegenler { display: flex; flex-wrap: wrap; gap: 3px 10px; }
.u-gezegen-oge { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.ittifak-konum { color: var(--bag); white-space: nowrap; }
.ittifak-konum:hover { color: #fff; }
.depo-rozet { padding: 0 5px; border: 1px solid rgb(var(--gorev-dur) / .5); border-radius: 3px; color: rgb(var(--gorev-dur)); font-size: 10.5px; font-weight: 600; line-height: 15px; white-space: nowrap; }
.ittifak-aktif { color: var(--yazi-2); white-space: nowrap; }
.ittifak-aktif.simdi { color: var(--yesil); }
.ittifak-uyeler .u-eylem .dugme-sirasi { margin: 0; flex-wrap: nowrap; justify-content: flex-end; gap: 6px; }

/* Listeler: davet, başvuru, bilinen ittifak */
.ittifak-listesi.yeni li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 9px 12px; }
.ittifak-listesi.yeni li > .sancak.mini { flex: none; width: 18px; height: 25px; }
.ittifak-listesi.yeni li > span:nth-child(2) { flex: 1 1 200px; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ittifak-listesi.yeni li a { color: inherit; }
.ittifak-listesi.yeni li a:hover b, .ittifak-listesi.yeni li a:hover { color: #fff; }
.ittifak-listesi.yeni small { font-size: 11.5px; overflow-wrap: anywhere; }
.ittifak-listesi.yeni .dugme-sirasi { margin: 0; flex-wrap: nowrap; gap: 6px; }
.ittifak-listesi.yeni b { color: var(--turuncu); }
.ittifak-satir.sen { background: rgba(74, 163, 255, .06); }
.ittifak-satir.hayalet { opacity: .7; }
.ittifak-satir-sayi { display: inline-flex; gap: 10px; color: var(--yazi-2); font-size: 12px; white-space: nowrap; }
.ittifak-satir-rozet { display: inline-flex; gap: 4px; }
.ittifak-satir-rozet:empty { display: none; }
.ittifak-neden { font-size: 11.5px; white-space: nowrap; }
.ittifak-not-metni { color: #e4ddcc; font: italic 13px/1.4 var(--kadim-tipi); overflow-wrap: anywhere; }
.ittifak-not-metni::before { content: "“"; } .ittifak-not-metni::after { content: "”"; }

/* Kur formu */
.ittifak-kur-govde { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 14px; align-items: start; }
.ittifak-kur-onizleme { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px 6px; background: var(--panel-koyu);
  border: 1px solid var(--kenar); border-radius: var(--yuvarlak); color: #fff; font-size: 13px; text-align: center; overflow-wrap: anywhere; }
.ittifak-kur-onizleme .sancak { width: 52px; height: 73px; }
.ittifak-kur-onizleme b { color: var(--turuncu); }
.ittifak-kur-alanlar { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: flex-end; min-width: 0; }
.ittifak-alan { display: grid; gap: 4px; flex: 1 1 200px; min-width: 0; color: var(--yazi-2); font-size: 12px; }
.ittifak-alan.kisa { flex: 0 1 110px; }
.ittifak-alan.genis { flex: 1 1 100%; }
.ittifak-alan input, .ittifak-alan select, .ittifak-alan textarea, .ittifak-not-girdi {
  min-height: 32px; width: 100%; min-width: 0; padding: 5px 9px; background: #0b1016; border: 1px solid var(--kenar-acik); border-radius: 3px; color: #fff; font: inherit; font-size: 13px; }
.ittifak-alan textarea { resize: vertical; }
.ittifak-secim { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; border: 0; min-width: 0; flex: 1 1 100%; }
.ittifak-secim legend { width: 100%; margin-bottom: 4px; padding: 0; color: var(--yazi-2); font-size: 12px; }
.renk-secim, .sancak-secim { position: relative; display: inline-grid; place-items: center; cursor: pointer; }
.renk-secim input, .sancak-secim input { position: absolute; opacity: 0; pointer-events: none; }
.renk-secim span { width: 24px; height: 24px; border: 2px solid transparent; border-radius: 50%; box-shadow: 0 0 0 1px rgba(255, 255, 255, .15); }
.renk-secim input:checked + span { border-color: #fff; }
.renk-secim input:focus-visible + span, .sancak-secim input:focus-visible + .sancak { outline: 2px solid var(--turuncu); outline-offset: 2px; }
.sancak-secim { padding: 3px 4px; border: 1px solid var(--kenar); border-radius: 4px; }
.sancak-secim .sancak.mini { width: 18px; height: 25px; }
.sancak-secim:has(input:checked) { border-color: var(--turuncu); background: rgba(255, 157, 46, .08); }
.ittifak-kur-not { flex: 1 1 100%; margin: 0; font-size: 12px; }
.ittifak-kur-alanlar .dugme-sirasi { margin: 0; }
.ittifak-not-satiri { padding-top: 0; }

/* Ek kutular ve kurallar (? arkasında; kapalı gelir) */
.ittifak-ek { margin-top: 10px; border: 1px solid var(--kenar); border-radius: var(--yuvarlak); background: rgba(8, 11, 16, .55); }
.ittifak-ek > summary { display: flex; align-items: center; gap: 6px; padding: 8px 12px; color: var(--yazi-2); font-size: 12.5px; cursor: pointer; list-style: none; }
.ittifak-ek > summary::-webkit-details-marker { display: none; }
.ittifak-ek > summary .simge { width: 15px; height: 15px; }
.ittifak-ek[open] > summary, .ittifak-ek > summary:hover { color: #fff; }
.ittifak-ek-ic { padding: 0 12px 10px; }
.ittifak-soru { margin-top: 10px; }
.ittifak-soru > summary { display: inline-flex; align-items: center; gap: 6px; color: var(--soluk); font-size: 12px; cursor: pointer; list-style: none; }
.ittifak-soru > summary::-webkit-details-marker { display: none; }
.ittifak-soru > summary:hover, .ittifak-soru[open] > summary { color: var(--yazi); }
.ittifak-soru-isaret { display: inline-grid; place-items: center; width: 17px; height: 17px; border: 1px solid currentColor; border-radius: 50%; font-size: 11px; font-weight: 700; }
.ittifak-soru ul { margin: 8px 0 0; padding-left: 18px; color: var(--yazi-2); font-size: 12px; display: grid; gap: 4px; }

/* Kartlar: ortak saldırı, yardım çağrısı, savaş, hizmet */
.harekat-listesi { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.harekat-kart, .cagri-kart, .savas-kart { min-width: 0; padding: 10px 12px; background: var(--panel-koyu); border: 1px solid var(--kenar); border-radius: var(--yuvarlak); }
.harekat-kart { border-left: 3px solid rgb(var(--gorev-saldiri) / .8); }
.cagri-kart { border-left: 3px solid rgb(var(--gorev-dur) / .8); }
.cagri-kart.sen { border-left-color: rgb(var(--savas) / .8); }
.savas-kart { border-left: 3px solid rgb(var(--savas) / .8); }
.hizmet-kart { border-left-color: rgb(176 190 214 / .8); }
.harekat-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; color: var(--yazi-2); font-size: 13px; }
.harekat-ust b { color: #fff; overflow-wrap: anywhere; }
.harekat-ust > .simge { width: 15px; height: 15px; color: var(--yazi-2); }
.harekat-bilgi { margin-top: 8px; font-size: 12.5px; }
.harekat-bilgi dd { min-width: 0; overflow-wrap: anywhere; }
.harekat-kart .dugme-sirasi, .cagri-kart .dugme-sirasi, .savas-kart .dugme-sirasi { margin-top: 10px; }
.ittifak-sayac { color: #fff; font-variant-numeric: tabular-nums; }
.harekat-plan-satir { display: flex; flex-wrap: wrap; gap: 8px 10px; align-items: flex-end; margin-top: 4px; }
.harekat-plan-not { margin: 8px 0 0; font-size: 12px; }
.harekat-plan .dugme-sirasi { margin-top: 8px; }
.savas-skor { display: flex; align-items: baseline; justify-content: center; gap: 14px; margin: 10px 0 4px; }
.savas-skor span { display: grid; justify-items: center; }
.savas-skor small { color: var(--soluk); font-size: 11px; }
.savas-skor b { color: #fff; font-size: 20px; font-variant-numeric: tabular-nums; }
.savas-skor .biz b { color: rgb(var(--dost)); }
.savas-skor .onlar b { color: rgb(var(--savas)); }
.savas-skor .ayrac { color: var(--soluk); }
.savas-form .dugme-sirasi { margin-top: 8px; }
.hizmet-bedel { margin-top: 10px; font-size: 12.5px; }
.hizmet-bedel .eksik dd { color: var(--kirmizi); }
.hizmet-kart .uyari .simge { width: 13px; height: 13px; vertical-align: -2px; }

/* Nöbet ve hizmet satırları */
.nobet-listesi { margin: 0; padding: 0; list-style: none; display: grid; gap: 1px; }
.nobet-satir, .hizmet-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 8px 4px; border-bottom: 1px solid rgba(255, 255, 255, .05); font-size: 12.5px; }
.nobet-satir > .simge, .hizmet-satir > .simge { flex: none; width: 15px; height: 15px; color: rgb(var(--gorev-dur)); }
.nobet-ad { flex: 1 1 220px; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; }
.nobet-ad b { color: #fff; }
.nobet-ad small { flex: 1 1 100%; font-size: 11.5px; }
.nobet-sure { display: inline-flex; align-items: baseline; gap: 5px; white-space: nowrap; }
.nobet-sure small { color: var(--soluk); font-size: 11px; }

/* Geçmiş ve yönetim */
.ittifak-gecmis { gap: 8px; font-size: 13px; }
.ittifak-gecmis .gecmis-savas span:last-child { color: rgb(var(--savas)); }
.ittifak-gecmis .gecmis-katildi span:last-child { color: rgb(var(--dost)); }
.yonetim-satir { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; padding: 8px 0; border-bottom: 1px solid rgba(255, 255, 255, .05); font-size: 13px; }
.yonetim-satir > span { min-width: 0; display: grid; gap: 2px; }
.yonetim-satir b { color: #fff; }
.yonetim-satir .soluk { font-size: 12px; }
.yonetim-satir.tehlikeli b { color: #ff8a80; }
.sayfa-ittifak [data-ittifak-ayar] > .dugme-sirasi { margin-top: 6px; }
.ittifak-basvur-satir { align-items: center; }
.ittifak-basvur-satir .ittifak-not-girdi { flex: 1 1 220px; }

/* Hanedanlar: ittifak satırı ve diplomasi düğmeleri */
.hanedan-ittifak { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 3px 6px; font-size: 12px; }
.hanedan-ittifak-ad { color: var(--yazi-2); overflow-wrap: anywhere; }
.hanedan-diplomasi { margin-top: 10px; }
.hanedan-diplomasi .dugme .simge { width: 14px; height: 14px; }

/* Mesajlar: ittifak bildirimi ve davette Kabul / Ret */
.ittifak-bildirim .mektup-ust > div { display: grid; gap: 1px; min-width: 0; }
.ittifak-bildirim-metin { margin: 10px 0 4px; color: #e4ddcc; font-size: 14px; overflow-wrap: anywhere; }
.ittifak-davet-yanit { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 4px; }
.ittifak-davet-yanit .dugme-sirasi, .ittifak-bildirim [data-yanit-yeri] .dugme-sirasi { margin-top: 4px; }
.ittifak-yanit-not { display: flex; align-items: flex-start; gap: 6px; margin: 4px 0; font-size: 12.5px; }
.ittifak-yanit-not .simge { flex: none; width: 15px; height: 15px; margin-top: 1px; }
.ittifak-yanit-dugmeleri .dugme .simge { width: 14px; height: 14px; }

/* Menü: İttifak'ın yanında çağrı ve başvuru rozeti */
.menu-rozet { margin-left: auto; min-width: 17px; height: 17px; font-size: 10.5px; }
.menu-oge .menu-ornek + .menu-rozet { margin-left: 4px; }
.daha-oge .menu-rozet { margin: -3px 0 0; }

/* Olay listesi: dost nöbetçi, ortak saldırı, ay denemesi */
.olay.gorev-dur.ittifak-dost { --gorev: var(--gorev-dur); }
.olay.ittifak-hizmet { --gorev: var(--gorev-aykur); }

/* Filo: ortak saldırı paneli, hız önerisi, ortak saldırı olarak gönder, dost nöbetinin notu */
.harekat-paneli { display: grid; gap: 6px; margin-top: 12px; padding: 9px 12px; background: rgb(var(--gorev-saldiri) / .07); border: 1px solid rgb(var(--gorev-saldiri) / .35);
  border-radius: 4px; font-size: 12.5px; }
.harekat-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin: 0; }
.harekat-satir .simge { width: 15px; height: 15px; }
.harekat-satir b { color: #fff; }
.harekat-satir.uyari { color: var(--kirmizi); }
.harekat-sec { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: var(--yazi-2); }
.harekat-sec select { min-height: 30px; max-width: 100%; padding: 3px 8px; background: #0b1016; border: 1px solid var(--kenar-acik); border-radius: 3px; color: #fff; font-size: 12.5px; }
.harekat-sec .simge { width: 15px; height: 15px; }
.hiz-secimi button.oneri:not(.secili) { box-shadow: inset 0 -2px 0 rgb(var(--dost)); color: #fff; }
.hiz-secimi button.yetismez { color: #4e5d70; background: #0e141b; cursor: not-allowed; }
.ortak-yeni { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 12px; color: var(--yazi-2); font-size: 12.5px; cursor: pointer; }
.ortak-yeni .simge { width: 15px; height: 15px; }
.ortak-yeni .soluk { flex: 1 1 100%; font-size: 11.5px; }
.bekleme-secimi.dost-nobet { color: rgb(var(--gorev-dur)); }
.dost-nobet-not { flex: 1 1 100%; }

@media (max-width: 560px) {
  .ittifak-kur-govde { grid-template-columns: minmax(0, 1fr); }
  .ittifak-kur-onizleme { flex-direction: row; justify-content: flex-start; padding: 8px 10px; text-align: left; }
  .ittifak-kur-onizleme .sancak { width: 32px; height: 45px; }
  .ittifak-baslik-govde > .sancak { width: 38px; height: 53px; }
  .ittifak-baslik-ad { font-size: 15px; }
  .harekat-listesi { grid-template-columns: minmax(0, 1fr); }
  /* Üyeler tablosu telefonda kart gibi: her üye bir blok */
  .ittifak-uyeler thead { display: none; }
  .ittifak-uyeler, .ittifak-uyeler tbody, .ittifak-uyeler tr { display: block; width: 100%; }
  .ittifak-uyeler tr { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 2px 10px; padding: 8px 4px; border-bottom: 1px solid rgba(255, 255, 255, .06); }
  .ittifak-uyeler td { display: block; padding: 0; border: 0; }
  .ittifak-uyeler .u-ad { grid-column: 1; }
  .ittifak-uyeler .u-rutbe { grid-column: 2 / 4; justify-self: end; }
  .ittifak-uyeler .u-puan { grid-column: 1; text-align: left; color: var(--yazi-2); }
  .ittifak-uyeler .u-puan::after { content: " puan"; }
  .ittifak-uyeler .u-sira { grid-column: 2; }
  .ittifak-uyeler .u-aktif { grid-column: 3; justify-self: end; }
  .ittifak-uyeler .u-gezegen, .ittifak-uyeler .u-eylem { grid-column: 1 / -1; }
  .ittifak-uyeler .u-eylem .dugme-sirasi { justify-content: flex-start; margin-top: 4px; }
  .ittifak-satir-sayi { flex: 1 1 100%; }
  .ittifak-listesi.yeni .dugme-sirasi { flex: 1 1 100%; }
}
@media (min-width: 561px) {
  .ittifak-sekmeler { flex-wrap: wrap; overflow: visible; }
  .ittifak-uyeler .u-ad-ic b { white-space: nowrap; }
}
/* Filo yolculuk şeması: İttifak Saldırısı'nda seçili hız harekâtın anına yetişmiyor (filo.js "Varış · yetişmez"; düzeltici 2026-11-02) */
.sefer-durak.varis.yetismez .sefer-deger, .sefer-durak.varis.yetismez .sefer-ad { color: var(--kirmizi); }
.hanedan-diplomasi-not { font-size: 12.5px; }

/* ——— 3b-3: rakip dosyası ve tehdit göstergesi (DILIM-3b3.md §7) ———
   Tehdit rozeti: düşük soluk, orta kehribar, yüksek kırmızı (adın <b>'sinin dışında, ittifak satırının altında). Dosya kartın altında kapalı
   gelir, tek tıkla açılır; telefonda taşma yok (şerit 24 eşit sütun, satırlar sarılır). */
.tehdit-rozet { display: inline-flex; align-items: center; gap: 4px; width: fit-content; padding: 0 7px 0 5px; border: 1px solid var(--kenar-acik); border-radius: 999px;
  color: var(--soluk); font-size: 11px; font-weight: 600; line-height: 17px; white-space: nowrap; }
.tehdit-rozet .simge { width: 12px; height: 12px; }
.tehdit-rozet.orta { border-color: rgba(240, 180, 60, .55); color: #f0b43c; background: rgba(240, 180, 60, .08); }
.tehdit-rozet.yuksek { border-color: rgba(240, 98, 90, .6); color: var(--kirmizi); background: rgba(240, 98, 90, .12); }

/* Menü: Hanedanlar'ın yanında yüksek tehdit sayısı (kırmızı) */
.menu-rozet.tehdit { background: var(--kirmizi); color: #fff; }
/* Telefonun alt çubuğu: "Daha" sekmesinde içindeki sayfaların rozet toplamı (tehdit varsa kırmızı) */
.sekme .sekme-rozet { position: absolute; top: 5px; left: calc(50% + 5px); min-width: 16px; height: 16px; padding: 0 4px; font-size: 10px; }
.sekme-rozet.tehdit { background: var(--kirmizi); color: #fff; }

/* Dosya düğmesi ve bölümü */
.hanedan-izgara:has(.hanedan-dosya[open]) { align-items: start; }
.hanedan-dosya { margin-top: 10px; }
.hanedan-dosya > summary { list-style: none; width: fit-content; }
.hanedan-dosya > summary::-webkit-details-marker { display: none; }
.hanedan-dosya > summary .simge { width: 14px; height: 14px; }
.hanedan-dosya[open] > summary { border-color: var(--kenar-acik); color: #fff; }
.hanedan-dosya-govde { display: grid; gap: 10px; min-width: 0; margin-top: 8px; padding: 10px; background: var(--panel-koyu); border: 1px solid var(--kenar); border-radius: var(--yuvarlak); font-size: 12.5px; }
.dosya-bos { margin: 0; }
.dosya-tehdit { display: grid; gap: 4px; }
.dosya-tehdit ul { margin: 0; padding-left: 18px; color: var(--yazi-2); font-size: 12px; }
.dosya-tehdit.yuksek ul { color: #ffb0aa; }
.dosya-kisim { min-width: 0; }
.dosya-kisim h3 { margin: 0 0 5px; color: #fff; font-size: 12.5px; font-weight: 700; }
.dosya-kisim h3 .soluk { font-size: 11.5px; font-weight: 400; }
.dosya-konum { color: var(--bag); white-space: nowrap; }
.dosya-konum:hover { color: #fff; }
.dosya-an { color: var(--soluk); white-space: nowrap; }
.dosya-an .simge { width: 13px; height: 13px; margin-right: 3px; vertical-align: -2px; }

/* Gözlenen gezegenler */
.dosya-gezegenler, .dosya-saldirilar, .dosya-radarlar { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.dosya-gezegen { min-width: 0; padding: 6px 8px; background: rgba(255, 255, 255, .025); border: 1px solid rgba(255, 255, 255, .05); border-radius: 4px; }
.dosya-gezegen-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; }
.dosya-gezegen-ad { min-width: 0; color: #fff; overflow-wrap: anywhere; }
.dosya-gezegen-ust .dosya-an { margin-left: auto; }
.dosya-ay { padding: 0 5px; border: 1px solid var(--kenar-acik); border-radius: 999px; color: var(--yazi-2); font-size: 10.5px; line-height: 15px; }
.dosya-gezegen-deger { display: flex; flex-wrap: wrap; gap: 2px 14px; margin: 4px 0 0; }
.dosya-gezegen-deger > div { display: flex; gap: 5px; min-width: 0; }
.dosya-gezegen-deger dt { color: var(--soluk); }
.dosya-gezegen-deger dd { margin: 0; }
.dosya-gezegen-deger b { color: #e8eef6; font-weight: 600; font-variant-numeric: tabular-nums; }
.dosya-bilinmez { color: var(--soluk); font-weight: 700; }

/* Aktiflik şeridi: dolu = görüldü, çerçeve = baktın görülmedi, soluk = bakmadın */
.dosya-serit { display: grid; grid-template-columns: repeat(24, minmax(0, 1fr)); gap: 2px; }
.dosya-saat, .dosya-ornek { height: 16px; border-radius: 2px; }
.dosya-saat.gorulen, .dosya-ornek.gorulen { background: var(--yesil); }
.dosya-saat.bakilan, .dosya-ornek.bakilan { border: 1px solid rgba(147, 211, 86, .55); background: rgba(147, 211, 86, .06); }
.dosya-saat.bakilmadi, .dosya-ornek.bakilmadi { background: rgba(255, 255, 255, .05); }
.dosya-serit-olcek { display: flex; justify-content: space-between; margin-top: 2px; color: var(--soluk); font-size: 10px; font-variant-numeric: tabular-nums; }
.dosya-serit-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 3px 6px; margin: 4px 0 0; color: var(--yazi-2); font-size: 11.5px; }
.dosya-ornek { display: inline-block; width: 10px; height: 10px; }
.dosya-serit-alt b { color: #fff; font-weight: 600; }

/* Saldırılar ve radar */
.dosya-saldiri, .dosya-radar { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; min-width: 0; }
.dosya-yon { min-width: 46px; font-weight: 700; }
.dosya-saldiri.sana .dosya-yon { color: var(--kirmizi); }
.dosya-saldiri.senden .dosya-yon { color: var(--turuncu); }
.dosya-sonuc.zafer { color: var(--yesil); }
.dosya-sonuc.yenilgi { color: #ff8a80; }
.dosya-sonuc.berabere { color: var(--yazi-2); }
.dosya-kayip, .dosya-yagma { color: var(--soluk); white-space: nowrap; }
.dosya-kayip b, .dosya-yagma b, .dosya-radar b, .dosya-sonda b { color: #e8eef6; font-weight: 600; font-variant-numeric: tabular-nums; }
.dosya-sonda { display: flex; flex-wrap: wrap; gap: 2px 14px; margin: 0; color: var(--yazi-2); }

/* "?" arkasındaki açıklama (kapalı gelir) */
.dosya-soru > summary { display: inline-flex; align-items: center; gap: 6px; color: var(--soluk); font-size: 12px; cursor: pointer; list-style: none; }
.dosya-soru > summary::-webkit-details-marker { display: none; }
.dosya-soru > summary:hover, .dosya-soru[open] > summary { color: var(--yazi); }
.dosya-soru-isaret { display: inline-grid; place-items: center; width: 17px; height: 17px; border: 1px solid currentColor; border-radius: 50%; font-size: 11px; font-weight: 700; }
.dosya-soru ul { margin: 8px 0 0; padding-left: 18px; color: var(--yazi-2); font-size: 12px; display: grid; gap: 4px; }
.dosya-bedel { display: inline-flex; gap: 10px; }
.dosya-son { margin-left: 8px; }
/* Seni gözleyen, sistemini görmediğin hanedanlar (tehdit var, kart listede yok) */
.hanedan-gorunmeyen { margin-top: 14px; }