/* 4a · Hikâye çekirdeği (DILIM-4a.md §11): an penceresi, Kadim Fener, yol gösterici ve kaptanın notu, Arşiv, Akkor, olay listesindeki
   görevsiz satır, Galaksi'de Kalp, Filo'da kadim görevler ve izler. Kadim olan her şey serif yazı ve zümrüt çerçeve (bekçi kehribar). */

/* ——— An penceresi: bilgisayarda sayfanın başında, telefonda tam ekran; kapalıyken ince şerit ——— */
.an-alani:empty { display: none; }
.an-alani { margin-bottom: 12px; }
.an-serit {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 10px;
  background: linear-gradient(90deg, rgba(23, 48, 42, .92), rgba(10, 18, 16, .92)); border: 1px solid rgba(67, 211, 145, .35);
  border-radius: var(--yuvarlak); color: #cfe9dc; font-size: 13px;
}
.an-serit-yazi { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.an-serit-yazi > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.an-serit-yazi b { font: 600 15px var(--kadim-tipi); color: var(--fildisi); }
.an-serit .simge { flex: none; color: var(--zumrut); }
.an-penceresi {
  position: relative; display: grid; grid-template-columns: minmax(0, 46%) minmax(0, 1fr); overflow: hidden;
  background: linear-gradient(160deg, #0f1d19, #070b0a 70%); border: 1px solid rgba(67, 211, 145, .45); border-radius: var(--yuvarlak);
  box-shadow: var(--golge), 0 0 34px rgba(67, 211, 145, .12);
}
.an-penceresi:not(:has(.an-resim)) { grid-template-columns: 1fr; }
.an-resim { margin: 0; min-height: 220px; background: #05080a; }
.an-resim img { display: block; width: 100%; height: 100%; object-fit: cover; }
.an-govde { display: flex; flex-direction: column; gap: 10px; padding: 18px 20px 16px; }
.an-baslik { margin: 0; padding-right: 30px; color: var(--fildisi); font: 600 26px/1.15 var(--kadim-tipi); letter-spacing: .03em; }
.an-metin { margin: 0; color: #e4ddcc; font: italic 17px/1.5 var(--kadim-tipi); }
.an-dugmeler { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: auto; padding-top: 6px; }
.an-kapat { position: absolute; top: 8px; right: 8px; z-index: 2; background: rgba(0, 0, 0, .45); }
.an-not { margin: 0; font-size: 12px; }
/* Ad ve sancak */
.an-sancak { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px 14px; align-items: start; }
.an-sancak .an-dugmeler, .an-sancak .an-not { grid-column: 1 / -1; }
.an-sancak-secim { display: grid; gap: 8px; min-width: 0; }
.an-sancak-ad { display: grid; gap: 4px; color: var(--yazi-2); font-size: 12px; }
.an-sancak-ad input { width: 100%; padding: 6px 8px; background: #0b1110; border: 1px solid var(--kenar-acik); border-radius: 4px; color: #fff; font-size: 14px; }
.an-renkler, .an-amblemler { display: flex; flex-wrap: wrap; gap: 6px; }
.an-renk { width: 24px; height: 24px; padding: 0; background: var(--renk); border: 2px solid rgba(255, 255, 255, .15); border-radius: 50%; }
.an-renk.secili { border-color: #fff; box-shadow: 0 0 0 2px var(--zumrut); }
.an-amblem { display: grid; place-items: center; width: 32px; height: 36px; padding: 0; background: #0b1110; border: 1px solid var(--kenar); border-radius: 4px; }
.an-amblem.secili { border-color: var(--zumrut); box-shadow: 0 0 8px rgba(67, 211, 145, .35); }
/* Yol seçimi */
.an-yollar { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.an-yol {
  position: relative; display: flex; flex-direction: column; gap: 4px; padding: 12px; text-align: left;
  background: rgba(67, 211, 145, .08); border: 1px solid rgba(67, 211, 145, .5); border-radius: 6px; color: #d9efe4;
}
.an-yol b { color: var(--fildisi); font: 600 18px var(--kadim-tipi); }
.an-yol span { font-size: 12.5px; color: var(--yazi-2); }
.an-yol.koruyucu { background: rgba(240, 168, 67, .06); border-color: rgba(240, 168, 67, .4); }
.an-yol:disabled { opacity: .55; cursor: not-allowed; }
.an-yol:not(:disabled):hover { box-shadow: 0 0 12px rgba(67, 211, 145, .35); }
.an-yakinda { order: -1; align-self: flex-start; padding: 0 6px; border: 1px solid var(--kehribar); border-radius: 3px; color: var(--kehribar); font-size: 11px; font-style: normal; }
@media (max-width: 759px) {
  .an-alani.acik { position: fixed; inset: 0; z-index: 55; margin: 0; overflow-y: auto; background: rgba(3, 6, 6, .97); }
  .an-alani.acik .an-penceresi { grid-template-columns: 1fr; min-height: 100%; border: 0; border-radius: 0; }
  .an-resim { min-height: 0; max-height: 42vh; }
  .an-baslik { font-size: 24px; }
  .an-metin { font-size: 16px; }
  .an-yollar { grid-template-columns: 1fr; }
  .an-sancak { grid-template-columns: 1fr; justify-items: start; }
  .an-sancak-secim { width: 100%; }
  .an-serit { font-size: 12.5px; }
}

/* ——— Kadim Fener (canlı) ——— */
.fener-durum { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; margin-top: 12px; }
.kadim-kutu { border-color: rgba(67, 211, 145, .25); }
.kadim-kutu > .kutu-baslik { color: var(--zumrut); background: linear-gradient(180deg, #17302a, #0c1814); font-family: var(--kadim-tipi); font-size: 16px; }
.kadim-kutu .kutu-govde { display: grid; gap: 10px; }
.fener-ipucu { margin: 0; color: #d9cfb8; font: italic 15px/1.45 var(--kadim-tipi); }
.birikim-listesi { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.birikim-satir { display: grid; grid-template-columns: 22px minmax(70px, auto) minmax(0, 1fr) auto; gap: 8px; align-items: center; font-size: 12.5px; }
.birikim-satir .satir-simge, .birikim-satir .simge { width: 20px; height: 20px; }
.birikim-satir .simge { color: var(--zumrut); }
.birikim-cubuk { position: relative; height: 7px; overflow: hidden; background: rgba(255, 255, 255, .06); border-radius: 4px; }
.birikim-cubuk > span { position: absolute; inset: 0 auto 0 0; background: linear-gradient(90deg, #1f8f62, var(--zumrut)); border-radius: 4px; }
.birikim-satir.tamam .birikim-cubuk > span { background: linear-gradient(90deg, #2c9d5b, #93d356); }
.birikim-sayi { color: var(--yazi-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
.fener-kosul { display: flex; align-items: center; gap: 7px; margin: 0; color: var(--yazi-2); font-size: 12.5px; }
.fener-kosul.bekliyor { color: var(--kehribar); }
.fener-eylemler { display: flex; flex-wrap: wrap; gap: 8px; }
.asama.bitti .asama-no { fill: rgba(67, 211, 145, .3); stroke: #2c9d6e; }
.asama.bitti .asama-no text { fill: #eafff4; }
.asama.bitti .asama-ust b::after { content: " ✓"; color: var(--zumrut); font-size: 14px; }
.asama-tarih { color: var(--soluk); font-size: 11.5px; }
.fener-liste { margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; font-size: 12.5px; }
.fener-liste li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 4px 0; border-bottom: 1px solid rgba(255, 255, 255, .05); }
.fener-liste li:last-child { border-bottom: 0; }
.fener-liste b { color: #fff; }
.fener-liste .soluk { font-size: 11.5px; }
.fener-liste.gelen li { color: #ff9d96; }
.katki-tablosu { width: 100%; border-collapse: collapse; font-size: 12px; }
.katki-tablosu th, .katki-tablosu td { padding: 4px 6px; border-bottom: 1px solid rgba(255, 255, 255, .05); text-align: right; white-space: nowrap; }
.katki-tablosu th:first-child, .katki-tablosu td:first-child { text-align: left; }
.katki-tablosu thead th { color: var(--soluk); font-weight: 600; }
.amiral-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.amiral-ad { color: var(--fildisi); font: 600 20px var(--kadim-tipi); }
.amiral-form { display: flex; flex-wrap: wrap; gap: 6px; }
.amiral-form input, .sinyal-form select { padding: 5px 8px; background: #0b1110; border: 1px solid var(--kenar-acik); border-radius: 4px; color: #fff; font-size: 13px; }
.sinyal-form { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.tas-rozet { display: inline-flex; align-items: center; gap: 6px; padding: 2px 8px; border: 1px solid rgba(67, 211, 145, .45); border-radius: 999px; color: #cfe9dc; font-size: 12px; }
.mesaj-etiket.kadim { border-color: rgba(67, 211, 145, .5); color: var(--zumrut); }
.kadim-cumle { margin: 0 0 6px; color: var(--fildisi); font: italic 16px var(--kadim-tipi); }
.kalinti-sayi { display: inline-flex; align-items: center; gap: 4px; margin-left: 8px; }
.kalinti-sayi .simge { width: 15px; height: 15px; color: var(--zumrut); }
@media (max-width: 899px) { .fener-durum { grid-template-columns: 1fr; } }

/* ——— Genel Bakış: yol gösterici ve kaptanın notu (canlı) ——— */
.yol-kutusu .gorev-odul { flex-wrap: wrap; }
.odul-kalem { display: inline-flex; align-items: center; gap: 3px; font-variant-numeric: tabular-nums; }
.odul-al { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; }
.odul-al select { padding: 4px 6px; background: #0b1110; border: 1px solid var(--kenar-acik); border-radius: 4px; color: #fff; font-size: 12.5px; }
.gorev.simdiki.hikaye-gorevi .gorev-ad { font-family: var(--kadim-tipi); font-size: 16px; color: var(--fildisi); }
.gorev.simdiki.hikaye-gorevi .gorev-ad .simge { color: var(--zumrut); }
.not-kutusu .kaptan-notu { margin: 0; }

/* ——— Arşiv: kalıntı arşivi ——— */
.kalinti-arsivi { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.kalinti-madde { padding: 10px 12px; background: linear-gradient(180deg, rgba(16, 30, 26, .85), rgba(8, 13, 12, .85)); border: 1px solid rgba(67, 211, 145, .25); border-radius: 6px; }
.kalinti-madde h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 4px; color: var(--fildisi); font: 600 18px var(--kadim-tipi); }
.kalinti-madde h3 .simge { color: var(--zumrut); }
.kalinti-madde p { margin: 0; color: #e4ddcc; font: italic 15px/1.5 var(--kadim-tipi); }

/* ——— Olay listesi: görevsiz satır, Fener'e gelen saldırı, kadim yük ——— */
.olay.gorevsiz { --iliski: 67 211 145; --gorev: 67 211 145; background: linear-gradient(90deg, rgba(67, 211, 145, .08), transparent 70%); }
.olay.gorevsiz .gorev-etiket { background: transparent; border-style: dashed; color: rgb(67 211 145 / .7); }
.olay.gorevsiz .olay-yer-ad { font-family: var(--kadim-tipi); font-style: italic; }
.olay.gorev-fener, .olay.gorev-fenerNobet { --gorev: 67 211 145; }
.olay.gorev-fenerSaldiri { --gorev: var(--gorev-saldiri); }
.olay.gorev-kazi { --gorev: 147 211 86; }
.olay.gorev-pusu { --gorev: 240 168 67; }
.olay.fener-saldirisi { --iliski: 212 54 53; }
.kadim-yuk-rozet { display: inline-flex; align-items: center; gap: 2px; padding: 0 5px; border: 1px solid rgba(67, 211, 145, .5); border-radius: 999px; color: var(--zumrut); font-size: 11px; font-weight: 700; white-space: nowrap; }
.kadim-yuk-rozet .simge { width: 11px; height: 11px; }
.kutu-kadim { display: flex; flex-wrap: wrap; gap: 4px 10px; margin: 4px 0 0; color: #cfe9dc; font-size: 11.5px; }

/* ——— Galaksi: Kalp ve Kadim Fener, kazı yeri ——— */
.harita .kalp.acik .kalp-daire { stroke: var(--zumrut); stroke-width: 1.6; filter: drop-shadow(0 0 6px rgba(67, 211, 145, .6)); }
.harita .kalp.acik .kalp-alt { fill: #8fd9b6; }
.harita .kalp.acik { cursor: pointer; }
.kalp-dugme { border-color: rgba(67, 211, 145, .55); color: var(--zumrut); }
.sistem-tablosu tr.fener-satir td { background: linear-gradient(90deg, rgba(67, 211, 145, .14), rgba(0, 0, 0, .55)); }
.sistem-tablosu tr.fener-satir .ad .kes { color: var(--fildisi); font: 600 15px var(--kadim-tipi); }
.sistem-tablosu tr.kazi-satir td { background: rgba(147, 211, 86, .08); }
.fener-hucre-resim { width: 30px; height: 30px; object-fit: cover; border: 1px solid rgba(67, 211, 145, .5); border-radius: 50%; }
.kalp-etiketi { border-color: rgba(67, 211, 145, .5); color: var(--zumrut); }
.e-fener { color: var(--zumrut); }
.e-kazi { color: #93d356; }

/* ——— Filo: kadim görevler, kalıntı ve Akkor yükü, izler ——— */
.gorev-resim.simgeli.gorev-fener, .gorev-resim.simgeli.gorev-fenerNobet { background: linear-gradient(160deg, #17302a, #08110e); border-color: #2f6b55; color: #9be3c2; }
.gorev-resim.simgeli.gorev-fenerSaldiri { background: linear-gradient(160deg, #3a1714, #140807); border-color: #6e2d29; color: #ffb0a8; }
.gorev-resim.simgeli.gorev-kazi { background: linear-gradient(160deg, #233512, #0c1306); border-color: #4e6d2a; color: #c4e69a; }
.gorev-resim.simgeli.gorev-pusu { background: linear-gradient(160deg, #3a2a12, #140d05); border-color: #6e5329; color: #f5cf8f; }
.kadim-yuk { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; margin-top: 10px; padding: 8px 10px; border: 1px dashed rgba(67, 211, 145, .35); border-radius: 5px; }
.kadim-yuk label { display: inline-flex; align-items: center; gap: 6px; color: var(--yazi-2); font-size: 12.5px; }
.kadim-yuk input { width: 90px; padding: 4px 6px; background: #0b1110; border: 1px solid var(--kenar-acik); border-radius: 4px; color: #fff; }
.kadim-yuk .simge { width: 18px; height: 18px; color: var(--zumrut); }
.izler-kutusu { margin-top: 12px; }
.iz-listesi { margin: 0; padding: 0; list-style: none; }
.iz-satir { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; align-items: center; padding: 7px 0; border-bottom: 1px solid rgba(255, 255, 255, .05); font-size: 12.5px; }
.iz-satir:last-child { border-bottom: 0; }
.iz-yol { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.iz-varis { color: var(--yazi-2); white-space: nowrap; font-variant-numeric: tabular-nums; }
.hedef-resim[data-resim-tur="fener"], .hedef-resim[data-resim-tur="kazi"], .hedef-resim[data-resim-tur="pusu"] { color: var(--zumrut); border-color: rgba(67, 211, 145, .5); }
@media (max-width: 759px) {
  .iz-satir { grid-template-columns: minmax(0, 1fr) auto; }
  .iz-varis { grid-column: 1; }
}
.hedef-etiket.kadim { border-color: rgba(67, 211, 145, .5); color: var(--zumrut); }
.iz-satir.secili { background: linear-gradient(90deg, rgba(67, 211, 145, .1), transparent 70%); }
.iz-yol .simge { width: 15px; height: 15px; vertical-align: -2px; color: var(--zumrut); }
/* Pazar: Akkor paritesi açıkken Veriyorum/Alıyorum dört kaynak, tek satır */
.kaynak-secim:has(> :nth-child(4)) { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* 4a düzeltmesi: açıklama küçük ?'in arkasında (Fener sayfası), kadim gemilerin örnek bölümü kapalı başlık, aşamanın kalıntı bedeli */
.fener-soru { display: inline-block; vertical-align: middle; margin-left: 6px; font-size: 12px; text-transform: none; letter-spacing: 0; }
.fener-soru > summary { display: inline-flex; align-items: center; color: var(--soluk); cursor: pointer; list-style: none; }
.fener-soru > summary::-webkit-details-marker { display: none; }
.fener-soru > summary:hover, .fener-soru[open] > summary { color: var(--yazi); }
.fener-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; }
.fener-soru p { margin: 6px 0 0; color: var(--yazi-2); font-size: 12px; font-weight: 400; line-height: 1.45; }
.kutu-govde > .fener-soru { display: block; margin: 8px 0 0; }
.kutu-baslik .fener-soru[open] { display: block; margin: 4px 0 0; }
.kadim-gemiler-ornek > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; }
.kadim-gemiler-ornek > summary::-webkit-details-marker { display: none; }
.kadim-gemiler-ornek > summary::after { content: '▸'; color: var(--soluk); font-size: 12px; }
.kadim-gemiler-ornek[open] > summary::after { content: '▾'; }
.asama-kalinti .simge { color: var(--zumrut); }
/* 4a düzeltmesi: Akkor'un "+100 bin" hile düğmesi Akkor'un hizasında (5. sütun; Enerji'nin hile düğmesi yok) */
.hile-seridi .hile-dugme[data-tur="akkor"] { grid-column: 5; }