/* ==========================================================================
   KriptoMT2 — "BUZUL" teması
   Tek kaynak: renk / tipografi / ölçü buradan gelir, sayfalar kendi rengini
   tanımlamaz.

   İKİ RENKLİ SİSTEM (26 Ağu 2026, onaylı):
   · ALTIN = eylem ve değer. Birincil düğme, adım rozeti, ikon kutusu, EP, 1. sıra.
     Oyuncunun "buraya bas" diye okuduğu her şey. Sıcaklığı bu veriyor.
   · BUZ MAVİSİ = arayüz. Bağlantı, aktif sekme, odak halkası, panel kenar vurgusu.
     Logodan geliyor, markanın kimliği burada duruyor.
   Kural: bir öğe ya altın ya buz — ikisi aynı düğmede yarışmaz.

   · Zemin mavi eğilimli mürekkep; arka plan videosu her sayfada SABİT ve açık.
   · Tek koyu tema. Açık tema yok.
   · Neon parlama yok; derinlik 1 px kenar + iç üst ışık çizgisiyle geliyor (panel hissi).
   · Tek süsleme motifi: elmas (logodaki mavi taş).
   · Hover'da zıplama yok — yalnız renk ve kenar değişir.
   ========================================================================== */

:root{
  /* yüzeyler */
  --k-bg:        #080B15;
  --k-surface:   #111726;
  --k-surface-2: #182033;
  --k-line:      #232C44;
  --k-line-2:    #34405F;

  /* buz — arayüzün rengi */
  --k-accent:      #6FC3F0;
  --k-accent-2:    #A9E2FF;
  --k-accent-deep: #1E4A6B;
  --k-accent-mist: rgba(111,195,240,.12);
  --k-on-accent:   #06121C;

  /* altın — eylem ve değer */
  --k-altin:      #D9A945;
  --k-altin-2:    #F2C868;
  --k-altin-dip:  #7A5C1C;
  --k-altin-sis:  rgba(217,169,69,.13);
  --k-on-altin:   #1A1305;

  /* eski adlar — mevcut sayfalar kırılmasın diye altına bağlı */
  --k-deger:   var(--k-altin);
  --k-deger-2: var(--k-altin-2);

  /* panel hissi: kenarın hemen içinde ince ışık çizgisi */
  --k-ic-isik: inset 0 1px 0 rgba(255,255,255,.07);

  /* metin */
  --k-text:  #E8EEF9;
  --k-muted: #94A3BE;
  --k-faint: #667493;

  /* durum — vurgudan ayrı. Yeşil "açık" demek, "tıkla" değil. */
  --k-ok:   #4FD1A5;
  --k-warn: #E0A83F;
  --k-err:  #F0736A;

  /* tipografi */
  --k-font-display: "Cinzel", Georgia, "Times New Roman", serif;
  --k-font-body:    "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ölçü */
  --k-kap:       1260px;
  --k-radius:    8px;
  --k-radius-sm: 6px;
  --k-nav-h:     66px;
  --k-yan:       252px;   /* sol ve sağ sütun genişliği */

  --k-golge: 0 18px 44px rgba(0,0,0,.45);

  /* Tarayıcının KENDİ çizdiği parçalar da koyu olsun: onay kutusu, açılır
     liste paneli, kaydırma çubuğu, tarih seçici. Bu satır olmadan onay kutusu
     beyaz bir kare olarak duruyordu — temanın tek yamalı yeriydi. */
  color-scheme: dark;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  min-height:100vh;
  background:var(--k-bg);
  color:var(--k-text);
  font-family:var(--k-font-body);
  font-size:16px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  display:flex;
  flex-direction:column;
}

img{max-width:100%;display:block}

a{color:var(--k-accent);text-decoration:none;transition:color .16s ease}
a:hover{color:var(--k-accent-2)}

code{
  font-family:ui-monospace,Consolas,monospace;
  font-size:.88em;
  background:var(--k-surface-2);
  border:1px solid var(--k-line);
  border-radius:4px;
  padding:.1em .4em;
}

.k-kap{width:min(100% - 40px, var(--k-kap));margin-inline:auto}

/* klavye kullanıcıları için: sekme ile ilk gelen bağlantı */
.k-atla{
  position:absolute;left:-9999px;top:0;z-index:100;
  background:var(--k-accent);color:var(--k-on-accent);
  padding:10px 18px;border-radius:0 0 8px 0;font-weight:700;
}
.k-atla:focus{left:0}

:focus-visible{outline:2px solid var(--k-accent);outline-offset:3px;border-radius:4px}

/* ===== Elmas — sitenin tek süsleme motifi ===== */
.k-elmas{
  display:inline-block;width:6px;height:6px;flex:none;
  background:var(--k-accent);transform:rotate(45deg);
}
.k-elmas--bos{background:none;border:1px solid var(--k-accent-deep)}
.k-elmas--deger{background:var(--k-deger)}

/* ===== Üst menü ===== */
.k-nav{
  position:sticky;top:0;z-index:50;
  background:linear-gradient(180deg, rgba(10,14,26,.94), rgba(8,11,21,.9));
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--k-line-2);
  box-shadow:var(--k-ic-isik), 0 10px 30px rgba(0,0,0,.45);
}
.k-nav__inner{
  width:min(100% - 40px, var(--k-kap));margin-inline:auto;
  min-height:var(--k-nav-h);
  display:flex;align-items:center;gap:16px;
}
/* marka: yalnız logo — yazı ve K harfi yok */
.k-nav__brand{display:flex;align-items:center;flex:0 0 auto}
.k-nav__brand img{
  height:38px;width:auto;
  filter:drop-shadow(0 3px 10px rgba(0,0,0,.7));
}
.k-nav__links{display:flex;align-items:center;gap:1px;flex:1 1 auto;flex-wrap:wrap}
.k-nav__link{
  position:relative;
  font-family:var(--k-font-body);
  font-size:.8rem;font-weight:600;letter-spacing:.09em;
  color:var(--k-muted);
  padding:9px 12px;border-radius:var(--k-radius-sm);
  border:1px solid transparent;
  transition:color .16s ease, background .16s ease, border-color .16s ease;
}
.k-nav__link:hover{color:var(--k-text);background:rgba(255,255,255,.04)}
.k-nav__link.is-active{
  color:var(--k-accent-2);
  background:var(--k-accent-mist);
  border-color:var(--k-accent-deep);
  box-shadow:var(--k-ic-isik);
}
.k-nav__right{display:flex;align-items:center;gap:10px;flex:0 0 auto}

/* sosyal ikonlar */
.k-sosyal{display:flex;gap:6px}
.k-sos{
  width:32px;height:32px;flex:none;
  display:grid;place-items:center;border-radius:7px;
  border:1px solid var(--k-line);background:var(--k-surface);
  color:var(--k-muted);
  transition:color .16s ease, border-color .16s ease, background .16s ease;
}
.k-sos:hover{color:var(--k-accent);border-color:var(--k-accent-deep);background:var(--k-accent-mist)}
.k-nav__cikis{margin:0}
.k-nav__link--dugme{background:none;border:0;font-family:inherit;cursor:pointer}

/* ===== Düğme ===== */
/* Birincil düğme ALTIN: oyuncunun "buraya bas" diye okuduğu şey. */
.k-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:11px 20px;
  border:1px solid var(--k-altin);
  border-radius:var(--k-radius-sm);
  background:linear-gradient(180deg, var(--k-altin-2), var(--k-altin));
  color:var(--k-on-altin);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3);
  font-family:inherit;font-weight:700;font-size:.88rem;letter-spacing:.03em;
  cursor:pointer;
  transition:filter .16s ease, border-color .16s ease;
}
.k-btn:hover{filter:brightness(1.08);color:var(--k-on-altin)}

/* İkincil: çerçeveli, nötr. Yıkıcı olmayan ama birincil de olmayan işler. */
.k-btn--sade{
  background:rgba(255,255,255,.03);border-color:var(--k-line-2);color:var(--k-text);
  box-shadow:var(--k-ic-isik);font-weight:600;
}
.k-btn--sade:hover{filter:none;background:rgba(255,255,255,.06);border-color:var(--k-accent-deep);color:var(--k-accent-2)}

/* Buz düğmesi: arayüz eylemi (form gönder, filtre uygula) — altınla yarışmasın. */
.k-btn--buz{
  background:var(--k-accent);border-color:var(--k-accent);color:var(--k-on-accent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
}
.k-btn--buz:hover{filter:brightness(1.06);color:var(--k-on-accent)}

.k-btn--bos{background:transparent;border-color:transparent;color:var(--k-muted);padding-inline:12px}
.k-btn--bos:hover{background:transparent;border-color:transparent;color:var(--k-text)}

.k-btn--tehlike{background:transparent;border-color:rgba(240,115,106,.4);color:var(--k-err)}
.k-btn--tehlike:hover{background:rgba(240,115,106,.12);border-color:var(--k-err);color:var(--k-err)}

.k-btn--tam{display:flex;width:100%;justify-content:center;margin-top:6px}
.k-btn[disabled]{opacity:.42;cursor:not-allowed}

/* ===== Ana alan ===== */
.k-main{flex:1 0 auto;padding:52px 0 78px}
.k-main--tam{padding:0}

/* ===== Kart ===== */
.k-kart{
  background:var(--k-surface);
  border:1px solid var(--k-line);
  border-radius:var(--k-radius);
  padding:34px 32px;
}
.k-kart--orta{max-width:540px;margin-inline:auto;text-align:center}
.k-kart--genis{max-width:920px;margin-inline:auto}
.k-kart--form{max-width:470px;margin-inline:auto}

/* ===== Başlık ve metin ===== */
.k-etiket{
  margin:0 0 12px;
  display:flex;align-items:center;gap:9px;
  font-family:var(--k-font-display);
  font-size:.72rem;font-weight:600;letter-spacing:.28em;
  color:var(--k-accent);
}
.k-kart--orta .k-etiket{justify-content:center}

.k-baslik{
  margin:0 0 14px;
  font-family:var(--k-font-display);font-weight:600;
  font-size:clamp(1.55rem,3.2vw,2.15rem);line-height:1.18;
  text-wrap:balance;
}
.k-altbaslik{
  font-family:var(--k-font-display);font-weight:600;font-size:1.12rem;
  margin:30px 0 12px;padding-bottom:9px;border-bottom:1px solid var(--k-line);
}
.k-metin{margin:0 0 14px;color:var(--k-muted);max-width:68ch}
.k-metin--kucuk{font-size:.88rem;color:var(--k-faint)}
.k-metin strong{color:var(--k-text);font-weight:600}
.k-orta{text-align:center;margin-top:20px}

.k-liste{margin:0 0 22px;padding-left:20px;color:var(--k-muted)}
.k-liste li{margin-bottom:7px}
.k-liste--adim li{margin-bottom:10px}

.k-hata-kod{
  margin:0;font-family:var(--k-font-display);font-weight:800;
  font-size:4.2rem;line-height:1;color:var(--k-accent);
}

.k-bos{
  margin:18px 0;padding:26px 22px;text-align:center;
  border:1px dashed var(--k-line-2);border-radius:var(--k-radius-sm);
  color:var(--k-faint);
}

/* ===== Tablo ===== */
.k-tablo{width:100%;border-collapse:collapse;margin:6px 0 22px;font-size:.93rem}
.k-tablo th{
  text-align:left;padding:0 12px 10px;
  color:var(--k-faint);font-size:.72rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;
  border-bottom:1px solid var(--k-line-2);
}
.k-tablo td{padding:11px 12px;border-bottom:1px solid var(--k-line);color:var(--k-muted)}
.k-tablo tr:last-child td{border-bottom:none}
.k-tablo tbody tr:hover td{background:var(--k-surface-2)}
.k-tablo-sar{overflow-x:auto}

.k-iyi{color:var(--k-ok);font-weight:600}
.k-bekle{color:var(--k-warn);font-weight:600}
.k-kotu{color:var(--k-err);font-weight:600}

/* ===== Bildirim (flash) ===== */
.k-bildirim{
  margin:0 0 18px;padding:13px 17px;
  border:1px solid var(--k-line-2);border-left-width:3px;
  border-radius:var(--k-radius-sm);
  background:var(--k-surface-2);
  font-size:.93rem;
}
.k-bildirim--basari{border-left-color:var(--k-ok)}
.k-bildirim--uyari{border-left-color:var(--k-warn)}
.k-bildirim--hata{border-left-color:var(--k-err)}
.k-bildirim--bilgi{border-left-color:var(--k-accent)}

/* ===== Form ===== */
.k-alan{margin-bottom:17px}
.k-alan label{display:block;margin-bottom:6px;font-size:.85rem;font-weight:600;color:var(--k-muted)}
.k-girdi{
  width:100%;padding:11px 13px;
  background:var(--k-bg);
  border:1px solid var(--k-line-2);border-radius:var(--k-radius-sm);
  color:var(--k-text);font-family:inherit;font-size:.96rem;
  transition:border-color .16s ease, box-shadow .16s ease;
}
.k-girdi::placeholder{color:var(--k-faint)}
.k-girdi:focus{outline:none;border-color:var(--k-accent);box-shadow:0 0 0 3px var(--k-accent-mist)}
.k-girdi--hatali{border-color:var(--k-err)}
.k-alan-hata{margin:6px 0 0;font-size:.83rem;color:var(--k-err)}
.k-ipucu{margin:6px 0 0;font-size:.83rem;color:var(--k-faint)}
.k-metin-alan{min-height:130px;resize:vertical;line-height:1.6;font-family:inherit}
.k-gizli-etiket{position:absolute;left:-9999px}

/* Açılır liste. Kapalı hâli tarayıcı okuyla gelir; ok bizim, panel
   color-scheme:dark sayesinde işletim sisteminin koyu listesi. */
select.k-girdi{
  appearance:none;-webkit-appearance:none;
  padding-right:38px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%2394A3BE' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 13px center;
  background-size:12px 8px;
}
select.k-girdi:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%236FC3F0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E")}

/* Parola göster/gizle. Düğme HTML'de hidden doğar, form.js açar —
   betik yoksa çalışmayan düğme de yok. */
.k-parola-sar{position:relative}
.k-parola-sar .k-girdi{padding-right:46px}
.k-goz{
  position:absolute;right:1px;top:1px;bottom:1px;width:42px;
  display:flex;align-items:center;justify-content:center;
  background:none;border:0;border-radius:0 var(--k-radius-sm) var(--k-radius-sm) 0;
  color:var(--k-faint);cursor:pointer;
  transition:color .16s ease;
}
.k-goz[hidden]{display:none}
.k-goz:hover{color:var(--k-accent)}
.k-goz:focus-visible{outline:2px solid var(--k-accent);outline-offset:-2px;color:var(--k-accent)}
.k-goz__kapa{display:none}
.k-goz[aria-pressed="true"]{color:var(--k-accent)}
.k-goz[aria-pressed="true"] .k-goz__ac{display:none}
.k-goz[aria-pressed="true"] .k-goz__kapa{display:block}

/* Parola tekrarı: sunucuya gitmeden, yazarken söylüyoruz. */
.k-eslesme{margin:6px 0 0;font-size:.83rem}
.k-eslesme--olmaz{color:var(--k-err)}
.k-eslesme--olur{color:var(--k-ok)}

.k-onay{margin:6px 0 20px}
.k-onay label{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:var(--k-muted);cursor:pointer;font-weight:400}
.k-onay input[type="checkbox"]{
  appearance:none;-webkit-appearance:none;
  margin:3px 0 0;width:18px;height:18px;flex:0 0 auto;
  background:var(--k-bg);
  border:1px solid var(--k-line-2);border-radius:4px;
  cursor:pointer;position:relative;
  transition:background-color .14s ease, border-color .14s ease;
}
.k-onay input[type="checkbox"]:hover{border-color:var(--k-accent-deep)}
.k-onay input[type="checkbox"]:focus-visible{outline:none;border-color:var(--k-accent);box-shadow:0 0 0 3px var(--k-accent-mist)}
.k-onay input[type="checkbox"]:checked{background:var(--k-accent);border-color:var(--k-accent)}
/* İşaret: kenarlıktan çizilen tik — ayrı SVG dosyası gerekmiyor. */
.k-onay input[type="checkbox"]:checked::after{
  content:"";position:absolute;left:5px;top:1px;
  width:5px;height:10px;
  border:solid var(--k-on-accent);border-width:0 2px 2px 0;
  transform:rotate(43deg);
}

/* ===== Oyun varlıkları — yüz, imparatorluk, EP ===== */
/* Kural: oyun varlığı yalnız oyuncunun oyunda da ikon olarak okuduğu yerde
   ve doğal boyutunun ÜSTÜNE çıkmadan kullanılır. Süs olarak kullanılmaz. */
.k-yuz{
  width:34px;height:44px;flex:none;
  border-radius:5px;
  background:var(--k-bg);
  border:1px solid var(--k-line);
  object-fit:cover;
  image-rendering:auto;
}
.k-yuz--kucuk{width:26px;height:34px;border-radius:4px}
.k-yuz--buyuk{width:56px;height:72px;border-radius:6px}

.k-imp{
  display:inline-block;width:22px;height:14px;flex:none;
  border-radius:2px;vertical-align:middle;margin-right:8px;
  border:1px solid rgba(0,0,0,.5);
}
.k-imp--yok{
  width:22px;height:14px;background:var(--k-line);border-color:var(--k-line-2);
}

.k-ep{
  display:inline-flex;align-items:center;gap:6px;
  color:var(--k-deger-2);font-weight:600;font-variant-numeric:tabular-nums;
}
.k-ep__ikon{width:18px;height:18px;flex:none}

/* ===== Hesap özeti ===== */
.k-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:4px 0 6px}
.k-ozet__kutu{
  background:var(--k-bg);border:1px solid var(--k-line);border-radius:var(--k-radius-sm);
  padding:14px 16px;display:flex;flex-direction:column;gap:4px;
}
.k-ozet__etiket{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--k-faint)}
.k-ozet__deger{
  font-size:1.5rem;font-weight:600;line-height:1.15;
  color:var(--k-text);font-variant-numeric:tabular-nums;
}
.k-ozet__deger--ep{color:var(--k-deger-2)}
.k-ozet__deger--kucuk{font-size:1.02rem}

/* ===== Hesap işlemleri =====
   🔴 TEK SÜTUN, tam genişlik satırlar (kullanıcı kararı, 27 Ağu 2026).
   Önce iki sütundu; dar kartta altyazı ("Oyuna giriş parolan") ikinci satıra
   sarıyor ve kartlar düzensiz duruyordu. Tam genişlikte altyazı hiçbir ekranda
   sarmıyor, ad hep üstte / açıklama hep altta aynı hizada kalıyor.
   Sütuna geri dönme.
   İkon kutusu sağ şeritteki .k-eylem__ik ile aynı üslupta ama BUZ mavisi:
   altın "buraya bas / değer" rengi, bunlar ise sıradan hesap işlemleri. */
.k-islemler{display:flex;flex-direction:column;gap:10px}
.k-islem{
  display:flex;align-items:center;gap:13px;
  /* Altyazısı olmayan kart (Kupon) diğerlerinden alçak kalmasın. */
  min-height:64px;
  background:var(--k-bg);border:1px solid var(--k-line);border-radius:var(--k-radius-sm);
  padding:13px 16px;transition:border-color .16s ease, background-color .16s ease;
}
.k-islem:hover{border-color:var(--k-accent);background:var(--k-surface-2)}
.k-islem__ik{
  flex:0 0 auto;width:38px;height:38px;
  display:flex;align-items:center;justify-content:center;
  background:var(--k-surface-2);
  border:1px solid var(--k-line-2);border-radius:var(--k-radius-sm);
  color:var(--k-accent);
  transition:color .16s ease, border-color .16s ease;
}
.k-islem:hover .k-islem__ik{color:var(--k-accent-2);border-color:var(--k-accent-deep)}
.k-islem__yazi{display:flex;flex-direction:column;gap:1px;min-width:0}
.k-islem__ad{font-weight:600;color:var(--k-text);line-height:1.35}
/* Altyazı HER ZAMAN kendi satırında ve tek satır: uzun bir e-posta adresi
   gelirse sarmak yerine kısaltılıyor, kart yüksekliği sabit kalsın. */
.k-islem__not{
  font-size:.83rem;color:var(--k-faint);line-height:1.35;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* ===== Onay bekleyen e-posta değişikliği ===== */
.k-bekleyen{
  background:var(--k-bg);border:1px solid var(--k-line-2);
  border-left:3px solid var(--k-warn);
  border-radius:var(--k-radius-sm);
  padding:16px 18px;margin:4px 0 22px;
}
.k-bekleyen__bas{margin:0 0 8px}
.k-bekleyen__dgm{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.k-bekleyen__dgm form{margin:0}
/* Not: bu bloğun rozeti `.k-rozet--bekliyor`, tanımı .k-rozet tabanının
   HEMEN ALTINDA (Sıralama bölümü). Buraya yazılamaz: aynı özgüllükte
   olduğu için dosyada sonra gelen taban onu ezer ve rozet sessizce mavi kalır. */

/* ===== Sıralamanın dış katmanı: Oyuncular | Loncalar =====
   İç katmandan (alt çizgili .k-sekme) GÖRSEL OLARAK AYRI olmak zorunda,
   yoksa iki sıra sekme aynı seviyede okunur ve hangisinin hangisini kapsadığı
   kaybolur. Bu yüzden: kutulu segment + dolu aktif hâl, iç katman ise ince
   alt çizgi. Sol şeritteki oyuncu/lonca geçişiyle aynı dili konuşuyor. */
.k-katman{
  display:inline-flex;gap:3px;
  margin:18px 0 0;padding:3px;
  background:var(--k-bg);
  border:1px solid var(--k-line-2);border-radius:7px;
}
.k-katman__d{
  padding:8px 20px;border-radius:5px;
  font-size:.92rem;font-weight:600;letter-spacing:.02em;
  color:var(--k-muted);
  transition:color .16s ease, background-color .16s ease;
}
.k-katman__d:hover{color:var(--k-text);background:rgba(255,255,255,.04)}
.k-katman__d.is-active{
  background:var(--k-accent);color:var(--k-on-accent);
}
.k-katman__d.is-active:hover{background:var(--k-accent);color:var(--k-on-accent)}

/* Ölçüt açıklaması sekmelerin ALTINDA: hangi listeye baktığını seçtikten
   sonra okunur, önce değil. */
.k-siralama__not{margin-top:14px}

/* ===== Sekmeler ===== */
.k-sekmeler{
  display:flex;gap:2px;flex-wrap:wrap;
  margin:22px 0 8px;
  border-bottom:1px solid var(--k-line);
}
.k-sekme{
  position:relative;
  padding:10px 16px;
  font-size:.9rem;font-weight:500;color:var(--k-muted);
  transition:color .16s ease;
}
.k-sekme:hover{color:var(--k-text)}
.k-sekme.is-active{color:var(--k-text)}
.k-sekme.is-active::after{
  content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;
  background:var(--k-accent);
}

/* ===== Sıralama tablosu ===== */
.k-tablo--siralama td{color:var(--k-text)}
.k-sira-s{width:52px}
.k-deger-s{text-align:right}
.k-sira{
  width:52px;font-weight:600;font-size:.95rem;
  color:var(--k-faint);font-variant-numeric:tabular-nums;
}
.k-sira--ilk1{color:var(--k-deger)}
.k-sira--ilk2{color:#C3CCDC}
.k-sira--ilk3{color:#B7855C}
.k-ad{font-weight:600;white-space:nowrap;color:var(--k-text)}
.k-ad__sar{display:flex;align-items:center;gap:10px}
.k-deger{
  text-align:right;font-variant-numeric:tabular-nums;font-weight:600;
  color:var(--k-text);
}
.k-tablo--siralama tr:first-child .k-deger{color:var(--k-deger-2)}

.k-savas{white-space:nowrap;font-variant-numeric:tabular-nums}
.k-galip{color:var(--k-ok);font-weight:600}
.k-maglup{color:var(--k-err);font-weight:600}

.k-rozet{
  display:inline-flex;align-items:center;gap:5px;
  margin-left:8px;padding:2px 9px;border-radius:999px;
  border:1px solid var(--k-accent-deep);
  background:var(--k-accent-mist);color:var(--k-accent);
  font-size:.68rem;font-weight:600;letter-spacing:.05em;
  vertical-align:middle;
}
.k-rozet--deger{border-color:rgba(201,163,78,.4);background:rgba(201,163,78,.1);color:var(--k-deger-2)}
/* Onay bekleyen e-posta değişikliği — durum rengi (uyarı), vurgu rengi değil. */
.k-rozet--bekliyor{
  margin-left:0;
  border-color:var(--k-warn);
  background:rgba(224,168,63,.14);
  color:var(--k-warn);
}

/* ===== Lonca savaş özeti ===== */
.k-savas-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}
.k-savas-kutu{
  background:var(--k-bg);border:1px solid var(--k-line);border-radius:var(--k-radius-sm);
  padding:14px 16px;text-align:center;
}
.k-savas-kutu--galip{border-color:rgba(79,209,165,.32)}
.k-savas-kutu--maglup{border-color:rgba(240,115,106,.32)}
.k-savas-sayi{
  display:block;font-size:1.5rem;font-weight:600;line-height:1.2;
  color:var(--k-text);font-variant-numeric:tabular-nums;
}
.k-savas-kutu--galip .k-savas-sayi{color:var(--k-ok)}
.k-savas-kutu--maglup .k-savas-sayi{color:var(--k-err)}
.k-savas-ad{font-size:.77rem;color:var(--k-faint)}

/* ===== İndirme ===== */
.k-indir{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  margin:18px 0 6px;padding:20px 24px;
  background:var(--k-bg);border:1px solid var(--k-line-2);border-radius:var(--k-radius);
  transition:border-color .16s ease;
}
.k-indir:hover{border-color:var(--k-accent)}
.k-indir__sol{display:flex;flex-direction:column;gap:3px}
.k-indir__ad{font-family:var(--k-font-display);font-size:1.22rem;font-weight:600;color:var(--k-text)}
.k-indir__not{font-size:.85rem;color:var(--k-faint)}
.k-indir__dugme{
  display:inline-flex;align-items:center;gap:9px;
  padding:11px 28px;border-radius:var(--k-radius-sm);
  background:var(--k-accent);color:var(--k-on-accent);font-weight:600;
  border:1px solid var(--k-accent);
  transition:background .16s ease;
}
.k-indir__dugme:hover{background:var(--k-accent-2);color:var(--k-on-accent)}

.k-baglantilar{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:6px}
.k-baglanti{
  display:flex;flex-direction:column;gap:3px;padding:14px 16px;
  background:var(--k-bg);border:1px solid var(--k-line);border-radius:var(--k-radius-sm);
  transition:border-color .16s ease;
}
.k-baglanti:hover{border-color:var(--k-accent)}
.k-baglanti__ad{font-weight:600;color:var(--k-text)}
.k-baglanti__not{font-size:.81rem;color:var(--k-faint)}

/* ===== Haberler ===== */
/* Kapağı olmayan haberin yer tutucusu. Gerçek kapakla AYNI ölçüde durur,
   yoksa liste kartları farklı yükseklikte kalıyor ve hiza kırılıyordu.
   İçinde sitenin tek süsleme motifi var (elmas) + soluk marka zemini;
   "görsel koymayı unuttuk" demiyor, marka gösteriyor. */
.k-kapak-yok{
  position:relative;
  background:
    radial-gradient(120% 90% at 50% 40%, rgba(111,195,240,.10), transparent 70%),
    linear-gradient(160deg, var(--k-surface-2), var(--k-bg));
}
/* Ortada soluk logo: "görsel yok" demek yerine marka gösteriyor.
   Opaklık bilerek düşük — gerçek bir kapak sanılmasın, arka plan olduğu
   anlaşılsın. Boyut yüzde ile: hem 190px'lik liste kutusunda hem 200px'lik
   vitrin bandında orantılı kalır. */
.k-kapak-yok::after{
  content:"";position:absolute;inset:0;
  background:url("/varlik/gorsel/logo.webp") no-repeat center/58% auto;
  opacity:.16;
}

.k-haberler{display:flex;flex-direction:column;gap:12px;margin-top:20px}
/* Kartın tamamı bağlantı: başlığa nişan almak gerekmiyor. */
.k-haber{
  display:flex;gap:0;align-items:stretch;
  background:var(--k-surface);border:1px solid var(--k-line);border-radius:var(--k-radius);
  overflow:hidden;transition:border-color .16s ease, background-color .16s ease;
}
.k-haber:hover{border-color:var(--k-accent);background:var(--k-surface-2)}
.k-haber__gorsel{flex:0 0 190px;display:block;background:var(--k-surface-2)}
.k-haber__gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.k-haber__govde{padding:16px 18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.k-haber__ust{margin:0;font-size:.79rem;color:var(--k-faint);display:flex;align-items:center;gap:9px}
.k-haber__baslik{
  display:block;
  font-family:var(--k-font-display);font-size:1.12rem;font-weight:600;
  margin:0;line-height:1.3;color:var(--k-text);
  transition:color .16s ease;
}
.k-haber:hover .k-haber__baslik{color:var(--k-accent)}
.k-haber__ozet{display:block;margin:0;color:var(--k-muted);font-size:.91rem}

/* Sayfalama — eski haber silinmiyor, sayfalanıyor. */
.k-sayfalama{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:20px;padding-top:18px;border-top:1px solid var(--k-line);
}
.k-sayfalama__no{font-size:.86rem;color:var(--k-faint);font-variant-numeric:tabular-nums}
.k-btn.is-pasif{opacity:.35;pointer-events:none}

/* ===== Uzun metin (haber içeriği, sözleşme) ===== */
.k-yazi__kapak{width:100%;border-radius:var(--k-radius-sm);margin:16px 0 4px;display:block}
.k-yazi__govde{color:var(--k-muted);margin-top:18px;max-width:68ch}
.k-yazi__govde h2,.k-yazi__govde h3{
  font-family:var(--k-font-display);color:var(--k-text);font-weight:600;
  margin:26px 0 10px;line-height:1.3;
}
.k-yazi__govde h2{font-size:1.22rem}
.k-yazi__govde h3{font-size:1.06rem}
.k-yazi__govde p{margin:0 0 14px}
.k-yazi__govde ul,.k-yazi__govde ol{margin:0 0 16px;padding-left:22px}
.k-yazi__govde li{margin-bottom:7px}
.k-yazi__govde img{max-width:100%;height:auto;border-radius:var(--k-radius-sm);margin:10px 0}
.k-yazi__govde strong{color:var(--k-text);font-weight:600}
.k-yazi__govde blockquote{
  margin:16px 0;padding:12px 18px;border-left:2px solid var(--k-accent);
  background:var(--k-bg);border-radius:0 var(--k-radius-sm) var(--k-radius-sm) 0;
}
.k-yazi__govde table{width:100%;border-collapse:collapse;margin:16px 0}
.k-yazi__govde th,.k-yazi__govde td{padding:9px 12px;border-bottom:1px solid var(--k-line);text-align:left}

/* ===== EP paketleri ===== */
/* Paket ızgarası. ⚠️ ALT SINIRI BÜYÜTME — orta sütun ~639px, 4 kart ancak
   150px'le sığıyor (4×150 + 3×12 = 636). 154 ve 168 denedim, ikisinde de
   sütun sayısı 3'e düşüp 7 paket 4+3 yerine 3+3+1 diziliyor ve son kart
   tek başına kalıyor. 8 paket olursa 4+4 çıkar; paket eklenince dokunma. */
.k-paketler{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:8px}
.k-paket{
  position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:22px 16px 18px;text-align:center;
  background:var(--k-bg);border:1px solid var(--k-line);border-radius:var(--k-radius);
  transition:border-color .16s ease;
}
.k-paket:hover{border-color:var(--k-line-2)}
.k-paket--one{border-color:var(--k-deger)}
.k-paket__etiket{
  position:absolute;top:-9px;left:50%;transform:translateX(-50%);
  padding:2px 10px;border-radius:999px;white-space:nowrap;
  background:var(--k-deger);color:#1A1305;
  font-size:.63rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
}
.k-paket__ep{
  font-size:1.7rem;font-weight:600;line-height:1.15;
  color:var(--k-deger-2);font-variant-numeric:tabular-nums;
}
.k-paket__birim{font-size:.68rem;font-weight:600;letter-spacing:.16em;color:var(--k-faint);text-transform:uppercase}
.k-paket__fiyat{margin-top:8px;font-size:1rem;font-weight:600;color:var(--k-text);font-variant-numeric:tabular-nums}
/* Avantaj satırı her kartta var — en ucuz pakette "başlangıç paketi" yazıp
   sönük duruyor, böylece kart yükseklikleri eşit kalıyor. */
.k-paket__avantaj{
  margin-top:6px;font-size:.75rem;font-weight:600;
  color:var(--k-faint);letter-spacing:.02em;
}
.k-paket__avantaj.is-var{color:var(--k-ok)}

/* ===== Ödeme yöntemleri ===== */
.k-odemeler{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:8px}
.k-odeme{
  padding:16px;text-align:center;
  background:var(--k-bg);border:1px solid var(--k-line);border-radius:var(--k-radius-sm);
  transition:border-color .16s ease;
}
.k-odeme:hover{border-color:var(--k-accent)}
.k-odeme__ad{font-weight:600;color:var(--k-text)}

/* ==========================================================================
   DESTEK PANELİ
   🔴 Sitenin geri kalanından BİLEREK farklı (kullanıcı kararı, 27 Ağu 2026):
   yan şeritler ve büyük logo bandı yok, içerik tam genişlik, solda kalıcı
   talep listesi. Oyuncu buraya göz gezdirmeye değil, sorun çözmeye geliyor.
   Bu "uygulama modunu" BAŞKA bölüme taşıma.
   ========================================================================== */
.k-dp{
  display:grid;grid-template-columns:266px minmax(0,1fr);
  gap:16px;align-items:start;margin-top:20px;
}

/* --- sol sütun: talep listesi --- */
.k-dp__yan{
  position:sticky;top:calc(var(--k-nav-h) + 16px);
  display:flex;flex-direction:column;gap:12px;
  background:var(--k-surface);border:1px solid var(--k-line);
  border-radius:var(--k-radius);box-shadow:var(--k-ic-isik);
  padding:14px;
}
.k-dp__yeni{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}
.k-dp__yeni.is-active{filter:brightness(1.08)}
.k-dp__baslik{
  margin:2px 0 0;font-size:.7rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--k-faint);
}
.k-dp__bos{margin:4px 0 0;font-size:.86rem;color:var(--k-faint)}
.k-dp__liste{display:flex;flex-direction:column;gap:6px}
.k-dp__s{
  display:flex;flex-direction:column;gap:4px;
  padding:11px 12px;border-radius:var(--k-radius-sm);
  border:1px solid transparent;
  transition:background-color .16s ease, border-color .16s ease;
}
.k-dp__s:hover{background:var(--k-bg)}
.k-dp__s.is-active{background:var(--k-bg);border-color:var(--k-accent-deep)}
.k-dp__s-ust{display:flex;align-items:center;gap:8px}
.k-dp__s-konu{
  font-size:.89rem;font-weight:600;color:var(--k-text);line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.k-dp__s.is-active .k-dp__s-konu{color:var(--k-accent-2)}
.k-dp__s-alt{font-size:.75rem;color:var(--k-faint);font-variant-numeric:tabular-nums}
/* Yanıt geldi işareti — sayı yerine tek nokta; liste sakin kalsın. */
.k-dp__yeni-nokta{
  width:7px;height:7px;border-radius:50%;background:var(--k-accent);
  margin-left:auto;flex:none;
}

/* --- sağ sütun: içerik --- */
.k-dp__ana{
  background:var(--k-surface);border:1px solid var(--k-line);
  border-radius:var(--k-radius);box-shadow:var(--k-ic-isik), var(--k-golge);
  padding:26px 30px 30px;min-height:420px;
}
.k-dp__bas{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.k-dp__ust-bilgi{margin:2px 0 0;font-size:.81rem;color:var(--k-faint)}
.k-dp__karsilama{margin-top:14px;max-width:62ch}
.k-dp__form{margin-top:20px}
.k-dp__ikili{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}
/* Mesaj alanı geniş: dar sütunda yazmak zordu. */
.k-dp__metin{min-height:170px;line-height:1.65}
.k-dp__dgm{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.k-dp__yanit{margin-top:20px;padding-top:18px;border-top:1px solid var(--k-line)}
.k-dp__kapat{margin-top:16px}

@media (max-width:900px){
  .k-dp{grid-template-columns:1fr}
  .k-dp__yan{position:static}
  .k-dp__ana{padding:20px 18px 24px}
  .k-dp__ikili{grid-template-columns:1fr}
}

/* --- durum rozetleri --- */
/* Dördü de RENKLİ: "Kapalı" önce renksizdi ve bozuk/eksik görünüyordu.
   Renk anlam taşıyor — açık: bekliyor · yanıtlandı: sende söz · beklemede:
   yetkili çalışıyor · kapalı: bitti (sakin ama görünür). */
.k-durum{
  display:inline-flex;align-items:center;gap:6px;
  padding:3px 11px;border-radius:999px;
  font-size:.7rem;font-weight:700;letter-spacing:.04em;
  border:1px solid var(--k-line-2);color:var(--k-muted);
  white-space:nowrap;
}
.k-durum::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.k-durum--acik{border-color:rgba(224,168,63,.45);background:rgba(224,168,63,.10);color:var(--k-warn)}
.k-durum--yanitlandi{border-color:rgba(79,209,165,.45);background:rgba(79,209,165,.10);color:var(--k-ok)}
.k-durum--beklemede{border-color:var(--k-accent-deep);background:var(--k-accent-mist);color:var(--k-accent)}
.k-durum--kapali{border-color:var(--k-line-2);background:rgba(148,163,190,.09);color:var(--k-muted)}
.k-nokta{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}

/* ===== Mesajlaşma ===== */
.k-mesajlar{display:flex;flex-direction:column;gap:12px;margin:18px 0 6px}
.k-mesaj{
  padding:15px 18px;border-radius:var(--k-radius-sm);
  background:var(--k-bg);border:1px solid var(--k-line);
}
.k-mesaj--yetkili{
  background:var(--k-surface-2);border-color:var(--k-line-2);
  border-left:2px solid var(--k-accent);
}
.k-mesaj__ust{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.k-mesaj__kim{font-weight:600;color:var(--k-text);font-size:.89rem;display:flex;align-items:center;gap:8px}
.k-mesaj__zaman{font-size:.77rem;color:var(--k-faint)}
.k-mesaj__govde{color:var(--k-muted);font-size:.93rem;word-break:break-word}

/* ==========================================================================
   SAYFA İSKELETİ
   Tanıdık metin2 düzeni: sabit arka plan videosu + üstünde üç sütun.
   Sol: giriş/hesap + sıralama · Orta: içerik · Sağ: hızlı erişim + Discord.
   ========================================================================== */

/* ===== Arka plan — her sayfada, sabit, scroll'dan etkilenmez ===== */
.k-arka{position:fixed;inset:0;z-index:0;background:var(--k-bg);overflow:hidden}
.k-arka video,
.k-arka img{width:100%;height:100%;object-fit:cover;opacity:.95}
/* Perde yalnız okunurluk için: üstte ve altta koyulaşır, ORTASI açık kalır. */
.k-arka__perde{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(8,11,21,.78) 0%, rgba(8,11,21,.22) 24%,
                            rgba(8,11,21,.30) 55%, rgba(8,11,21,.72) 88%, rgba(8,11,21,.92) 100%);
}
.k-nav,.k-main,.k-alt{position:relative;z-index:1}

/* ===== Üç sütun ===== */
.k-duzen{
  display:grid;
  grid-template-columns:var(--k-yan) minmax(0,1fr) var(--k-yan);
  gap:20px;align-items:start;
}
.k-duzen__icerik{min-width:0}
.k-serit{display:flex;flex-direction:column;gap:14px;position:sticky;top:calc(var(--k-nav-h) + 16px)}

@media (max-width:1100px){
  .k-duzen{grid-template-columns:minmax(0,1fr) var(--k-yan)}
  .k-duzen__icerik{order:1}
  .k-serit--sag{order:2}
  .k-serit--sol{order:3;grid-column:1/-1;position:static;flex-direction:row;flex-wrap:wrap}
  .k-serit--sol > *{flex:1 1 300px}
}
@media (max-width:820px){
  .k-duzen{grid-template-columns:1fr}
  .k-serit{position:static;flex-direction:row;flex-wrap:wrap}
  .k-serit > *{flex:1 1 300px}
}

/* ===== Panel — başlık çubuklu kutu, sitenin ana bileşeni ===== */
.k-panel{
  background:rgba(15,20,34,.9);
  border:1px solid var(--k-line-2);
  border-radius:var(--k-radius);
  overflow:hidden;
  backdrop-filter:blur(7px);
  box-shadow:var(--k-ic-isik), 0 12px 30px rgba(0,0,0,.35);
}
.k-panel__bas{
  display:flex;align-items:center;gap:9px;
  margin:0;padding:11px 15px;
  background:linear-gradient(180deg, rgba(38,48,74,.75), rgba(16,21,36,.6));
  border-bottom:1px solid var(--k-line-2);
  box-shadow:var(--k-ic-isik);
  font-family:var(--k-font-display);
  font-size:.74rem;font-weight:600;letter-spacing:.18em;
  color:var(--k-text);
}
.k-panel__bas::before{
  content:"";width:5px;height:5px;flex:none;
  background:var(--k-altin);transform:rotate(45deg);
}
.k-panel__bas .k-sag{
  margin-left:auto;font-family:var(--k-font-body);letter-spacing:0;
  font-size:.76rem;font-weight:600;color:var(--k-accent);
}
.k-panel__gov{padding:14px}
.k-panel__gov > :last-child{margin-bottom:0}
.k-panel__alt{
  margin:0;padding:10px 15px;border-top:1px solid var(--k-line);
  background:rgba(8,11,21,.45);font-size:.83rem;
}

/* İçerik kartları da aynı dilde */
.k-kart{
  background:rgba(15,20,34,.9);backdrop-filter:blur(7px);
  border-color:var(--k-line-2);box-shadow:var(--k-ic-isik), 0 12px 30px rgba(0,0,0,.35);
}

/* ===== Sol şerit: hesap / giriş ===== */
.k-hesap{display:flex;align-items:center;gap:11px;margin-bottom:12px}
.k-hesap__ad{display:block;font-family:var(--k-font-display);font-size:.98rem;font-weight:600;color:var(--k-text);line-height:1.3}
.k-hesap__alt{display:block;font-size:.77rem;color:var(--k-faint)}
.k-hesap__bakiye{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 11px;margin:0 0 11px;
  background:var(--k-altin-sis);border:1px solid var(--k-altin-dip);border-radius:var(--k-radius-sm);
  font-size:.83rem;color:var(--k-muted);
}
.k-hesap__bakiye b{color:var(--k-altin-2);font-weight:700;font-variant-numeric:tabular-nums}
.k-hesap__dgm{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.k-hesap__dgm .k-btn{padding:9px 8px;font-size:.8rem}

.k-mini-form .k-alan{margin-bottom:9px}
.k-mini-form .k-girdi{padding:9px 11px;font-size:.88rem}
.k-mini-form .k-btn{width:100%;margin-top:2px}
.k-mini-form__alt{
  margin:11px 0 0;font-size:.78rem;
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
}

/* ===== Sıralama kutusu — oyuncu / lonca geçişi ===== */
.k-gecis{display:flex;margin-left:auto;border:1px solid var(--k-line-2);border-radius:5px;overflow:hidden}
.k-gecis button{
  font-family:var(--k-font-body);font-size:.71rem;font-weight:600;letter-spacing:.04em;
  padding:4px 10px;border:0;background:transparent;color:var(--k-muted);cursor:pointer;
  transition:background .16s ease,color .16s ease;
}
.k-gecis button:hover{color:var(--k-text)}
.k-gecis button[aria-selected="true"]{background:var(--k-accent);color:var(--k-on-accent)}
.k-panel__gov [hidden]{display:none}

.k-sira-liste{display:flex;flex-direction:column;margin:-4px 0}
.k-sira-s2{display:flex;align-items:center;gap:9px;padding:7px 2px;font-size:.85rem}
.k-sira-s2 + .k-sira-s2{border-top:1px solid var(--k-line)}
.k-sira-s2__n{
  width:17px;flex:none;text-align:center;
  font-weight:700;color:var(--k-faint);font-variant-numeric:tabular-nums;font-size:.8rem;
}
.k-sira-s2:first-child .k-sira-s2__n{color:var(--k-altin)}
.k-sira-s2__ad{
  flex:1 1 auto;min-width:0;color:var(--k-text);font-weight:500;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.k-sira-s2__d{flex:none;color:var(--k-muted);font-variant-numeric:tabular-nums;font-size:.8rem}

/* ===== Sağ şerit: büyük ikonlu eylem kartları ===== */
.k-eylem{
  display:flex;align-items:center;gap:13px;
  padding:13px 14px;
  background:rgba(15,20,34,.9);backdrop-filter:blur(7px);
  border:1px solid var(--k-line-2);border-radius:var(--k-radius);
  box-shadow:var(--k-ic-isik), 0 10px 26px rgba(0,0,0,.3);
  transition:border-color .16s ease, background .16s ease;
}
.k-eylem:hover{border-color:var(--k-altin-dip);background:rgba(22,29,48,.94)}
.k-eylem__ik{
  width:42px;height:42px;flex:none;
  display:grid;place-items:center;border-radius:var(--k-radius-sm);
  border:1px solid var(--k-line-2);background:var(--k-bg);
  color:var(--k-muted);
  box-shadow:var(--k-ic-isik);
  transition:color .16s ease, border-color .16s ease, background .16s ease;
}
.k-eylem:hover .k-eylem__ik{color:var(--k-altin-2);border-color:var(--k-altin-dip)}
/* Öne çıkan iki kart: ikonu altın, yazısı normal — kart tümüyle altın olmuyor. */
.k-eylem--one .k-eylem__ik{
  color:var(--k-altin-2);
  border-color:var(--k-altin-dip);
  background:var(--k-altin-sis);
}
.k-eylem--one:hover .k-eylem__ik{background:rgba(217,169,69,.2)}
.k-eylem__ad{
  display:block;font-family:var(--k-font-display);
  font-size:.84rem;font-weight:600;letter-spacing:.09em;color:var(--k-text);line-height:1.35;
}
.k-eylem__not{display:block;font-size:.77rem;color:var(--k-faint);line-height:1.4}

/* ===== Discord paneli ===== */
.k-dc{display:flex;flex-direction:column;gap:11px}
.k-dc__ust{display:flex;align-items:center;gap:11px}
.k-dc__arma{
  width:40px;height:40px;flex:none;border-radius:10px;
  display:grid;place-items:center;color:#fff;background:#5865F2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25);
}
.k-dc__ad{display:block;font-weight:600;font-size:.88rem;color:var(--k-text);line-height:1.3}
.k-dc__say{display:flex;align-items:center;gap:6px;font-size:.79rem;color:var(--k-muted)}
.k-dc__say .k-nokta{background:#3BA55C;width:7px;height:7px}
.k-dc__say b{color:var(--k-text);font-weight:600;font-variant-numeric:tabular-nums}
/* Discord düğmesi kendi markasının rengiyle — altınla yarışmıyor,
   oyuncu Discord'u renginden tanıyor. */
.k-dc .k-btn{background:#5865F2;border-color:#5865F2;color:#fff}
.k-dc .k-btn:hover{color:#fff}

/* ==========================================================================
   ÜST BANT — HER SAYFADA
   ========================================================================== */

/* ===== Üst alan: büyük logo + iki çağrı =====
   Sütunların ÜSTÜNDE, sağdan sola tam genişlik. Şeritler bunun altından başlar.
   Ana sayfaya özel değil: bant sayfaya göre değişmiyor, boşluğu ve hizası
   her ekranda birebir aynı kalsın diye düzen her sayfada basıyor. */
.k-usts{
  text-align:center;
  padding:48px 0 46px;
  margin-bottom:20px;
}
.k-usts__logo{
  width:min(100%,360px);height:auto;margin:0 auto 24px;
  filter:drop-shadow(0 14px 40px rgba(0,0,0,.8));
}
.k-usts__dgm{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.k-usts__dgm .k-btn{padding:13px 26px;font-size:.92rem}
.k-usts__durum{
  margin:0 0 18px;display:inline-flex;align-items:center;gap:9px;
  padding:5px 14px;border-radius:999px;
  background:rgba(8,11,21,.6);border:1px solid var(--k-line-2);
  font-family:var(--k-font-body);
  font-size:.76rem;font-weight:600;letter-spacing:.04em;color:var(--k-muted);
}
.k-usts__durum b{color:var(--k-text);font-weight:600}

@media (max-width:820px){
  .k-usts{padding:26px 0 30px}
  .k-usts__logo{width:min(100%,260px);margin-bottom:18px}
}

/* ==========================================================================
   ANA SAYFA
   ========================================================================== */

/* ===== Hoş geldin + 3 adım ===== */
.k-adimlar{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.k-adim{
  display:block;padding:15px 15px 16px;
  background:var(--k-bg);border:1px solid var(--k-line);border-radius:var(--k-radius-sm);
  box-shadow:var(--k-ic-isik);
  transition:border-color .16s ease, background .16s ease;
}
.k-adim:hover{border-color:var(--k-altin-dip);background:rgba(217,169,69,.07)}
.k-adim__n{
  display:grid;place-items:center;
  width:28px;height:28px;margin-bottom:11px;border-radius:6px;
  background:linear-gradient(180deg, var(--k-altin-2), var(--k-altin));
  color:var(--k-on-altin);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
  font-weight:700;font-size:.9rem;font-variant-numeric:tabular-nums;
}
.k-adim__ad{
  display:block;font-family:var(--k-font-display);
  font-size:.86rem;font-weight:600;letter-spacing:.07em;color:var(--k-text);margin-bottom:4px;
}
.k-adim__not{display:block;font-size:.79rem;color:var(--k-faint);line-height:1.45}
@media (max-width:620px){ .k-adimlar{grid-template-columns:1fr} }

.k-hosgeldin{margin:0 0 16px;color:var(--k-muted);font-size:.94rem;max-width:64ch}
.k-hosgeldin a{font-weight:600}

/* ===== Ana sayfa haber VİTRİNİ (kaydırmalı) =====
   Kaydırmayı CSS yapıyor: ray overflow-x + scroll-snap. vitrin.js yalnız ok ve
   nokta ekliyor; betik yoksa vitrin parmakla/trackpad ile yine kaydırılır.
   OTOMATİK GEÇİŞ YOK — kendiliğinden kayan vitrin okuyanı kaçırıyor. */
.k-vitrin{position:relative}
.k-vitrin__ray{
  display:flex;gap:12px;
  overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;                       /* çubuk gizli, kaydırma açık */
  -ms-overflow-style:none;
}
.k-vitrin__ray::-webkit-scrollbar{display:none}
.k-vitrin__s{
  flex:0 0 100%;scroll-snap-align:start;
  display:block;overflow:hidden;
  border:1px solid var(--k-line-2);border-radius:var(--k-radius);
  background:rgba(15,20,34,.9);backdrop-filter:blur(7px);
  box-shadow:var(--k-ic-isik), 0 12px 30px rgba(0,0,0,.35);
  transition:border-color .16s ease;
}
.k-vitrin__s:hover{border-color:var(--k-accent-deep)}
.k-vitrin__kapak{
  display:block;width:100%;height:200px;
  object-fit:cover;border-bottom:1px solid var(--k-line);
}
.k-vitrin__ic{display:block;padding:17px 19px 19px}
.k-vitrin__ust{display:flex;align-items:center;gap:9px;font-size:.76rem;color:var(--k-faint);margin-bottom:8px}
.k-vitrin__bas{
  display:block;margin-bottom:8px;
  font-family:var(--k-font-display);font-size:1.1rem;font-weight:600;color:var(--k-text);
}
.k-vitrin__ozet{display:block;font-size:.89rem;color:var(--k-muted);line-height:1.55}

/* Oklar kapağın üstünde durur; kart içeriğini kapatmasınlar diye yukarıda. */
.k-vitrin__ok{
  position:absolute;top:100px;transform:translateY(-50%);
  width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(8,11,21,.72);backdrop-filter:blur(4px);
  border:1px solid var(--k-line-2);border-radius:50%;
  color:var(--k-text);cursor:pointer;
  transition:background-color .16s ease, border-color .16s ease, opacity .16s ease;
}
.k-vitrin__ok[hidden]{display:none}
.k-vitrin__ok:hover{background:var(--k-surface-2);border-color:var(--k-accent)}
.k-vitrin__ok:disabled{opacity:.25;cursor:default}
.k-vitrin__ok--sol{left:10px}
.k-vitrin__ok--sag{right:10px}

.k-vitrin__noktalar{display:flex;justify-content:center;gap:7px;margin-top:12px}
.k-vitrin__noktalar[hidden]{display:none}
.k-vitrin__nokta{
  width:7px;height:7px;padding:0;border:0;border-radius:50%;
  background:var(--k-line-2);cursor:pointer;
  transition:background-color .16s ease, transform .16s ease;
}
.k-vitrin__nokta:hover{background:var(--k-muted)}
.k-vitrin__nokta.is-active{background:var(--k-accent);transform:scale(1.35)}

.k-as-bas{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:24px 0 12px}
.k-as-bas h2{margin:0;font-family:var(--k-font-display);font-size:1.14rem;font-weight:600;letter-spacing:.03em}
.k-as-bas a{font-size:.82rem;font-weight:600}

/* ===== Alt bilgi ===== */
.k-alt{
  flex:0 0 auto;
  border-top:1px solid var(--k-line);
  background:var(--k-bg);
  padding:26px 0;
  font-size:.88rem;color:var(--k-faint);
}
.k-alt__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.k-alt__inner p{margin:0}
.k-alt__links{display:flex;gap:20px;flex-wrap:wrap}
.k-alt__links a{color:var(--k-muted)}
.k-alt__links a:hover{color:var(--k-accent)}

/* ===== Dar ekran ===== */
@media (max-width:1180px){
  .k-nav__link{padding:9px 9px;font-size:.75rem;letter-spacing:.06em}
  .k-nav__brand img{height:32px}
}

@media (max-width:900px){
  .k-nav__inner{flex-wrap:wrap;padding:11px 0;gap:11px}
  .k-nav__links{order:3;width:100%;gap:1px;margin-inline:-9px}
  .k-nav__right{margin-left:auto}
  .k-kart{padding:24px 18px}
  .k-main{padding:28px 0 54px}
  .k-haber{flex-direction:column}
  .k-haber__gorsel{flex:0 0 auto;height:150px}
}

@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
  html{scroll-behavior:auto}
}

/* ===== Sistem gereksinimleri (indirme sayfası) =====
   İki sütun: Minimum · Önerilen. Değerler koda sabit — yönetimden
   düzenlenmiyor (kullanıcı kararı, 27 Ağu 2026). */
.k-gereksinim{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:12px;margin-top:6px;
}
.k-gereksinim__kutu{
  background:var(--k-bg);border:1px solid var(--k-line);
  border-radius:var(--k-radius-sm);padding:16px 18px;
}
/* Önerilen sütunu buz kenarlı: göz oraya gitsin ama altın harcanmasın. */
.k-gereksinim__kutu--onerilen{border-color:var(--k-accent-deep)}
.k-gereksinim__bas{
  margin:0 0 12px;font-size:.72rem;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--k-faint);
}
.k-gereksinim__kutu--onerilen .k-gereksinim__bas{color:var(--k-accent)}
.k-gereksinim__liste{margin:0;display:flex;flex-direction:column;gap:8px}
.k-gereksinim__liste > div{
  display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding-bottom:8px;border-bottom:1px solid var(--k-line);
}
.k-gereksinim__liste > div:last-child{padding-bottom:0;border-bottom:none}
.k-gereksinim__liste dt{font-size:.84rem;color:var(--k-faint);flex:none}
.k-gereksinim__liste dd{margin:0;font-size:.88rem;color:var(--k-text);text-align:right}

/* ==========================================================================
   İNDİRME KARTI — eski panelin üslubu (kullanıcı kararı, 27 Ağu 2026)
   *"mevcut yayındaki panel ile aynı yapabilir miyiz, oradaki daha güzeldi…
   arka plan kısımlarını falan aynı yap"*.
   🔴 Bu üslup YALNIZ /indir sayfasında. Sitenin geri kalanında "köşe süsü /
   çerçeve YOK" kuralı geçerli — buradan başka sayfaya taşıma.
   ========================================================================== */
.k-indir-kart{
  position:relative;
  background:linear-gradient(180deg, rgba(19,23,38,.94), rgba(11,14,25,.96));
  border-color:rgba(217,169,69,.42);
  box-shadow:0 30px 90px rgba(0,0,0,.6), inset 0 0 60px rgba(217,169,69,.05);
  padding:34px 32px 30px;
}
/* Dört köşedeki altın L süsü: ikisi kartın kendi ::before/::after'ından,
   ikisi __kose öğesinden geliyor (bir öğede en fazla iki sözde eleman var). */
.k-indir-kart::before,.k-indir-kart::after,
.k-indir-kart__kose::before,.k-indir-kart__kose::after{
  content:"";position:absolute;width:24px;height:24px;pointer-events:none;
  border-color:var(--k-altin);opacity:.8;
}
.k-indir-kart::before{top:8px;left:8px;border-top:2px solid;border-left:2px solid;border-top-left-radius:4px}
.k-indir-kart::after{top:8px;right:8px;border-top:2px solid;border-right:2px solid;border-top-right-radius:4px}
.k-indir-kart__kose::before{bottom:8px;left:8px;border-bottom:2px solid;border-left:2px solid;border-bottom-left-radius:4px}
.k-indir-kart__kose::after{bottom:8px;right:8px;border-bottom:2px solid;border-right:2px solid;border-bottom-right-radius:4px}

.k-indir-kart__bas{
  font-family:var(--k-font-display);font-weight:700;
  font-size:1.5rem;letter-spacing:.14em;text-transform:uppercase;
  text-align:center;color:var(--k-text);margin:6px 0 0;
  text-shadow:0 3px 20px rgba(0,0,0,.7);
}
/* Elmas ayraç — sitenin tek süsleme motifi zaten elmas, buraya oturuyor. */
.k-ayrac{
  position:relative;height:1px;margin:16px 0 24px;
  background:linear-gradient(90deg,transparent,rgba(217,169,69,.6),transparent);
}
.k-ayrac::after{
  content:"";position:absolute;left:50%;top:50%;
  width:9px;height:9px;transform:translate(-50%,-50%) rotate(45deg);
  background:var(--k-bg);border:1px solid var(--k-altin);
}
.k-indir-kart__giris{
  text-align:center;color:var(--k-muted);font-size:.92rem;
  margin:0 0 22px;line-height:1.65;
}
.k-indir-kart__giris strong{color:var(--k-text)}
.k-indir-kart__ipucu{
  text-align:center;color:var(--k-faint);font-size:.84rem;margin:12px 0 0;
}
.k-indirmeler{display:flex;flex-direction:column;gap:10px}

/* Bilgi kutusu (bağlantı yokken) */
.k-not{
  display:flex;gap:12px;align-items:flex-start;
  background:var(--k-accent-mist);border:1px solid var(--k-accent-deep);
  border-radius:var(--k-radius-sm);padding:15px 18px;
  color:var(--k-muted);font-size:.88rem;line-height:1.6;
}
.k-not__ik{color:var(--k-accent);flex:none;margin-top:2px;display:flex}

/* Gereksinimler — eski paneldeki gibi kesikli ayraçlı iki sütun */
.k-gereksinim{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:16px;margin-top:6px;
}
.k-gereksinim__kutu{
  background:rgba(8,11,21,.7);border:1px solid var(--k-line);
  border-radius:var(--k-radius-sm);padding:17px 19px;
}
.k-gereksinim__kutu--onerilen{border-color:var(--k-accent-deep)}
.k-gereksinim__bas{
  margin:0 0 12px;font-family:var(--k-font-display);
  font-size:.76rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--k-faint);
}
.k-gereksinim__kutu--onerilen .k-gereksinim__bas{color:var(--k-accent)}
.k-gereksinim__liste{margin:0;font-size:.86rem}
.k-gereksinim__liste > div{
  display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:6px 0;border-bottom:1px dashed var(--k-line);
}
.k-gereksinim__liste > div:last-child{border-bottom:none}
.k-gereksinim__liste dt{color:var(--k-faint);font-weight:600;flex:none}
.k-gereksinim__liste dd{margin:0;color:var(--k-muted);text-align:right}

/* ===== Açılış geri sayımı (üst bant) =====
   Kullanıcı buraya konmasını seçti: sunucu açılana kadar sitenin en önemli
   bilgisi bu ve bant her sayfada. Açılış geçince blok hiç basılmıyor. */
.k-gerisayim{margin-top:26px;text-align:center}
.k-gerisayim__bas{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin:0 0 12px;
  font-size:.72rem;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;color:var(--k-altin-2);
}
.k-gerisayim__izgara{
  display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:center;
}
.k-gerisayim__h{
  display:flex;flex-direction:column;align-items:center;gap:2px;
  min-width:74px;padding:11px 8px 9px;
  background:rgba(8,11,21,.66);backdrop-filter:blur(5px);
  border:1px solid var(--k-altin-dip);border-radius:var(--k-radius-sm);
  box-shadow:var(--k-ic-isik);
}
.k-gerisayim__h b{
  font-family:var(--k-font-display);font-size:1.85rem;font-weight:700;
  line-height:1;color:var(--k-altin-2);font-variant-numeric:tabular-nums;
  text-shadow:0 2px 14px rgba(0,0,0,.6);
}
.k-gerisayim__h i{
  font-style:normal;font-size:.66rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--k-faint);
}
.k-gerisayim__tarih{
  margin:11px 0 0;font-size:.84rem;color:var(--k-muted);
}
.k-gerisayim__acildi{
  margin:0;font-family:var(--k-font-display);font-size:1.1rem;
  font-weight:600;color:var(--k-ok);
}

@media (max-width:560px){
  .k-gerisayim__h{min-width:62px;padding:9px 6px 8px}
  .k-gerisayim__h b{font-size:1.45rem}
}