/* Sayfalara özel görünüm */

/* ——— Genel Bakış ——— */
.gezegen-baslik {
  position: relative; aspect-ratio: 654 / 250; overflow: hidden;
  background: url(../varlik/zemin/genel-bakis.webp) center / cover no-repeat, #05080d;
  border: 1px solid var(--kenar); border-radius: var(--yuvarlak); box-shadow: var(--golge);
}
.gezegen-baslik::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3, 5, 9, .88) 0%, rgba(3, 5, 9, .55) 42%, rgba(3, 5, 9, 0) 70%); z-index: 1; }
.gezegen-buyuk {
  position: absolute; right: -4%; top: 50%; width: 52%; aspect-ratio: 1; transform: translateY(-50%);
  filter: drop-shadow(0 0 28px rgba(120, 175, 255, .28));
}
.gezegen-bilgi { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 14px 18px; max-width: 58%; }
.gezegen-adi { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; color: #fff; font-size: 22px; font-weight: 600; text-shadow: 0 1px 3px #000; }
.gezegen-adi .ikon-dugme { width: 28px; height: 28px; background: rgba(0, 0, 0, .35); }
.bilgi-listesi { display: grid; gap: 3px; margin: 0; font-size: 13px; }
.bilgi-listesi > div { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 8px; }
.bilgi-listesi dt { color: var(--soluk); }
.bilgi-listesi dd { margin: 0; color: var(--yazi); text-shadow: 0 1px 2px #000; }

.sira-kutulari { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.sira-kutusu .kutu-govde { display: flex; flex-direction: column; gap: 8px; }
/* Baştaki iş: resim, ad, çıkacağı seviye, geri sayım ve bitiş saati; sağda çarpı */
.sira-bas { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: start; }
.sira-oge { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 10px; align-items: center; color: var(--yazi); }
.sira-oge img, .sira-oge .liste-simge { width: 58px; height: 58px; border: 1px solid #34465c; border-radius: 4px; }
.sira-yazi { display: flex; flex-direction: column; min-width: 0; font-size: 12.5px; }
.sira-yazi > b { color: #fff; font-size: 13px; line-height: 1.25; }
.sira-sayac { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 5px; margin-top: 2px; color: var(--yesil); }
.sira-sayac > .simge { flex: none; }
.sira-sayac b { color: #fff; font-size: 14px; }
/* Başlamamış baş: kehribar, kum saatli, nedeni yazılı; başlama anı da kehribar */
.sira-sayac.bekliyor { color: var(--kehribar); }
.sira-sayac.bekliyor b { color: #ffd9a0; }
.sira-neden { font-size: 12px; }
.bitis.baslar { color: #d8b582; }
.bitis { color: var(--yazi-2); font-size: 12px; font-weight: 400; white-space: nowrap; }
/* Baştaki işin bitiş anı geri sayımın altında, kutunun tam genişliğinde; Genel Bakış'ta tarihli ("31.10.2026 00:09:12"),
   dar kutuda saat tarihin altına iner */
.sira-bitis, .sira-sonu { display: block; }
.sira-bitis { margin-top: -4px; }
.sira-sonu { margin-top: 5px; }
.bitis.tarihli { white-space: normal; }
.bitis.tarihli > span { white-space: nowrap; }
/* Sayfaların altındaki sıra kutusu (Kaynaklar, Tesisler, Araştırma, Tersane, Savunma): bilgisayarda baştaki iş solda,
   bekleyenler sağda */
.sira-kutusu.sayfada { margin-top: 12px; }
@media (min-width: 760px) {
  .sira-kutusu.sayfada .kutu-govde { display: grid; grid-template-columns: minmax(250px, 330px) minmax(0, 1fr); gap: 8px 18px; align-items: start; }
  .sira-kutusu.sayfada .kutu-govde > :not(.sira-arka) { grid-column: 1; }
  .sira-kutusu.sayfada .sira-bitis { margin-top: -2px; }
  .sira-kutusu.sayfada .sira-arka { grid-column: 2; grid-row: 1 / span 3; align-self: start; padding: 2px 0 2px 16px; border-left: 1px solid rgba(255, 255, 255, .06); }
  .sira-kutusu.sayfada .sira-bekleyen { padding: 0; border-top: 0; }
}
/* Sırada bekleyenler: küçük resim, sağ altta çıkacağı seviye (kartlardaki gibi turuncu), sağ üstte çarpı */
.sira-bekleyen { display: flex; flex-wrap: wrap; gap: 8px 7px; margin: 0; padding: 9px 0 2px; list-style: none; border-top: 1px solid rgba(255, 255, 255, .06); }
.sira-bekleyen li { position: relative; }
.sira-bekleyen a { position: relative; display: block; width: 46px; height: 46px; overflow: hidden; background: #0a0f15; border: 1px solid #34465c; border-radius: 4px; }
.sira-bekleyen a:hover { border-color: var(--kenar-acik); }
.sira-bekleyen img, .sira-bekleyen .liste-simge { display: grid; place-items: center; width: 100%; height: 100%; object-fit: cover; }
.sira-bekleyen .liste-simge .simge { width: 55%; height: 55%; }
.sira-seviye {
  position: absolute; right: 0; bottom: 0; min-width: 18px; height: 15px; padding: 0 4px 0 7px;
  background: linear-gradient(#0e1117, #1b222d); border-radius: 9px 0 0 0;
  color: #ff9600; font-size: 11px; font-weight: 600; line-height: 15px; text-align: right;
}
/* Çarpı: bina ve araştırma sırasından çıkarır (bedeli döner) */
.sira-iptal {
  display: inline-grid; place-items: center; width: 26px; height: 26px; padding: 0;
  background: rgba(8, 11, 16, .9); border: 1px solid var(--kenar-acik); border-radius: 13px;
  color: var(--soluk); font-size: 12px; font-weight: 600; white-space: nowrap;
}
.sira-iptal .simge { width: 14px; height: 14px; }
.sira-iptal:hover, .sira-iptal:focus-visible { color: #fff; border-color: var(--kirmizi); background: #3a1714; }
.sira-bekleyen .sira-iptal { position: absolute; top: -7px; right: -7px; z-index: 2; width: 21px; height: 21px; }
.sira-bekleyen .sira-iptal .simge { width: 11px; height: 11px; }
/* Başlamış işin iptali sorar (ana.js): çarpı kırmızılaşır, solunda "İptal?" baloncuğu çıkar (yazıyı itmez); 4 sn içinde
   ikinci basış iptal eder */
.sira-iptal { position: relative; }
.sira-iptal.onay-bekliyor { background: #a8322c; border-color: var(--kirmizi); color: #fff; }
.sira-iptal.onay-bekliyor::after {
  content: "İptal?"; position: absolute; right: calc(100% + 5px); top: 50%; transform: translateY(-50%); z-index: 3;
  padding: 3px 9px; background: #a8322c; border: 1px solid var(--kirmizi); border-radius: 12px;
  color: #fff; font-size: 12px; font-weight: 600; white-space: nowrap; box-shadow: 0 2px 6px rgba(0, 0, 0, .5);
}
/* Telefonda çarpının dokunma alanı görünenden büyük (yaklaşık 40 px) */
@media (pointer: coarse) {
  .sira-iptal::before { content: ""; position: absolute; inset: -8px; }
  .sira-bas .sira-iptal { width: 30px; height: 30px; border-radius: 15px; }
  .sira-bekleyen .sira-iptal { width: 24px; height: 24px; }
}
.bos-sira { color: var(--soluk); font-size: 12.5px; }

.genel-iki { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; margin-top: 10px; align-items: start; }
.genel-iki.tek { grid-template-columns: minmax(0, 1fr); }
/* Motorun olayları (Genel Bakış'ta son altısı, Mesajlar'da hepsi): simge, saat, metin */
.olaylar-listesi li { display: flex; align-items: baseline; gap: 0; }
.olay-simge { flex: none; width: 15px; height: 15px; margin-right: 8px; color: var(--yazi-2); align-self: center; }
.olay-gunu { margin: 12px 0 6px; color: var(--soluk); font-size: 11.5px; font-weight: 600; letter-spacing: .04em; }
.olay-gunu:first-child { margin-top: 0; }
/* Gezegene ad: kalemle açılan yazı kutusu */
.gezegen-adi-girdi { width: min(260px, 60vw); padding: 3px 8px; background: rgba(0, 0, 0, .55); border: 1px solid var(--kenar-acik); border-radius: 4px; color: #fff; font: inherit; font-size: 19px; }
/* Canlı oyunda örnek veri gösteren sayfanın başındaki tek satır */
.ornek-serit { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; padding: 6px 11px; background: rgba(255, 255, 255, .03); border: 1px solid var(--kenar); border-radius: 4px; color: var(--yazi-2); font-size: 12.5px; }
.ornek-serit .simge { flex: none; width: 16px; height: 16px; color: var(--soluk); }
.genel-sag { display: grid; gap: 10px; }
.gorev { padding: 2px 0; }
.gorev-ad { display: flex; align-items: center; gap: 7px; color: #fff; font-weight: 600; }
.gorev-ad .simge { color: var(--turuncu); }
.gorev.simdiki p { margin: 4px 0 8px; color: var(--yazi-2); font-size: 12.5px; }
.gorev-odul { display: flex; align-items: center; gap: 6px; margin-top: 8px; color: var(--yazi-2); font-size: 12.5px; }
.satir-simge { width: 20px; height: 20px; border-radius: 3px; }
.gorev.sonraki { display: flex; align-items: center; gap: 7px; margin-top: 12px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, .06); color: var(--soluk); font-size: 12.5px; }
.gorev.sonraki b { color: var(--yazi-2); }
.gorev-biten { margin-top: 10px; color: var(--soluk); font-size: 12.5px; }
.gorev-biten summary { cursor: pointer; }
.gorev-biten ul { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: 3px; }
.gorev-biten li { display: flex; align-items: center; gap: 6px; }
.gorev-biten .simge { color: var(--yesil); }
.not-gunu { display: inline-block; margin-right: 8px; padding: 0 6px; border: 1px solid var(--kenar-acik); border-radius: 3px; color: var(--soluk); font-size: 11px; font-style: normal; white-space: nowrap; }
.kaptan-notu { color: #e4ddcc; font-family: var(--kadim-tipi); font-size: 16px; font-style: italic; line-height: 1.5; }
.kaptan-notu .not-gunu { font-family: var(--yazi-tipi); }
.haberler { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; font-size: 13px; color: var(--yazi); }
.mektup-uyari {
  display: flex; align-items: center; gap: 9px; margin-top: 10px; padding: 8px 10px;
  border: 1px solid rgba(210, 60, 60, .45); border-radius: 5px; background: rgba(210, 60, 60, .08); color: var(--yazi);
}
.mektup-uyari > .simge:first-child { color: #ff7a72; }
.mektup-uyari > .simge:last-child { margin-left: auto; color: var(--soluk); }

/* ——— Kaynaklar: saatlik üretim ——— */
.uretim-kutusu { margin-top: 18px; }
/* Üst özet: dört kutu (metal, kristal, deuterium, enerji); depo çubuğu ince, dolma süresi canlı */
.uretim-ozet { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 10px; }
.ozet-kutu { min-width: 0; padding: 8px 10px; background: rgba(255, 255, 255, .025); border: 1px solid var(--kenar); border-radius: 4px; }
.ozet-ust { display: flex; align-items: center; gap: 7px; color: var(--soluk); font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.ozet-ust .kaynak-resmi { width: 24px; height: 24px; }
.ozet-deger { margin-top: 3px; color: #fff; font-size: 17px; font-weight: 700; white-space: nowrap; }
.ozet-deger small { color: var(--soluk); font-size: 11.5px; font-weight: 500; }
.ozet-deger.durdu { color: var(--soluk); }
.ozet-depo { margin-top: 8px; color: var(--yazi-2); font-size: 12px; white-space: nowrap; }
.ozet-depo b { color: #fff; font-weight: 600; }
.depo-cubuk { display: block; height: 4px; margin: 4px 0 6px; overflow: hidden; background: #0b1016; border-radius: 2px; }
.depo-cubuk > span { display: block; height: 100%; background: linear-gradient(90deg, #4f7a2c, #93d356); }
.ozet-kutu.dolu .depo-cubuk > span { background: var(--kirmizi); }
.depo-not { color: var(--yazi-2); font-size: 11.5px; line-height: 1.4; }
.depo-not b { color: #fff; font-weight: 600; }
/* Üretim tablosu: ilk sütun kaydırmada yerinde kalır (telefonda) */
.uretim-tablosu { font-size: 13px; }
.uretim-tablosu td, .uretim-tablosu thead th:not(:first-child) { text-align: right; }
.uretim-tablosu th, .uretim-tablosu td { white-space: nowrap; }
.uretim-tablosu tbody th { color: var(--yazi); font-weight: 600; }
.uretim-tablosu tfoot tr:first-child > * { border-top: 1px solid var(--kenar-acik); }
.uretim-tablosu tfoot th, .uretim-tablosu tfoot td { color: var(--yazi); }
.uretim-tablosu tr.bol th, .uretim-tablosu tr.bol td { color: #fff; font-weight: 700; }
.uretim-tablosu tr.pasif { opacity: .5; }
.uretim-tablosu select { min-height: 26px; padding: 2px 6px; background: #0b1016; border: 1px solid var(--kenar-acik); border-radius: 3px; color: #fff; font-size: 12.5px; }
@media (max-width: 759px) {
  .uretim-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .uretim-tablosu th:first-child { position: sticky; left: 0; z-index: 1; background: #111923; }
}

/* ——— Galaksi ——— */
.harita-kutusu { margin-top: 12px; overflow: hidden; background: #020308; border: 1px solid var(--kenar); border-radius: var(--yuvarlak); box-shadow: var(--golge); }
.harita-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; background: linear-gradient(180deg, var(--serit-ust), var(--serit-alt)); border-bottom: 1px solid #090c11; }
.harita-baslik { display: flex; align-items: center; gap: 7px; color: var(--baslik-mavi); font-size: 11.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
/* Harita başlığı bir düğme: sayfaya girişte kapalı, basınca açılır (Sürmenaj 2026-10-30); ok açıkken yukarı döner */
.harita-ac { display: flex; flex: 1 1 auto; align-items: center; gap: 8px; min-height: 30px; padding: 0; background: none; border: 0; color: inherit; text-align: left; cursor: pointer; }
.harita-ac:hover .harita-baslik, .harita-ac:focus-visible .harita-baslik { color: #fff; }
.harita-ok { flex: none; width: 16px; height: 16px; color: var(--baslik-mavi); transition: transform .2s; }
.harita-ac[aria-expanded="true"] .harita-ok { transform: rotate(180deg); }
.harita-kutusu.kapali .harita-ust { border-bottom: 0; }
.harita-alan { position: relative; touch-action: none; user-select: none; -webkit-user-select: none; }
.harita { display: block; width: 100%; aspect-ratio: 16 / 9; background: #020308; cursor: grab; touch-action: none; }
.harita.suruklenen { cursor: grabbing; }
.harita-denetim { position: absolute; right: 10px; bottom: 10px; display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
.harita-denetim button { display: grid; place-items: center; min-width: 30px; height: 30px; padding: 0 8px; background: rgba(8, 11, 16, .86); border: 1px solid var(--kenar-acik); border-radius: 4px; color: var(--yazi-2); font: 600 18px/1 var(--yazi-tipi); }
.harita-denetim button[data-zoom="sigdir"] { font-size: 12px; }
.harita-denetim button:hover { color: #fff; border-color: #58718f; }
.harita-denetim button:focus-visible { outline: 2px solid var(--turuncu); outline-offset: 2px; }
/* Yakınlaştıkça çizgi, yıldız ve yazı ekranda aynı kalınlıkta kalır (--kat: 1'den küçük = yakın) */
.harita-izgara { fill: none; stroke: rgba(201, 165, 92, .07); stroke-width: calc(1px * var(--kat, 1)); }
.silik-yildizlar { fill: #9fb2cc; opacity: .14; }
.harita-kollar { fill: none; stroke: rgba(150, 172, 212, .11); stroke-width: 46; stroke-linecap: round; stroke-linejoin: round; }
.parlak-yildizlar { fill: #e8f0ff; }
.yildiz { transform: scale(var(--kat, 1)); transform-box: fill-box; transform-origin: center; }
.gozlemevi-menzili { fill: rgba(255, 157, 46, .04); stroke: rgba(255, 157, 46, .55); stroke-width: calc(.8px * var(--kat, 1)); stroke-dasharray: calc(3px * var(--kat, 1)) calc(3px * var(--kat, 1)); }
.harita.uzak .gozlemevi-menzili { stroke-width: 2px; stroke-dasharray: 3px 3px; }
.kalp-daire { fill: #000; stroke: rgba(201, 165, 92, .45); stroke-width: 1.4px; stroke-dasharray: 5px 7px; }
.kalp-yazi { fill: var(--fildisi); font: 600 46px var(--kadim-tipi); letter-spacing: .14em; text-anchor: middle; }
.kalp-alt { fill: #a39880; font: italic 20px var(--kadim-tipi); text-anchor: middle; }
.kiyi-yazi { fill: rgba(255, 157, 46, .9); font: 600 calc(12.5px / var(--ppu, 1)) var(--yazi-tipi); letter-spacing: .02em; }
.ic-kusak-yazi { fill: #8d9ab2; font: 600 calc(11.5px / var(--ppu, 1)) var(--yazi-tipi); letter-spacing: .06em; text-anchor: middle; }
/* Karanlık sistemler: her yakınlıkta ekranda 1,5 px'lik soluk nokta */
.karanlik-sistem { fill: #8fa6c8; opacity: .55; r: calc(1.5px / var(--ppu, 1)); }
.karanlik-sistem.ic { fill: #8a92c4; opacity: .5; r: calc(1.7px / var(--ppu, 1)); }
.harita-sistem { cursor: pointer; outline: none; }
.harita-sistem .dokunma, .harita-sistem .dokunma-etiket { fill: transparent; }
.harita-sistem text { fill: #d6e2ef; font: 700 5.6px var(--yazi-tipi); paint-order: stroke; stroke: #020308; stroke-width: 1.6px; stroke-linejoin: round; }
.harita-sistem text.ikinci { fill: #9aaec4; font-weight: 500; font-size: 4.7px; }
.harita-sistem.ev text { fill: var(--turuncu); }
.harita-sistem.secili .dokunma { stroke: rgba(255, 255, 255, .55); stroke-width: .7; fill: rgba(255, 255, 255, .04); }
.harita-sistem:hover .dokunma, .harita-sistem:focus-visible .dokunma { stroke: rgba(255, 157, 46, .8); stroke-width: .8; }
.nabiz { fill: none; stroke: var(--turuncu); stroke-width: .9; transform-box: fill-box; transform-origin: center; animation: nabiz 2.4s ease-out infinite; }
@keyframes nabiz { from { opacity: .9; transform: scale(.6); } to { opacity: 0; transform: scale(2.1); } }
.harita .uzak-etiket { display: none; }
.harita.uzak .uzak-etiket { display: block; }
.harita.uzak .yakin-etiket { display: none; }
.harita-lejant { display: flex; flex-wrap: wrap; gap: 6px 16px; padding: 8px 12px; border-top: 1px solid var(--kenar); background: rgba(8, 11, 16, .95); color: var(--yazi-2); font-size: 12px; }
.harita-lejant span { display: inline-flex; align-items: center; gap: 6px; }
.lej { display: inline-block; width: 10px; height: 10px; border-radius: 50%; }
.lej.ev { background: var(--turuncu); }
.lej.acik { background: radial-gradient(#e8f0ff, #6d86a8); }
.lej.menzil { border: 1px dashed var(--turuncu); }
.lej.karanlik { background: #000; border: 1px solid #2a3542; }
/* Kıyı açık evren (Sürmenaj 2026-11-04): kıyı aydınlık halka, iç kuşak karanlık; Gözlemevi'nin iç kuşakta baktığı yay turuncu bant */
/* Kıyının ışığı: bütün galaksi bakışında kıyı halkası aydınlık bir bant (boyası galaksi.js #kiyi-isik), iç kuşak karanlıkta kalır */
.kiyi-isigi { pointer-events: none; }
.kiyi-halka-yazi { fill: #b9c7da; font: 600 calc(11.5px / var(--ppu, 1)) var(--yazi-tipi); letter-spacing: .06em; text-anchor: middle; }
.gozlemevi-bakisi { fill: none; stroke: rgba(255, 157, 46, .16); stroke-width: 14; stroke-linecap: round; }
.gozlemevi-bakisi-cizgi { fill: none; stroke: rgba(255, 157, 46, .7); stroke-width: calc(.8px * var(--kat, 1)); stroke-dasharray: calc(3px * var(--kat, 1)) calc(3px * var(--kat, 1)); }
.harita.uzak .gozlemevi-bakisi-cizgi { stroke-width: 2px; stroke-dasharray: 4px 3px; }
.gozlemevi-cizgi { stroke: rgba(255, 157, 46, .35); stroke-width: calc(.6px * var(--kat, 1)); stroke-dasharray: calc(1.5px * var(--kat, 1)) calc(3px * var(--kat, 1)); }
.harita.uzak .gozlemevi-cizgi { stroke-width: 1.2px; stroke-dasharray: 2px 4px; }
.lej.kiyi { width: 16px; height: 6px; border-radius: 3px; background: linear-gradient(90deg, rgba(232, 240, 255, .25), #e8f0ff, rgba(232, 240, 255, .25)); }
.lej.bakis { width: 16px; height: 6px; border-radius: 3px; background: rgba(255, 157, 46, .3); border: 1px dashed var(--turuncu); }
/* Lejantın ?'i: kapalı gelir, açılınca açıklama lejantın altında tam genişlikte (İttifak'taki <details> deseni) */
.harita-soru { margin-left: auto; }
.harita-soru[open] { flex-basis: 100%; margin-left: 0; }
.harita-soru > summary { display: inline-flex; align-items: center; color: var(--soluk); cursor: pointer; list-style: none; }
.harita-soru > summary::-webkit-details-marker { display: none; }
.harita-soru > summary:hover, .harita-soru[open] > summary { color: var(--yazi); }
.harita-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; }
.harita-soru p { margin: 6px 0 0; max-width: 72ch; color: var(--yazi-2); font-size: 12px; line-height: 1.5; }

.sistem-kutusu { margin-top: 12px; }
/* Sistem paneli: üst şerit (galaksi/sistem okları, Git, sağda eylemler), sayaç, alçak kutucuklu satırlar */
.sistem-serit { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 7px 10px; background: linear-gradient(180deg, var(--serit-ust), var(--serit-alt)); border-bottom: 1px solid #090c11; border-radius: var(--yuvarlak) var(--yuvarlak) 0 0; }
.sistem-git { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin: 0; }
.gezinti-kutu { display: inline-flex; align-items: center; gap: 4px; color: var(--yazi-2); font-size: 12px; }
.gezinti-etiket { margin-right: 3px; color: var(--soluk); font-size: 12px; }
.ok-dugme { display: inline-grid; place-items: center; width: 22px; height: 22px; padding: 0; background: rgba(255, 255, 255, .03); border: 1px solid var(--kenar-acik); border-radius: 4px; color: var(--yazi-2); }
.ok-dugme .simge { width: 12px; height: 12px; }
.ok-dugme:hover:not(:disabled) { color: #fff; border-color: #58718f; }
.ok-dugme:disabled { opacity: .35; cursor: default; }
.gezinti-girdi { width: 46px; height: 22px; padding: 0 4px; background: #05070b; border: 1px solid var(--kenar-acik); border-radius: 4px; color: #fff; text-align: center; font-size: 12px; font-variant-numeric: tabular-nums; }
.gezinti-girdi[readonly] { background: #0a0e14; color: var(--yazi-2); }
.sistem-eylemler { display: flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
/* Yenile: simge bir tur döner (azaltılmış hareket tercihinde temel.css animasyonu kapatır) */
.yenile-dugme .simge { width: 14px; height: 14px; }
.yenile-dugme .simge.doner { animation: sistem-donus .6s ease-in-out; }
@keyframes sistem-donus { to { transform: rotate(360deg); } }
.sistem-sayac { margin: 0; padding: 6px 10px; display: flex; flex-wrap: wrap; gap: 2px 12px; color: var(--soluk); font-size: 11.5px; border-bottom: 1px solid var(--kenar); }
.sistem-sayac b { color: var(--yazi-2); font-weight: 600; }
.sistem-govde { padding: 6px; }
.sistem-tablosu { table-layout: fixed; border-collapse: separate; border-spacing: 0; }
.sistem-tablosu th { height: auto; padding: 4px 3px; border: 0; color: var(--soluk); font-size: 10.5px; font-weight: 600; letter-spacing: .02em; text-transform: none; white-space: nowrap; }
/* Hücreler kutu: zemin, 6 px köşe; aralarındaki 3 px boşluk kenarlıkla (şeffaf) sağlanır */
.sistem-tablosu td { height: 33px; padding: 0 6px; background: rgba(0, 0, 0, .66); border: 0; border-top: 3px solid transparent; border-left: 3px solid transparent; background-clip: padding-box; border-radius: 6px; vertical-align: middle; color: var(--yazi-2); font-size: 12.5px; }
.sistem-tablosu td:first-child { border-left: 0; }
.sistem-tablosu .zeminsiz { background: none; }
.sistem-tablosu .kes { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sistem-tablosu .c-konum { width: 3.5%; }
.sistem-tablosu .c-gezegen { width: 6.3%; }
.sistem-tablosu .c-ad { width: 25.6%; }
.sistem-tablosu .c-ay { width: 6%; }
.sistem-tablosu .c-enkaz { width: 6%; }
.sistem-tablosu .c-hanedan { width: 25.6%; }
.sistem-tablosu .c-ittifak { width: 11.1%; }
.sistem-tablosu .c-eylem { width: 15.9%; }
.sistem-tablosu .konum { padding: 0; color: var(--soluk); font-size: 12px; font-weight: 600; text-align: center; }
.sistem-tablosu .gezegen-hucre { padding: 0 2px; text-align: center; }
.sistem-tablosu .gezegen-hucre img { width: 30px; height: 30px; margin: 0 auto; }
.sistem-tablosu .ad { color: #fff; font-weight: 600; }
.sistem-tablosu .ay-hucre { color: var(--soluk); text-align: center; }
.sistem-tablosu .enkaz-hucre { padding: 0 2px; font-size: 12px; }
.sistem-tablosu .enkaz-hucre .enkaz-ozet { flex-direction: column; gap: 1px; font-size: 10px; line-height: 1.1; }
.enkaz-ozet { display: inline-flex; align-items: center; gap: 5px; color: #c9b38a; font-size: 12px; }
.enkaz-ozet::before, .enkaz-simge { content: ""; display: inline-block; width: 18px; height: 14.7px; background: url(../varlik/simge/gezegen-ay.png) -36px -14.7px / 54px 29.45px no-repeat; }
.sistem-tablosu .hanedan-hucre .hanedan-satir { display: flex; align-items: center; gap: 6px; min-width: 0; }
.sistem-tablosu .hanedan-hucre .hanedan-satir .kes { flex: 0 1 auto; font-weight: 600; }
/* Genel sıra "(12)": adın kısaltılan (.kes) kısmının dışında, hiç kısalmaz; soluk beyaz (aktiflik (*)/(N dk) adın içinde, mavi-gri/yeşil) */
.sistem-tablosu .hanedan-hucre .hanedan-sira { flex: none; margin-left: -2px; color: rgba(255, 255, 255, .6); font-size: 11px; font-weight: 500; font-variant-numeric: tabular-nums; }
.sistem-tablosu .sen-ad { color: #fff; }
.sistem-tablosu .hanedan-hucre em { color: var(--turuncu); font-style: normal; font-weight: 500; }
/* "(sen)" adın dışında, hiç kısalmaz (Sürmenaj 2026-11-01 gece) */
.sistem-tablosu .hanedan-hucre .sen-isaret { flex: none; margin-left: -2px; font-size: 11.5px; }
.sistem-tablosu .durum { color: var(--soluk); font-size: 10px; font-weight: 500; }
.sistem-tablosu .sira { font-size: 11px; }
.sistem-tablosu .ittifak-hucre { color: var(--soluk); font-size: 11.5px; font-weight: 600; letter-spacing: .03em; }
.sistem-tablosu .eylemler { padding: 0 4px; text-align: right; white-space: nowrap; }
.sistem-tablosu .eylemler .ikon-dugme { width: 24px; height: 24px; margin-left: 3px; }
.sistem-tablosu .eylemler .ikon-dugme .simge { width: 14px; height: 14px; }
.sistem-tablosu tr.sen td { background: rgba(255, 157, 46, .16); }
.sistem-tablosu tr.derin td { color: var(--yazi-2); font-size: 12px; }
.sistem-tablosu tr.derin .simge { color: var(--zumrut); }
.sistem-tablosu tr.karanlik-not td { padding: 14px 10px; background: none; border: 0; color: var(--yazi-2); font-size: 12.5px; text-align: center; }
.sistem-alt { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-top: 1px solid var(--kenar); color: var(--yazi-2); font-size: 12px; }
.bilgi-simge { display: inline-grid; place-items: center; width: 18px; height: 18px; border: 1px solid var(--kenar-acik); border-radius: 50%; color: var(--soluk); cursor: help; }
.bilgi-simge .simge { width: 11px; height: 11px; }

/* ——— Kadim Fener ——— */
.fener-kahraman { position: relative; overflow: hidden; border: 1px solid rgba(201, 165, 92, .4); border-radius: var(--yuvarlak); box-shadow: var(--golge), 0 0 40px rgba(67, 211, 145, .08); }
.fener-resim { width: 100%; aspect-ratio: 960 / 657; object-fit: cover; transition: filter .6s; }
.fener-yazi { position: absolute; left: 0; right: 0; bottom: 0; padding: 60px 20px 18px; background: linear-gradient(0deg, rgba(5, 4, 2, .92), transparent); }
.fener-yazi h2 { color: var(--fildisi); font: 600 34px/1.1 var(--kadim-tipi); letter-spacing: .06em; text-shadow: 0 2px 10px #000; }
.fener-yazi p { max-width: 460px; margin-top: 6px; color: #d9cfb8; font: italic 16px/1.4 var(--kadim-tipi); }
.fener-kahraman.yaniyor { border-color: rgba(67, 211, 145, .7); box-shadow: var(--golge), 0 0 50px rgba(67, 211, 145, .3); }
.fener-secim { position: absolute; top: 12px; right: 12px; background: rgba(0, 0, 0, .55); }
.fener-secim button { background: transparent; }
.fener-secim button.secili { background: rgba(67, 211, 145, .25); color: #eafff4; }
.fener-kutusu { margin-top: 12px; border-color: rgba(67, 211, 145, .25); }
.fener-kutusu .kutu-baslik { color: var(--zumrut); background: linear-gradient(180deg, #17302a, #0c1814); }
.asamalar { margin: 0; padding: 4px 0; list-style: none; }
.asama { display: grid; grid-template-columns: 40px minmax(0, 1fr) 150px; gap: 12px; align-items: center; padding: 9px 12px; border-bottom: 1px solid rgba(255, 255, 255, .05); }
.asama:last-child { border-bottom: 0; }
.asama-no { width: 40px; height: 40px; fill: rgba(236, 228, 210, .04); stroke: #5d5a4f; stroke-width: 1.5; }
.asama-no text { fill: #a69f8c; stroke: none; font: 700 14px var(--yazi-tipi); text-anchor: middle; }
.asama-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.asama-ust b { color: var(--fildisi); font: 600 17px var(--kadim-tipi); letter-spacing: .02em; }
.asama-bilgi { display: flex; flex-wrap: wrap; gap: 2px 16px; margin-top: 3px; color: var(--yazi-2); font-size: 12.5px; }
.asama-bilgi span { display: inline-flex; align-items: center; gap: 5px; }
.asama-bilgi .simge { color: #6d7f94; }
.asama-gemi { display: grid; grid-template-columns: 56px 1fr; gap: 8px; align-items: center; color: var(--yazi-2); font-size: 12px; line-height: 1.25; }
.asama-gemi img { width: 56px; height: 38px; object-fit: cover; border: 1px solid rgba(67, 211, 145, .35); border-radius: 3px; }
.asama-gemi .gemi-yok { width: 56px; height: 38px; padding: 8px; border: 1px dashed #2f4a40; border-radius: 3px; color: #3f6b58; }
.asama.uzak { opacity: .62; }
.asama.sirada { background: linear-gradient(90deg, rgba(67, 211, 145, .1), transparent 70%); }
.asama.sirada .asama-no { fill: rgba(67, 211, 145, .14); stroke: var(--zumrut); filter: drop-shadow(0 0 6px rgba(67, 211, 145, .55)); }
.asama.sirada .asama-no text { fill: #eafff4; }
.kadim-gemiler { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.kadim-gemi { display: flex; flex-direction: column; gap: 4px; padding: 8px; background: linear-gradient(180deg, rgba(16, 30, 26, .9), rgba(8, 13, 12, .9)); border: 1px solid rgba(67, 211, 145, .25); border-radius: 6px; font-size: 12px; }
.kadim-gemi b { margin-top: 4px; color: var(--fildisi); font: 600 16px var(--kadim-tipi); }
.kadim-gemi-is { color: var(--yazi-2); }
.kadim-gemi-resim { position: relative; display: grid; place-items: center; aspect-ratio: 960 / 657; overflow: hidden; border-radius: 4px; background: radial-gradient(circle at 50% 45%, #13241f, #070b0a 72%); }
.kadim-gemi-resim img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.8) brightness(.8); }
.kadim-gemi-resim .gemi-yok { width: 34%; height: 34%; color: #2f5a49; }
.uyku { position: absolute; left: 0; right: 0; bottom: 0; padding: 3px 6px; background: rgba(0, 0, 0, .65); color: #9ccdb6; font-size: 10.5px; text-align: center; }

/* ——— Hanedanlar ——— */
.senin-hanedanin { margin-top: 12px; }
.senin-govde { display: flex; align-items: center; gap: 18px; }
.senin-govde > div { flex: 1; min-width: 0; }
.sancak { flex: none; width: 40px; height: 56px; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .6)); }
.sancak.kucuk { width: 18px; height: 25px; }
.sancak.mini { width: 14px; height: 20px; vertical-align: middle; }
.sancak.buyuk { width: 64px; height: 90px; }
.hanedan-buyuk-ad { margin-bottom: 8px; color: #fff; font-size: 22px; font-weight: 600; }
.senin-govde .kisa-liste { margin-bottom: 10px; }
.hanedan-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 10px; }
.hanedan-karti { padding: 12px; background: linear-gradient(180deg, rgba(21, 28, 38, .96), rgba(11, 15, 21, .96)); border: 1px solid var(--kenar); border-top: 2px solid var(--hanedan); border-radius: var(--yuvarlak); }
.hanedan-ust { display: flex; align-items: center; gap: 10px; }
.portre { display: grid; place-items: end center; width: 46px; height: 56px; overflow: hidden; background: #0b1016; border: 1px solid var(--kenar-acik); border-radius: 4px; color: #26323f; }
.portre-yok { width: 40px; height: 40px; }
.hanedan-ad { display: flex; flex-direction: column; min-width: 0; }
.hanedan-ad b { color: #fff; font-size: 15px; }
.hanedan-ad .soluk { font-size: 12px; }
.etiketler { display: flex; flex-wrap: wrap; gap: 5px; margin: 10px 0 8px; }
.etiket.tutum-soguk { border-color: rgba(240, 98, 90, .5); color: #ff8a83; }
.dosya { margin: 0; padding-left: 16px; color: var(--yazi-2); font-size: 12.5px; }
.dosya li { margin-bottom: 2px; }
.siralama td:first-child { width: 40px; color: var(--soluk); }
.siralama td:last-child, .siralama th:last-child { text-align: right; }
.siralama-ad { display: inline-flex; align-items: center; gap: 7px; }
.siralama tr.taninan td:nth-child(2) { color: #fff; }
.siralama tr.sen { background: linear-gradient(90deg, rgba(255, 157, 46, .12), transparent); }
.siralama tr.sen td { color: var(--turuncu); font-weight: 600; }
.siralama tr.sen em { font-style: normal; }
.siralama tr.ara td { color: var(--soluk); text-align: center; }

/* ——— Arşiv ve Mesajlar ——— */
.gunluk { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.gunluk li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 12px; align-items: baseline; }
.gunluk.haberler li { font-size: 14px; }
.mektup blockquote { margin-top: 6px; color: #e4ddcc; font: italic 17px/1.5 var(--kadim-tipi); }
.kalinti-bos { display: grid; justify-items: center; gap: 6px; padding: 28px 16px; text-align: center; color: var(--yazi-2); }
.kalinti-bos > .simge { width: 40px; height: 40px; color: rgba(67, 211, 145, .45); }
.kalinti-bos b { color: #fff; }
.kalinti-bos p { max-width: 420px; font-size: 13px; }
.mesaj-listesi { display: grid; gap: 8px; }
.mesaj summary { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; padding: 10px 12px; cursor: pointer; list-style: none; }
.mesaj summary::-webkit-details-marker { display: none; }
.mesaj-baslik { display: inline-flex; align-items: center; gap: 8px; color: #fff; font-weight: 600; }
.mesaj .kutu-govde { border-top: 1px solid rgba(255, 255, 255, .06); }
.mesaj blockquote { color: #e4ddcc; font: italic 17px/1.5 var(--kadim-tipi); }
.yeni-nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--turuncu); box-shadow: 0 0 6px var(--turuncu); }
.rapor-kaynaklar { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 10px; }
.rapor-kaynaklar span { display: inline-flex; align-items: center; gap: 6px; color: #fff; font-weight: 600; }

/* ——— İttifak ——— */
.ittifak-yok { margin: 12px 0 10px; }
.ittifak-yok .kutu-govde { display: flex; align-items: center; gap: 16px; }
.buyuk-simge { width: 44px; height: 44px; color: var(--kenar-acik); }
.ittifak-yok p { margin-top: 3px; font-size: 13px; }
.ittifak-yok .dugme-sirasi { margin-top: 10px; }
.ittifak-listesi { margin: 0; padding: 0; list-style: none; }
.ittifak-listesi li { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 9px 12px; border-bottom: 1px solid rgba(255, 255, 255, .05); }
.ittifak-listesi li:last-child { border-bottom: 0; }
.ittifak-listesi li > span:nth-child(2) { display: flex; flex-direction: column; }
.ittifak-listesi b { color: #fff; }
.ittifak-etiket { color: var(--turuncu); font-weight: 700; }
.ozellik-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 10px; }
.ozellik { display: flex; flex-direction: column; gap: 4px; padding: 12px; font-size: 12.5px; }
.ozellik > .simge { width: 22px; height: 22px; color: var(--baslik-mavi); }
.ozellik b { color: #fff; font-size: 13.5px; }

/* ——— Sıralama ——— */
.siralama-panel { margin-top: 12px; }
.siralama-sekmeler { display: grid; grid-template-columns: 1fr 1fr; background: linear-gradient(180deg, var(--serit-ust), var(--serit-alt)); border-bottom: 1px solid #090c11; border-radius: var(--yuvarlak) var(--yuvarlak) 0 0; }
.siralama-sekme { display: grid; place-items: center; min-height: 42px; padding: 8px 12px; border-bottom: 3px solid transparent; color: var(--yazi-2); font-size: 14px; font-weight: 700; letter-spacing: .02em; }
.siralama-sekme + .siralama-sekme { border-left: 1px solid #090c11; }
.siralama-sekme:hover { color: #fff; }
.siralama-sekme.secili { color: #fff; border-bottom-color: var(--turuncu); background: linear-gradient(180deg, rgba(255, 157, 46, .16), rgba(255, 157, 46, .03)); }

.siralama-kategoriler { display: flex; flex-wrap: wrap; gap: 10px 14px; padding: 14px 14px 10px; }
.siralama-kat { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 74px; color: var(--yazi-2); font-size: 12px; text-align: center; line-height: 1.2; }
.siralama-kare { display: grid; place-items: center; width: 56px; height: 56px; border: 1px solid var(--kat-kenar); border-radius: 5px; background: linear-gradient(180deg, var(--kat-ust), var(--kat-alt)); color: var(--kat-simge); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08); transition: border-color .15s, box-shadow .15s, filter .15s; }
.siralama-kare .simge { width: 30px; height: 30px; }
.siralama-kat.kat-genel { --kat-ust: #4b3b19; --kat-alt: #241d0d; --kat-kenar: #735a2a; --kat-simge: #ecd08a; }
.siralama-kat.kat-ekonomi { --kat-ust: #34424f; --kat-alt: #161f29; --kat-kenar: #4d6178; --kat-simge: #bcd0e4; }
.siralama-kat.kat-arastirma { --kat-ust: #1f4e38; --kat-alt: #0e2218; --kat-kenar: #337653; --kat-simge: #86ecb8; }
.siralama-kat.kat-askeri { --kat-ust: #5b2323; --kat-alt: #2b1010; --kat-kenar: #823b3b; --kat-simge: #ffa198; }
.siralama-kat.kat-imha { --kat-ust: #5a3a12; --kat-alt: #2a1a07; --kat-kenar: #8a5a22; --kat-simge: #ffc27a; }
.siralama-kat.kat-kayip { --kat-ust: #2c2f4a; --kat-alt: #14162a; --kat-kenar: #484d7c; --kat-simge: #b3bbff; }
.siralama-kat:hover .siralama-kare { filter: brightness(1.18); }
.siralama-kat.secili { color: #fff; }
.siralama-kat.secili .siralama-kare { border-color: #eef6ff; box-shadow: 0 0 0 1px #eef6ff, 0 0 14px rgba(190, 220, 255, .28); }
.siralama-kat.secili .siralama-kat-ad { font-weight: 600; }

.siralama-alt { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 14px 12px; }
.siralama-alt a { padding: 4px 12px; border: 1px solid var(--kenar-acik); border-radius: 999px; background: rgba(255, 255, 255, .03); color: var(--yazi-2); font-size: 12.5px; white-space: nowrap; }
.siralama-alt a:hover { border-color: #58718f; color: #fff; }
.siralama-alt a.secili { border-color: var(--turuncu); background: rgba(255, 157, 46, .08); color: var(--turuncu); }

.siralama-cubuk { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding: 4px 14px 8px; }
.siralama-kat-baslik { color: #fff; font-size: 20px; font-weight: 600; }
.siralama-kat-not { color: var(--soluk); font-size: 12.5px; }

.siralama-sayfa-satiri { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; padding: 8px 14px; border-top: 1px solid rgba(255, 255, 255, .06); border-bottom: 1px solid var(--kenar); background: rgba(6, 9, 13, .55); }
.siralama-sayfalar { display: flex; flex-wrap: wrap; align-items: center; gap: 3px; font-size: 13px; }
.siralama-sayfalar a, .siralama-sayfalar span { display: inline-grid; place-items: center; min-width: 26px; height: 26px; padding: 0 5px; border-radius: 3px; color: var(--bag); }
.siralama-sayfalar a:hover { background: rgba(255, 255, 255, .06); color: #fff; }
.siralama-sayfalar .secili { color: #fff; font-weight: 800; }
.siralama-sayfalar .pasif { color: #3c4b5e; }
.siralama-ok { font-size: 15px; }
.siralama-aralik { position: relative; }
.siralama-aralik select { min-height: 28px; padding: 3px 8px; background: #0b1016; border: 1px solid var(--kenar-acik); border-radius: 3px; color: #fff; font-size: 12.5px; }
.siralama-gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.siralama-tablo { table-layout: fixed; }
.siralama-tablo th, .siralama-tablo td { height: 40px; padding: 4px 10px; vertical-align: middle; border-bottom: 1px solid rgba(255, 255, 255, .06); }
.siralama-tablo thead th { height: auto; padding-top: 8px; padding-bottom: 6px; border-bottom: 1px solid var(--kenar); }
.siralama-tablo .s-sira, .siralama-tablo .s-degisim { text-align: center; }
.siralama-tablo .s-puan, .siralama-tablo .s-uye, .siralama-tablo .s-ort { text-align: right; }
.siralama-tablo .s-sira { width: 64px; }
.siralama-tablo .s-degisim { width: 100px; white-space: nowrap; font-size: 12.5px; }
.siralama-tablo .s-puan { width: 112px; white-space: nowrap; }
.siralama-tablo .s-uye { width: 72px; }
.siralama-tablo .s-ort { width: 112px; }
.siralama-tablo tbody .s-sira { color: var(--yazi-2); font-weight: 600; }
.siralama-tablo tbody .s-puan { color: #fff; font-weight: 700; }
.siralama-tablo tbody .s-ort { color: var(--yazi-2); }
.siralama-tablo tbody tr:not(.siralama-sen):hover td { background: rgba(255, 255, 255, .03); }
.siralama-tablo tr.siralama-sen td { background: rgba(27, 63, 209, .55); color: #fff; }
.siralama-tablo tr.siralama-sen td:first-child { box-shadow: inset 3px 0 0 var(--turuncu); }
.siralama-ad-satiri { display: flex; align-items: center; gap: 8px; min-width: 0; }
.siralama-ad-metin { min-width: 0; color: #e6edf6; overflow-wrap: anywhere; }
.siralama-ad-metin a { color: inherit; }
.siralama-ad-metin a:hover { color: #fff; text-decoration: underline; }
.siralama-etiket { flex: none; color: #6fb6ff; font-size: 12px; font-weight: 700; letter-spacing: .03em; white-space: nowrap; }

@media (max-width: 759px) {
  .siralama-sekme { min-height: 38px; font-size: 13px; }
  .siralama-sayfalar { gap: 0; font-size: 12.5px; }
  .siralama-sayfalar a, .siralama-sayfalar span { min-width: 21px; padding: 0 2px; }
  .siralama-kategoriler { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px 4px; padding: 12px 8px 8px; }
  .siralama-kat { width: auto; min-width: 0; font-size: 11px; }
  .siralama-kare { width: 46px; height: 46px; }
  .siralama-kare .simge { width: 25px; height: 25px; }
  .siralama-alt { padding: 0 10px 10px; }
  .siralama-alt a { padding: 3px 9px; font-size: 12px; }
  .siralama-cubuk { padding: 4px 10px 6px; }
  .siralama-kat-baslik { font-size: 17px; }
  .siralama-sayfa-satiri { padding: 7px 10px; }
  .siralama-sayfalar a, .siralama-sayfalar span { min-width: 24px; height: 24px; }
  .siralama-tablo th, .siralama-tablo td { height: 38px; padding: 4px 5px; font-size: 12.5px; }
  .siralama-tablo thead th { font-size: 10px; letter-spacing: .02em; }
  .siralama-tablo .s-sira { width: 36px; }
  .siralama-tablo .s-degisim { width: 60px; font-size: 11.5px; }
  .siralama-tablo .s-puan { width: 62px; }
  .siralama-tablo .s-uye { width: 36px; }
  .siralama-tablo .s-ort { width: 54px; }
  .siralama-ad-satiri { gap: 5px; }
  .siralama-etiket { font-size: 11px; }
}

/* ——— Telefon ——— */
@media (max-width: 759px) {
  .uretim-tablosu th, .uretim-tablosu td { padding: 6px 5px; font-size: 12.5px; }
  .gezegen-baslik { aspect-ratio: auto; min-height: 220px; }
  .gezegen-baslik::before { background: linear-gradient(90deg, rgba(3, 5, 9, .82) 0%, rgba(3, 5, 9, .42) 50%, rgba(3, 5, 9, 0) 74%); }
  .gezegen-buyuk { right: -16%; width: 68%; }
  .gezegen-bilgi { max-width: 72%; padding: 14px; }
  .gezegen-adi { font-size: 20px; }
  .bilgi-listesi { font-size: 12.5px; }
  .bilgi-listesi > div { grid-template-columns: 62px minmax(0, 1fr); }
  .sira-kutulari, .genel-iki { grid-template-columns: 1fr; }
  .harita { aspect-ratio: 4 / 3; }
  .sistem-tablosu .ikincil { display: none; }
  .sistem-tablosu thead th { font-size: 9.5px; padding: 3px 2px; }
  .sistem-tablosu td { padding: 0 4px; font-size: 12px; }
  .sistem-tablosu .c-konum { width: 9%; }
  .sistem-tablosu .c-gezegen { width: 12%; }
  .sistem-tablosu .c-ad { width: 25%; }
  .sistem-tablosu .c-hanedan { width: 32%; }
  .sistem-tablosu .c-eylem { width: 22%; }
  .sistem-tablosu .gezegen-hucre img { width: 26px; height: 26px; }
  .sistem-tablosu .hanedan-hucre .sira { display: none; }
  .sistem-tablosu .hanedan-hucre .sen-isaret { margin-left: 0; font-size: 11.5px; }
  /* Kendi satırında ad yerine yalnız "(sen)": dar sütunda ad tek harfe iniyordu */
  .sistem-tablosu .hanedan-hucre .kes.sen-ad { display: none; }
  .sistem-tablosu .eylemler { padding: 0 2px; }
  .sistem-tablosu .eylemler .ikon-dugme { width: 22px; height: 22px; margin-left: 1px; }
  .sistem-tablosu .eylemler .ikon-dugme .simge { width: 12px; height: 12px; }
  .sistem-tablosu .eylemler .dugme { min-height: 22px; padding: 2px 6px; font-size: 11px; }
  .sistem-sayac { font-size: 11px; }
  .harita-denetim button { min-width: 28px; height: 28px; }
  .fener-yazi { padding: 40px 14px 12px; }
  .fener-yazi h2 { font-size: 26px; }
  .fener-yazi p { font-size: 14px; }
  .fener-secim { top: 8px; right: 8px; }
  .asama { grid-template-columns: 34px minmax(0, 1fr); gap: 10px; }
  .asama-no { width: 34px; height: 34px; }
  .asama-gemi { grid-column: 2; grid-template-columns: 46px 1fr; }
  .asama-gemi img, .asama-gemi .gemi-yok { width: 46px; height: 31px; }
  .kadim-gemiler { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .hanedan-izgara { grid-template-columns: 1fr; }
  .ozellik-izgara { grid-template-columns: 1fr; }
  .gunluk li { grid-template-columns: 1fr; }
  .gunluk li .not-gunu { justify-self: start; }
}

/* ——— 2. dilim ——— */
/* Genel Bakış: büyük resmi olmayan gezegen (koloni) küçük resminden, biraz küçük; koloniyi terk (iki basışla) */
.gezegen-buyuk.kucukten { width: 40%; right: 2%; }
.koloni-terk { align-self: flex-start; margin-top: 10px; color: #e79a94; font-size: 12.5px; }
.koloni-terk .simge { width: 13px; height: 13px; }
.koloni-terk:hover { color: #fff; }
.koloni-terk.onay-bekliyor { padding: 3px 10px; background: #a8322c; border-radius: 12px; color: #fff; }
.koloni-terk.onay-bekliyor > span { display: none; }
.koloni-terk.onay-bekliyor::after { content: "Terk edilsin mi?"; font-weight: 600; }

/* Galaksi: sayaç satırı (göz düğmesinin sonda sayısı), aktiflik, enkaz hücresinde sök, seçili gezegenin satırı */
div.sistem-sayac { align-items: center; gap: 3px 14px; }
.sonda-ayari { display: inline-flex; align-items: center; gap: 5px; margin-left: 4px; color: var(--soluk); }
.sonda-ayari input { width: 44px; height: 22px; padding: 0 4px; font-size: 12px; text-align: center; }
.sistem-tablosu .aktiflik { color: var(--soluk); font-size: 10.5px; font-weight: 500; }
.sistem-tablosu .aktiflik.simdi { color: var(--yesil); }
/* Enkaz hücresi sökülebiliyorsa düğme: üstüne gelince parlar */
a.enkaz-ozet.sokulur { padding: 1px 2px; border: 1px solid transparent; border-radius: 4px; }
a.enkaz-ozet.sokulur:hover, a.enkaz-ozet.sokulur:focus-visible { border-color: rgba(201, 179, 138, .6); color: #fff; background: rgba(201, 179, 138, .12); }
.sistem-tablosu tr.secili td { background: rgba(255, 157, 46, .24); }
/* Olay listesindeki koordinattan gelinen konum (galaksi.js ?konum=): altın çerçeve, açılışta kısa bir parlama */
/* Hafif ve saydam (Sürmenaj 2026-11-01 gece): hücrenin koyu zemini kalır, üstüne ince altın ışık ve kenar çizgisi; içerik örtülmez */
.sistem-tablosu tr.vurgu td { background-image: linear-gradient(rgba(255, 210, 122, .08), rgba(255, 210, 122, .08)); box-shadow: inset 0 1px 0 rgba(255, 210, 122, .4), inset 0 -1px 0 rgba(255, 210, 122, .4); animation: konum-vurgu 1.4s ease-out 2; }
.sistem-tablosu tr.vurgu td:first-child { box-shadow: inset 1px 1px 0 rgba(255, 210, 122, .4), inset 0 -1px 0 rgba(255, 210, 122, .4); color: #ffd27a; }
.sistem-tablosu tr.vurgu td:last-child { box-shadow: inset -1px 1px 0 rgba(255, 210, 122, .4), inset 0 -1px 0 rgba(255, 210, 122, .4); }
@keyframes konum-vurgu { 0% { box-shadow: inset 0 0 0 40px rgba(255, 210, 122, .13); } 100% { box-shadow: inset 0 0 0 40px rgba(255, 210, 122, 0); } }
@media (prefers-reduced-motion: reduce) { .sistem-tablosu tr.vurgu td { animation: none; } }
.sistem-tablosu .eylemler a.ikon-dugme { vertical-align: middle; }
.sistem-tablosu .eylemler a.dugme { min-height: 24px; padding: 2px 9px; font-size: 11.5px; }
.ic-kusak-etiketi { margin-left: auto; border-color: rgba(138, 146, 196, .55); color: #b3b9e3; }
.harita-sistem.kendi text { fill: var(--turuncu); }

/* ——— Galaksi (Sürmenaj 2026-11-01): renkli ve belirgin eylemler, büyük simgeler, yer aktifliği, bilgi kartı ———
   filo.css sayfalar.css'ten sonra yüklenir ve galaksinin 2b kurallarını taşır (.ay-dugme, .ikon-dugme.tehlike, eylem-genis): buradaki
   kurallar .sayfa-galaksi önekiyle daha özgül. */
.sayfa-galaksi .sistem-tablosu td { height: 39px; }
/* Eylem düğmeleri: hepsi satırın ortasında. Casusla (göz) bir <button>, ötekiler çoğunlukla <a>; dikey hiza önceden yalnız a'ya
   veriliyordu, button taban çizgisinde kalıp 3-4 px yukarıda duruyordu ("kaymış" göz). */
.sayfa-galaksi .sistem-tablosu .eylemler .ikon-dugme { width: 28px; height: 28px; margin: 2px 0 2px 3px; vertical-align: middle; border-radius: 5px; }
/* Büyüyen simgelere yer: eylem sütunu genişler, İttifak daralır (6. dilime dek canlıda boş); 2b'nin altı simgesi bilgisayarda tek satır */
.sayfa-galaksi .sistem-tablosu .c-ittifak { width: 10%; }
.sayfa-galaksi .sistem-tablosu .c-eylem { width: 17%; }
.sayfa-galaksi .sistem-tablosu.eylem-genis .c-ittifak { width: 6%; }
.sayfa-galaksi .sistem-tablosu.eylem-genis .c-eylem { width: 31%; }
.sayfa-galaksi .sistem-tablosu.eylem-genis .ittifak-hucre { padding: 0 3px; }
/* Bilgisayarda hanedan adları sığsın (Sürmenaj 2026-11-01 gece: "Demir Kon…", "Sürmenaj …" kısalıyordu): Ad, Ay ve İttifak daralır,
   Hanedan genişler; eylem sütunu 2b'nin altı simgesini tek satırda tutar (6 × 31 px + iç boşluk). 670 px'lik orta sütunda en uzun
   gerçek ad "Kırlangıç Kanadı" (16 harf) sırasıyla sığar; aktiflik eki "(12 dk)" uzun adda kısalabilir. filo.css'teki eski
   eylem-genis genişlikleri buradakilerle ezilir (.sayfa-galaksi önekli). Telefonun genişlikleri aşağıdaki @media'da. */
@media (min-width: 760px) {
  .sayfa-galaksi .sistem-tablosu .c-ad { width: 19%; }
  .sayfa-galaksi .sistem-tablosu .c-ay { width: 4.5%; }
  .sayfa-galaksi .sistem-tablosu .c-hanedan { width: 34.2%; }
  .sayfa-galaksi .sistem-tablosu .c-ittifak { width: 9.5%; }
  .sayfa-galaksi .sistem-tablosu .c-eylem { width: 17%; }
  .sayfa-galaksi .sistem-tablosu.eylem-genis .c-ad { width: 16.5%; }
  .sayfa-galaksi .sistem-tablosu.eylem-genis .c-hanedan { width: 27%; }
  .sayfa-galaksi .sistem-tablosu.eylem-genis .c-ittifak { width: 5%; }
  .sayfa-galaksi .sistem-tablosu.eylem-genis .c-eylem { width: 31.2%; }
  .sayfa-galaksi .sistem-tablosu .hanedan-hucre { padding: 0 5px; }
}
.sayfa-galaksi .sistem-tablosu .eylemler .ikon-dugme .simge { width: 17px; height: 17px; stroke-width: 2; }
.sayfa-galaksi .ikon-dugme.renkli, .sayfa-galaksi .dugme.renkli {
  color: var(--e); border-color: color-mix(in srgb, var(--e) 60%, transparent);
  background: color-mix(in srgb, var(--e) 14%, rgba(4, 7, 11, .6));
}
.sayfa-galaksi .ikon-dugme.renkli:hover:not(:disabled), .sayfa-galaksi .ikon-dugme.renkli:focus-visible,
.sayfa-galaksi .dugme.renkli:hover:not(:disabled), .sayfa-galaksi .dugme.renkli:focus-visible {
  color: #fff; border-color: var(--e); background: color-mix(in srgb, var(--e) 34%, rgba(4, 7, 11, .6));
  box-shadow: 0 0 8px color-mix(in srgb, var(--e) 45%, transparent);
}
.sayfa-galaksi .ikon-dugme.renkli:disabled { opacity: .34; filter: grayscale(.75); }
.sayfa-galaksi .dugme.renkli .simge { color: var(--e); }
.sayfa-galaksi .dugme.renkli:hover .simge { color: #fff; }
.e-saldir { --e: #ff5a4f; }     /* Saldır: kırmızı */
.e-casus { --e: #f6c845; }      /* Casusla: sarı */
.e-nakliye { --e: #8fd94f; }    /* Nakliye: yeşil */
.e-isgal { --e: #e8467f; }      /* İşgal: başka bir kırmızı (gül) */
.e-koloni { --e: rgb(var(--gorev-somurgelestir)); }   /* Koloni kur: açık mavi, sömürgeleştirmenin rengi (cerceve.css :root; nakliyenin yeşiliyle karışmasın, Sürmenaj 2026-11-01 gece) */
.e-yoket { --e: #b78cff; }      /* Yok et: mor */
.e-roket { --e: #ff9d2e; }      /* roket at: turuncu */
.e-radar { --e: #7fbbf2; }      /* radar: mavi */
/* Gezegen resmi: bilgi kartının düğmesi; köşede yerin aktifliği. Ay simgesi ve enkaz da biraz büyük. */
.sayfa-galaksi .sistem-tablosu .gezegen-hucre { padding: 0 2px; }
.yer-resim { position: relative; display: block; width: 36px; height: 36px; margin: 0 auto; padding: 0; background: none; border: 0; border-radius: 50%; cursor: pointer; }
.sayfa-galaksi .sistem-tablosu .yer-resim img { width: 36px; height: 36px; margin: 0; border-radius: 50%; }
.yer-resim:hover img, .yer-resim[aria-expanded="true"] img { box-shadow: 0 0 0 2px rgba(255, 255, 255, .55), 0 0 12px rgba(134, 184, 234, .45); }
.yer-resim-yok { display: block; width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #4a5a6e, #151c26); }
/* Yerin aktifliği (Sürmenaj 2026-11-01 gece): resmin sol üst köşesinde. Son 15 dk: parlayan yeşil nokta (koyu halkalı, resmin üstünde
   seçilsin); 15-59 dk: koyu zeminli küçük rozette kehribar sayı. Ay simgesinde aynısı, biraz küçük. */
.etkinlik-rozet {
  position: absolute; top: -4px; left: -4px; z-index: 1; min-width: 17px; height: 15px; padding: 0 4px; border-radius: 8px;
  background: #0b0f15; border: 1px solid rgba(255, 195, 92, .85); box-shadow: 0 1px 3px rgba(0, 0, 0, .7);
  color: #ffc35c; font-size: 10.5px; font-weight: 800; line-height: 13px; text-align: center; font-variant-numeric: tabular-nums; pointer-events: none;
}
.etkinlik-rozet.simdi {
  top: -3px; left: -3px; min-width: 0; width: 14px; height: 14px; padding: 0; border: 2px solid #0b0f15; border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #eaffd6, #6ee04a 45%, #2e9d1c);
  box-shadow: 0 0 0 1px rgba(110, 224, 74, .55), 0 0 8px 2px rgba(110, 224, 74, .65); animation: etkin-nabiz 2.4s ease-in-out infinite;
}
@keyframes etkin-nabiz { 0%, 100% { box-shadow: 0 0 0 1px rgba(110, 224, 74, .55), 0 0 6px 1px rgba(110, 224, 74, .5); } 50% { box-shadow: 0 0 0 1px rgba(110, 224, 74, .8), 0 0 11px 3px rgba(110, 224, 74, .8); } }
@media (prefers-reduced-motion: reduce) { .etkinlik-rozet.simdi { animation: none; } }
.sayfa-galaksi .ay-dugme { --tb: 24px; position: relative; }
.sayfa-galaksi .ay-dugme .etkinlik-rozet { top: -6px; left: auto; right: -9px; }
.sayfa-galaksi .ay-dugme .etkinlik-rozet.simdi { top: -3px; right: -4px; width: 11px; height: 11px; }
.sayfa-galaksi .ay-rozet { --tb: 16px; right: -3px; bottom: -1px; }
.sayfa-galaksi .ay-rozet .etkinlik-rozet { top: -9px; left: auto; right: -8px; min-width: 15px; height: 13px; padding: 0 3px; font-size: 9.5px; line-height: 11px; }
.sayfa-galaksi .ay-rozet .etkinlik-rozet.simdi { top: -4px; right: -4px; width: 10px; height: 10px; min-width: 0; padding: 0; }
/* Ayın satırında (ay açılınca) aynı işaret yazının içinde */
.etkinlik-rozet.satirda { position: relative; top: auto; left: auto; display: inline-block; vertical-align: 1px; margin-left: 2px; }
.etkinlik-rozet.satirda.simdi { vertical-align: -1px; }
.sayfa-galaksi .sistem-tablosu .enkaz-hucre .enkaz-ozet { font-size: 11px; }
.sayfa-galaksi .enkaz-ozet::before { width: 23.4px; height: 19.1px; background-position: -46.8px -19.14px; background-size: 70.2px 38.29px; }
/* Ayın satırında ayın aktifliği ve casus özeti */
.ay-casus { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; margin-left: 6px; font-size: 11.5px; }
.ay-casus > span { display: inline-flex; align-items: center; gap: 3px; }
.ay-casus .kaynak-resmi, .yer-karti .kaynak-resmi { width: 16px; height: 16px; border-radius: 3px; }
.ay-bilgi .aktiflik { font-size: 10.5px; }
.ay-bilgi .aktiflik.simdi { color: var(--yesil); }
/* Bilgi kartı (gezegen ve ay): tek kart, ekranda sabit konumlu (tablonun kaydırma kutusu kesmesin) */
.yer-karti {
  position: fixed; z-index: 40; width: 250px; padding: 9px 11px 8px;
  background: #0d131b; border: 1px solid var(--kenar-acik); border-radius: 6px; box-shadow: var(--golge);
  color: var(--yazi-2); font-size: 12px; line-height: 1.4; pointer-events: none;
}
.yer-karti[hidden] { display: none; }
.yer-karti-baslik { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 6px; }
.yer-karti-baslik b { color: #fff; font-size: 13px; }
.yer-karti-baslik .ay-isaret.kart { --tb: 16px; }
.yer-karti-alt { margin-top: 1px; color: var(--soluk); font-size: 11.5px; }
.yer-karti-alt .etkin-simdi { color: var(--yesil); }
.yer-karti-alt .etkin { color: #f3b660; }
.yer-karti-alt .kart-sira { color: rgba(255, 255, 255, .6); font-variant-numeric: tabular-nums; }
.yer-karti-liste { display: grid; gap: 1px; margin: 7px 0 0; }
.yer-karti-liste > div { display: grid; grid-template-columns: 62px minmax(0, 1fr); }
.yer-karti-liste dt { color: var(--soluk); }
.yer-karti-liste dd { margin: 0; color: #fff; }
.yer-karti-kaynak { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 8px; margin-top: 7px; padding-top: 7px; border-top: 1px solid var(--kenar); }
.yer-karti-kaynak span { display: grid; grid-template-columns: 16px minmax(0, 1fr); column-gap: 5px; align-items: center; }
.yer-karti-kaynak b { color: #fff; font-size: 12.5px; }
.yer-karti-kaynak small { grid-column: 2; color: var(--soluk); font-size: 10px; line-height: 1.1; }
.yer-karti-kaynak .kaynak-resmi { grid-row: span 2; }
.yer-karti-not { margin-top: 6px; color: var(--soluk); font-style: italic; }
.yer-karti-zaman { margin-top: 7px; color: var(--soluk); font-size: 11px; }
@media (max-width: 759px) {
  .sayfa-galaksi .sistem-tablosu td { height: 36px; }
  /* Telefonda sütunlar aynı (ad ve hanedan okunsun): simge 22 → 23 px, çizimi 12 → 14 px; üç simge yine tek satıra sığar */
  .sayfa-galaksi .sistem-tablosu .eylemler { padding: 0 1px; }
  .sayfa-galaksi .sistem-tablosu .eylemler .ikon-dugme { width: 23px; height: 23px; margin: 1px 0 1px 1px; border-radius: 4px; }
  .sayfa-galaksi .sistem-tablosu .eylemler .ikon-dugme .simge { width: 14px; height: 14px; }
  .sayfa-galaksi .sistem-tablosu .c-eylem, .sayfa-galaksi .sistem-tablosu.eylem-genis .c-eylem { width: 22%; }
  .yer-resim, .sayfa-galaksi .sistem-tablosu .yer-resim img { width: 30px; height: 30px; }
  .sayfa-galaksi .enkaz-ozet::before { width: 20.7px; height: 16.9px; background-position: -41.4px -16.93px; background-size: 62.1px 33.87px; }
  .yer-karti { width: 236px; }
  .ay-casus { margin-left: 0; }
}

/* Mesajlar: sekmelerde rozet, kısa satırlar, rapor başlıkları ve gövdeleri */
.sekmeler .rozet[hidden], .sekmeler .hepsi-okundu[hidden] { display: none; }
/* Liste sütunu içeriğe göre genişlemesin (açık raporlardaki tablolar telefonda taşırmasın) */
.mesaj-listesi { grid-template-columns: minmax(0, 1fr); }
.mesaj-listesi > *, .savas-taraf, .simule-taraf { min-width: 0; }
.sekmeler .hepsi-okundu { margin-left: auto; font-size: 12.5px; white-space: nowrap; }
.mesaj-listesi > .olay-gunu { margin: 6px 0 0; }
.mesaj-listesi > .olay-gunu:first-child { margin-top: 0; }
.mesaj summary .mesaj-baslik { min-width: 0; }
.mesaj-simge { width: 15px; height: 15px; color: var(--yazi-2); }
.mesaj-sag { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; }
.mesaj-zaman { color: var(--soluk); font-size: 12px; font-variant-numeric: tabular-nums; }
.mesaj-etiket { padding: 1px 8px; border: 1px solid var(--kenar-acik); border-radius: 999px; color: var(--yazi-2); font-size: 11.5px; white-space: nowrap; }
.mesaj-etiket.zafer { border-color: rgba(147, 211, 86, .5); color: var(--yesil); }
.mesaj-etiket.yenilgi { border-color: rgba(240, 98, 90, .5); color: #f08f88; }
.mesaj-satir {
  display: flex; align-items: center; gap: 9px; padding: 8px 12px;
  background: rgba(10, 14, 20, .78); border: 1px solid var(--kenar); border-radius: var(--yuvarlak); color: var(--yazi); font-size: 13px;
}
.mesaj-satir .mesaj-metin { flex: 1 1 auto; min-width: 0; }
.mesaj-satir .mesaj-zaman { flex: none; }
.daha-eski { justify-self: center; margin-top: 4px; }
.birim-listesi { display: grid; gap: 3px; margin: 0; padding: 0; list-style: none; font-size: 12.5px; }
.birim-listesi li { display: flex; justify-content: space-between; gap: 10px; }
.birim-listesi b { color: #fff; font-weight: 600; }
.satir-simge { width: 18px; height: 18px; border-radius: 3px; }
/* Savaş raporu: önce sonuç (şerit), özet, taraflar; turlar açılır */
.savas-sonuc { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin-bottom: 10px; padding: 8px 12px; border-radius: 5px; background: rgba(255, 255, 255, .04); border: 1px solid var(--kenar); }
.savas-sonuc b { color: #fff; font-size: 16px; }
.savas-sonuc span { color: var(--yazi-2); font-size: 12.5px; }
.savas-sonuc.zafer { background: rgba(147, 211, 86, .1); border-color: rgba(147, 211, 86, .4); }
.savas-sonuc.zafer b { color: var(--yesil); }
.savas-sonuc.yenilgi { background: rgba(240, 98, 90, .1); border-color: rgba(240, 98, 90, .4); }
.savas-sonuc.yenilgi b { color: #f08f88; }
.savas-sonuc.berabere b { color: var(--kehribar); }
.savas-ozet { margin-bottom: 10px; }
.savas-ozet .rapor-kaynaklar { gap: 4px 12px; margin: 0; }
.savas-taraflar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.savas-taraf h4 { margin: 0 0 6px; color: var(--baslik-mavi); font-size: 11px; letter-spacing: .07em; text-transform: uppercase; }
.taraf-blok p { margin-bottom: 4px; font-size: 12.5px; }
.taraf-blok b { color: #fff; }
.savas-birimler th, .savas-birimler td { padding: 3px 6px; font-size: 12px; }
.savas-birimler td { text-align: right; color: #fff; }
.savas-birimler tbody th { color: var(--yazi-2); font-weight: 400; }
.savas-turlar { margin-top: 10px; }
.savas-turlar summary { cursor: pointer; color: var(--bag); font-size: 12.5px; }
.savas-tur-tablosu th, .savas-tur-tablosu td { padding: 4px 6px; font-size: 12px; }
.savas-tur-tablosu tbody th { color: #fff; }
/* Keşif raporu: hikâye dilinde metin */
.kesif-metin { margin-bottom: 10px; color: #e4ddcc; font: italic 16px/1.5 var(--kadim-tipi); }
.mektup-imza { margin-top: 6px; font-size: 12px; }
/* Simüle et penceresi (telefonda alttan, bilgisayarda ortada geniş) */
.pencere.simule-penceresi { max-width: 780px; }
.simule-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.simule-taraf { padding: 10px; background: var(--panel-koyu); border: 1px solid var(--kenar); border-radius: 5px; }
.simule-taraf h3 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; margin-bottom: 8px; color: #fff; font-size: 13px; }
.simule-taraf h4 { margin: 8px 0 4px; color: var(--baslik-mavi); font-size: 11px; letter-spacing: .07em; text-transform: uppercase; }
.simule-taraf > p.soluk { margin-top: 8px; font-size: 12px; }
.simule-gemiler { display: grid; gap: 6px; }
.simule-gemi { display: grid; grid-template-columns: 32px minmax(0, 1fr) 76px; align-items: center; gap: 8px; font-size: 12.5px; }
.simule-gemi .simule-resim { width: 32px; height: 32px; border-radius: 3px; }
.simule-ad { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.simule-ad small { font-size: 11px; }
.simule-gemi input { width: 100%; }
.uyari-yazi { color: var(--turuncu); font-size: 12px; }
.simule-sonuc { margin-top: 12px; }
.simule-oranlar { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-bottom: 10px; font-size: 13px; }
.simule-oranlar b { font-size: 18px; color: #fff; }
.simule-oranlar .zafer b { color: var(--yesil); }
.simule-oranlar .yenilgi b { color: #f08f88; }
.simule-not { margin-top: 8px; font-size: 12px; }
/* Casusluk Tekniği'nin kademe farkı tablosu: eşit kademe satırı vurgulu */
.casus-fark td, .casus-fark th { white-space: nowrap; }
.casus-fark tr.bugunku th, .casus-fark tr.bugunku td { color: #fff; background: rgba(255, 157, 46, .08); }
@media (max-width: 759px) {
  .gezegen-buyuk.kucukten { width: 46%; right: -4%; }
  .savas-taraflar, .simule-izgara { grid-template-columns: minmax(0, 1fr); }
  .mesaj summary { gap: 4px 8px; }
  .simule-gemi input { min-height: 38px; font-size: 16px; }
  .sonda-ayari input { height: 30px; font-size: 16px; }
  /* Enkaz telefonda da görünür (sökülebilir): sütunlar ona yer açar */
  .sistem-tablosu th.c-enkaz.ikincil, .sistem-tablosu td.enkaz-hucre.ikincil { display: table-cell; }
  .sistem-tablosu .c-konum { width: 8%; }
  .sistem-tablosu .c-gezegen { width: 11%; }
  .sistem-tablosu .c-ad { width: 22%; }
  .sistem-tablosu .c-enkaz { width: 11%; }
  .sistem-tablosu .c-hanedan { width: 26%; }
}

/* ——— Casus raporu (Sürmenaj 2026-11-01 gece): görsel, yerleşimi hep aynı ———
   Başlık (yerin resmi, kimlik, çipler, katman şeridi) · kaynaklar · filo | savunma · binalar · araştırma · eylemler. Izgaralar sabit:
   öğe boyu --t raporun genişliğinden (container), grup sütunu --sutun (oyundaki sayfalar gibi); telefonda her satıra altı öğe. */
.casus-raporu { --t: clamp(46px, calc((100cqw - 70px) / 11), 62px); --ta: 5px; position: relative; display: grid; gap: 10px; container-type: inline-size; }
.rapor-baslik {
  display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "resim kimlik" "resim cipler" "serit serit";
  gap: 6px 14px; align-items: center; padding: 12px 44px 10px 14px;
  background: radial-gradient(ellipse 260px 120px at 40px 50%, rgba(98, 150, 214, .2), transparent 70%),
    linear-gradient(180deg, rgba(25, 34, 47, .94), rgba(10, 14, 20, .94));
  border: 1px solid var(--kenar); border-radius: 6px;
}
.rapor-yer { grid-area: resim; width: 68px; height: 68px; border-radius: 50%; filter: drop-shadow(0 0 10px rgba(120, 170, 255, .35)); }
.rapor-yer.ay-resim { --tb: 58px; margin: 5px; }
.rapor-yer-yok { display: block; background: radial-gradient(circle at 35% 35%, #4a5a6e, #151c26); }
.rapor-kimlik { grid-area: kimlik; min-width: 0; }
.rapor-kimlik p { margin: 0; }
.rapor-ad { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.rapor-ad b { color: #fff; font-size: 17px; font-weight: 700; }
.rapor-koor { color: var(--bag); font-size: 13px; font-variant-numeric: tabular-nums; }
.rapor-koor:hover { color: #fff; }
.rapor-tur { padding: 0 6px; border: 1px solid #3c4f66; border-radius: 3px; color: var(--yazi-2); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; }
.rapor-hanedan { margin-top: 2px !important; color: var(--yazi); font-size: 13px; font-weight: 600; }
.rapor-sira { color: rgba(255, 255, 255, .6); font-weight: 500; font-variant-numeric: tabular-nums; }
.rapor-etkin { color: #f3b660; font-size: 12px; font-weight: 500; }
.rapor-etkin.simdi { color: var(--yesil); }
.rapor-an { display: flex; align-items: center; gap: 5px; margin-top: 3px !important; color: var(--soluk); font-size: 11.5px; }
.rapor-an .simge { width: 12px; height: 12px; }
.rapor-cipler { grid-area: cipler; display: flex; flex-wrap: wrap; gap: 5px; margin: 0; padding: 0; list-style: none; }
.rapor-cip {
  display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border: 1px solid var(--kenar-acik); border-radius: 999px;
  background: rgba(255, 255, 255, .03); color: var(--yazi-2); font-size: 11.5px; white-space: nowrap;
}
.rapor-cip .simge { width: 13px; height: 13px; }
.rapor-cip b { color: inherit; font-weight: 700; }
.rapor-cip.iyi { border-color: rgba(147, 211, 86, .45); color: var(--yesil); }
.rapor-cip.kotu { border-color: rgba(240, 98, 90, .5); color: #f08f88; }
/* Görülen katmanlar: beş dilimli şerit (görülen dolu, görülmeyen kesik çizgili) */
.rapor-katman-seridi { grid-area: serit; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3px; margin: 4px 0 0; padding: 0; list-style: none; }
.rapor-katman-seridi li {
  overflow: hidden; padding: 3px 4px 2px; border-top: 3px solid rgba(113, 134, 160, .28); color: var(--soluk);
  font-size: 10.5px; font-weight: 600; letter-spacing: .05em; text-align: center; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap;
}
.rapor-katman-seridi li.gorulen { border-top-color: var(--zumrut); color: #bfeedb; }
/* ? bilgisi: düğme başlığın sağ üstünde; açılınca metin başlığın altında */
.rapor-bilgi { margin-top: -10px; }
.rapor-bilgi:not([open]) { margin-top: -10px; height: 0; }
.casus-raporu .rapor-soru {
  position: absolute; padding: 0; line-height: 1; justify-content: center; align-content: center; top: 10px; right: 10px; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%;
  background: rgba(134, 184, 234, .14); border: 1px solid rgba(134, 184, 234, .45); color: var(--bag);
  font-size: 13px; font-weight: 800; cursor: pointer; list-style: none;
}
.rapor-soru::-webkit-details-marker { display: none; }
.rapor-bilgi[open] .rapor-soru, .rapor-soru:hover { background: rgba(134, 184, 234, .35); color: #fff; }
.rapor-bilgi-metin {
  margin-top: 10px; padding: 9px 12px; background: var(--panel); border: 1px solid var(--kenar-acik); border-radius: 6px;
  color: var(--yazi-2); font-size: 12.5px; line-height: 1.45;
}
.rapor-bilgi-metin p { margin: 0; }
.rapor-bilgi-metin p + p { margin-top: 5px; }
.rapor-bilgi-metin b { color: #fff; font-weight: 600; }
.rapor-ornek-deger { display: inline-block; min-width: 18px; padding: 0 4px; border-radius: 3px; background: #10161e; color: var(--bag); font-weight: 700; text-align: center; }
.rapor-ornek-deger.sifir { color: var(--soluk); }

/* Bölüm: oyunun panel dili (üstte şerit), görülmeyen kesik kenarlı */
.rapor-bolum {
  min-width: 0; padding: 0 10px 10px; border: 1px solid var(--kenar); border-radius: 6px;
  background: linear-gradient(180deg, var(--serit-ust), var(--serit-alt)) top / 100% 27px no-repeat,
    linear-gradient(180deg, rgba(17, 23, 32, .96), rgba(9, 12, 17, .96));
}
.rapor-bolum.gorulmedi { border-style: dashed; border-color: #2c3a4b; }
.rapor-bolum-baslik {
  display: flex; align-items: center; gap: 8px; height: 27px; margin: 0 0 8px;
  color: var(--baslik-mavi); font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap;
}
.rapor-bolum-baslik > span:first-child { flex: none; }
.rapor-toplam, .rapor-kilit { margin-left: auto; min-width: 0; overflow: hidden; color: var(--yazi-2); font-size: 11.5px; font-weight: 600; letter-spacing: 0; text-overflow: ellipsis; text-transform: none; }
.rapor-kilit { display: inline-flex; align-items: center; gap: 4px; color: var(--soluk); font-weight: 500; }
.rapor-kilit .simge { flex: none; width: 12px; height: 12px; }
.rapor-kilit em { color: var(--bag); font-style: normal; overflow: hidden; text-overflow: ellipsis; }
.rapor-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }

/* Kaynaklar: üst şeridin kaynak kutuları gibi */
.rapor-kaynaklar-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 0; padding: 0; list-style: none; }
.rapor-kaynak-oge {
  display: flex; align-items: center; gap: 9px; min-width: 0; padding: 6px 8px;
  background: linear-gradient(180deg, rgba(23, 31, 42, .9), rgba(10, 14, 20, .9)); border: 1px solid var(--kenar); border-radius: 5px;
}
.rapor-kaynak-oge .kaynak-resmi { width: 38px; height: 38px; border-radius: 4px; flex: none; }
.rapor-kaynak-oge > span { display: flex; flex-direction: column; min-width: 0; }
.rapor-kaynak-oge small { color: var(--soluk); font-size: 11px; letter-spacing: .04em; }
.rapor-kaynak-oge b { color: #fff; font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.rapor-kaynak-oge.bilinmez .kaynak-resmi { filter: grayscale(1) brightness(.5); }
.rapor-kaynak-oge.bilinmez b { color: var(--bag); }

/* Izgara öğesi: küçük kare resim, köşede seviye ya da adet şeridi (kart-seviye gibi), altında kısa ad */
.rapor-gruplar { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.rapor-grup { min-width: 0; }
.rapor-grup-ad { display: block; margin-bottom: 4px; color: var(--soluk); font-size: 10.5px; font-weight: 600; letter-spacing: .03em; white-space: nowrap; }
.rapor-izgara { display: grid; grid-template-columns: repeat(var(--sutun, 6), var(--t)); gap: 6px var(--ta); margin: 0; padding: 0; list-style: none; }
.rapor-izgara.birimler { grid-template-columns: repeat(auto-fill, var(--t)); }
.rapor-oge { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.rapor-oge-resim {
  position: relative; display: block; aspect-ratio: 1; overflow: hidden;
  background: #0b1016; border: 1px solid #0d1014; border-radius: 5px; box-shadow: 0 0 0 1px rgba(48, 63, 82, .55);
}
.rapor-oge-img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rapor-oge-resim .liste-simge { display: grid; place-items: center; width: 100%; height: 100%; color: #5d728b; }
.rapor-oge-resim .liste-simge .simge, .rapor-oge-resim .liste-simge .kaynak-resmi { width: 55%; height: 55%; }
.rapor-deger {
  position: absolute; right: 0; bottom: 0; min-width: 20px; height: 16px; padding: 0 4px 0 9px;
  background: linear-gradient(#0e1117, #1b222d); border-radius: 10px 0 0 0;
  color: #ff9600; font-size: 11px; font-weight: 700; line-height: 16px; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap;
}
.rapor-oge-ad { overflow: hidden; color: var(--yazi-2); font-size: 10px; line-height: 1.2; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
/* Görüldü ve 0: resim soluk ve renksiz, 0 soluk */
.rapor-oge.sifir .rapor-oge-resim > :first-child { filter: grayscale(1) brightness(.62); opacity: .7; }
.rapor-oge.sifir .rapor-deger { color: var(--soluk); font-weight: 500; }
.rapor-oge.sifir .rapor-oge-ad { color: var(--soluk); }
/* Görülmedi: resim karanlık, kenar kesik, seviye yerine mavi ? */
.rapor-oge.bilinmez .rapor-oge-resim { border-style: dashed; border-color: #31435a; box-shadow: none; }
.rapor-oge.bilinmez .rapor-oge-resim > :first-child { filter: grayscale(1) brightness(.34); }
.rapor-oge.bilinmez .rapor-deger { background: rgba(9, 13, 19, .92); color: var(--bag); }
.rapor-oge.bilinmez .rapor-oge-ad { color: #5f7288; }
/* Filo ve savunmada: görülmedi (?) ile yok ayrı dilde */
.rapor-bos { display: flex; align-items: center; gap: 10px; min-height: 40px; margin: 0; color: var(--yazi-2); font-size: 13px; }
.rapor-bos.bilinmez b {
  display: grid; place-items: center; width: var(--t); height: var(--t); flex: none;
  border: 1px dashed #31435a; border-radius: 5px; background: rgba(9, 13, 19, .7); color: var(--bag); font-size: 20px;
}
.rapor-bos.bilinmez span { color: var(--soluk); }
.rapor-bos.yok::before { content: ""; width: 14px; height: 2px; border-radius: 1px; background: var(--soluk); }
.rapor-eylemler { margin-top: 0; }
.rapor-eylemler .dugme { display: inline-flex; align-items: center; gap: 6px; }
.rapor-eylemler .simge { width: 14px; height: 14px; }
.rapor-saldir { border-color: rgba(255, 90, 79, .55); color: #ff8a80; }
.rapor-saldir:hover { border-color: #ff5a4f; }
@media (max-width: 759px) {
  .casus-raporu { --t: calc((100cqw - 20px - 5 * var(--ta)) / 6); --ta: 4px; gap: 8px; }
  .rapor-baslik { gap: 5px 10px; padding: 10px 38px 9px 10px; }
  .rapor-yer { width: 52px; height: 52px; }
  .rapor-yer.ay-resim { --tb: 44px; margin: 4px; }
  .rapor-ad b { font-size: 15.5px; }
  .rapor-cipler { gap: 4px; }
  .rapor-cip { padding: 1px 7px; font-size: 11px; }
  .rapor-katman-seridi li { padding: 3px 1px 2px; font-size: 9px; letter-spacing: .02em; }
  .casus-raporu .rapor-soru { top: 8px; right: 8px; }
  .rapor-iki { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .rapor-kaynaklar-izgara { gap: 4px; }
  .rapor-kaynak-oge { flex-direction: column; justify-content: center; gap: 2px; padding: 5px 2px 4px; text-align: center; }
  .rapor-kaynak-oge .kaynak-resmi { width: 26px; height: 26px; }
  .rapor-kaynak-oge > span { align-items: center; }
  .rapor-kaynak-oge small { font-size: 9.5px; letter-spacing: 0; }
  .rapor-kaynak-oge b { font-size: 12.5px; }
  .rapor-bolum { padding: 0 8px 8px; }
  /* Telefonda gruplar alt alta, her satıra altı öğe (aynı sıra, aynı yer) */
  .rapor-gruplar { flex-direction: column; gap: 7px; }
  .rapor-izgara, .rapor-izgara.birimler { grid-template-columns: repeat(6, var(--t)); }
  .rapor-deger { min-width: 16px; height: 14px; padding: 0 3px 0 7px; font-size: 10px; line-height: 14px; }
  .rapor-oge-ad { font-size: 9.5px; }
}

/* 7 · A13 (DILIM-7.md §3): Arşiv'de Olaylar sekmesi (arsiv.js olaylar): gün başlıklı sade liste */
.olay-arsivi { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.olay-arsivi .olay-arsivi-gun { margin-top: 4px; color: var(--soluk); font-size: 11.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.olay-arsivi .olay-arsivi-gun:first-child { margin-top: 0; }
.olay-arsivi .olay-arsivi-oge { min-width: 0; padding: 8px 10px; border: 1px solid var(--kenar); border-radius: 7px; background: rgba(8, 12, 18, .6); }
.olay-arsivi .olay-arsivi-oge.buyuk { border-color: rgba(67, 211, 145, .55); box-shadow: inset 3px 0 0 var(--zumrut); }
.olay-arsivi h3 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin: 0 0 2px; font-size: 14px; }
.olay-arsivi .olay-arsivi-ust { color: var(--soluk); font-size: 11.5px; overflow-wrap: anywhere; }
.olay-arsivi p { margin: 3px 0 0; color: var(--yazi-2); font-size: 12.5px; line-height: 1.45; }
.olay-arsivi .olay-gittin { display: flex; align-items: center; gap: 6px; color: var(--zumrut); }
.olay-arsivi .olay-gittin .simge { flex: none; width: 13px; height: 13px; }