/* Black2005 - siyah / altin tema (2026-10-20 yeniden tasarim). CSP: satir ici stil yok, gorseller sinifla. */
:root {
  --zemin: #0b0b0d;
  --zemin2: #111115;
  --kutu: #141417;
  --kutu2: #1b1b20;
  --cizgi: #2a2a31;
  --cizgi-altin: #3a3020;
  --altin: #c9a24b;
  --altin-acik: #e6c77a;
  --altin-koyu: #8a6a26;
  --metin: #e6e2d8;
  --soluk: #9c978c;
  --kirmizi: #b5352b;
  --yesil: #4caf6a;
  --mavi: #4f8fd0;
  --baslik-font: 'Cinzel', Georgia, serif;
  --govde-font: 'Noto Sans', 'Segoe UI', Arial, sans-serif;
  --altin-dolgu: linear-gradient(#ecd18a, #c9a24b 55%, #a07a2c);
}
* { box-sizing: border-box; }
html { background: var(--zemin); }
body {
  margin: 0; color: var(--metin); font: 15px/1.6 var(--govde-font);
  background: var(--zemin); min-height: 100vh; display: flex; flex-direction: column;
}
body.ic-sayfa { background: radial-gradient(1200px 600px at 50% -200px, #1d1a12 0%, transparent 70%), var(--zemin); }
body.kutu-acik { overflow: hidden; }
main { flex: 1; }
a { color: var(--altin-acik); text-decoration: none; }
a:hover { color: #fff3cf; }
h1, h2, h3 { font-family: var(--baslik-font); color: var(--altin-acik); letter-spacing: .02em; margin: 0 0 .6em; line-height: 1.25; }
h1 { font-size: 1.7rem; }
h2 { font-size: 1.15rem; }
img { max-width: 100%; }
.kap { width: min(1200px, 100% - 32px); margin-inline: auto; }
.dar { width: min(820px, 100% - 32px); }
.soluk { color: var(--soluk); }
.kucuk { font-size: .85rem; }
.ortala { text-align: center; }
.gizli { display: none !important; }
.ikon { width: 1.25em; height: 1.25em; display: inline-block; vertical-align: middle; flex-shrink: 0; }

/* ---------- ust bant ---------- */
.ust-bant { background: #050506; border-bottom: 1px solid var(--cizgi); font-size: .8rem; color: var(--soluk); }
.ust-bant-ic { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 36px; flex-wrap: wrap; }
.ust-bilgi, .ust-hesap { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.ust-bilgi b { color: var(--metin); font-weight: 500; }
.ust-hesap a, .ust-hesap .link { color: var(--metin); }
.ust-kutu { border: 1px solid var(--cizgi-altin); border-radius: 3px; padding: 2px 10px; font-size: .78rem; }
.ust-kutu.vurgulu { background: var(--altin-dolgu); border-color: #f3dc9c; color: #1a1305 !important; font-weight: 700; }
.durum { display: inline-flex; align-items: center; gap: 6px; }
.durum i { width: 8px; height: 8px; border-radius: 50%; background: var(--kirmizi); box-shadow: 0 0 8px var(--kirmizi); }
.durum.acik i { background: var(--yesil); box-shadow: 0 0 8px var(--yesil); }
.satir-ici { display: inline; margin: 0; }
button.link { background: none; border: 0; color: var(--metin); cursor: pointer; font: inherit; padding: 0; }
button.link.ust-kutu { padding: 2px 10px; font-size: .78rem; border: 1px solid var(--cizgi-altin); }
button.link:hover { color: #fff3cf; }
button.link.tehlike { color: #e0796f; }

/* ---------- menu: ortada logo, iki yaninda baglantilar ---------- */
.ust { background: linear-gradient(#0f0e0b, #08080a); border-bottom: 1px solid var(--cizgi-altin); box-shadow: 0 8px 28px rgba(0,0,0,.6); position: sticky; top: 0; z-index: 20; }
.ust::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, var(--altin) 50%, transparent); opacity: .55; }
.ust-ic { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; min-height: 74px; }
.logo { position: relative; z-index: 2; }
.logo img { height: 96px; display: block; margin-block: -12px -22px; filter: drop-shadow(0 6px 14px rgba(0,0,0,.9)); }
.menu { display: flex; gap: 28px; }
.menu-sol { justify-self: end; }
.menu-sag { justify-self: start; }
.menu-oge { position: relative; }
.menu-oge > a {
  display: block; font-family: var(--baslik-font); font-weight: 700; color: var(--metin); padding: 10px 14px; border-radius: 3px;
  text-transform: uppercase; font-size: .86rem; letter-spacing: .1em; position: relative;
}
.menu-oge > a::after { content: ''; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 1px; background: var(--altin); transform: scaleX(0); transition: transform .2s; }
.menu-oge > a:hover, .menu-oge > a.aktif { color: var(--altin-acik); }
.menu-oge > a:hover::after, .menu-oge > a.aktif::after { transform: scaleX(1); }
.menu-ac, .menu-dugme { display: none; }
/* acilir menu: basliga gelince tum alt menuler + koyu serit birlikte acilir */
.alt-menu {
  position: absolute; top: 100%; left: 50%; transform: translate(-50%, -6px); padding-top: 24px; min-width: max-content;
  display: grid; gap: 1px; justify-items: center; text-align: center; white-space: nowrap;
  opacity: 0; visibility: hidden; transition: opacity .18s, transform .18s, visibility 0s .18s; z-index: 3;
  pointer-events: none;   /* bos kenarlar komsu sutunun linklerini ortmesin */
}
.alt-menu a { color: var(--soluk); font-size: .88rem; padding: 4px 10px; pointer-events: auto; }
.alt-menu a:hover { color: var(--altin-acik); }
.ust::before {
  content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 0; overflow: hidden; pointer-events: none;
  background: linear-gradient(rgba(10,10,12,.97), rgba(8,8,10,.94)); border-bottom: 1px solid transparent; transition: height .18s;
}
@media (min-width: 901px) {
  .ust:hover::before, .ust:focus-within::before { height: 196px; border-bottom-color: var(--cizgi-altin); }
  .ust:hover .alt-menu, .ust:focus-within .alt-menu { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition: opacity .18s, transform .18s; }
}

/* ---------- dugmeler ---------- */
.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; font: 700 .9rem var(--baslik-font);
  letter-spacing: .06em; text-transform: uppercase; cursor: pointer;
  padding: 12px 22px; border-radius: 3px; color: var(--metin); background: var(--kutu2); border: 1px solid #3a3a44;
}
.dugme:hover { border-color: var(--altin); color: #fff3cf; }
.dugme.altin { color: #1a1305; background: var(--altin-dolgu); border-color: #f3dc9c; box-shadow: 0 4px 18px rgba(201,162,75,.25); }
.dugme.altin:hover { filter: brightness(1.08); color: #000; }
.dugme.cerceve { background: rgba(10,10,12,.55); border-color: var(--altin); color: var(--altin-acik); }
.dugme.cerceve:hover { background: rgba(201,162,75,.12); color: #fff3cf; }
.dugme.buyuk { padding: 15px 28px; font-size: 1rem; }
.dugme.kucuk { padding: 7px 14px; font-size: .78rem; }
.dugme.tam { width: 100%; }
.dugme.pasif { opacity: .55; cursor: default; }
.dugmeler { display: flex; gap: 12px; flex-wrap: wrap; }

/* ---------- giris bolumu (anasayfa ust gorseli) ---------- */
.giris-bolumu { position: relative; overflow: hidden; min-height: 560px; border-bottom: 1px solid var(--cizgi-altin); background: #000; }
.giris-arka { position: absolute; inset: 0; background: url('/static/img/hero_bg.jpg') center 30% / cover no-repeat; }
.kahraman-gorseller .kg {
  position: absolute; top: 0; bottom: 0; right: 0; width: min(760px, 58%);
  background-position: center top; background-size: cover; background-repeat: no-repeat;
  mix-blend-mode: lighten; opacity: 0; transition: opacity 1.4s ease;
  mask-image: linear-gradient(to right, transparent 0%, #000 30%, #000 85%, transparent 100%), linear-gradient(to bottom, #000 70%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 30%, #000 85%, transparent 100%);
}
.kahraman-gorseller .kg.aktif { opacity: 1; }
.kg-savasci { background-image: url('/static/img/hero_savasci.jpg'); }
.kg-okcu { background-image: url('/static/img/hero_okcu.jpg'); }
.kg-kilic { background-image: url('/static/img/hero_kilic.jpg'); }
.giris-ic { position: relative; padding: 70px 0 130px; display: flex; flex-direction: column; justify-content: center; min-height: 560px; }
.giris-logo { width: min(460px, 85%); filter: drop-shadow(0 10px 28px rgba(0,0,0,.9)); margin-left: -14px; }
.giris-bolumu h1 { font-size: 1.55rem; max-width: 540px; color: var(--metin); text-shadow: 0 2px 10px #000; margin-top: 8px; }
.ozellikler { list-style: none; padding: 0; margin: 10px 0 26px; display: flex; flex-wrap: wrap; gap: 10px; }
.ozellikler li { background: rgba(12,12,14,.8); border: 1px solid var(--cizgi-altin); border-radius: 3px; padding: 8px 14px; font-size: .9rem; backdrop-filter: blur(2px); }
.ozellikler b { color: var(--altin-acik); font-family: var(--baslik-font); margin-right: 4px; }

/* ---------- anasayfa panel: hizli erisim | vitrin + haberler | takip + siralama ---------- */
.panel-izgara { display: grid; grid-template-columns: 250px minmax(0, 1fr) 270px; gap: 18px; margin-top: -86px; position: relative; z-index: 3; align-items: start; }
.hizli, .orta, .sag-kolon { display: grid; gap: 12px; }
.indir-buyuk {
  display: flex; align-items: center; gap: 14px; padding: 18px; border-radius: 5px; color: var(--altin-acik);
  background: linear-gradient(135deg, #3a2d12, #17120a 70%); border: 1px solid #7a5f27;
  box-shadow: 0 10px 30px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,230,160,.15);
}
.indir-buyuk .ikon { width: 44px; height: 44px; padding: 8px; border-radius: 50%; border: 1px solid var(--altin); background: rgba(0,0,0,.35); }
.indir-buyuk b { display: block; font: 900 1.7rem/1 var(--baslik-font); letter-spacing: .08em; text-transform: uppercase; }
.indir-buyuk small { display: block; color: var(--soluk); font-size: .78rem; margin-top: 4px; }
.indir-buyuk:hover { border-color: var(--altin-acik); color: #fff3cf; filter: brightness(1.08); }
.hizli-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.hizli-kart {
  display: grid; place-items: center; gap: 6px; padding: 14px 8px; border-radius: 5px; color: var(--metin);
  background: linear-gradient(#17171b, #101013); border: 1px solid var(--cizgi);
  font: 700 .76rem var(--baslik-font); letter-spacing: .08em; text-transform: uppercase;
}
.hizli-kart .ikon { width: 28px; height: 28px; color: var(--altin); }
.hizli-kart:hover { border-color: var(--altin-koyu); color: var(--altin-acik); background: linear-gradient(#1e1a12, #121010); }
.sunucu-mini, .takip, .mini-kutu { background: linear-gradient(var(--kutu), #101013); border: 1px solid var(--cizgi); border-radius: 5px; padding: 14px 16px; }
.sunucu-mini-bas { display: flex; align-items: center; gap: 8px; color: var(--altin-acik); font-family: var(--baslik-font); margin-bottom: 8px; }
.sunucu-mini .bilgi { font-size: .86rem; gap: 6px 10px; }

.vitrin {
  min-height: 236px; border-radius: 5px; border: 1px solid var(--cizgi-altin); display: flex; align-items: center; padding: 28px 32px;
  background: linear-gradient(90deg, rgba(8,8,9,.94) 0%, rgba(8,8,9,.6) 50%, rgba(8,8,9,.12) 100%), url('/static/img/galeri_zangan_b.jpg') center / cover;
  box-shadow: 0 10px 30px rgba(0,0,0,.6);
}
.vitrin-metin { display: grid; gap: 2px; }
.vitrin-ust { font: 700 .78rem var(--baslik-font); letter-spacing: .25em; text-transform: uppercase; color: var(--soluk); }
.vitrin strong {
  font: 900 3.6rem/1.05 var(--baslik-font); letter-spacing: .04em;
  background: linear-gradient(#fff2c4, #e6c77a 45%, #a07a2c); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 3px 6px rgba(0,0,0,.8));
}
.vitrin-alt { color: var(--metin); font-size: .95rem; }

.haber-panel { background: linear-gradient(var(--kutu), #101013); border: 1px solid var(--cizgi); border-radius: 5px; overflow: hidden; }
.haber-sekme { display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--cizgi); background: #0e0e10; }
.haber-sekme button, .galeri-sekme button {
  background: none; border: 0; border-right: 1px solid var(--cizgi); color: var(--soluk); padding: 10px 16px; cursor: pointer;
  font: 700 .76rem var(--baslik-font); letter-spacing: .08em; text-transform: uppercase;
}
.haber-sekme button:hover, .galeri-sekme button:hover { color: var(--altin-acik); }
.haber-sekme button.aktif, .galeri-sekme button.aktif { background: var(--altin-dolgu); color: #1a1305; }
.haber-tumu { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; padding: 10px 14px; font-size: .8rem; }
.haber-tumu .ikon { width: 15px; height: 15px; }
.haber-satir { list-style: none; margin: 0; padding: 4px 0; }
.haber-satir li { display: grid; grid-template-columns: 84px 98px minmax(0, 1fr); gap: 12px; align-items: center; padding: 9px 16px; border-bottom: 1px solid var(--cizgi); }
.haber-satir li:last-child { border-bottom: 0; }
.haber-satir time { color: var(--altin); font-size: .8rem; font-variant-numeric: tabular-nums; }
.haber-satir a { color: var(--metin); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.haber-satir a:hover { color: var(--altin-acik); }
.bos-liste::after { content: 'Bu kategoride haber yok.'; display: block; padding: 14px 16px; color: var(--soluk); }
.haber-panel .bos { padding: 14px 16px; margin: 0; }

.takip h2, .mini-bas h2 { font-size: .95rem; margin: 0 0 10px; }
.takip-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.takip-izgara > :only-child { grid-column: 1 / -1; grid-auto-flow: column; justify-content: center; gap: 10px; font-size: .9rem; }
.takip-kart { display: grid; place-items: center; gap: 4px; padding: 12px 6px; border: 1px solid var(--cizgi); border-radius: 5px; color: var(--metin); font-size: .78rem; background: #0f0f12; }
.takip-kart .ikon { width: 26px; height: 26px; }
.takip-kart:hover { border-color: var(--altin-koyu); color: #fff; }
.takip-kart.discord .ikon, .topluluk-ikon.discord:hover { color: #8b95ff; }
.takip-kart.instagram .ikon, .topluluk-ikon.instagram:hover { color: #e9568a; }
.takip-kart.youtube .ikon, .topluluk-ikon.youtube:hover { color: #ff5a4f; }
.takip-kart.facebook .ikon, .topluluk-ikon.facebook:hover { color: #6aa6e8; }
.mini-bas { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.mini-bas a { font-size: .8rem; }

/* ---------- hikaye bolumleri (karakter + metin) ---------- */
.hikaye { position: relative; margin-top: 60px; border-block: 1px solid #241f14; overflow: hidden;
  background: radial-gradient(700px 300px at 30% 50%, rgba(120,90,30,.14), transparent 70%), linear-gradient(90deg, #0a0a0b, #13100b 50%, #0a0a0b); }
.hikaye.ters { background: radial-gradient(700px 300px at 70% 50%, rgba(120,90,30,.14), transparent 70%), linear-gradient(90deg, #0a0a0b, #13100b 50%, #0a0a0b); }
.hikaye + .hikaye { margin-top: 0; border-top: 0; }
.hikaye-ic { display: grid; grid-template-columns: 420px minmax(0, 1fr); gap: 44px; align-items: center; min-height: 380px; }
.hikaye.ters .hikaye-ic { grid-template-columns: minmax(0, 1fr) 420px; }
.hikaye.ters .hikaye-gorsel { order: 2; }
.hikaye.ters .hikaye-metin { text-align: right; justify-items: end; }
.hikaye-gorsel { align-self: stretch; min-height: 380px; background-size: cover; background-position: center top; mix-blend-mode: lighten;
  mask-image: linear-gradient(to right, transparent 0%, #000 22%, #000 78%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 22%, #000 78%, transparent 100%); }
.hikaye-okcu .hikaye-gorsel { background-image: url('/static/img/hero_okcu.jpg'); }
.hikaye-kilic .hikaye-gorsel { background-image: url('/static/img/hero_kilic.jpg'); }
.hikaye-metin { display: grid; gap: 14px; justify-items: start; padding-block: 30px; }
.hikaye-metin h2 { font-size: 1.9rem; margin: 0; }
.hikaye-metin p { margin: 0; color: #d9d3c4; max-width: 580px; font-size: 1.02rem; line-height: 1.8; }

/* ---------- genel bolum ---------- */
.bolum { margin-block: 60px; scroll-margin-top: 90px; }
.bolum-bas { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.bolum-bas h2 { font-size: 1.6rem; margin: 0; }
.bolum-bas p { margin: 0; }
.ortala-bas { flex-direction: column; justify-content: center; text-align: center; gap: 8px; }
.devami { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-size: .88rem; }
.bolum-bas .devami, .kutu-bas .devami { margin: 0; }

/* ---------- galeri ---------- */
.galeri-sekme { display: flex; margin-top: 6px; border: 1px solid var(--cizgi-altin); border-radius: 3px; overflow: hidden; }
.galeri-sekme button:last-child { border-right: 0; }
.galeri { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.galeri-kart { position: relative; display: block; border: 1px solid var(--cizgi-altin); border-radius: 4px; overflow: hidden; aspect-ratio: 8 / 3; background: #000; }
.galeri-kart.dikey { aspect-ratio: 3 / 4; }
.galeri-kart img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease, filter .4s; filter: saturate(.9); }
.galeri-kart:hover img { transform: scale(1.05); filter: saturate(1.1); }
.galeri-kart span { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 10px 7px; font-size: .8rem; color: var(--metin);
  background: linear-gradient(transparent, rgba(0,0,0,.88)); }
.isik-kutu { position: fixed; inset: 0; background: rgba(0,0,0,.9); display: grid; place-items: center; z-index: 100; padding: 24px; cursor: zoom-out; }
.isik-kutu[hidden] { display: none; }
.isik-kutu img { max-width: 100%; max-height: 90vh; border: 1px solid var(--cizgi-altin); box-shadow: 0 20px 60px #000; cursor: default; }
.isik-kapat { position: absolute; top: 10px; right: 18px; font-size: 2.2rem; line-height: 1; background: none; border: 0; color: #fff; cursor: pointer; }

/* ---------- topluluk ---------- */
.topluluk-bolum { margin-top: 20px; border-top: 1px solid var(--cizgi-altin);
  background: radial-gradient(600px 220px at 50% 0%, rgba(201,162,75,.12), transparent 70%), #08080a; }
.topluluk-ic { display: grid; justify-items: center; gap: 12px; padding: 54px 0; text-align: center; }
.topluluk-ic h2 { font-size: 1.7rem; margin: 0; }
.topluluk-ic p { margin: 0; color: var(--soluk); }
.topluluk-ikonlar { display: flex; gap: 14px; margin: 6px 0 8px; }
.topluluk-ikon { width: 56px; height: 56px; display: grid; place-items: center; border: 1px solid var(--altin-koyu); border-radius: 50%; color: var(--altin-acik); background: #0e0e11; }
.topluluk-ikon .ikon { width: 26px; height: 26px; }
.topluluk-ikon:hover { border-color: var(--altin-acik); background: #17140d; }

/* ---------- ic sayfa kutulari (kayit, siralama, hesap, haberler ...) ---------- */
.izgara { display: grid; grid-template-columns: 1fr 340px; gap: 22px; margin-block: 28px; align-items: start; }
.yan { display: grid; gap: 22px; }
.kutu { background: linear-gradient(var(--kutu), #111114); border: 1px solid var(--cizgi); border-top: 2px solid var(--altin-koyu); border-radius: 5px; padding: 20px 22px; margin-block: 0; }
main.kap > .kutu, main.dar > .kutu, .etkinlik-ozet { margin-block: 28px; }
.kutu-bas { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.kutu-bas h1, .kutu-bas h2 { margin: 0; }
.sekmeler { display: flex; gap: 4px; flex-wrap: wrap; }
.sekmeler a { padding: 5px 12px; border-radius: 3px; color: var(--soluk); font-size: .85rem; border: 1px solid transparent; }
.sekmeler a.aktif, .sekmeler a:hover { color: var(--altin-acik); border-color: var(--cizgi-altin); background: rgba(201,162,75,.06); }
.sekmeler.genis { border-bottom: 1px solid var(--cizgi); margin: 6px 0 16px; padding-bottom: 8px; }

.haber-liste { list-style: none; margin: 0; padding: 0; }
.haber-liste li { display: grid; grid-template-columns: 96px 1fr auto; gap: 12px; align-items: center; padding: 11px 0; border-bottom: 1px solid var(--cizgi); }
.haber-liste li:last-child { border-bottom: 0; }
.haber-liste a { color: var(--metin); }
.haber-liste a:hover { color: var(--altin-acik); }
.haber-liste time, .haber-ozet time, .haber-tam time { color: var(--soluk); font-size: .82rem; }
.etiket { display: inline-block; font-size: .7rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; padding: 3px 8px; border-radius: 3px; text-align: center; background: #2a2418; color: var(--altin-acik); }
.etiket.guncelleme { background: #16263a; color: #8fc2f5; }
.etiket.etkinlik { background: #2e1a17; color: #f0a092; }
.haber-ozet { padding: 16px 0; border-bottom: 1px solid var(--cizgi); }
.haber-ozet:last-child { border-bottom: 0; }
.haber-ozet h2 { margin: 8px 0 2px; font-size: 1.2rem; }
.haber-ozet p { margin: 8px 0 0; color: #cfcabe; }
.haber-tam h1 { margin-top: 10px; }
.haber-tam p { color: #d8d3c7; }

.ikon-discord { width: 16px; height: 16px; vertical-align: -3px; margin-right: 6px; }
.ust-hesap a.discord-link { color: #a7b1ff; }
.ust-hesap a.discord-link:hover { color: #d3d8ff; }
.discord-kutu { display: grid; grid-template-columns: 54px 1fr; gap: 14px; align-items: start; border-top-color: #5865f2;
  background: linear-gradient(135deg, rgba(88,101,242,.16), transparent 60%), linear-gradient(var(--kutu), #121216); }
.discord-kutu > .ikon-discord { width: 54px; height: 54px; margin: 2px 0 0; color: #8b95ff; }
.discord-kutu h2 { margin-bottom: 4px; }
.discord-kutu p { margin: 0 0 12px; color: #cfcabe; font-size: .9rem; }
.dugme.discord { background: #5865f2; border-color: #7b86ff; color: #fff; text-align: center; }
.dugme.discord:hover { background: #4752c4; color: #fff; }

.bilgi { display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; margin: 0; }
.bilgi dt { color: var(--soluk); }
.bilgi dd { margin: 0; text-align: right; }
.bilgi.yatay { grid-template-columns: repeat(4, auto 1fr); margin-bottom: 16px; }
.bilgi.yatay dd { text-align: left; }
.mini-sira { list-style: none; margin: 0; padding: 0; }
.mini-sira li { display: flex; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--cizgi); font-size: .92rem; }
.mini-sira li:last-child { border-bottom: 0; }
.sira-no { color: var(--altin); font-family: var(--baslik-font); min-width: 30px; }
.sag { margin-left: auto; color: var(--soluk); }

.tablo { width: 100%; border-collapse: collapse; font-size: .92rem; }
.tablo th { text-align: left; color: var(--altin); font: 700 .78rem var(--baslik-font); letter-spacing: .06em; text-transform: uppercase; padding: 10px; border-bottom: 1px solid var(--cizgi-altin); }
.tablo td { padding: 9px 10px; border-bottom: 1px solid var(--cizgi); }
.tablo tr:hover td { background: rgba(255,255,255,.02); }
.tablo.sira tr.ilk1 td:nth-child(2) { color: #f1d27b; font-weight: 700; }
.tablo.sira tr.ilk2 td:nth-child(2) { color: #d9d9e0; font-weight: 700; }
.tablo.sira tr.ilk3 td:nth-child(2) { color: #d59a62; font-weight: 700; }
.islemler { white-space: nowrap; display: flex; gap: 12px; }
.uc-kolon { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.job-baslik { padding-bottom: 6px; border-bottom: 1px solid var(--cizgi); }
.job-baslik.trader { color: #e6c77a; } .job-baslik.hunter { color: #8fc2f5; } .job-baslik.thief { color: #f0a092; }

.neden-izgara { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.neden-kart { background: var(--kutu2); border: 1px solid var(--cizgi); border-left: 3px solid var(--altin-koyu); border-radius: 5px; padding: 14px 16px; }
.neden-kart h3 { font-size: 1rem; margin-bottom: 4px; }
.neden-kart p { margin: 0; color: #cfcabe; font-size: .9rem; }

.etkinlik-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; }
.etkinlik-liste li { background: linear-gradient(#17171b, #111114); border: 1px solid var(--cizgi); border-top: 2px solid var(--altin-koyu); border-radius: 5px; padding: 12px 14px; display: grid; gap: 2px; }
.etkinlik-liste time { font: 700 1.25rem var(--baslik-font); color: var(--altin-acik); }
.etkinlik-liste span { color: var(--soluk); font-size: .86rem; }
.etkinlik-liste.buyuk { grid-template-columns: 1fr; }
.etkinlik-liste.buyuk li { grid-template-columns: 80px 200px 1fr; align-items: center; }

.form-sayfa { display: flex; justify-content: center; margin-block: 36px; }
.form-kutu { width: min(460px, 100%); }
form label { display: grid; gap: 6px; margin-bottom: 14px; font-size: .9rem; color: var(--soluk); }
input, select, textarea { font: inherit; color: var(--metin); background: #0c0c0f; border: 1px solid #33333d; border-radius: 4px; padding: 10px 12px; width: 100%; }
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--altin); box-shadow: 0 0 0 3px rgba(201,162,75,.15); }
label.onay { display: flex; gap: 10px; align-items: flex-start; color: var(--metin); }
label.onay input { width: auto; margin-top: 4px; }
.ipucu { font-size: .8rem; color: var(--soluk); margin: -6px 0 14px; }
.arama { display: flex; gap: 8px; }
.arama input { width: 220px; padding: 7px 10px; }
.arama.genis { margin-bottom: 20px; }
.arama.genis input { width: 100%; }
.uyari { border-radius: 5px; padding: 12px 14px; margin: 16px 0; border: 1px solid; }
.uyari.basari { background: #12261a; border-color: #2e6b44; color: #b8e6c6; }
.uyari.hata { background: #2a1513; border-color: #6e2c25; color: #f3c2bb; }
.indir-kart { display: flex; justify-content: space-between; align-items: center; gap: 16px; background: var(--kutu2); border: 1px solid var(--cizgi-altin); border-radius: 6px; padding: 18px 20px; margin-bottom: 22px; flex-wrap: wrap; }
.indir-kart h2 { margin: 0; }
.adimlar li { margin-bottom: 6px; }
.metin ul { padding-left: 20px; }
.metin li { margin-bottom: 6px; }

/* ---------- alt ---------- */
.alt { background: #050506; border-top: 1px solid var(--cizgi-altin); font-size: .9rem; }
.ic-sayfa .alt { margin-top: 40px; }
.alt-ic { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 24px; padding: 34px 0 18px; }
.alt-logo { height: 64px; }
.alt-marka p { color: var(--soluk); margin: 8px 0 0; }
.alt-linkler { display: grid; gap: 6px; align-content: start; }
.alt-linkler b { font-family: var(--baslik-font); color: var(--altin); margin-bottom: 4px; }
.alt-linkler a { color: var(--soluk); }
.alt-linkler a:hover { color: var(--altin-acik); }
.telif { display: flex; justify-content: space-between; gap: 8px 24px; flex-wrap: wrap; border-top: 1px solid var(--cizgi); padding: 14px 0 24px; color: #6f6b62; font-size: .8rem; }

/* ---------- duyarli ---------- */
@media (max-width: 1120px) {
  .panel-izgara { grid-template-columns: 240px minmax(0, 1fr); }
  .sag-kolon { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .ust-ic { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0; min-height: 64px; }
  .menu-dugme { display: grid; gap: 5px; cursor: pointer; padding: 10px; order: 0; }
  .menu-dugme span { width: 26px; height: 2px; background: var(--altin-acik); display: block; }
  .logo { order: 1; margin-right: auto; margin-left: 12px; }
  .logo img { height: 70px; margin-block: -6px -14px; }
  .menu { display: none; order: 3; width: 100%; flex-direction: column; gap: 0; padding: 4px 0; }
  .menu-sag { padding-bottom: 12px; }
  .menu-oge > a { padding: 10px 6px; border-bottom: 1px solid var(--cizgi); }
  .menu-oge > a::after { display: none; }
  .alt-menu { position: static; transform: none; opacity: 1; visibility: visible; padding: 4px 0 8px 16px; justify-items: start; text-align: left; min-width: 0; }
  .ust::before { display: none; }
  .menu-ac:checked ~ .menu { display: flex; }
  .giris-bolumu, .giris-ic { min-height: 0; }
  .giris-ic { padding: 44px 0 60px; }
  .kahraman-gorseller .kg { width: 100%; }
  .kahraman-gorseller .kg.aktif { opacity: .35; }
  .panel-izgara { grid-template-columns: minmax(0, 1fr); margin-top: 22px; }
  .sag-kolon { grid-template-columns: minmax(0, 1fr); }
  .hikaye-ic, .hikaye.ters .hikaye-ic { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .hikaye-gorsel { min-height: 300px; }
  .hikaye.ters .hikaye-gorsel { order: 0; }
  .hikaye.ters .hikaye-metin { text-align: left; justify-items: start; }
  .galeri { grid-template-columns: repeat(2, 1fr); }
  .haber-satir li { grid-template-columns: auto 1fr; gap: 4px 10px; }
  .haber-satir .etiket { justify-self: start; }
  .haber-satir li a { grid-column: 1 / -1; white-space: normal; }
  .izgara { grid-template-columns: minmax(0, 1fr); }
  .neden-izgara, .uc-kolon { grid-template-columns: 1fr; }
  .alt-ic { grid-template-columns: 1fr 1fr; }
  .bilgi.yatay { grid-template-columns: auto 1fr; }
  .etkinlik-liste.buyuk li { grid-template-columns: 70px 1fr; }
  .etkinlik-liste.buyuk li span { grid-column: 1 / -1; }
  .haber-liste li { grid-template-columns: 1fr; gap: 4px; }
  .haber-liste .etiket { justify-self: start; }
  .tablo { display: block; overflow-x: auto; }
}
@media (max-width: 560px) {
  .galeri { grid-template-columns: 1fr; }
  .vitrin { padding: 22px; }
  .vitrin strong { font-size: 2.6rem; }
  .alt-ic { grid-template-columns: 1fr; }
  .arama input { width: 100%; }
  .ust-bilgi { gap: 10px; }
  .hikaye-metin h2, .bolum-bas h2 { font-size: 1.45rem; }
}