/* 4d · İki yol, Kızıl Hanedan, final (DILIM-4d.md §8): Mühür (kehribar halkalar), Kızıl'ın Fener'i (kızıl, #c0392b), final rozetleri, taraf rozetleri,
   Galaksi'nin Kalp satırları, Filo'nun dalga paneli, Amiral'in biçimleri. Kadim olan zümrüt ve serif, bekçi olan kehribar, Kızıl olan kızıl.
   Telefonda tek sütun, yatay taşma yok. 4d alanları yokken bu sınıfların hiçbiri sayfada yok. */
:root { --kizil-4d: #c0392b; --kizil-4d-sis: rgba(192, 57, 43, .14); --kehribar-sis: rgba(240, 168, 67, .12); }

/* ——— Mühür: kahramanın yerinde yedi eş merkezli halka ——— */
.muhur-kahraman { display: grid; grid-template-columns: minmax(150px, 240px) 1fr; align-items: center; gap: 18px; padding: 18px 20px;
  border-color: rgba(240, 168, 67, .45); background: radial-gradient(circle at 22% 50%, rgba(240, 168, 67, .12), transparent 60%), var(--panel-koyu);
  box-shadow: var(--golge), 0 0 40px rgba(240, 168, 67, .08); }
.muhur-kahraman.tamam { border-color: rgba(240, 168, 67, .8); box-shadow: var(--golge), 0 0 50px rgba(240, 168, 67, .3); }
.muhur-kahraman .fener-yazi { position: static; padding: 0; background: none; }
.muhur-kahraman .fener-yazi h2 { color: var(--kehribar); }
.muhur-halkalari { display: block; width: 100%; max-width: 240px; aspect-ratio: 1; }
.muhur-halkalari .muhur-zemin { fill: rgba(10, 8, 4, .55); stroke: rgba(240, 168, 67, .18); stroke-width: 1; }
.muhur-halkalari .halka { fill: none; stroke-width: 5; }
.muhur-halkalari .halka.bitti { stroke: var(--kehribar); filter: drop-shadow(0 0 4px rgba(240, 168, 67, .75)); }
.muhur-halkalari .halka.kirik { stroke: rgba(240, 168, 67, .38); stroke-dasharray: 6 5; stroke-width: 3; }
.muhur-halkalari .halka.kirik.uzak { stroke: rgba(240, 168, 67, .2); }
.muhur-halkalari .halka.dolum { stroke: var(--kehribar); stroke-width: 5; stroke-linecap: round; opacity: .85; }
.muhur-halkalari .muhur-cekirdek { fill: rgba(240, 168, 67, .35); }
.muhur-halkalari .muhur-cekirdek.tam { fill: var(--kehribar); filter: drop-shadow(0 0 6px rgba(240, 168, 67, .9)); }
.muhur-kutu { border-color: rgba(240, 168, 67, .35); }
.muhur-kutu > .kutu-baslik, .muhur-kutu > summary.kutu-baslik { color: var(--kehribar); font-family: var(--kadim-tipi); }
.muhur-kutu .kutu-baslik .simge { width: 16px; height: 16px; vertical-align: -3px; }
.muhur-sayac { margin: 8px 0 0; font-size: 12px; }
.muhur-sayac .simge { width: 14px; height: 14px; vertical-align: -2px; color: var(--kehribar); }
.muhur-bekci-notu { margin: 8px 0 0; font-size: 12px; }
.muhur-bekci-notu .simge { width: 14px; height: 14px; vertical-align: -2px; color: var(--kehribar); }
.etiket.kehribar { border-color: rgba(240, 168, 67, .5); color: var(--kehribar); background: var(--kehribar-sis); }
.muhur-halka-kutusu > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; }
.muhur-halka-kutusu > summary::-webkit-details-marker { display: none; }
.muhur-halka-kutusu > summary::after { content: '▸'; margin-left: auto; color: var(--soluk); font-size: 12px; }
.muhur-halka-kutusu[open] > summary::after { content: '▾'; }
.muhur-halka .asama-no path { stroke: rgba(240, 168, 67, .6); }
.muhur-halka.bitti .asama-no path { fill: rgba(240, 168, 67, .25); }
.muhurdar-karti .kart-etiket { position: absolute; left: 6px; top: 6px; }
.muhurdar-karti .kadim-gemi-resim { position: relative; }

/* ——— Garnizon (katılan / kızıl / zümrüt bekçiler) ——— */
.garnizon .bekci-izgara { margin-top: 2px; }
.garnizon-yenilenme { margin: 6px 0 0; font-size: 12px; }
.garnizon-yenilenme .simge { width: 13px; height: 13px; vertical-align: -2px; color: var(--kehribar); }
.zumrut-garnizon { border-color: rgba(67, 211, 145, .45); }
.zumrut-garnizon .kutu-baslik .simge { width: 16px; height: 16px; vertical-align: -3px; color: var(--zumrut); }

/* ——— Final rozeti ——— */
.final-rozet { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 0 0 10px; padding: 5px 12px; border: 1px solid rgba(67, 211, 145, .55);
  border-radius: 999px; background: var(--zumrut-sis); color: var(--zumrut); font: 600 13px/1.3 var(--kadim-tipi); letter-spacing: .03em; }
.final-rozet.koruyucu { border-color: rgba(240, 168, 67, .6); background: var(--kehribar-sis); color: var(--kehribar); }
.final-rozet .simge { width: 16px; height: 16px; }
.final-rozet .soluk { font: 400 11px/1.3 var(--yazi-tipi); }

/* ——— Kızıl: seferin satırı, Kızıl'ın Fener'i kartı ——— */
.kizil-sefer-satiri { display: flex; align-items: flex-start; gap: 6px; margin: 10px 0 0; padding: 7px 10px; border: 1px solid rgba(192, 57, 43, .55); border-radius: 6px;
  background: var(--kizil-4d-sis); color: #f0c4bd; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
.kizil-sefer-satiri .simge { flex: none; width: 16px; height: 16px; margin-top: 1px; color: var(--kizil-4d); }
.kizil-kart { border-color: rgba(192, 57, 43, .45); }
.kizil-kart > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; color: #e8a59c; }
.kizil-kart > summary::-webkit-details-marker { display: none; }
.kizil-kart > summary::after { content: '▸'; margin-left: auto; color: var(--soluk); font-size: 12px; }
.kizil-kart[open] > summary::after { content: '▾'; }
.kizil-kart > summary .simge { width: 16px; height: 16px; color: var(--kizil-4d); }
.kizil-kart-ad { font-family: var(--kadim-tipi); }
.kizil-kart.yaniyor { border: 2px solid var(--kizil-4d); box-shadow: var(--golge), 0 0 32px rgba(192, 57, 43, .35); }
.kizil-kart.yaniyor > summary { color: #ff9c8f; }
.kizil-kart.sondu { opacity: .8; }
.kizil-not { margin: 0 0 8px; font-size: 13px; }
.kizil-not .simge { width: 15px; height: 15px; vertical-align: -3px; color: var(--kizil-4d); }
.kizil-not.kizil-yanan { color: #ffb3a8; }
.kizil-birikim { display: grid; grid-template-columns: 1fr; gap: 4px; margin-bottom: 10px; font-size: 13px; }
.birikim-cubuk.kizil > span { background: linear-gradient(90deg, #8e2a1f, var(--kizil-4d)); }
.kizil-alt { margin: 10px 0 4px; color: var(--soluk); font-size: 12px; text-transform: uppercase; letter-spacing: .05em; }
.kizil-alt .fener-soru { text-transform: none; }
.kizil-dalgalar .fener-liste li { flex-wrap: wrap; }
.dugme.kizil-dugme { border-color: rgba(192, 57, 43, .7); color: #ffd2cc; background: linear-gradient(180deg, rgba(192, 57, 43, .45), rgba(120, 30, 22, .5)); }
.dugme.kizil-dugme .simge { color: #ffb3a8; }
.gelen-kutusu .kizil-gelen { color: #ffc2b9; }
.gelen-kutusu .kizil-gelen > .soluk { color: #e8a59c; }

/* ——— Yol seçiminin "?"si: iki yolun farkı ——— */
.yol-farki-soru { display: block; margin: 8px 0 0; }
.yol-farki { width: 100%; margin-top: 6px; border-collapse: collapse; font-size: 12px; line-height: 1.4; table-layout: fixed; }
.yol-farki th, .yol-farki td { padding: 4px 6px; border-bottom: 1px solid rgba(255, 255, 255, .06); text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.yol-farki thead th { color: var(--soluk); font-weight: 600; }
.yol-farki thead th:nth-child(2) { color: var(--zumrut); }
.yol-farki thead th:nth-child(3) { color: var(--kehribar); }
.yol-farki tbody th { width: 24%; color: var(--yazi); font-weight: 600; }

/* ——— Hanedanlar: taraf rozeti ——— */
.taraf-rozet { display: inline-flex; align-items: center; gap: 3px; padding: 1px 6px; border: 1px solid; border-radius: 999px; font-size: 11px; line-height: 1.4; white-space: nowrap; }
.taraf-rozet .simge { width: 12px; height: 12px; }
.taraf-rozet.kazici { border-color: rgba(67, 211, 145, .5); color: var(--zumrut); background: var(--zumrut-sis); }
.taraf-rozet.koruyucu { border-color: rgba(240, 168, 67, .55); color: var(--kehribar); background: var(--kehribar-sis); }

/* ——— Olay listesi: Kızıl seferi ve Mühür ——— */
.olay.kizil-sefer { background: linear-gradient(90deg, rgba(192, 57, 43, .22), rgba(192, 57, 43, .06)); }
.olay.kizil-sefer .gorev-etiket, .olay.kizil-sefer .olay-kim { color: #ff9c8f; }
.olay-yer-resim.muhur-yer { display: inline-grid; place-items: center; color: var(--kehribar); }
.olay-yer-resim.muhur-yer .simge { width: 60%; height: 60%; }

/* ——— Galaksi: Kalp'in Mühür ve Kızıl satırları, garnizon rozeti, Kızıl ışık ——— */
.muhur-hucre { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; color: var(--kehribar);
  background: radial-gradient(circle, rgba(240, 168, 67, .2), transparent 70%); }
.muhur-hucre .simge { width: 26px; height: 26px; filter: drop-shadow(0 0 3px rgba(240, 168, 67, .6)); }
.fener-satir.muhur-satir .ad a { color: var(--kehribar); }
.kizil-fener-satir .ad { color: #e8a59c; }
.kizil-fener-satir.yaniyor .ad { color: #ff8b7d; font-weight: 600; }
.kizil-fener-satir.sondu { opacity: .65; }
.fener-hucre-resim.kizil-resim { filter: sepia(1) saturate(4) hue-rotate(-35deg) brightness(.95); }
.garnizon-rozet { display: inline-flex; align-items: center; gap: 2px; margin-left: 6px; padding: 0 5px; border: 1px solid; border-radius: 999px; font-size: 11px; line-height: 16px; white-space: nowrap; vertical-align: middle; }
.garnizon-rozet .simge { width: 11px; height: 11px; }
.garnizon-rozet.katilan { border-color: rgba(240, 168, 67, .55); color: var(--kehribar); }
.garnizon-rozet.zumrut { border-color: rgba(67, 211, 145, .55); color: var(--zumrut); }
.garnizon-rozet.kizil { border-color: rgba(192, 57, 43, .7); color: #ff9c8f; }
.olay-etiket.olay-kizilIsik { border-color: rgba(192, 57, 43, .7); color: #ff9c8f; background: var(--kizil-4d-sis); }

/* ——— Filo: dalgayla saldırı, koruyucuda kazı notu ——— */
.dalga-paneli { border-color: rgba(240, 168, 67, .4); }
.dalga-paneli .harekat-sec .simge { color: var(--kehribar); }
.dalga-paneli > .fener-soru { margin-left: 4px; }
.gorev-bos-notu { margin: 6px 0; font-size: 12px; }
.gorev-bos-notu .simge { width: 14px; height: 14px; vertical-align: -2px; color: var(--kehribar); }

/* ——— Amiral: Mühürdar "çizim sonra", biçimler ——— */
.amiral-resim { position: relative; }
.amiral-cizim-sonra { position: absolute; left: 8px; top: 8px; }
.amiral-bicimler { margin: 6px 0 0; font-size: 12px; }
.amiral-bicimler > summary { cursor: pointer; color: var(--soluk); }
.amiral-bicimler > summary .simge { width: 13px; height: 13px; vertical-align: -2px; }
.amiral-bicimler ol { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 0; padding: 0; list-style: none; }
.amiral-bicimler li { display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 999px; }
.amiral-bicimler li.simdiki { border-color: rgba(67, 211, 145, .6); color: var(--zumrut); }
.amiral-bicimler li .kart-etiket { position: static; }

/* ——— Telefon ——— */
@media (max-width: 700px) {
  .muhur-kahraman { grid-template-columns: 1fr; justify-items: center; text-align: center; padding: 14px; }
  .muhur-halkalari { max-width: 190px; }
  .muhur-kahraman .fener-yazi p { margin-left: auto; margin-right: auto; }
  .yol-farki tbody th { width: 28%; }
  .kizil-dalgalar .fener-liste li .dugme { margin-top: 4px; }
}
/* Düzeltici: Galaksi'de koruyucunun "Bekçilerle nöbet" simgesi (bekçi kehribarı) */
.e-nobet { --e: var(--kehribar, #f0a843); }
/* Düzeltici: Fener / Mühür sayfasında iki sütunun kutuları yandaki sütunun boyuna uzamasın (5. halka, "Kadim Fener yandı" kutusunun altında boşluk) */
.sayfa-fener .fener-durum > .genel-sag { align-content: start; }
.sayfa-fener .fener-durum > .kutu { align-self: start; }