/* ============================================================================
   Erendor Online — Oyun Rehberi (wiki) stili
   guide.css'in uzerine yuklenir; palet ondan devralinir (Iznik Gecesi):
   zemin #0b0d16 · kart #161a2a · panel #0f121d · kenar #2b3350 · firuze #3f9488
   ============================================================================ */

/* --- Iki sutun: sol sabit icindekiler, sag icerik --- */
.wiki-layout {
  display: grid;
  grid-template-columns: 232px minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}

.wiki-side { position: sticky; top: 78px; max-height: calc(100vh - 96px); overflow-y: auto; }
.wiki-side::-webkit-scrollbar { width: 6px; }
.wiki-side::-webkit-scrollbar-thumb { background: #2b3350; border-radius: 3px; }

.wiki-side-title {
  font-family: 'Cinzel', serif;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #7d86a6;
  margin: 0 0 10px;
  padding-left: 12px;
}

/* --- Kenar cubugundaki TEK arama kutusu (her rehber sayfasinda ayni yerde) --- */
.wiki-sidesearch { margin: 0 0 12px; }
.wiki-sidesearch input {
  width: 100%;
  box-sizing: border-box;
  background: #0f121d;
  border: 1px solid #2b3350;
  border-radius: 9px;
  color: #eceef4;
  font-family: inherit;
  font-size: 13px;
  padding: 9px 12px;
  outline: none;
  transition: border-color .15s;
}
.wiki-sidesearch input:focus { border-color: #3f9488; }
.wiki-sidesearch input::placeholder { color: #646d8b; }
.wiki-sidecount {
  display: block;
  font-size: 11px;
  color: #6f7897;
  margin-top: 6px;
  padding-left: 3px;
}
.wiki-sideresults { margin-top: 8px; }
.wiki-sideresults .wiki-global-list a { padding: 6px 8px; }
.wiki-sideresults .wiki-global-title { font-size: 12.5px; }

/* --- Wiki kabugu: kitaplar da liste sayfalari da BIREBIR ayni durur --- */
/* Wiki sayfasi ansiklopedi gibi okunur: baslik ortalanmaz, icerik sutunuyla hizalanir
   ve ust bosluk kisilir — 12 sayfa arasinda gezerken her sayfa ayni yerde baslasin. */
.guide-main.is-wiki { padding: 40px 20px 72px; }
@media (max-width: 700px) { .guide-main.is-wiki { padding-top: 22px; } }
.guide-main.is-wiki .guide-header { text-align: left; margin-bottom: 22px; }
.guide-main.is-wiki .guide-title { font-size: clamp(26px, 4vw, 38px); margin-bottom: 6px; }
.guide-main.is-wiki .guide-subtitle { max-width: 80ch; }
/* Liste sayfalarinin kendi bolum seridi kenar cubuguyla ikizlenir — kaldirilir. */
.guide-main.is-wiki .guide-sectionnav { display: none; }
.guide-main.is-wiki .guide-section { margin-bottom: 40px; scroll-margin-top: 90px; }
.guide-main.is-wiki .guide-section-title { font-size: clamp(20px, 3vw, 26px); }

/* Kenar cubugu artik TUM wiki agacidir: her rehber sayfasi listelenir, acik olan
   kitabin bolumleri altinda genisler. Boylece her sayfadan her sayfaya tek tikla
   gecilir — wiki dokusunun temeli budur. */
.wiki-nav { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1px; }
.wiki-nav a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 8px;
  border-left: 2px solid transparent;
  color: #cbd0e0;
  text-decoration: none;
  font-size: 13.5px;
  line-height: 1.3;
  transition: background .15s, color .15s, border-color .15s;
}
.wiki-nav a:hover {
  background: #161a2a;
  color: #f2f3f8;
  border-left-color: #3f9488;
}
.wiki-navicon { color: #3f9488; font-size: 13px; width: 14px; text-align: center; }

.wiki-navbook.is-current > .wiki-navbook-link {
  background: #1b2032;
  color: #f2f3f8;
  border-left-color: #3f9488;
  font-weight: 600;
}
.wiki-navsections { list-style: none; margin: 2px 0 8px; padding: 0 0 0 26px; }
.wiki-navsections a {
  padding: 5px 10px;
  font-size: 12.5px;
  color: #8f98b5;
  border-left: 2px solid #2b3350;
  border-radius: 0 6px 6px 0;
}
.wiki-navsections a:hover { color: #e4e7f0; border-left-color: #3f9488; background: transparent; }
/* Ekranda gorunen bolum isaretlenir — uzun sayfada nerede oldugunu kaybetmeyesin. */
.wiki-navsections a.is-visible { color: #86d9cd; border-left-color: #3f9488; }

/* --- Kaynak damgasi (arama kutusu kenar cubuguna tasindi) --- */
.wiki-source {
  font-size: 12px;
  color: #6f7897;
  margin: 0 0 22px;
  padding-left: 2px;
}
.wiki-source.is-warn { color: #c2703f; }

/* --- Bolum --- */
.wiki-section { margin-bottom: 52px; scroll-margin-top: 96px; }
.wiki-section-head {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid #2b3350;
}
.wiki-section-icon {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #0f121d;
  border: 1px solid #3a4568;
  color: #3f9488;
  font-size: 17px;
}
.wiki-section-title {
  font-family: 'Cinzel', serif;
  font-size: clamp(21px, 3vw, 27px);
  color: #e4e7f0;
  margin: 0 0 4px;
}
.wiki-section-summary {
  font-size: 13px;
  color: #8f98b5;
  line-height: 1.6;
  margin: 0;
  max-width: 70ch;
}

/* --- Madde --- */
.wiki-entry {
  background: #161a2a;
  border: 1px solid #2b3350;
  border-radius: 12px;
  padding: 20px 22px;
  margin-bottom: 16px;
  scroll-margin-top: 96px;
}
.wiki-entry:target { border-color: #3f9488; }

.wiki-entry-title {
  font-family: 'Cinzel', serif;
  font-size: 18px;
  color: #e4e7f0;
  margin: 0 0 12px;
}
.wiki-anchor {
  color: #3a4568;
  text-decoration: none;
  font-size: 15px;
  margin-left: 8px;
  opacity: 0;
  transition: opacity .15s, color .15s;
}
.wiki-entry:hover .wiki-anchor { opacity: 1; }
.wiki-anchor:hover { color: #3f9488; }

.wiki-body { font-size: 14px; color: #a4abc2; line-height: 1.7; }
.wiki-body p { margin: 0 0 12px; }
.wiki-body strong, .wiki-steps strong, .wiki-table strong { color: #e4e7f0; }
.wiki-body em { color: #cbd0e0; font-style: italic; }
.wiki-body a, .wiki-steps a { color: #3f9488; text-decoration: none; border-bottom: 1px dotted #3f9488; }
.wiki-body a:hover, .wiki-steps a:hover { color: #86d9cd; border-bottom-color: #86d9cd; }

/* --- Kilit sayilar --- */
.wiki-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
  margin: 4px 0 16px;
}
.wiki-fact {
  background: #0f121d;
  border: 1px solid #2b3350;
  border-radius: 8px;
  padding: 9px 11px;
}
.wiki-fact-label { display: block; font-size: 11px; color: #7d86a6; margin-bottom: 3px; }
.wiki-fact-value { font-size: 14px; color: #3f9488; }

/* --- Tablo (dar ekranda kendi icinde kayar) --- */
.wiki-tablewrap {
  overflow-x: auto;
  margin: 4px 0 16px;
  border: 1px solid #2b3350;
  border-radius: 10px;
}
.wiki-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  min-width: 380px;
}
.wiki-table th {
  background: #0f121d;
  color: #7d86a6;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-align: left;
  padding: 10px 12px;
  border-bottom: 1px solid #2b3350;
  white-space: nowrap;
}
.wiki-table td {
  padding: 10px 12px;
  color: #a4abc2;
  line-height: 1.5;
  border-bottom: 1px solid #212840;
}
.wiki-table tbody tr:last-child td { border-bottom: 0; }
.wiki-table tbody tr:hover td { background: #1b2032; }
.wiki-td-key { color: #cbd0e0; white-space: nowrap; }

/* --- Maddeler --- */
.wiki-steps { margin: 0 0 14px; padding-left: 18px; }
.wiki-steps li { font-size: 13px; color: #a4abc2; line-height: 1.65; margin-bottom: 8px; }
.wiki-steps li::marker { color: #3f9488; }

.wiki-tip {
  background: #1b2032;
  border-left: 3px solid #3f9488;
  border-radius: 8px;
  padding: 11px 13px;
  font-size: 12.5px;
  color: #cbd0e0;
  line-height: 1.65;
  margin: 0;
}
.wiki-tip span { color: #3f9488; font-weight: 600; }
.wiki-tip strong { color: #e4e7f0; }
.wiki-tip em { font-style: italic; }

/* --- Rehber ana sayfasi (hub) kartlari --- */
.wiki-hub-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 14px;
  margin-bottom: 44px;
}
.wiki-hub-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #161a2a;
  border: 1px solid #2b3350;
  border-top: 3px solid #3f9488;
  border-radius: 12px;
  padding: 18px 20px;
  text-decoration: none;
  transition: transform .15s, border-color .15s, background .15s;
}
.wiki-hub-card:hover { transform: translateY(-2px); background: #1b2032; border-color: #3f9488; }
.wiki-hub-icon { color: #3f9488; font-size: 20px; }
.wiki-hub-title { font-family: 'Cinzel', serif; font-size: 17px; color: #e4e7f0; margin: 0; }
.wiki-hub-text { font-size: 13px; color: #8f98b5; line-height: 1.6; margin: 0; }
.wiki-hub-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.wiki-hub-tag {
  font-size: 11px;
  color: #7d86a6;
  background: #0f121d;
  border: 1px solid #2b3350;
  border-radius: 999px;
  padding: 3px 9px;
}

/* Ana sayfadaki rehber vitrini */
.guide-teaser-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 3rem 2rem;
}
.guide-teaser-section .wiki-hub-grid { margin-bottom: 22px; }
.guide-teaser-more { text-align: center; }

.wiki-more {
  display: inline-block;
  padding: 0.55rem 1.4rem;
  border: 1px solid #3f9488;
  border-radius: 2px;
  background: rgba(79, 179, 166, .07);
  color: #86d9cd;
  font-size: 0.82rem;
  letter-spacing: .07em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background .2s ease, color .2s ease;
}
.wiki-more:hover { background: rgba(79, 179, 166, .18); color: #eceef4; }

/* Hizli cevap listesi (hub) */
.wiki-faq { display: flex; flex-direction: column; gap: 10px; margin-bottom: 44px; }
.wiki-faq-item {
  background: #161a2a;
  border: 1px solid #2b3350;
  border-radius: 10px;
  padding: 14px 18px;
}
.wiki-faq-q { font-size: 14px; color: #e4e7f0; margin: 0 0 6px; font-weight: 600; }
.wiki-faq-a { font-size: 13px; color: #a4abc2; line-height: 1.65; margin: 0; }
.wiki-faq-a a { color: #3f9488; text-decoration: none; border-bottom: 1px dotted #3f9488; }
.wiki-faq-a a:hover { color: #86d9cd; }

/* --- Ekmek kirintisi --- */
.wiki-crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  color: #6f7897;
  margin: 0 0 10px;
}
.wiki-crumb a { color: #7d86a6; text-decoration: none; }
.wiki-crumb a:hover { color: #86d9cd; }
.wiki-crumb-sep { color: #3a4568; }

/* --- Ilgili basliklar --- */
.wiki-see {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #212840;
}
.wiki-see-label {
  font-size: 10.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #6f7897;
  margin-right: 2px;
}
.wiki-seelink {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  font-size: 12.5px;
  color: #cbd0e0;
  text-decoration: none;
  background: #0f121d;
  border: 1px solid #2b3350;
  border-radius: 999px;
  padding: 4px 11px;
  transition: border-color .15s, color .15s;
}
.wiki-seelink:hover { border-color: #3f9488; color: #86d9cd; }
.wiki-seebook { font-size: 10.5px; color: #6f7897; }

/* Hedefi olmayan bag: sessizce duz metne donmez, gorunur kalir. */
.wiki-deadlink { color: #8f98b5; border-bottom: 1px dashed #3a4568; cursor: help; }

/* --- Tabloda kucuk rozet --- */
.wiki-pill {
  display: inline-block;
  font-size: 11px;
  padding: 2px 9px;
  border-radius: 999px;
  background: #0f121d;
  border: 1px solid #2b3350;
  color: #8f98b5;
}
.wiki-pill.is-hot { border-color: #a23b2e; color: #d0715f; }

/* --- Global arama sonuclari (sayfa ici + hub) --- */
.wiki-global {
  background: #0f121d;
  border: 1px solid #2b3350;
  border-radius: 12px;
  padding: 14px 16px;
  margin-bottom: 22px;
}
.wiki-global-label {
  font-size: 11px;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #6f7897;
  margin: 0 0 8px;
}
.wiki-global-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.wiki-global-list a {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  text-decoration: none;
  transition: background .15s;
}
.wiki-global-list a:hover { background: #1b2032; }
.wiki-global-title { font-size: 13.5px; color: #cbd0e0; }
.wiki-global-list a:hover .wiki-global-title { color: #86d9cd; }
.wiki-global-book { font-size: 11px; color: #6f7897; }
.wiki-hub-noresult { font-size: 13px; color: #8f98b5; margin: 0; }

/* --- Hub: buyuk arama kutusu --- */
.wiki-hero-search { position: relative; margin: 0 0 10px; }
.wiki-hero-search input {
  width: 100%;
  box-sizing: border-box;
  background: #0f121d;
  border: 1px solid #3a4568;
  border-radius: 12px;
  color: #eceef4;
  font-family: inherit;
  font-size: 16px;
  padding: 15px 18px;
  outline: none;
  transition: border-color .15s;
}
.wiki-hero-search input:focus { border-color: #3f9488; }
.wiki-hero-search input::placeholder { color: #6f7897; }
.wiki-hub-meta { font-size: 12px; color: #6f7897; margin: 0 0 30px; padding-left: 2px; }

.wiki-hub-count {
  margin-top: auto;
  padding-top: 8px;
  font-size: 11px;
  color: #6f7897;
}

/* --- A-Z konu dizini --- */
.wiki-az {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 10px 26px;
  margin-bottom: 44px;
}
.wiki-az-group { break-inside: avoid; }
.wiki-az-letter {
  font-family: 'Cinzel', serif;
  font-size: 15px;
  color: #3f9488;
  border-bottom: 1px solid #2b3350;
  padding-bottom: 4px;
  margin-bottom: 6px;
}
.wiki-az-list { list-style: none; margin: 0 0 14px; padding: 0; }
.wiki-az-list li {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 3px 0;
}
.wiki-az-list a { font-size: 13px; color: #cbd0e0; text-decoration: none; }
.wiki-az-list a:hover { color: #86d9cd; }
.wiki-az-book { font-size: 10.5px; color: #565f7d; white-space: nowrap; }

@media (max-width: 900px) {
  /* minmax(0,1fr) + min-width:0 ŞART: grid/flex öğesinin varsayılan min-width'i
     "auto"dur, yani içeriği kadar genişler. O hâlde alttaki yatay kaydırma şeridi
     kaydırmaz, tüm SAYFAYI yana taşırır (menü 1200px genişliğe şişiyordu). */
  .wiki-layout { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .wiki-side {
    min-width: 0;
    position: sticky;
    top: 64px;
    z-index: 20;
    max-height: none;
    overflow: visible;
    background: rgba(11, 13, 22, .94);
    backdrop-filter: blur(6px);
    border: 1px solid #2b3350;
    border-radius: 12px;
    padding: 8px;
    margin-bottom: 10px;
  }
  .wiki-sidesearch { margin-bottom: 8px; }
  /* Sonuc listesi seridin ustune binsin, sayfayi asagi itmesin. */
  .wiki-sideresults {
    position: absolute;
    left: 8px; right: 8px;
    background: #0f121d;
    border: 1px solid #2b3350;
    border-radius: 10px;
    padding: 8px;
    z-index: 30;
    box-shadow: 0 10px 30px rgba(0,0,0,.5);
  }
  .wiki-side-title { display: none; }
  .wiki-nav {
    flex-direction: row;
    overflow-x: auto;
    gap: 6px;
    scrollbar-width: none;
    min-width: 0;
  }
  .wiki-nav::-webkit-scrollbar { display: none; }
  .wiki-nav a {
    border-left: 0;
    border-radius: 999px;
    padding: 7px 13px;
    white-space: nowrap;
    background: #161a2a;
  }
  /* Mobilde serit yatay: acik kitabin bolum agaci serite sigmaz, gizlenir —
     sayfa ici gezinme zaten kaydirmayla yapiliyor. */
  .wiki-navsections { display: none; }
  .wiki-entry { padding: 16px 15px; }
  .wiki-anchor { display: none; }
  .wiki-az { grid-template-columns: minmax(0, 1fr); }
}

/* ===========================================================================
   2026-10-05 — WIKI GÜZELLEŞTİRME
   Her kitabın rengi wiki.js > accentFor(id) ile --book değişkenine yazılır (kitap
   kartı, kenar çubuğu bağlantısı, kitap sayfasının <main>'i). Varsayılan firûze.
   =========================================================================== */
.wiki-hub-card, .wiki-navbook-link, .guide-main.wiki-themed, .wiki-pager-link { --book: #4fb3a6; }

/* ---------- Okuma: biraz daha büyük, biraz daha ferah ---------- */
.wiki-body { font-size: 15px; line-height: 1.78; color: #b3b9cd; }
.wiki-body p { margin-bottom: 14px; }
.wiki-steps li { font-size: 14px; }
.wiki-tip { font-size: 13.5px; }
.wiki-entry { padding: 22px 26px; transition: border-color .2s; }
.wiki-entry-title { font-size: 19px; }

/* ---------- Kitap sayfası: kitabın rengine bürünür ---------- */
.wiki-themed .guide-header.wiki-book-head {
  position: relative;
  padding: 26px 28px 24px;
  margin-bottom: 28px;
  border: 1px solid color-mix(in srgb, var(--book) 35%, #2b3350);
  border-radius: 16px;
  background:
    radial-gradient(ellipse 70% 120% at 100% 0%, color-mix(in srgb, var(--book) 18%, transparent), transparent 70%),
    linear-gradient(180deg, #151a2b, #0f121d);
  overflow: hidden;
}
.wiki-book-sigil {
  width: 54px; height: 54px;
  display: grid; place-items: center;
  margin: 6px 0 14px;
  border-radius: 14px;
  font-size: 24px;
  color: var(--book);
  border: 1px solid color-mix(in srgb, var(--book) 55%, transparent);
  background: color-mix(in srgb, var(--book) 12%, #0b0d16);
  box-shadow: 0 0 26px color-mix(in srgb, var(--book) 30%, transparent);
}
.wiki-themed .guide-title { color: #f0f2f8; }
.wiki-book-meta {
  display: inline-block;
  margin: 12px 0 0;
  padding: 4px 12px;
  font-size: 12px;
  letter-spacing: .04em;
  color: color-mix(in srgb, var(--book) 70%, #eceef4);
  border: 1px solid color-mix(in srgb, var(--book) 40%, transparent);
  border-radius: 999px;
}
.wiki-themed .wiki-crumb a:hover { color: var(--book); }
.wiki-themed .wiki-section-icon {
  color: var(--book);
  border-color: color-mix(in srgb, var(--book) 45%, transparent);
  background: color-mix(in srgb, var(--book) 10%, #0f121d);
}
.wiki-themed .wiki-section-head { border-bottom-color: color-mix(in srgb, var(--book) 30%, #2b3350); }
.wiki-themed .wiki-entry:hover { border-color: color-mix(in srgb, var(--book) 35%, #2b3350); }
.wiki-themed .wiki-entry:target {
  border-color: var(--book);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--book) 18%, transparent);
}
.wiki-themed .wiki-fact-value { color: var(--book); }
.wiki-themed .wiki-steps li::marker { color: var(--book); }
.wiki-themed .wiki-tip { border-left-color: var(--book); }
.wiki-themed .wiki-tip span { color: var(--book); }
.wiki-themed .wiki-navsections a.is-visible { color: color-mix(in srgb, var(--book) 70%, #fff); border-left-color: var(--book); }

/* Kenar çubuğu: her kitap kendi renginde */
.wiki-navbook-link .wiki-navicon { color: var(--book); }
.wiki-nav a.wiki-navbook-link:hover { border-left-color: var(--book); }
.wiki-navbook.is-current > .wiki-navbook-link {
  border-left-color: var(--book);
  background: color-mix(in srgb, var(--book) 12%, #161a2a);
}

/* Önceki / sonraki kitap */
.wiki-pager {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 46px 0 10px;
}
.wiki-pager-link {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px 18px;
  border: 1px solid #2b3350;
  border-radius: 12px;
  background: #121626;
  text-decoration: none;
  transition: border-color .15s, transform .15s, background .15s;
}
.wiki-pager-link.is-next { text-align: right; align-items: flex-end; }
.wiki-pager-link:hover {
  border-color: var(--book);
  background: color-mix(in srgb, var(--book) 8%, #121626);
  transform: translateY(-2px);
}
.wiki-pager-dir { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #6f7897; }
.wiki-pager-title { font-family: 'Cinzel', serif; font-size: 16px; color: #e4e7f0; display: inline-flex; align-items: center; gap: 8px; }
.wiki-pager-icon { color: var(--book); }

/* Okuma ilerleme çubuğu + yukarı dön */
.wiki-progress { position: fixed; left: 0; right: 0; top: 0; height: 3px; z-index: 95; pointer-events: none; }
.wiki-progress span {
  display: block; height: 100%; width: 0;
  background: linear-gradient(90deg, #2f7168, #86d9cd);
  box-shadow: 0 0 8px rgba(134, 217, 205, .5);
}
.wiki-totop {
  position: fixed;
  right: 20px; bottom: calc(20px + env(safe-area-inset-bottom));
  z-index: 90;
  width: 44px; height: 44px;
  border-radius: 50%;
  border: 1px solid #3f9488;
  background: rgba(15, 18, 29, .92);
  color: #86d9cd;
  font-size: 18px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .2s, transform .2s, visibility .2s, background .15s;
}
.wiki-totop.is-shown { opacity: 1; visibility: visible; transform: none; }
.wiki-totop:hover { background: #1b2032; }

/* ---------- Wiki ana sayfası ---------- */
.guide-main.wiki-hub { padding-top: 28px; }
.wiki-hub-hero {
  position: relative;
  isolation: isolate;
  text-align: center;
  padding: 56px 28px 34px;
  margin-bottom: 30px;
  border: 1px solid #2b3350;
  border-radius: 20px;
  overflow: hidden;
}
.wiki-hub-hero-bg {
  position: absolute; inset: 0; z-index: -1;
  background:
    radial-gradient(ellipse 60% 70% at 50% 0%, rgba(79, 179, 166, .18), transparent 70%),
    linear-gradient(180deg, rgba(11, 13, 22, .72), rgba(11, 13, 22, .95)),
    url("../assets/shots/hero-bg.webp") center / cover no-repeat;
}
.wiki-hub-kicker {
  font-family: 'Cinzel', serif;
  font-size: 12px;
  letter-spacing: .32em;
  text-transform: uppercase;
  color: #4fb3a6;
  margin-bottom: 10px;
}
.guide-title.wiki-hub-h1 { font-size: clamp(34px, 6vw, 58px); margin-bottom: 12px; color: #f0f2f8; }
.wiki-hub-intro { max-width: 62ch; margin: 0 auto 26px; color: #a7adc4; }
.wiki-hub-hero .wiki-hero-search { max-width: 720px; margin: 0 auto 14px; }
.wiki-hero-search input { padding-left: 46px; padding-right: 46px; font-size: 16px; background: rgba(11, 13, 22, .85); }
.wiki-hero-search input:focus { box-shadow: 0 0 0 4px rgba(79, 179, 166, .15); }
.wiki-hero-search-ico {
  position: absolute; left: 16px; top: 50%; transform: translateY(-52%);
  font-size: 20px; color: #4fb3a6; pointer-events: none;
}
.wiki-hero-kbd {
  position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
  min-width: 24px; padding: 2px 7px;
  font: 12px/1.4 ui-monospace, monospace;
  color: #7d86a6;
  border: 1px solid #3a4568; border-bottom-width: 2px;
  border-radius: 6px;
  pointer-events: none;
}
.wiki-hub-results { max-width: 720px; margin: 0 auto 14px; text-align: left; }
.wiki-hub-chips {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  gap: 8px; max-width: 760px; margin: 0 auto 14px;
}
.wiki-hub-chips-label { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #6f7897; margin-right: 4px; }
.wiki-hub-chip {
  font: inherit; font-size: 13px;
  padding: 5px 13px;
  color: #cbd0e0;
  background: rgba(15, 18, 29, .8);
  border: 1px solid #2b3350;
  border-radius: 999px;
  cursor: pointer;
  transition: border-color .15s, color .15s;
}
.wiki-hub-chip:hover { border-color: #4fb3a6; color: #86d9cd; }
.wiki-hub-hero .wiki-hub-meta { margin: 0; text-align: center; }
.wiki-hub-meta strong { color: #86d9cd; font-weight: 600; }

/* Bölüm başlıkları: başlık + küçük açıklama */
.wiki-hub-sec { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 14px; }
.wiki-hub-sec small {
  font-weight: 400;
  font-family: Inter, sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
  color: #6f7897;
}

/* Yeni oyuncu yolu */
.wiki-start {
  margin-bottom: 44px;
  padding: 22px 24px 24px;
  border-radius: 16px;
  border: 1px solid rgba(79, 179, 166, .35);
  background:
    radial-gradient(ellipse 50% 100% at 0% 0%, rgba(79, 179, 166, .14), transparent 70%),
    #121626;
}
.wiki-start-title { font-family: 'Cinzel', serif; font-size: 19px; color: #e4e7f0; margin: 0 0 16px; }
.wiki-start-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.wiki-start-step {
  height: 100%;
  display: flex; align-items: flex-start; gap: 12px;
  padding: 14px 14px 14px 12px;
  border: 1px solid #2b3350;
  border-radius: 12px;
  background: #0f121d;
  text-decoration: none;
  transition: border-color .15s, transform .15s;
}
.wiki-start-step:hover { border-color: #4fb3a6; transform: translateY(-2px); }
.wiki-start-num {
  flex: 0 0 30px; height: 30px;
  display: grid; place-items: center;
  border-radius: 50%;
  font-family: 'Cinzel', serif; font-weight: 700;
  color: #0b0d16;
  background: linear-gradient(180deg, #63c9bb, #2c8478);
}
.wiki-start-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.wiki-start-body strong { color: #e4e7f0; font-size: 14.5px; }
.wiki-start-body span { color: #8f98b5; font-size: 13px; line-height: 1.55; }
.wiki-start-arrow { margin-left: auto; color: #4fb3a6; align-self: center; }

/* Kitap kartları: kendi renginde madalyon + üst çizgi */
.wiki-hub-card {
  position: relative;
  border-top: 1px solid #2b3350;
  overflow: hidden;
  isolation: isolate;
}
.wiki-hub-card::before {
  content: '';
  position: absolute; left: 0; right: 0; top: 0; height: 3px;
  background: linear-gradient(90deg, var(--book), transparent);
}
.wiki-hub-card::after {
  content: '';
  position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(ellipse 80% 60% at 100% 0%, color-mix(in srgb, var(--book) 12%, transparent), transparent 70%);
  opacity: .7;
  transition: opacity .2s;
}
.wiki-hub-card:hover { border-color: color-mix(in srgb, var(--book) 60%, #2b3350); background: #181d2e; }
.wiki-hub-card:hover::after { opacity: 1; }
.wiki-hub-icon {
  width: 42px; height: 42px;
  display: grid; place-items: center;
  border-radius: 12px;
  font-size: 19px;
  color: var(--book);
  border: 1px solid color-mix(in srgb, var(--book) 45%, transparent);
  background: color-mix(in srgb, var(--book) 10%, #0b0d16);
}
.wiki-hub-count { color: color-mix(in srgb, var(--book) 70%, #8f98b5); }

/* 9 kitap: geniş ekranda 3x3 (4 sütunda son kart tek başına kalıyordu) */
@media (min-width: 1000px) {
  .wiki-hub .wiki-hub-grid:not(.is-lists) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Ansiklopedi listeleri: daha yoğun, yatay kart */
.wiki-hub-grid.is-lists { grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); }
.wiki-hub-grid.is-lists .wiki-hub-card {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  column-gap: 14px;
  row-gap: 4px;
  align-items: start;
}
.wiki-hub-grid.is-lists .wiki-hub-icon { grid-row: span 3; }
.wiki-hub-grid.is-lists .wiki-hub-tags { display: none; }
.wiki-hub-grid.is-lists .wiki-hub-count { grid-column: 2; padding-top: 2px; }

/* SSS: açılır-kapanır */
.wiki-faq-item { padding: 0; transition: border-color .15s; }
.wiki-faq-item[open] { border-color: #3f9488; }
.wiki-faq-q {
  list-style: none;
  cursor: pointer;
  padding: 14px 44px 14px 18px;
  margin: 0;
  position: relative;
}
.wiki-faq-q::-webkit-details-marker { display: none; }
.wiki-faq-q::after {
  content: '+';
  position: absolute; right: 18px; top: 50%; transform: translateY(-50%);
  font-size: 18px; color: #4fb3a6;
  transition: transform .2s;
}
.wiki-faq-item[open] .wiki-faq-q::after { transform: translateY(-50%) rotate(45deg); }
.wiki-faq-q:hover { color: #86d9cd; }
.wiki-faq-a { padding: 0 18px 16px; }

/* A–Z harf şeridi */
.wiki-az-jump {
  position: sticky;
  top: 70px;
  z-index: 5;
  display: flex; flex-wrap: wrap; gap: 4px;
  padding: 8px;
  margin: 0 0 18px;
  background: rgba(11, 13, 22, .92);
  border: 1px solid #2b3350;
  border-radius: 12px;
}
.wiki-az-jump a {
  min-width: 30px; padding: 4px 6px;
  text-align: center;
  font-family: 'Cinzel', serif; font-size: 13px;
  color: #a7adc4;
  text-decoration: none;
  border-radius: 6px;
}
.wiki-az-jump a:hover { background: #1b2032; color: #86d9cd; }
.wiki-az-group { scroll-margin-top: 130px; }

@media (max-width: 900px) {
  .wiki-start-steps { grid-template-columns: minmax(0, 1fr); }
  .wiki-pager { grid-template-columns: minmax(0, 1fr); }
  .wiki-pager-link.is-next { text-align: left; align-items: flex-start; }
  .wiki-themed .guide-header.wiki-book-head { padding: 20px 18px; }
  .wiki-az-jump { top: 62px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
}
@media (max-width: 560px) {
  .wiki-hub-hero { padding: 36px 16px 24px; border-radius: 14px; }
  .wiki-hero-kbd { display: none; }
  .wiki-hero-search input { padding-right: 16px; }
  .wiki-hub-grid.is-lists { grid-template-columns: minmax(0, 1fr); }
  .wiki-entry { padding: 18px 16px; }
  .wiki-body { font-size: 14.5px; }
  .wiki-totop { right: 14px; bottom: calc(14px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  .wiki-hub-card, .wiki-start-step, .wiki-pager-link, .wiki-totop { transition: none; }
}