@charset "UTF-8";
/* ==========================================================================
   K2 AETHER UI — Merkezi tasarim sistemi (TEK kaynak)
   --------------------------------------------------------------------------
   Bu dosya k2-tokens.css'i genisletir ve TUM kabuk + bilesen katmanini tanimlar.
   Absorbe edilenler (dosyalar silindi / yedege alindi):
     - assets/css/k2-ui-polish.css        (nav hit-test, dropdown clamp, back-top, scrollbar)
     - assets/css/guide-header-cta.css    (rehber CTA + eski masthead yamalari)
     - header.php icindeki 2 inline <style> blogu (nav + uptime panosu)
     - top.php icindeki inline <style> blogu (ust bar / cuzdan butonlari)

   Kural: yeni bir "-x / -v2 / -polish" katmani ACILMAZ. Duzeltme buraya yazilir.
   !important yalnizca bootstrap.css/style.css'in kendi !important kuralini
   yenmek zorunda oldugumuz yerlerde ve ISARETLI olarak kullanilir.
   ========================================================================== */

/* ==========================================================================
   0. AETHER TOKEN GENISLETMESI
   ========================================================================== */
:root {
  /* Kabuk olculeri */
  /* 36px -> 50px: cuzdan podu (TL/Pazar/Premium) buyutuldu, metinler nefes alsin. */
  --k2a-utility-h:   50px;
  --k2a-masthead-h:  68px;
  --k2a-shell-h:     calc(var(--k2a-utility-h) + var(--k2a-masthead-h));
  --k2a-container:   1400px;
  /* Nav 1200px altinda sigmiyor (olculdu: 5 sekme + CTA = ~700px talep).
     Bu esigin altinda masthead sheet moduna gecer. JS'te DESKTOP ile ayni deger. */
  --k2a-desktop:     1200px;

  /* Katman (z-index) olcegi — tek merkez */
  --k2a-z-base:      1;
  --k2a-z-sticky:    1000;
  --k2a-z-nav:       1010;
  --k2a-z-mega:      1020;
  --k2a-z-backdrop:  1030;
  --k2a-z-sheet:     1040;
  --k2a-z-modal:     1050;
  --k2a-z-toast:     1060;

  /* Aether yuzeyleri */
  --k2a-shell-bg:    linear-gradient(180deg, rgba(9, 12, 18, .96), rgba(13, 16, 23, .92));
  --k2a-shell-blur:  saturate(140%) blur(14px);
  --k2a-rune:        rgba(255, 215, 106, .55);
  --k2a-rune-soft:   rgba(255, 215, 106, .12);
  --k2a-ember:       #ff6a2b;

  /* Hedef boyutu (dokunma) */
  --k2a-tap:         44px;
}

/* ==========================================================================
   1. TEMEL / ERISILEBILIRLIK
   ========================================================================== */
.k2a-skip {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: var(--k2a-z-toast);
  padding: 12px 18px;
  background: var(--k2-gold);
  color: var(--k2-text-ondark);
  font-weight: var(--k2-fw-heavy);
  border-radius: 0 0 var(--k2-radius-sm) 0;
}
.k2a-skip:focus { left: 0; color: var(--k2-text-ondark); }

.k2a-sr {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* FontAwesome glifleri ozel kullanim alani (PUA) karakterleridir; ust olcek
   text-transform:uppercase mirasi onlari bozup harfe cevirebiliyor (hero kicker'da
   fa-shield "Ü" olarak ciziliyordu). Ikonlar asla donusturulmez. */
.fa { text-transform: none; font-variant: normal; }

/* Klavye odagi: her yerde gorunur halka */
a:focus-visible,
button:focus-visible,
[role="tab"]:focus-visible,
.k2a-nav a:focus-visible,
.k2a-btn:focus-visible {
  outline: 2px solid var(--k2-gold);
  outline-offset: 2px;
  border-radius: var(--k2-radius-xs);
}

/* Mobil sheet acikken arka plan kaymasin (scroll-lock) */
body.k2a-locked {
  overflow: hidden;
  /* iOS Safari: pozisyon korunur, arka plan zipla-maz */
  touch-action: none;
}

/* Ozel kaydirma cubugu (k2-ui-polish.css'ten absorbe) */
* { scrollbar-width: thin; scrollbar-color: rgba(255, 215, 106, .35) transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: rgba(255, 255, 255, .03); }
::-webkit-scrollbar-thumb {
  background: rgba(255, 215, 106, .28);
  border-radius: var(--k2-radius-pill);
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background: rgba(255, 215, 106, .5); background-clip: content-box; }

/* ==========================================================================
   2. KABUK: UTILITY STRIP (ince ust serit)
   ========================================================================== */
.k2a-utility {
  position: relative;
  z-index: var(--k2a-z-nav);
  min-height: var(--k2a-utility-h);
  background: rgba(6, 9, 14, .92);
  border-bottom: 1px solid var(--k2-border);
  font-size: var(--k2-fs-xs);
}
.k2a-utility__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--k2-space-4);
  min-height: var(--k2a-utility-h);
  max-width: var(--k2a-container);
  margin: 0 auto;
  padding: 0 var(--k2-space-4);
}
.k2a-utility__group {
  display: flex;
  align-items: center;
  gap: var(--k2-space-2);
  min-width: 0;
}

/* Canli sunucu durumu — GERCEK veri (CURRENTUSER x OnlineBugu) */
.k2a-status {
  display: inline-flex;
  align-items: center;
  gap: var(--k2-space-2);
  padding: 4px 10px;
  border: 1px solid rgba(95, 224, 136, .35);
  border-radius: var(--k2-radius-pill);
  background: rgba(95, 224, 136, .08);
  color: var(--k2-green-soft);
  font-size: var(--k2-fs-xs);
  font-weight: var(--k2-fw-bold);
  white-space: nowrap;
}
.k2a-status b { color: #fff; font-weight: var(--k2-fw-heavy); }
.k2a-status__dot {
  width: 7px; height: 7px;
  border-radius: var(--k2-radius-round);
  background: var(--k2-green);
  box-shadow: 0 0 0 0 rgba(95, 224, 136, .7);
  animation: k2aPulse 2.4s ease-out infinite;
  flex: 0 0 auto;
}
.k2a-status--down { border-color: rgba(229, 72, 77, .4); background: rgba(229, 72, 77, .1); color: #ffb3b5; }
.k2a-status--down .k2a-status__dot { background: var(--k2-danger); animation: none; }
@keyframes k2aPulse {
  0%   { box-shadow: 0 0 0 0 rgba(95, 224, 136, .55); }
  70%  { box-shadow: 0 0 0 7px rgba(95, 224, 136, 0); }
  100% { box-shadow: 0 0 0 0 rgba(95, 224, 136, 0); }
}

/* --- CUZDAN PODU: TL Bakiye / Pazar / Premium ------------------------------
   Uc bagimsiz kucuk link yerine TEK mavi, yuvarlak (pill) kapsayici.
   Ikonlar dairesel rozet icindedir; metinler buyutulmus ve nefes almasi icin
   araliklari acilmistir. Uclu grup bir arada tek bir "cuzdan" birimi okunur. */
.k2a-utility__group--wallet {
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(109, 179, 255, .34);
  border-radius: var(--k2-radius-pill);
  background:
    linear-gradient(180deg, rgba(109, 179, 255, .16), rgba(109, 179, 255, .06));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06),
              0 4px 14px rgba(23, 84, 160, .22);
}

.k2a-ulink {
  display: inline-flex;
  align-items: center;
  gap: var(--k2-space-2);
  min-height: 36px;
  padding: 0 var(--k2-space-4) 0 5px;
  border: 1px solid transparent;
  border-radius: var(--k2-radius-pill);
  color: #cfe2ff;
  font-size: var(--k2-fs-sm);
  font-weight: var(--k2-fw-bold);
  letter-spacing: .01em;
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--k2-t-fast) var(--k2-ease),
              background-color var(--k2-t-fast) var(--k2-ease),
              border-color var(--k2-t-fast) var(--k2-ease);
}
/* Ikon: dairesel rozet */
.k2a-ulink .fa {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  border-radius: var(--k2-radius-round);
  background: rgba(255, 255, 255, .08);
  color: #9fd0ff;
  font-size: 12px;
  transition: background-color var(--k2-t-fast) var(--k2-ease), color var(--k2-t-fast) var(--k2-ease);
}
.k2a-ulink:hover,
.k2a-ulink:focus {
  color: #fff;
  background: rgba(109, 179, 255, .20);
  border-color: rgba(109, 179, 255, .45);
  text-decoration: none;
}
.k2a-ulink:hover .fa,
.k2a-ulink:focus .fa { background: rgba(255, 255, 255, .16); color: #fff; }
.k2a-ulink:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(109, 179, 255, .40); }

/* Vurgu varyantlari: yalnizca IKON rozeti renklenir, kapsayici mavi kalir. */
.k2a-ulink--gold .fa { background: rgba(255, 215, 106, .16); color: var(--k2-gold); }
.k2a-ulink--gold:hover .fa, .k2a-ulink--gold:focus .fa { background: var(--k2-grad-gold); color: var(--k2-text-ondark); }
.k2a-ulink--cyan .fa { background: rgba(34, 207, 224, .16); color: var(--k2-cyan); }
.k2a-ulink--cyan:hover .fa, .k2a-ulink--cyan:focus .fa { background: rgba(34, 207, 224, .30); color: var(--k2-cyan-soft); }

.k2a-udiv { width: 1px; height: 16px; background: var(--k2-border); flex: 0 0 auto; }
/* Cuzdan podunun icindeki ayirici gereksiz: pod zaten gruplamayi anlatiyor. */
.k2a-utility__group--wallet .k2a-udiv { display: none; }

/* Sosyal ikonlar */
.k2a-social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px; height: 30px;
  border-radius: var(--k2-radius-sm);
  color: var(--k2-text-muted);
  transition: color var(--k2-t-fast) var(--k2-ease), background-color var(--k2-t-fast) var(--k2-ease);
}
.k2a-social:hover, .k2a-social:focus { color: var(--k2-gold); background: var(--k2a-rune-soft); }
.k2a-social .fa { font-size: 15px; line-height: 1; }
.k2a-social svg { width: 15px; height: 15px; fill: currentColor; display: block; }

/* Dil secici */
.k2a-lang { display: inline-flex; align-items: center; gap: 4px; }
.k2a-lang a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px; height: 22px;
  border-radius: 4px;
  border: 1px solid transparent;
  opacity: .55;
  transition: opacity var(--k2-t-fast) var(--k2-ease), border-color var(--k2-t-fast) var(--k2-ease);
}
.k2a-lang a:hover, .k2a-lang a:focus, .k2a-lang a.is-active { opacity: 1; border-color: var(--k2a-rune); }
.k2a-lang img { width: 20px; height: auto; display: block; border-radius: 2px; }

/* ==========================================================================
   3. KABUK: MASTHEAD (yapisik ust bar — logo + nav + hesap)
   ========================================================================== */
.k2a-masthead {
  position: sticky;
  top: 0;
  z-index: var(--k2a-z-nav);
  background: var(--k2a-shell-bg);
  -webkit-backdrop-filter: var(--k2a-shell-blur);
  backdrop-filter: var(--k2a-shell-blur);
  border-bottom: 1px solid var(--k2-border);
  box-shadow: 0 1px 0 rgba(255, 215, 106, .10), 0 10px 30px rgba(0, 0, 0, .35);
}
.k2a-masthead__inner {
  display: flex;
  align-items: center;
  gap: var(--k2-space-3);
  max-width: var(--k2a-container);
  min-height: var(--k2a-masthead-h);
  margin: 0 auto;
  padding: 0 var(--k2-space-4);
}

/* Marka: kare logo isareti + kelime markasi (logo.png 215x215 bir amblem, wordmark degil) */
.k2a-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  order: 1;
  height: var(--k2a-masthead-h);
  padding-right: var(--k2-space-3);
  text-decoration: none;
}
.k2a-brand:hover, .k2a-brand:focus { text-decoration: none; }
.k2a-brand img { width: 42px; height: 42px; object-fit: contain; display: block; flex: 0 0 auto; }
.k2a-brand__word { display: flex; flex-direction: column; gap: 2px; line-height: 1; }
.k2a-brand__name {
  color: var(--k2-text);
  font-size: 15px;
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.k2a-brand:hover .k2a-brand__name { color: var(--k2-gold); }
.k2a-brand__sub {
  color: var(--k2-gold);
  font-size: 9px;
  font-weight: var(--k2-fw-bold);
  letter-spacing: .18em;
  text-transform: uppercase;
  white-space: nowrap;
}
.k2a-brand:focus-visible { outline-offset: -2px; }

/* Nav govdesi (masaustu) */
.k2a-navwrap { order: 2; flex: 1 1 auto; min-width: 0; display: flex; justify-content: flex-end; }

/* Hesap kumesi */
.k2a-account {
  order: 3;
  display: flex;
  align-items: center;
  gap: var(--k2-space-2);
  flex: 0 0 auto;
}

/* Mobil hamburger */
.k2a-burger {
  order: 0;
  display: none;
  align-items: center;
  justify-content: center;
  width: var(--k2a-tap);
  height: var(--k2a-tap);
  padding: 0;
  border: 1px solid var(--k2-border-strong);
  border-radius: var(--k2-radius-sm);
  background: var(--k2-surface-2);
  color: var(--k2-text);
  cursor: pointer;
}
.k2a-burger:hover, .k2a-burger:focus { border-color: var(--k2a-rune); color: var(--k2-gold); }
.k2a-burger .fa { font-size: 18px; }

/* ==========================================================================
   4. BUTONLAR (tek olcek — tokens'taki .k2-btn ile ayni dil)
   ========================================================================== */
.k2a-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--k2-space-2);
  min-height: 40px;
  padding: 0 var(--k2-space-4);
  border: 1px solid var(--k2-border-strong);
  border-radius: var(--k2-radius-btn);
  background: var(--k2-surface-2);
  color: var(--k2-text);
  font-family: var(--k2-font-sans);
  font-size: var(--k2-fs-sm);
  font-weight: var(--k2-fw-heavy);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: transform var(--k2-t-fast) var(--k2-ease),
              box-shadow var(--k2-t-fast) var(--k2-ease),
              border-color var(--k2-t-fast) var(--k2-ease),
              background-color var(--k2-t-fast) var(--k2-ease);
}
.k2a-btn:hover, .k2a-btn:focus { transform: translateY(-1px); box-shadow: var(--k2-shadow-md); text-decoration: none; color: var(--k2-text); }
.k2a-btn:active { transform: translateY(0); }
.k2a-btn .fa { font-size: 14px; }

.k2a-btn--gold {
  background: var(--k2-grad-gold);
  border-color: rgba(73, 42, 0, .95);
  color: var(--k2-text-ondark);
  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
  box-shadow: var(--k2-shadow-gold), var(--k2-shadow-inset);
}
.k2a-btn--gold:hover, .k2a-btn--gold:focus { color: var(--k2-text-ondark); }
.k2a-btn--gold .fa { color: #5a3a00; }

.k2a-btn--cyan {
  background: var(--k2-grad-cyan);
  border-color: rgba(4, 54, 74, .92);
  color: #03313f;
  box-shadow: 0 10px 22px rgba(10, 140, 196, .32), var(--k2-shadow-inset);
}
.k2a-btn--cyan:hover, .k2a-btn--cyan:focus { color: #03313f; }

.k2a-btn--ghost { background: rgba(255, 255, 255, .03); border-color: var(--k2-border-strong); color: var(--k2-text-soft); }
.k2a-btn--ghost:hover, .k2a-btn--ghost:focus { border-color: var(--k2a-rune); color: var(--k2-gold); background: var(--k2a-rune-soft); }

/* Kirmizi / acil eylem — "Karakteri Kurtar" gibi kurtarma butonlari icin */
.k2a-btn--danger {
  background: linear-gradient(180deg, #ff7376 0%, #e5484d 52%, #b81f24 100%);
  border-color: rgba(120, 18, 22, .95);
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .28);
  box-shadow: 0 10px 22px rgba(229, 72, 77, .34), var(--k2-shadow-inset);
}
.k2a-btn--danger:hover, .k2a-btn--danger:focus { color: #fff; filter: brightness(1.06); }
.k2a-btn--danger .fa { color: #ffe3e3; }

/* Masthead icindeki kompakt kurtarma butonu — hesap kumesinde her zaman gorunur */
.k2a-rescue-btn { margin-right: var(--k2-space-2); }
.k2a-rescue-btn .fa { animation: k2a-rescue-pulse 2.6s ease-in-out infinite; }
@keyframes k2a-rescue-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.14); } }
@media (prefers-reduced-motion: reduce) { .k2a-rescue-btn .fa { animation: none; } }
@media (max-width: 1024px) {
  .k2a-rescue-btn__label { display: none; }
  .k2a-rescue-btn { padding-left: 12px; padding-right: 12px; }
}
@media (max-width: 720px) { .k2a-rescue-btn { display: none; } }

/* Utility strip (en ust serit) sol-ust "Ban Actirma Talebi" — DOLU KIRMIZI UI.
   Masthead nav'la cakismamasi icin en ust seride, en sola konumlandi. */
.k2a-banappeal-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-right: var(--k2-space-3);
  padding: 8px 18px;
  border-radius: 999px;
  border: 1px solid rgba(150, 22, 26, .9);
  background: linear-gradient(180deg, #ef4d52 0%, #d3282e 52%, #a81a20 100%);
  color: #fff;
  font-size: 13.5px;
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(211, 40, 46, .36);
}
.k2a-banappeal-btn:hover, .k2a-banappeal-btn:focus { color: #fff; filter: brightness(1.07); text-decoration: none; }
.k2a-banappeal-btn .fa { color: #ffe0e0; font-size: 13.5px; }
/* Mobil sheet icindeki (k2a-btn--wide) surumu genis kalir; utility surumu daralinca ikon-only */
@media (max-width: 560px) {
  .k2a-utility .k2a-banappeal-btn .k2a-banappeal-btn__label { display: none; }
  .k2a-utility .k2a-banappeal-btn { padding: 5px 10px; }
}
/* Sheet icindeki buton dolu kirmizi olsun */
.k2a-sheet__grid .k2a-banappeal-btn { justify-content: center; width: 100%; padding: 10px 14px; font-size: 13px; }

.k2a-btn--lg  { min-height: 52px; padding: 0 var(--k2-space-6); font-size: var(--k2-fs-md); border-radius: var(--k2-radius-md); }
.k2a-btn--sm  { min-height: 32px; padding: 0 var(--k2-space-3); font-size: var(--k2-fs-xs); }
.k2a-btn--block { width: 100%; }
.k2a-btn[aria-disabled="true"], .k2a-btn:disabled { opacity: .45; pointer-events: none; }

/* ==========================================================================
   5. NAVIGASYON (masaustu) — hit-test temiz
   ========================================================================== */
.k2a-nav { display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; }
/* Hicbir sekme ezilmez: CTA'nin ic metnini kirpan flex-shrink kapatildi
   (olculdu: shrink acikken CTA scrollWidth 251 -> clientWidth 50 idi). */
.k2a-nav > li { position: relative; display: flex; align-items: center; flex: 0 0 auto; }

.k2a-nav > li > a {
  position: relative;   /* HIT-TEST: pseudo elemanlar bu kutuda kalsin */
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 44px;
  padding: 0 11px;
  border-radius: var(--k2-radius-sm);
  color: var(--k2-text-soft);
  font-size: var(--k2-fs-sm);
  font-weight: var(--k2-fw-medium);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--k2-t-fast) var(--k2-ease), background-color var(--k2-t-fast) var(--k2-ease);
}
/* HIT-TEST GUVENLIGI: temadan gelen dekoratif pseudo'lar tiklamayi yutmasin */
.k2a-nav > li > a::before,
.k2a-nav > li > a::after { pointer-events: none; }

.k2a-nav > li > a:hover,
.k2a-nav > li > a:focus,
.k2a-nav > li.open > a,
.k2a-nav > li.k2-hoveropen > a {
  color: var(--k2-gold);
  background: var(--k2a-rune-soft);
  text-decoration: none;
}
.k2a-nav > li.active > a {
  color: var(--k2-gold);
  background: rgba(255, 215, 106, .14);
  box-shadow: inset 0 -2px 0 var(--k2-gold);
}
.k2a-nav__icon { font-size: 13px; opacity: .8; }
.k2a-nav > li > a:hover .k2a-nav__icon,
.k2a-nav > li.active > a .k2a-nav__icon { opacity: 1; }
.k2a-nav__caret { font-size: 11px; opacity: .6; transition: transform var(--k2-t-fast) var(--k2-ease); }
.k2a-nav > li.open > a .k2a-nav__caret,
.k2a-nav > li.k2-hoveropen > a .k2a-nav__caret { transform: rotate(180deg); }

/* Rehber CTA (guide-header-cta.css'ten absorbe — artik yama degil, bilesen) */
.k2a-nav > li.k2gd-nav-cta > a {
  display: inline-grid;
  grid-template-columns: 16px minmax(0, auto);
  align-items: center;
  column-gap: 8px;
  height: 46px;
  margin-left: 6px;
  padding: 0 13px;
  border: 1px solid rgba(237, 190, 75, .55);
  border-radius: var(--k2-radius-sm);
  background: linear-gradient(112deg, rgba(93, 25, 17, .92), rgba(29, 17, 12, .96) 55%, rgba(10, 12, 17, .98));
  box-shadow: inset 0 1px 0 rgba(255, 240, 187, .12), 0 0 16px rgba(204, 71, 30, .18);
  color: #ffe3a0;
  overflow: hidden;
}
.k2a-nav > li.k2gd-nav-cta > a:hover,
.k2a-nav > li.k2gd-nav-cta > a:focus,
.k2a-nav > li.k2gd-nav-cta.active > a {
  border-color: rgba(255, 218, 115, .9);
  background: linear-gradient(112deg, rgba(117, 31, 18, .96), rgba(42, 22, 12, .97) 55%, rgba(13, 15, 20, .99));
  box-shadow: inset 0 1px 0 rgba(255, 240, 187, .18), 0 0 22px rgba(224, 91, 34, .32);
  color: #fff3d4;
}
.k2a-nav > li.k2gd-nav-cta .k2a-nav__icon { grid-row: 1 / 3; align-self: center; color: #f4c85e; opacity: 1; font-size: 15px; }
.k2a-nav__cta-copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; line-height: 1; }
.k2a-nav__cta-title { font-size: 11px; font-weight: 900; letter-spacing: .02em; white-space: nowrap; }
.k2a-nav__cta-badge { font-size: 8px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #f2b94d; white-space: nowrap; }

/* ==========================================================================
   6. MEGA MENU
   ========================================================================== */
.k2a-mega {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: var(--k2a-z-mega);
  display: none;
  min-width: 260px;
  max-width: min(880px, calc(100vw - 32px));
  padding: var(--k2-space-4);
  border: 1px solid var(--k2-border);
  border-top: 2px solid var(--k2a-rune);
  border-radius: var(--k2-radius-md);
  background: #10141d;
  box-shadow: var(--k2-shadow-lg);
  /* Viewport tasmasini engelle: JS --k2-shift atar */
  transform: translateX(var(--k2-shift, 0px));
}
.k2a-nav > li.open > .k2a-mega,
.k2a-nav > li.k2-hoveropen > .k2a-mega { display: grid; }

.k2a-mega--cols3 { grid-template-columns: repeat(3, minmax(190px, 1fr)); gap: var(--k2-space-4); }
.k2a-mega--cols2 { grid-template-columns: repeat(2, minmax(200px, 1fr)); gap: var(--k2-space-4); }
.k2a-mega--cols1 { grid-template-columns: minmax(240px, 1fr); }

/* Sagdaki menuler viewport'tan tasmasin */
.k2a-nav > li:nth-last-child(-n+2) > .k2a-mega { left: auto; right: 0; }

.k2a-mega__col { min-width: 0; }
.k2a-mega__title {
  display: block;
  margin: 0 0 var(--k2-space-2);
  padding: 0 8px;
  color: var(--k2-gold);
  font-size: 10px;
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.k2a-mega__list { margin: 0; padding: 0; list-style: none; }
.k2a-mega__list > li { margin: 0; }
.k2a-mega__list > li > a {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 38px;
  padding: 6px 8px;
  border-radius: var(--k2-radius-xs);
  color: var(--k2-text-soft);
  font-size: var(--k2-fs-sm);
  text-decoration: none;
  transition: background-color var(--k2-t-fast) var(--k2-ease), color var(--k2-t-fast) var(--k2-ease);
}
.k2a-mega__list > li > a:hover,
.k2a-mega__list > li > a:focus { background: var(--k2a-rune-soft); color: var(--k2-gold); text-decoration: none; }
.k2a-mega__list .fa { width: 16px; text-align: center; opacity: .75; flex: 0 0 auto; }
.k2a-mega__list img { width: 18px; height: 18px; object-fit: contain; flex: 0 0 auto; }
.k2a-mega__date { margin-left: auto; padding-left: 8px; color: var(--k2-text-faint); font-size: 10px; white-space: nowrap; }

.k2a-mega__note {
  grid-column: 1 / -1;
  margin: var(--k2-space-2) 0 0;
  padding: var(--k2-space-3);
  border-top: 1px solid var(--k2-border);
  color: var(--k2-text-muted);
  font-size: var(--k2-fs-sm);
  line-height: var(--k2-lh-base);
}
.k2a-mega__note a { color: var(--k2-gold); font-weight: var(--k2-fw-bold); }

/* ==========================================================================
   7. HESAP KUMESI (giris yapmis / misafir)
   ========================================================================== */
.k2a-user { position: relative; display: flex; align-items: center; }
.k2a-user__toggle {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 44px;
  padding: 0 10px 0 6px;
  border: 1px solid var(--k2-border);
  border-radius: var(--k2-radius-pill);
  background: rgba(255, 255, 255, .03);
  color: var(--k2-text);
  text-decoration: none;
  cursor: pointer;
  transition: border-color var(--k2-t-fast) var(--k2-ease), background-color var(--k2-t-fast) var(--k2-ease);
}
.k2a-user__toggle:hover,
.k2a-user__toggle:focus,
.k2a-user.open .k2a-user__toggle { border-color: var(--k2a-rune); background: var(--k2a-rune-soft); color: var(--k2-text); text-decoration: none; }
.k2a-user__avatar {
  width: 32px; height: 32px;
  border-radius: var(--k2-radius-round);
  border: 1px solid var(--k2a-rune);
  object-fit: cover;
  background: var(--k2-surface);
  flex: 0 0 auto;
}
.k2a-user__meta { display: flex; flex-direction: column; gap: 2px; min-width: 0; line-height: 1; text-align: left; }
.k2a-user__name { color: var(--k2-gold); font-size: var(--k2-fs-sm); font-weight: var(--k2-fw-heavy); max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.k2a-user__sub  { color: var(--k2-text-faint); font-size: 10px; white-space: nowrap; }

.k2a-user__menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: var(--k2a-z-mega);
  display: none;
  min-width: 230px;
  padding: var(--k2-space-2);
  border: 1px solid var(--k2-border);
  border-top: 2px solid var(--k2a-rune);
  border-radius: var(--k2-radius-md);
  background: #10141d;
  box-shadow: var(--k2-shadow-lg);
  margin: 0;
  list-style: none;
}
.k2a-user.open .k2a-user__menu { display: block; }
.k2a-user__menu > li > a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 0 10px;
  border-radius: var(--k2-radius-xs);
  color: var(--k2-text-soft);
  font-size: var(--k2-fs-sm);
  text-decoration: none;
}
.k2a-user__menu > li > a:hover,
.k2a-user__menu > li > a:focus { background: var(--k2a-rune-soft); color: var(--k2-gold); }
.k2a-user__menu > li > a .fa { width: 16px; text-align: center; opacity: .8; }
.k2a-user__menu .k2a-user__sep { height: 1px; margin: var(--k2-space-2) 4px; background: var(--k2-border); }
.k2a-user__menu .is-danger { color: #ff9a9c; }
.k2a-user__menu .is-danger:hover { background: rgba(229, 72, 77, .12); color: #ffb3b5; }

/* ==========================================================================
   8. MOBIL SHEET (yandan acilan menu) + BACKDROP
   ========================================================================== */
.k2a-backdrop {
  position: fixed;
  inset: 0;
  z-index: var(--k2a-z-backdrop);
  background: rgba(4, 7, 12, .72);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  opacity: 0;
  visibility: hidden;
  /* visibility ANINDA acilir, kapanirken solma bitince gizlenir.
     (visibility'yi opacity ile birlikte gecise sokmak acilisi 1 kare geciktiriyordu.) */
  transition: opacity var(--k2-t-base) var(--k2-ease), visibility 0s linear var(--k2-t-base);
}
body.k2a-sheet-open .k2a-backdrop {
  opacity: 1;
  visibility: visible;
  transition: opacity var(--k2-t-base) var(--k2-ease), visibility 0s linear 0s;
}
/* KRITIK (yigin baglami): sheet, .k2a-masthead'in COCUGU. Masthead sticky+z-index
   oldugu icin kendi yigin baglamini yaratir; icindeki z-index:1040 disariya cikamaz
   ve sheet, body seviyesindeki backdrop'in (1030) ALTINDA kalirdi. Sheet acikken
   masthead'i backdrop'in ustune al: alt agac (sheet + hamburger) tekrar gorunur/tiklanir. */
body.k2a-sheet-open .k2a-masthead { z-index: var(--k2a-z-sheet); }

@media (max-width: 1199px) {
  .k2a-burger { display: inline-flex; }

  /* KRITIK (icerme bloku): backdrop-filter, position:fixed ALT ELEMANLAR icin
     yeni bir icerme bloku (containing block) yaratir. Sheet masthead'in cocugu
     oldugundan, filtre acikken viewport'a degil MASTHEAD kutusuna gore konumlaniyor
     ve 60px'lik bir serit olarak cikiyordu (olculdu: y=39..99). Sheet'in kullanildigi
     bu breakpoint'te filtreyi kapatip yerine opak zemin veriyoruz. */
  .k2a-masthead {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: linear-gradient(180deg, #0b0e15, #0d1017);
  }

  /* KAPALI SHEET LAYOUTTAN TAMAMEN CIKAR.
     Onceden kapali sheet transform:translateX(100%) ile ekran disina itiliyordu; ama
     donusturulmus kutu hala kaydirma alanina sayiliyor. Sayfanin html/body overflow-x
     kuralini ezen her sablonda (olculdu: /Guide 360px -> 61px yatay tasma) bu sheet
     yatay kaydirma uretiyordu. Ayrica ekran disindaki linkler hala TAB ile
     odaklanabiliyordu (erisilebilirlik hatasi). display:none her ikisini de cozer;
     acilis animasyonu transition yerine keyframe ile calisir. */
  .k2a-navwrap { display: none; }
  body.k2a-sheet-open .k2a-navwrap { display: block; animation: k2aSheetIn var(--k2-t-slow) var(--k2-ease) both; }
  @keyframes k2aSheetIn { from { transform: translateX(100%); } to { transform: translateX(0); } }

  .k2a-navwrap {
    position: fixed;
    top: 0; right: 0; bottom: 0;
    z-index: var(--k2a-z-sheet);
    width: min(360px, 88vw);
    padding: var(--k2-space-4) var(--k2-space-4) var(--k2-space-10);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    background: linear-gradient(180deg, #0f131b, #0a0d13);
    border-left: 1px solid var(--k2-border);
    box-shadow: -20px 0 50px rgba(0, 0, 0, .6);
  }

  .k2a-sheet__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--k2-space-3);
    padding-bottom: var(--k2-space-4);
    margin-bottom: var(--k2-space-3);
    border-bottom: 1px solid var(--k2-border);
  }
  .k2a-sheet__title { color: var(--k2-gold); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
  .k2a-sheet__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--k2a-tap); height: var(--k2a-tap);
    border: 1px solid var(--k2-border-strong);
    border-radius: var(--k2-radius-sm);
    background: var(--k2-surface-2);
    color: var(--k2-text);
    cursor: pointer;
  }
  .k2a-sheet__close:hover, .k2a-sheet__close:focus { border-color: var(--k2a-rune); color: var(--k2-gold); }

  .k2a-nav { flex-direction: column; align-items: stretch; gap: 2px; width: 100%; }
  .k2a-nav > li { display: block; width: 100%; }
  .k2a-nav > li > a { width: 100%; height: auto; min-height: var(--k2a-tap); padding: 12px 12px; font-size: var(--k2-fs-base); }
  .k2a-nav > li.active > a { box-shadow: inset 3px 0 0 var(--k2-gold); }
  .k2a-nav__caret { margin-left: auto; }

  /* Mega menu → akordiyon */
  .k2a-mega {
    position: static;
    display: none;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 2px 0 var(--k2-space-2);
    padding: var(--k2-space-2);
    border: 1px solid var(--k2-border);
    border-left: 2px solid var(--k2a-rune);
    border-radius: var(--k2-radius-sm);
    background: rgba(255, 255, 255, .02);
    box-shadow: none;
    transform: none;
  }
  .k2a-nav > li.open > .k2a-mega { display: block; }
  .k2a-nav > li.k2-hoveropen > .k2a-mega { display: none; }   /* mobilde hover yok */
  .k2a-nav > li.open.k2-hoveropen > .k2a-mega { display: block; }
  .k2a-mega__col + .k2a-mega__col { margin-top: var(--k2-space-3); }
  .k2a-mega__list > li > a { min-height: var(--k2a-tap); }
  .k2a-mega__note { padding: var(--k2-space-2); font-size: var(--k2-fs-xs); }

  /* CTA sheet basina */
  .k2a-nav > li.k2gd-nav-cta { order: -1; margin-bottom: var(--k2-space-2); }
  .k2a-nav > li.k2gd-nav-cta > a { width: 100%; height: auto; min-height: 60px; margin: 0; padding: 12px 14px; }
  .k2a-nav__cta-title { font-size: 12px; }
  .k2a-nav__cta-badge { font-size: 9px; }

  /* Sheet icindeki hesap + cuzdan blogu */
  .k2a-sheet__section { margin-top: var(--k2-space-4); padding-top: var(--k2-space-4); border-top: 1px solid var(--k2-border); }
  .k2a-sheet__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--k2-space-2); }
  .k2a-sheet__grid .k2a-btn { width: 100%; min-height: var(--k2a-tap); }
  .k2a-sheet__grid .k2a-btn--wide { grid-column: 1 / -1; }
}

@media (min-width: 1200px) {
  .k2a-sheet__head,
  .k2a-sheet__section { display: none; }
}

/* ==========================================================================
   9. BOLUM BASLIGI / KART / IZGARA
   ========================================================================== */
.k2a-shell-main { min-height: 40vh; }

.k2a-section { padding: var(--k2-space-10) 0; }
.k2a-section--tight { padding: var(--k2-space-6) 0; }
.k2a-wrap { max-width: var(--k2a-container); margin: 0 auto; padding: 0 var(--k2-space-4); }

.k2a-shead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--k2-space-4);
  flex-wrap: wrap;
  margin-bottom: var(--k2-space-6);
}
.k2a-shead__kicker {
  display: block;
  margin-bottom: 6px;
  color: var(--k2-gold);
  font-size: 11px;
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .16em;
  text-transform: uppercase;
}
.k2a-shead__title {
  margin: 0;
  color: var(--k2-text);
  font-size: var(--k2-fs-xl);
  font-weight: var(--k2-fw-heavy);
  line-height: var(--k2-lh-tight);
}
.k2a-shead__sub { margin: 6px 0 0; color: var(--k2-text-muted); font-size: var(--k2-fs-base); line-height: var(--k2-lh-base); max-width: 68ch; }

/* Kart ici baslik: susleme yok, sadece baslik + eylem */
.k2a-shead--card {
  align-items: center;
  margin-bottom: var(--k2-space-4);
  padding-bottom: var(--k2-space-3);
  border-bottom: 1px solid var(--k2-border);
}
.k2a-shead__title--sm {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: var(--k2-fs-md);
}
.k2a-shead__title--sm .fa { color: var(--k2-gold); font-size: 15px; }

.k2a-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: var(--k2-space-5);
  border: 1px solid var(--k2-border);
  border-radius: var(--k2-radius-card);
  background: var(--k2-grad-surface);
  box-shadow: var(--k2-shadow-md), var(--k2-shadow-inset);
  color: var(--k2-text);
  transition: transform var(--k2-t-base) var(--k2-ease),
              border-color var(--k2-t-base) var(--k2-ease),
              box-shadow var(--k2-t-base) var(--k2-ease);
}
.k2a-card__title { margin: 0 0 var(--k2-space-2); font-size: var(--k2-fs-md); font-weight: var(--k2-fw-heavy); color: var(--k2-text); }
.k2a-card__body { margin: 0; color: var(--k2-text-muted); font-size: var(--k2-fs-sm); line-height: var(--k2-lh-base); }
.k2a-card__foot { margin-top: auto; padding-top: var(--k2-space-4); }

/* Tiklanabilir kart: tum yuzey link (stretched link) — hover-only DEGIL */
.k2a-card--link:hover,
.k2a-card--link:focus-within {
  transform: translateY(-2px);
  border-color: var(--k2a-rune);
  box-shadow: var(--k2-shadow-lg), 0 0 0 1px var(--k2a-rune-soft);
}
.k2a-card__hit::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }

.k2a-grid { display: grid; gap: var(--k2-space-4); }
.k2a-grid--2 { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.k2a-grid--3 { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.k2a-grid--4 { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }

/* ==========================================================================
   10. DURUM BLOKLARI (bos / yukleniyor / hata / yetki)
   ========================================================================== */
.k2a-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--k2-space-3);
  padding: var(--k2-space-10) var(--k2-space-5);
  border: 1px dashed var(--k2-border-strong);
  border-radius: var(--k2-radius-card);
  background: rgba(255, 255, 255, .02);
  text-align: center;
}
.k2a-state__icon { font-size: 34px; color: var(--k2-text-faint); }
.k2a-state__title { margin: 0; color: var(--k2-text); font-size: var(--k2-fs-md); font-weight: var(--k2-fw-heavy); }
.k2a-state__body { margin: 0; max-width: 52ch; color: var(--k2-text-muted); font-size: var(--k2-fs-sm); line-height: var(--k2-lh-base); }
.k2a-state--error { border-color: rgba(229, 72, 77, .38); background: rgba(229, 72, 77, .05); }
.k2a-state--error .k2a-state__icon { color: var(--k2-danger); }
.k2a-state--locked .k2a-state__icon { color: var(--k2-warning); }

.k2a-skel {
  position: relative;
  overflow: hidden;
  border-radius: var(--k2-radius-sm);
  background: rgba(255, 255, 255, .05);
}
.k2a-skel::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .07), transparent);
  animation: k2aShimmer 1.4s infinite;
}
@keyframes k2aShimmer { 100% { transform: translateX(100%); } }
.k2a-skel--line { height: 12px; margin-bottom: 8px; }
.k2a-skel--title { height: 20px; width: 45%; margin-bottom: 14px; }

/* ==========================================================================
   11. TABLO / FORM
   ========================================================================== */
.k2a-tablewrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--k2-border);
  border-radius: var(--k2-radius-md);
  background: var(--k2-surface);
}
.k2a-table { width: 100%; border-collapse: collapse; font-size: var(--k2-fs-sm); }
.k2a-table th {
  padding: 12px 14px;
  border-bottom: 1px solid var(--k2-border-strong);
  background: rgba(255, 255, 255, .03);
  color: var(--k2-gold);
  font-size: 10px;
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .1em;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
}
.k2a-table td { padding: 12px 14px; border-bottom: 1px solid var(--k2-border); color: var(--k2-text-soft); }
.k2a-table tbody tr:last-child td { border-bottom: 0; }
.k2a-table tbody tr:hover td { background: rgba(255, 215, 106, .04); }

.k2a-field { display: block; margin-bottom: var(--k2-space-4); }
.k2a-label { display: block; margin-bottom: 6px; color: var(--k2-text-soft); font-size: var(--k2-fs-sm); font-weight: var(--k2-fw-medium); }
.k2a-input {
  width: 100%;
  min-height: var(--k2a-tap);
  padding: 0 var(--k2-space-4);
  border: 1px solid var(--k2-border-strong);
  border-radius: var(--k2-radius-sm);
  background: var(--k2-bg-elev);
  color: var(--k2-text);
  font-size: var(--k2-fs-base);
  transition: border-color var(--k2-t-fast) var(--k2-ease), box-shadow var(--k2-t-fast) var(--k2-ease);
}
.k2a-input::placeholder { color: var(--k2-text-faint); }
.k2a-input:focus { outline: none; border-color: var(--k2a-rune); box-shadow: var(--k2-focus-ring); }
.k2a-input[aria-invalid="true"] { border-color: var(--k2-danger); }
.k2a-help { display: block; margin-top: 6px; color: var(--k2-text-faint); font-size: var(--k2-fs-xs); }
.k2a-help--error { color: #ff9a9c; }

/* ==========================================================================
   12. YUKARI CIK (k2-ui-polish.css'ten absorbe)
   ========================================================================== */
#scroll,
.k2a-totop {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: var(--k2a-z-sticky);
  display: none;
  align-items: center;
  justify-content: center;
  width: 46px; height: 46px;
  border: 1px solid var(--k2a-rune);
  border-radius: var(--k2-radius-round);
  background: rgba(20, 26, 36, .9);
  color: var(--k2-gold);
  cursor: pointer;
  box-shadow: var(--k2-shadow-md);
  transition: transform var(--k2-t-fast) var(--k2-ease), background-color var(--k2-t-fast) var(--k2-ease);
}
#scroll:hover, .k2a-totop:hover { transform: translateY(-2px); background: rgba(255, 215, 106, .16); }
#scroll.is-on, .k2a-totop.is-on { display: flex; }

/* ==========================================================================
   13. FOOTER
   ========================================================================== */
.k2a-footer {
  margin-top: var(--k2-space-10);
  border-top: 1px solid var(--k2-border);
  background: linear-gradient(180deg, rgba(10, 13, 19, .6), rgba(6, 9, 14, .95));
  color: var(--k2-text-muted);
}
/* NOT: onceki grid `minmax(220px,1.4fr) repeat(auto-fit, minmax(150px,1fr))` idi.
   360px viewport'ta minimum talep 220+150+gap = ~420px oluyordu; footer 60px tasiyordu
   (olculdu: /Guide 360px -> footer scrollWidth 420). Cogu sayfada body overflow-x:hidden
   bunu GIZLIYORDU. Tasmayi maskelemek yerine izgarayi tasmayacak sekilde kuruyoruz. */
.k2a-footer__top {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
  gap: var(--k2-space-6);
  max-width: var(--k2a-container);
  margin: 0 auto;
  padding: var(--k2-space-10) var(--k2-space-4) var(--k2-space-6);
}
.k2a-footer__brand { grid-column: span 2; min-width: 0; }
@media (max-width: 520px) {
  .k2a-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .k2a-footer__brand { grid-column: 1 / -1; }
}
.k2a-footer__brand img { height: 52px; width: auto; margin-bottom: var(--k2-space-3); }
.k2a-footer__blurb { font-size: var(--k2-fs-sm); line-height: var(--k2-lh-base); max-width: 42ch; }
.k2a-footer__title {
  margin: 0 0 var(--k2-space-3);
  color: var(--k2-gold);
  font-size: 10px;
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.k2a-footer__list { margin: 0; padding: 0; list-style: none; }
.k2a-footer__list li { margin-bottom: 2px; }
.k2a-footer__list a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  color: var(--k2-text-muted);
  font-size: var(--k2-fs-sm);
  text-decoration: none;
}
.k2a-footer__list a:hover, .k2a-footer__list a:focus { color: var(--k2-gold); text-decoration: none; }
.k2a-footer__bottom {
  border-top: 1px solid var(--k2-border);
  padding: var(--k2-space-4);
}
.k2a-footer__bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--k2-space-3);
  flex-wrap: wrap;
  max-width: var(--k2a-container);
  margin: 0 auto;
  font-size: var(--k2-fs-xs);
  color: var(--k2-text-faint);
}

/* ==========================================================================
   14. TASMA GUVENLIGI (360px'te yatay kaydirma OLMAZ)
   ========================================================================== */
html, body { max-width: 100%; overflow-x: hidden; }
img, video, canvas, svg:not(.k2a-keep) { max-width: 100%; height: auto; }
pre, code { white-space: pre-wrap; word-break: break-word; }

@media (max-width: 1199px) {
  .k2a-masthead__inner { min-height: 60px; padding: 0 var(--k2-space-3); }
  .k2a-brand { height: 60px; }
  .k2a-brand img { height: 38px; max-width: 150px; }
  .k2a-utility__inner { justify-content: center; flex-wrap: wrap; padding: 6px var(--k2-space-3); }
  /* Utility'de yalnizca durum + dil kalir; gerisi sheet'e tasinir */
  .k2a-utility__group--wallet { display: none; }
  .k2a-account .k2a-account__guest { display: none; }
}

@media (max-width: 480px) {
  .k2a-utility__group--social { display: none; }
  .k2a-brand img { height: 34px; max-width: 128px; }
  .k2a-shead__title { font-size: var(--k2-fs-lg); }
  .k2a-section { padding: var(--k2-space-6) 0; }
}

@media (max-width: 360px) {
  .k2a-masthead__inner { gap: 6px; padding: 0 10px; }
  .k2a-brand img { height: 30px; max-width: 110px; }
  .k2a-status { padding: 3px 8px; font-size: 10px; }
}

/* ==========================================================================
   16. ANA SAYFA SAHNELERI (content.php — inline stil YOK)
   ========================================================================== */
.k2a-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--k2-border);
  background:
    radial-gradient(120% 140% at 85% 0%, rgba(255, 215, 106, .10), transparent 55%),
    radial-gradient(90% 120% at 0% 100%, rgba(34, 207, 224, .07), transparent 60%),
    linear-gradient(180deg, #0c1018, #0a0d13);
}
.k2a-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
  align-items: center;
  gap: var(--k2-space-10);
  max-width: var(--k2a-container);
  margin: 0 auto;
  padding: var(--k2-space-10) var(--k2-space-4);
}
.k2a-hero__kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: var(--k2-space-4);
  padding: 5px 12px;
  border: 1px solid var(--k2-border-gold);
  border-radius: var(--k2-radius-pill);
  background: var(--k2a-rune-soft);
  color: var(--k2-gold);
  font-size: 10px;
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.k2a-hero__title {
  margin: 0 0 var(--k2-space-3);
  color: #fff;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: var(--k2-fw-heavy);
  line-height: 1.1;
  letter-spacing: -.01em;
}
.k2a-hero__title em { font-style: normal; color: var(--k2-gold); }
.k2a-hero__lede {
  margin: 0 0 var(--k2-space-6);
  max-width: 54ch;
  color: var(--k2-text-muted);
  font-size: var(--k2-fs-md);
  line-height: var(--k2-lh-base);
}
.k2a-hero__cta { display: flex; flex-wrap: wrap; gap: var(--k2-space-3); }

/* Canli veri panosu — her hucre GERCEK bir kaynaktan */
.k2a-hero__board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--k2-space-3);
  padding: var(--k2-space-5);
  border: 1px solid var(--k2-border);
  border-radius: var(--k2-radius-card);
  background: rgba(13, 17, 25, .72);
  box-shadow: var(--k2-shadow-lg), var(--k2-shadow-inset);
}
.k2a-stat {
  padding: var(--k2-space-4);
  border: 1px solid var(--k2-border);
  border-radius: var(--k2-radius-md);
  background: rgba(255, 255, 255, .02);
  text-align: center;
}
.k2a-stat__val {
  display: block;
  color: #fff;
  font-size: 26px;
  font-weight: var(--k2-fw-heavy);
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.k2a-stat__lbl {
  display: block;
  margin-top: 6px;
  color: var(--k2-text-faint);
  font-size: 10px;
  font-weight: var(--k2-fw-bold);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.k2a-stat--live { border-color: rgba(95, 224, 136, .32); background: rgba(95, 224, 136, .06); }
.k2a-stat--live .k2a-stat__val { color: var(--k2-green-soft); }
.k2a-stat--wide { grid-column: 1 / -1; text-align: left; }
.k2a-stat__note { margin: 6px 0 0; color: var(--k2-text-muted); font-size: var(--k2-fs-xs); line-height: 1.5; }

/* Rehber bandi */
.k2a-band {
  display: flex;
  align-items: center;
  gap: var(--k2-space-5);
  flex-wrap: wrap;
  padding: var(--k2-space-5) var(--k2-space-6);
  border: 1px solid var(--k2-border-gold);
  border-radius: var(--k2-radius-card);
  background:
    radial-gradient(80% 140% at 100% 0%, rgba(255, 215, 106, .14), transparent 55%),
    linear-gradient(120deg, rgba(20, 26, 42, .95), rgba(10, 13, 22, .92));
  text-decoration: none;
  transition: border-color var(--k2-t-base) var(--k2-ease), transform var(--k2-t-base) var(--k2-ease);
}
.k2a-band:hover, .k2a-band:focus { border-color: var(--k2-gold); transform: translateY(-2px); text-decoration: none; }
.k2a-band__icon { font-size: 28px; color: var(--k2-gold); flex: 0 0 auto; }
.k2a-band__copy { flex: 1 1 320px; min-width: 240px; }
.k2a-band__kicker { display: block; color: var(--k2-gold); font-size: 10px; font-weight: var(--k2-fw-heavy); letter-spacing: .12em; text-transform: uppercase; }
.k2a-band__title { display: block; margin-top: 4px; color: #fff; font-size: var(--k2-fs-md); font-weight: var(--k2-fw-heavy); }
.k2a-band__sub { display: block; margin-top: 4px; color: var(--k2-text-muted); font-size: var(--k2-fs-sm); line-height: var(--k2-lh-base); }
.k2a-band__classes { display: flex; gap: 6px; flex: 0 0 auto; }
.k2a-band__dot { width: 26px; height: 26px; border-radius: var(--k2-radius-round); border: 1px solid rgba(255, 255, 255, .18); display: inline-block; }

/* Siralama listesi */
.k2a-tabs { display: flex; gap: 4px; margin-bottom: var(--k2-space-4); border-bottom: 1px solid var(--k2-border); }
.k2a-tabs button {
  min-height: var(--k2a-tap);
  padding: 0 var(--k2-space-4);
  border: 0;
  border-bottom: 2px solid transparent;
  background: none;
  color: var(--k2-text-muted);
  font-size: var(--k2-fs-sm);
  font-weight: var(--k2-fw-bold);
  cursor: pointer;
}
.k2a-tabs button:hover { color: var(--k2-text); }
.k2a-tabs button[aria-selected="true"] { color: var(--k2-gold); border-bottom-color: var(--k2-gold); }

.k2a-rank { margin: 0; padding: 0; list-style: none; }
.k2a-rank > li {
  display: flex;
  align-items: center;
  gap: var(--k2-space-3);
  min-height: 52px;
  padding: 8px var(--k2-space-3);
  border-bottom: 1px solid var(--k2-border);
}
.k2a-rank > li:last-child { border-bottom: 0; }
.k2a-rank > li:hover { background: rgba(255, 215, 106, .04); }
.k2a-rank__no {
  flex: 0 0 auto;
  width: 26px;
  color: var(--k2-text-faint);
  font-size: var(--k2-fs-sm);
  font-weight: var(--k2-fw-heavy);
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.k2a-rank > li:nth-child(1) .k2a-rank__no { color: #ffd76a; }
.k2a-rank > li:nth-child(2) .k2a-rank__no { color: #d6dce6; }
.k2a-rank > li:nth-child(3) .k2a-rank__no { color: #d99b62; }
.k2a-rank__name {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--k2-text);
  font-size: var(--k2-fs-base);
  font-weight: var(--k2-fw-medium);
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.k2a-rank__name:hover { color: var(--k2-gold); text-decoration: none; }
.k2a-rank__np { flex: 0 0 auto; color: var(--k2-gold); font-size: var(--k2-fs-sm); font-weight: var(--k2-fw-heavy); font-variant-numeric: tabular-nums; text-align: right; }
.k2a-rank__np small { display: block; color: var(--k2-text-faint); font-size: 10px; font-weight: var(--k2-fw-regular); }
.k2a-rank .nation, .k2a-rank .class, .k2a-rank .grade { flex: 0 0 auto; }

/* Haber / guncelleme kartlari */
.k2a-post { padding: 0; overflow: hidden; }
.k2a-post__img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: var(--k2-surface-2); }
.k2a-post__body { padding: var(--k2-space-4); }
.k2a-post__cat {
  display: inline-block;
  margin-bottom: 8px;
  padding: 3px 9px;
  border-radius: var(--k2-radius-xs);
  background: var(--k2a-rune-soft);
  color: var(--k2-gold);
  font-size: 10px;
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.k2a-post__title { margin: 0 0 6px; font-size: var(--k2-fs-base); font-weight: var(--k2-fw-heavy); line-height: 1.35; }
.k2a-post__title a { color: #fff; text-decoration: none; }
.k2a-post__title a:hover { color: var(--k2-gold); }
.k2a-post__meta { margin: 0; color: var(--k2-text-faint); font-size: var(--k2-fs-xs); }
.k2a-post__excerpt { margin: 8px 0 0; color: var(--k2-text-muted); font-size: var(--k2-fs-sm); line-height: var(--k2-lh-base); }

@media (max-width: 900px) {
  .k2a-hero__inner { grid-template-columns: minmax(0, 1fr); gap: var(--k2-space-6); padding: var(--k2-space-8) var(--k2-space-4); }
  .k2a-hero__cta .k2a-btn { flex: 1 1 200px; }
}
@media (max-width: 480px) {
  .k2a-hero__board { grid-template-columns: minmax(0, 1fr); }
  .k2a-band { padding: var(--k2-space-4); }
  .k2a-band__classes { display: none; }
}

/* ==========================================================================
   17. OYUNU INDIR (Downloads.php)
   ========================================================================== */
.k2a-dl {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
  gap: var(--k2-space-8);
  align-items: start;
  padding: var(--k2-space-8);
  border: 1px solid var(--k2-border);
  border-radius: var(--k2-radius-card);
  background:
    radial-gradient(90% 130% at 100% 0%, rgba(255, 215, 106, .08), transparent 55%),
    var(--k2-grad-surface);
  box-shadow: var(--k2-shadow-lg), var(--k2-shadow-inset);
}
.k2a-dl__main { min-width: 0; }
.k2a-dl__main .k2a-shead__title { margin-bottom: 8px; }
.k2a-dl__main .k2a-shead__sub { margin-bottom: var(--k2-space-5); }

.k2a-dl__facts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--k2-space-3);
  margin: 0 0 var(--k2-space-6);
  padding: 0;
  list-style: none;
}
.k2a-dl__facts li {
  padding: 10px 14px;
  border: 1px solid var(--k2-border);
  border-radius: var(--k2-radius-sm);
  background: rgba(255, 255, 255, .02);
}
.k2a-dl__fact-lbl {
  display: block;
  color: var(--k2-text-faint);
  font-size: 10px;
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.k2a-dl__fact-val {
  display: block;
  margin-top: 3px;
  color: var(--k2-text);
  font-size: var(--k2-fs-base);
  font-weight: var(--k2-fw-heavy);
  white-space: nowrap;
}
.k2a-dl__filename {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: var(--k2-space-4) 0 0;
  color: var(--k2-text-faint);
  font-size: var(--k2-fs-xs);
  word-break: break-all;
}

.k2a-steps { margin: 0; padding: 0; list-style: none; counter-reset: k2step; }
.k2a-steps > li {
  display: flex;
  gap: var(--k2-space-3);
  padding: var(--k2-space-3) 0;
  border-bottom: 1px solid var(--k2-border);
}
.k2a-steps > li:last-child { border-bottom: 0; }
.k2a-steps__no {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 28px; height: 28px;
  border-radius: var(--k2-radius-round);
  border: 1px solid var(--k2-border-gold);
  background: var(--k2a-rune-soft);
  color: var(--k2-gold);
  font-size: var(--k2-fs-sm);
  font-weight: var(--k2-fw-heavy);
}
.k2a-steps strong { display: block; color: var(--k2-text); font-size: var(--k2-fs-base); font-weight: var(--k2-fw-heavy); }
.k2a-steps p { margin: 4px 0 0; color: var(--k2-text-muted); font-size: var(--k2-fs-sm); line-height: var(--k2-lh-base); }
.k2a-steps a { color: var(--k2-gold); font-weight: var(--k2-fw-bold); }

.k2a-mirror { align-items: flex-start; gap: 10px; }
.k2a-mirror > .fa { font-size: 20px; color: var(--k2-gold); }
.k2a-mirror .k2a-card__title { font-size: var(--k2-fs-sm); word-break: break-word; }
.k2a-mirror__link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--k2-gold);
  font-size: var(--k2-fs-sm);
  font-weight: var(--k2-fw-bold);
  text-decoration: none;
}

@media (max-width: 900px) {
  .k2a-dl { grid-template-columns: minmax(0, 1fr); gap: var(--k2-space-6); padding: var(--k2-space-5); }
  .k2a-dl__main .k2a-btn { width: 100%; }
}

/* ==========================================================================
   18. ESKI SAYFA BASLIK SERIDI (.slider) -> Aether sayfa basligi
   19 sayfada `<div class="slider col-lg-12"><h1>Baslik</h1></div>` kalibi var.
   Eskiden ortada duran, cerceveli, bos bir kutu gibi goruyordu. Tek merkezi
   kuralla duz bir sayfa basligina cevriliyor (sayfalar tek tek elden gecmeden).
   ========================================================================== */
.slider.col-lg-12 {
  float: none;
  width: 100%;
  max-width: var(--k2a-container);
  margin: 0 auto;
  padding: var(--k2-space-8) var(--k2-space-4) 0;
  border: 0;
  background: none;
  box-shadow: none;
  text-align: left;
}
.slider.col-lg-12 > h1 {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--k2-text);
  font-size: var(--k2-fs-xl);
  font-weight: var(--k2-fw-heavy);
  line-height: var(--k2-lh-tight);
  text-align: left;
  text-transform: none;
}

/* ==========================================================================
   19. CANLI SUNUCU KOMUTA MERKEZI (SunucuLog.php)
   ========================================================================== */
.k2a-cmd {
  padding: var(--k2-space-8) 0 var(--k2-space-6);
  border-bottom: 1px solid var(--k2-border);
  background:
    radial-gradient(80% 130% at 90% 0%, rgba(95, 224, 136, .07), transparent 55%),
    linear-gradient(180deg, #0c1018, #0a0d13);
}
.k2a-cmd__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--k2-space-4);
  flex-wrap: wrap;
  margin-bottom: var(--k2-space-6);
}
.k2a-cmd__title {
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: var(--k2-fw-heavy);
  line-height: var(--k2-lh-tight);
}
.k2a-cmd__sub {
  margin: 8px 0 0;
  max-width: 62ch;
  color: var(--k2-text-muted);
  font-size: var(--k2-fs-base);
  line-height: var(--k2-lh-base);
}

/* KPI rail */
.k2a-kpi {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: var(--k2-space-3);
}
.k2a-kpi__tile {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: var(--k2-space-4) var(--k2-space-5);
  border: 1px solid var(--k2-border);
  border-radius: var(--k2-radius-md);
  background: rgba(255, 255, 255, .02);
  text-decoration: none;
}
.k2a-kpi__val {
  color: #fff;
  font-size: 24px;
  font-weight: var(--k2-fw-heavy);
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
}
.k2a-kpi__lbl {
  color: var(--k2-text-faint);
  font-size: 10px;
  font-weight: var(--k2-fw-bold);
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.4;
}
.k2a-kpi__tile--live { border-color: rgba(95, 224, 136, .32); background: rgba(95, 224, 136, .06); }
.k2a-kpi__tile--live .k2a-kpi__val { color: var(--k2-green-soft); }
.k2a-kpi__tile--next { border-color: var(--k2-border-gold); background: var(--k2a-rune-soft); }
.k2a-kpi__tile--next .k2a-kpi__val { color: var(--k2-gold); font-size: 20px; }
.k2a-kpi__tile--cta {
  justify-content: center;
  border-color: var(--k2-border-gold);
  background: var(--k2-grad-gold);
  transition: transform var(--k2-t-fast) var(--k2-ease), box-shadow var(--k2-t-fast) var(--k2-ease);
}
.k2a-kpi__tile--cta .k2a-kpi__val,
.k2a-kpi__tile--cta .k2a-kpi__lbl { color: var(--k2-text-ondark); }
.k2a-kpi__tile--cta:hover,
.k2a-kpi__tile--cta:focus { transform: translateY(-2px); box-shadow: var(--k2-shadow-gold); }

/* ==========================================================================
   15. HAREKET AZALTMA / YAZDIRMA
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;   /* kullanici tercihi: zorunlu ezme */
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  .k2a-card:hover, .k2a-btn:hover { transform: none; }
}

@media print {
  .k2a-utility, .k2a-masthead, .k2a-backdrop, #scroll, .k2a-totop, .k2a-footer { display: none !important; }
}

/* --- Breadcrumb (k2a-crumb) --------------------------------------------- */
.k2a-crumb {
  display: flex;
  align-items: center;
  gap: var(--k2-space-2);
  margin-bottom: var(--k2-space-3);
  font-size: var(--k2-fs-sm);
  color: var(--k2-text-muted);
}
.k2a-crumb a { color: var(--k2-text-muted); text-decoration: none; }
.k2a-crumb a:hover,
.k2a-crumb a:focus { color: var(--k2-gold); text-decoration: none; }
.k2a-crumb span[aria-current] { color: var(--k2-text-soft); }

/* Header alti site geneli KIRMIZI "K2Network KANUNLARI" seridi */
.k2a-kanun-bar { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 11px 18px; background: linear-gradient(90deg, #b81f24, #e5484d 50%, #b81f24); color: #fff; text-decoration: none; font-size: 14px; text-align: center; border-bottom: 1px solid rgba(0,0,0,.3); box-shadow: 0 4px 14px rgba(211,40,46,.3); }
.k2a-kanun-bar:hover, .k2a-kanun-bar:focus { color: #fff; filter: brightness(1.07); text-decoration: none; }
.k2a-kanun-bar strong { font-weight: 800; letter-spacing: .02em; }
.k2a-kanun-bar .fa { flex-shrink: 0; }
@media (max-width: 640px) { .k2a-kanun-bar span { font-size: 12px; } .k2a-kanun-bar { padding: 9px 12px; gap: 9px; } }
/* Pasif utility linki (ornek: gecici kapatilan "Direk Oyun Pazari") */
.k2a-ulink--disabled { opacity: .45; cursor: not-allowed; pointer-events: none; filter: grayscale(35%); }

/* ==========================================================================
   20. SIRALAMA NISANLARI / AURA / PUAN GOSTERIMI
   --------------------------------------------------------------------------
   Ana sayfa (content.php), 9 siralama sayfasi ve profiller AYNI dili kullanir.
   Bu yuzden kurallar rota-bazli k2-rankings.css'e degil BURAYA yazilir.

   Kurallar:
   - Aura tek basina anlam TASIMAZ. Yaninda her zaman "#1 / A4" gibi bir
     etiket vardir; renk yalnizca pekistirir.
   - Hareket cok kisitli: 1. sirada yavas nabiz + kucuk yildirim, Royal
     rutbede yavas parlama. Baska hicbir yerde surekli animasyon yok.
   - prefers-reduced-motion bolum 15'te global olarak zaten ezilir.
   ========================================================================== */

/* 20.1 Aura kademeleri — SADECE degisken tanimlar, gorsel bilesende uygulanir */
.k2r-aura            { --k2r-a1: #cfe0f5; --k2r-a2: #5b6c85; --k2r-glow: rgba(160,190,230,.16); }
.k2r-aura--champ     { --k2r-a1: #ffe889; --k2r-a2: #dc9300; --k2r-glow: rgba(255,201,40,.42); }
.k2r-aura--silver    { --k2r-a1: #f4f8ff; --k2r-a2: #8e9cb0; --k2r-glow: rgba(214,226,240,.30); }
.k2r-aura--bronze    { --k2r-a1: #f7c08a; --k2r-a2: #8f5320; --k2r-glow: rgba(226,155,98,.30); }
.k2r-aura--elite     { --k2r-a1: #cfe0f5; --k2r-a2: #5b6c85; --k2r-glow: rgba(160,190,230,.18); }

/* Ekran okuyucu metni (nisanin tam adi: "Accredited 4 (A4)") */
.k2r-sr {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* 20.2 Sira madalyasi + yildirim ------------------------------------------*/
.k2r-rank-medal.k2r-aura { position: relative; }
.k2r-rank-medal.k2r-aura::before {
  content: "";
  position: absolute;
  inset: -7px -10px;
  border-radius: var(--k2-radius-pill);
  background: radial-gradient(58% 72% at 30% 50%, var(--k2r-glow), transparent 72%);
  pointer-events: none;
  z-index: 0;
}
.k2r-rank-medal.k2r-aura > * { position: relative; z-index: 1; }
.k2r-rank-medal.k2r-aura--champ::before { animation: k2r-pulse 6s var(--k2-ease) infinite; }

@keyframes k2r-pulse {
  0%, 100% { opacity: .58; transform: scale(.97); }
  50%      { opacity: 1;   transform: scale(1.03); }
}

/* GERCEK animasyon dizisi -----------------------------------------------
   Kaynak : "Auras" - Pavel Kutejnikov, https://opengameart.org/content/auras
   Lisans : CC0 1.0 (kamu mali). Atif zorunlu degil, ticari kullanim serbest.
   Islem  : 512x512 / 60 kare -> bos kadraj kirpildi, 56x56'ya olceklendi,
            her 2. kare alindi = 30 kare yatay serit (1680x56, 92 KB).
   Oynatma: background-position + steps(30). JS YOK, tek istek. GIF degil:
            PNG alfa oldugu icin koyu zeminde kenar cizgisi olusmaz.
   Ayrinti: assets/rank-icon/aura-KAYNAK-LISANS.txt
   --------------------------------------------------------------------- */
.k2r-medal-wrap { position: relative; display: inline-flex; align-items: center; flex: 0 0 auto; }
.k2r-medal-wrap > img { position: relative; z-index: 1; }

.k2r-aura--champ .k2r-medal-wrap::after {
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  width: 56px; height: 56px;
  margin: -28px 0 0 -28px;
  background-image: url("../rank-icon/aura-champion.png");
  background-repeat: no-repeat;
  background-size: 1680px 56px;
  background-position: 0 0;
  animation: k2r-aura-loop 1.6s steps(30) infinite;
  pointer-events: none;
  z-index: 0;
}

@keyframes k2r-aura-loop { to { background-position: -1680px 0; } }

/* Satirin / halenin yavas nefesi. Konum degil OPAKLIK degistigi icin
   tablodaki tum hucrelerde birebir eszamanli calisir. */
@keyframes k2r-breathe {
  0%, 100% { opacity: .55; }
  50%      { opacity: 1; }
}

/* 20.3 Klan rutbe nisani (G5..G1 / A5..A1 / R5..R1) ------------------------*/
.k2r-grade {
  --k2r-gt: #cfe0f5;
  --k2r-gg: rgba(207,224,245,.35);
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 40px; min-width: 40px;
  height: 32px;
  border-radius: 9px;
  border: 1px solid rgba(207,224,245,.24);
  background: linear-gradient(180deg, #1b2331, #10141d);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 6px 14px rgba(0,0,0,.32);
  overflow: hidden;
  vertical-align: middle;
}
.k2r-grade__code {
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .02em;
  font-variant-numeric: tabular-nums;
  color: var(--k2r-gt);
  text-shadow: 0 0 10px var(--k2r-gg);
}
.k2r-grade__bar {
  width: 22px; height: 3px;
  border-radius: 2px;
  background: var(--k2r-gt);
  box-shadow: 0 0 8px var(--k2r-gg);
  opacity: .9;
}
.k2r-grade--grade      { --k2r-gt: #cfe0f5; --k2r-gg: rgba(207,224,245,.35); border-color: rgba(207,224,245,.24); }
.k2r-grade--accredited { --k2r-gt: #8fe6ff; --k2r-gg: rgba(143,230,255,.45); border-color: rgba(143,230,255,.34); }
.k2r-grade--royal      { --k2r-gt: #ffd76a; --k2r-gg: rgba(255,201,40,.50); border-color: rgba(255,215,106,.42);
                         background: linear-gradient(180deg, #2a2113, #14100a); }
.k2r-grade--accredited.is-elite { background: linear-gradient(180deg, #122a34, #0b141b); }
.k2r-grade.is-elite {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 0 0 1px rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.36);
}
/* Royal en ust kademedir: yavas bir parlama gecer. */
.k2r-grade--royal::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 38%, rgba(255,255,255,.42) 48%, transparent 58%);
  background-size: 260% 100%;
  background-repeat: no-repeat;
  animation: k2r-sheen 5.4s ease-in-out infinite;
  pointer-events: none;
}

@keyframes k2r-sheen {
  0%        { background-position: -120% 0; }
  62%, 100% { background-position: 235% 0; }
}

/* 20.4 Puan gosterimi: bagis BIRINCIL, NP ikincil --------------------------*/
.k2r-np {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
/* Kilic nisanlari: data-URI SVG, ek dosya / dis istek / telif YOK.
   - Bagis  -> CAPRAZ iki kilic, ALTIN  (klan hazinesi; siralama anahtari)
   - Klan puani -> TEK kilic, CELIK MAVISI
   Iki sutun ayni satirda yan yana durdugu icin renk ayrimi sart. */
.k2r-np__ico {
  flex: 0 0 auto;
  align-self: center;
  display: inline-block;
  width: 18px; height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffd76a'%3E%3Cg transform='rotate(45 12 12)'%3E%3Cpath d='M12 1.2l2.1 3.2v9.6h-4.2V4.4z'/%3E%3Crect x='7.2' y='14' width='9.6' height='2.6' rx='1.1'/%3E%3Crect x='10.6' y='16.4' width='2.8' height='4.2' rx='.9'/%3E%3Ccircle cx='12' cy='21.6' r='1.9'/%3E%3C/g%3E%3Cg transform='rotate(-45 12 12)'%3E%3Cpath d='M12 1.2l2.1 3.2v9.6h-4.2V4.4z'/%3E%3Crect x='7.2' y='14' width='9.6' height='2.6' rx='1.1'/%3E%3Crect x='10.6' y='16.4' width='2.8' height='4.2' rx='.9'/%3E%3Ccircle cx='12' cy='21.6' r='1.9'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  filter: drop-shadow(0 0 6px rgba(255,201,40,.55));
}
.k2r-np__val { font-size: 16px; font-weight: 900; letter-spacing: -.01em; }
.k2r-np__sub {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--k2-text-faint);
}
.k2r-np--np .k2r-np__ico {
  width: 16px; height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237fd4ff'%3E%3Cg transform='rotate(-40 12 12)'%3E%3Cpath d='M12 1.2l2.1 3.2v9.6h-4.2V4.4z'/%3E%3Crect x='7.2' y='14' width='9.6' height='2.6' rx='1.1'/%3E%3Crect x='10.6' y='16.4' width='2.8' height='4.2' rx='.9'/%3E%3Ccircle cx='12' cy='21.6' r='1.9'/%3E%3C/g%3E%3C/svg%3E");
  filter: drop-shadow(0 0 5px rgba(127,212,255,.42));
}
.k2r-np--np .k2r-np__val { color: #d8e9f7; font-size: 15px; font-weight: 800; }
.k2r-np--np .k2r-np__sub { color: rgba(150,206,240,.72); }

/* Bagis: klan siralamasinin GERCEK siralama anahtari (ClanPointFund DESC).
   Bu yuzden birincil agirligi o tasir. */
.k2r-np--donate::before {
  content: "";
  position: absolute;
  inset: -7px -11px;
  border-radius: var(--k2-radius-pill);
  background: radial-gradient(56% 72% at 42% 50%, rgba(255,201,40,.15), transparent 72%);
  pointer-events: none;
}
.k2r-np--donate .k2r-np__val { color: #ffe6a3; text-shadow: 0 0 18px rgba(255,201,40,.26); }
.k2r-np--donate .k2r-np__sub { color: rgba(255,214,138,.75); }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .k2r-np--donate .k2r-np__val {
    background: linear-gradient(180deg, #fff3cf, #ffc928 62%, #e39a12);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

/* 20.5 (bos) - kademe adi rozeti kaldirildi; kademe artik nisanin
   harfinde/renginde ve title'inda. Ilgili .grade-* kurallari da silindi. */

/* 20.6 Ana sayfa siralama listesi (.k2a-rank) ------------------------------*/
@keyframes k2a-rank-in {
  from { opacity: 0; transform: translateY(7px); }
  to   { opacity: 1; transform: none; }
}
.k2a-rank > li {
  position: relative;
  animation: k2a-rank-in .44s var(--k2-ease) both;
  transition: background var(--k2-t-fast) var(--k2-ease), transform var(--k2-t-fast) var(--k2-ease);
}
.k2a-rank > li:nth-child(1)  { animation-delay: .03s; }
.k2a-rank > li:nth-child(2)  { animation-delay: .06s; }
.k2a-rank > li:nth-child(3)  { animation-delay: .09s; }
.k2a-rank > li:nth-child(4)  { animation-delay: .12s; }
.k2a-rank > li:nth-child(5)  { animation-delay: .15s; }
.k2a-rank > li:nth-child(6)  { animation-delay: .18s; }
.k2a-rank > li:nth-child(7)  { animation-delay: .21s; }
.k2a-rank > li:nth-child(8)  { animation-delay: .24s; }
.k2a-rank > li:nth-child(9)  { animation-delay: .27s; }
.k2a-rank > li:nth-child(10) { animation-delay: .30s; }
.k2a-rank > li:hover { transform: translateX(3px); }

/* Podyum: 1-2-3 numarasi madalya diskine donusur. */
.k2a-rank > li:nth-child(-n+3) .k2a-rank__no {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px; height: 26px;
  border-radius: var(--k2-radius-round);
  font-weight: 900;
}
.k2a-rank > li:nth-child(1) .k2a-rank__no {
  color: #2d1700;
  background: linear-gradient(180deg, #ffe889, #dc9300);
  box-shadow: 0 0 0 1px rgba(255,226,128,.5), 0 0 15px rgba(255,201,40,.42);
}
.k2a-rank > li:nth-child(2) .k2a-rank__no {
  color: #1b2330;
  background: linear-gradient(180deg, #f4f8ff, #9fb0c4);
  box-shadow: 0 0 0 1px rgba(214,226,240,.45), 0 0 12px rgba(214,226,240,.22);
}
.k2a-rank > li:nth-child(3) .k2a-rank__no {
  color: #2a1505;
  background: linear-gradient(180deg, #f7c08a, #9c5a26);
  box-shadow: 0 0 0 1px rgba(242,181,133,.45), 0 0 12px rgba(226,155,98,.22);
}

/* NOT: 1. siranin kendi ::before/arka plan blogu KALDIRILDI. Bolum 20.11'de
   ilk 10 satiri kapsayan kurallar ayni ozgullukte ve daha sonra geldigi icin
   burasi zaten hic cizilmiyordu (olu kod). Tek kaynak: bolum 20.11. */
/* Uzun, tek yonlu isik gecisi. Turun yarisi bekleme -> satir surekli
   parlamaz, arada bir "sulanir". */
@keyframes k2r-sweep {
  0%       { background-position: -160% 0; }
  55%      { background-position: 260% 0; }
  100%     { background-position: 260% 0; }
}

/* Bagis ana sayfada da BIRINCIL deger olarak okunur. */
.k2a-rank__np--donate { color: #ffe6a3; font-size: var(--k2-fs-md); }
.k2a-rank__np--donate .k2r-np__ico { vertical-align: -2px; width: 14px; height: 14px; margin-right: 5px; }
/* Kilic nisani rozet/sekme icinde de ayni gorunur. */
.k2r-top-donors .k2r-np__ico,
.k2r-sort-tab .k2r-np__ico { vertical-align: -2px; width: 13px; height: 13px; }
.k2a-rank .k2r-grade { margin-right: 2px; }

@media (max-width: 640px) {
  .k2a-rank .k2r-grade { width: 34px; min-width: 34px; height: 28px; }
  .k2a-rank .k2r-grade__code { font-size: 11px; }
  .k2a-rank .k2r-grade__bar { width: 18px; }
}

/* 20.7 Profil aurasi -------------------------------------------------------*/
.k2r-avatar-aura { position: relative; display: inline-flex; flex: 0 0 auto; }
.k2r-avatar-aura::before {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 24px;
  background: radial-gradient(circle at 50% 50%, var(--k2r-glow), transparent 70%);
  pointer-events: none;
}
.k2r-avatar-aura::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 19px;
  border: 1.5px solid var(--k2r-a1);
  opacity: .6;
  pointer-events: none;
}
.k2r-avatar-aura.k2r-aura--champ::before { animation: k2r-pulse 6s var(--k2-ease) infinite; }
.k2r-avatar-aura.k2r-aura--champ::after  { animation: k2r-breathe 6s var(--k2-ease) infinite; }
.k2r-avatar-aura > img { position: relative; z-index: 1; }

.k2r-tier-pill {
  border: 1px solid var(--k2r-a1) !important;
  color: var(--k2r-a1) !important;
  background: rgba(255,255,255,.045) !important;
  box-shadow: 0 0 14px var(--k2r-glow);
}
.k2r-tier-pill .fa { margin-right: 5px; }

/* 20.9 Ana sayfa ilk uc sira: numarayi cevreleyen gercek aura dizisi.
   Ayni CC0 kaynagin altin / beyaz / ates varyantlari (bkz. bolum 20.2).
   z-index -1 -> aura satirin zemininin USTUNDE, madalya diskinin ALTINDA
   kalir. Bunun icin li'ye z-index:0 verilip yigin baglami acilir. */
.k2a-rank > li { z-index: 0; }
.k2a-rank > li:nth-child(-n+3) .k2a-rank__no { position: relative; }
.k2a-rank > li:nth-child(-n+3) .k2a-rank__no::after {
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  width: 44px; height: 44px;
  margin: -22px 0 0 -22px;
  background-repeat: no-repeat;
  background-size: 1320px 44px;
  background-position: 0 0;
  animation: k2r-aura-loop-sm 1.6s steps(30) infinite;
  pointer-events: none;
  z-index: -1;
}
.k2a-rank > li:nth-child(1) .k2a-rank__no::after { background-image: url("../rank-icon/aura-champion.png"); }
.k2a-rank > li:nth-child(2) .k2a-rank__no::after { background-image: url("../rank-icon/aura-silver.png"); }
.k2a-rank > li:nth-child(3) .k2a-rank__no::after { background-image: url("../rank-icon/aura-bronze.png"); }

@keyframes k2r-aura-loop-sm { to { background-position: -1320px 0; } }
/* 20.10 SIRAYA OZEL AURALAR (2-10) ----------------------------------------
   Ayni CC0 kaynagin 003 ve 004 numarali SEKILLERI, alfa maskesi olarak
   kullanilir; rengi CSS verir. Boylece tek dosyadan sinirsiz renk cikar -
   her sira icin ayri PNG tasimaya gerek kalmaz.
     2-3   -> 004 sekli (dolgun), gumus / bronz
     4-10  -> 003 sekli (savrulan), mor -> yesil rampa
     11-20 -> sprite YOK; yalnizca satir yikamasi (20 ayri animasyon
              gereksiz yere boyar). Bkz. k2-rankings.css bolum 6.
   Maske desteklenmeyen tarayicida hicbir sey cizilmez (dolu kare sizmaz).
   -------------------------------------------------------------------- */
.k2r-aura--r4 { --k2r-a1: #c9a7ff; --k2r-a2: rgba(169,124,255,.35); --k2r-glow: rgba(169,124,255,.20); }
.k2r-aura--r5 { --k2r-a1: #aeb4ff; --k2r-a2: rgba(140,150,255,.35); --k2r-glow: rgba(140,150,255,.20); }
.k2r-aura--r6 { --k2r-a1: #92c2ff; --k2r-a2: rgba(110,170,255,.35); --k2r-glow: rgba(110,170,255,.20); }
.k2r-aura--r7 { --k2r-a1: #7fdcff; --k2r-a2: rgba(90,200,255,.35); --k2r-glow: rgba(90,200,255,.20); }
.k2r-aura--r8 { --k2r-a1: #7fe8dd; --k2r-a2: rgba(90,225,205,.35); --k2r-glow: rgba(90,225,205,.20); }
.k2r-aura--r9 { --k2r-a1: #90efb6; --k2r-a2: rgba(100,225,150,.35); --k2r-glow: rgba(100,225,150,.20); }
.k2r-aura--r10 { --k2r-a1: #c2ef8f; --k2r-a2: rgba(180,225,120,.35); --k2r-glow: rgba(180,225,120,.20); }

@supports ((-webkit-mask-image: url("../rank-icon/aura-mask-b.png")) or (mask-image: url("../rank-icon/aura-mask-b.png"))) {
  .k2r-rank-medal.k2r-aura:not(.k2r-aura--champ):not(.k2r-aura--elite)::after {
    content: "";
    position: absolute;
    left: 50%; top: 50%;
    width: 48px; height: 48px;
    margin: -24px 0 0 -24px;
    background-color: var(--k2r-a1);
    -webkit-mask-image: url("../rank-icon/aura-mask-b.png");
            mask-image: url("../rank-icon/aura-mask-b.png");
    -webkit-mask-size: 1440px 48px;
            mask-size: 1440px 48px;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
    animation: k2r-mask-b 1.6s steps(30) infinite;
    opacity: .6;
    pointer-events: none;
    z-index: 0;
  }
  /* 2. ve 3. sira daha dolgun 004 sekliyle one cikar. */
  .k2r-rank-medal.k2r-aura--silver::after,
  .k2r-rank-medal.k2r-aura--bronze::after {
    width: 44px; height: 44px;
    margin: -22px 0 0 -22px;
    -webkit-mask-image: url("../rank-icon/aura-mask-c.png");
            mask-image: url("../rank-icon/aura-mask-c.png");
    -webkit-mask-size: 1320px 44px;
            mask-size: 1320px 44px;
    animation-name: k2r-mask-c;
    opacity: .82;
  }
}

/* Ayni anda ayni karede olmasinlar: her sira kendi fazinda doner. */
.k2r-aura--silver::after { animation-delay: -.15s; }
.k2r-aura--bronze::after { animation-delay: -.30s; }
.k2r-aura--r4::after  { animation-delay: -.45s; }
.k2r-aura--r5::after  { animation-delay: -.60s; }
.k2r-aura--r6::after  { animation-delay: -.75s; }
.k2r-aura--r7::after  { animation-delay: -.90s; }
.k2r-aura--r8::after  { animation-delay: -1.05s; }
.k2r-aura--r9::after  { animation-delay: -1.20s; }
.k2r-aura--r10::after { animation-delay: -1.35s; }

@keyframes k2r-mask-b { to { -webkit-mask-position: -1440px 0; mask-position: -1440px 0; } }
@keyframes k2r-mask-c { to { -webkit-mask-position: -1320px 0; mask-position: -1320px 0; } }

/* 20.11 ANA SAYFA: ILK 10 SATIRIN TAMAMI AURALI ---------------------------
   Siralama tablolarindaki kademe sistemiyle BIREBIR ayni renkler. Ana sayfa
   listesi normal blok oldugu icin (tablo degil) gradyan zaten satirin
   tamamina yayilir; ekstra numaraya gerek yok.
     1-3   : gercek RGB aura sprite'i (altin / gumus / bronz)
     4-10  : ayni sekil ALFA MASKESI olarak, rengi CSS'ten -> tek dosya
   ---------------------------------------------------------------------- */
.k2a-rank > li:nth-child(-n+10) { position: relative; overflow: hidden; }
.k2a-rank > li:nth-child(-n+10)::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(100deg, transparent 32%, rgba(255,255,255,.10) 46%, transparent 62%);
  background-size: 260% 100%;
  background-repeat: no-repeat;
  background-position: -150% 0;
  animation: k2r-sweep 9s var(--k2-ease) infinite;
  pointer-events: none;
  z-index: 0;
}
/* DIKKAT: burada z-index VERILMEZ. .k2a-rank__no'ya z-index verilirse yigin
   baglami acilir ve disk aurasi (::after, z-index:-1) diskin arkasina
   hapsolup gorunmez olur. position:relative tek basina yeterli. */
.k2a-rank > li:nth-child(-n+10) > * { position: relative; }

.k2a-rank > li:nth-child(1) {
  background-image: linear-gradient(90deg, rgba(255,201,40,.20), rgba(255,201,40,.11) 48%, rgba(255,201,40,.075));
  box-shadow: inset 3px 0 0 #ffe889, inset 0 0 34px rgba(255,201,40,.12);
}
.k2a-rank > li:nth-child(1)::before { animation-delay: 0s; }

.k2a-rank > li:nth-child(2) {
  background-image: linear-gradient(90deg, rgba(214,226,240,.16), rgba(214,226,240,.090) 48%, rgba(214,226,240,.060));
  box-shadow: inset 3px 0 0 #f4f8ff, inset 0 0 34px rgba(214,226,240,.12);
}
.k2a-rank > li:nth-child(2)::before { animation-delay: 0.85s; }

.k2a-rank > li:nth-child(3) {
  background-image: linear-gradient(90deg, rgba(226,155,98,.15), rgba(226,155,98,.085) 48%, rgba(226,155,98,.055));
  box-shadow: inset 3px 0 0 #f7c08a, inset 0 0 34px rgba(226,155,98,.12);
}
.k2a-rank > li:nth-child(3)::before { animation-delay: 1.7s; }

.k2a-rank > li:nth-child(4) {
  background-image: linear-gradient(90deg, rgba(169,124,255,.12), rgba(169,124,255,.065) 48%, rgba(169,124,255,.042));
  box-shadow: inset 3px 0 0 #c9a7ff, inset 0 0 34px rgba(169,124,255,.12);
}
.k2a-rank > li:nth-child(4)::before { animation-delay: 2.55s; }

.k2a-rank > li:nth-child(5) {
  background-image: linear-gradient(90deg, rgba(140,150,255,.115), rgba(140,150,255,.062) 48%, rgba(140,150,255,.040));
  box-shadow: inset 3px 0 0 #aeb4ff, inset 0 0 34px rgba(140,150,255,.12);
}
.k2a-rank > li:nth-child(5)::before { animation-delay: 3.4s; }

.k2a-rank > li:nth-child(6) {
  background-image: linear-gradient(90deg, rgba(110,170,255,.110), rgba(110,170,255,.059) 48%, rgba(110,170,255,.038));
  box-shadow: inset 3px 0 0 #92c2ff, inset 0 0 34px rgba(110,170,255,.12);
}
.k2a-rank > li:nth-child(6)::before { animation-delay: 4.25s; }

.k2a-rank > li:nth-child(7) {
  background-image: linear-gradient(90deg, rgba(90,200,255,.105), rgba(90,200,255,.056) 48%, rgba(90,200,255,.036));
  box-shadow: inset 3px 0 0 #7fdcff, inset 0 0 34px rgba(90,200,255,.12);
}
.k2a-rank > li:nth-child(7)::before { animation-delay: 5.1s; }

.k2a-rank > li:nth-child(8) {
  background-image: linear-gradient(90deg, rgba(90,225,205,.100), rgba(90,225,205,.053) 48%, rgba(90,225,205,.034));
  box-shadow: inset 3px 0 0 #7fe8dd, inset 0 0 34px rgba(90,225,205,.12);
}
.k2a-rank > li:nth-child(8)::before { animation-delay: 5.95s; }

.k2a-rank > li:nth-child(9) {
  background-image: linear-gradient(90deg, rgba(100,225,150,.095), rgba(100,225,150,.050) 48%, rgba(100,225,150,.032));
  box-shadow: inset 3px 0 0 #90efb6, inset 0 0 34px rgba(100,225,150,.12);
}
.k2a-rank > li:nth-child(9)::before { animation-delay: 6.8s; }

.k2a-rank > li:nth-child(10) {
  background-image: linear-gradient(90deg, rgba(180,225,120,.090), rgba(180,225,120,.047) 48%, rgba(180,225,120,.030));
  box-shadow: inset 3px 0 0 #c2ef8f, inset 0 0 34px rgba(180,225,120,.12);
}
.k2a-rank > li:nth-child(10)::before { animation-delay: 7.65s; }

/* 4-10: disk aurasi tek maske dosyasindan, rengi CSS verir. */
@supports ((-webkit-mask-image: url("../rank-icon/aura-mask-b.png")) or (mask-image: url("../rank-icon/aura-mask-b.png"))) {
  .k2a-rank > li:nth-child(n+4):nth-child(-n+10) .k2a-rank__no { position: relative; }
  .k2a-rank > li:nth-child(n+4):nth-child(-n+10) .k2a-rank__no::after {
    content: "";
    position: absolute;
    left: 50%; top: 50%;
    width: 42px; height: 42px;
    margin: -21px 0 0 -21px;
    -webkit-mask-image: url("../rank-icon/aura-mask-b.png");
            mask-image: url("../rank-icon/aura-mask-b.png");
    -webkit-mask-size: 1260px 42px;
            mask-size: 1260px 42px;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
    animation: k2a-mask-b 1.6s steps(30) infinite;
    opacity: .55;
    pointer-events: none;
    z-index: -1;
  }
  .k2a-rank > li:nth-child(4)  .k2a-rank__no::after { background-color: #c9a7ff; animation-delay: -.45s; }
  .k2a-rank > li:nth-child(5)  .k2a-rank__no::after { background-color: #aeb4ff; animation-delay: -.60s; }
  .k2a-rank > li:nth-child(6)  .k2a-rank__no::after { background-color: #92c2ff; animation-delay: -.75s; }
  .k2a-rank > li:nth-child(7)  .k2a-rank__no::after { background-color: #7fdcff; animation-delay: -.90s; }
  .k2a-rank > li:nth-child(8)  .k2a-rank__no::after { background-color: #7fe8dd; animation-delay: -1.05s; }
  .k2a-rank > li:nth-child(9)  .k2a-rank__no::after { background-color: #90efb6; animation-delay: -1.20s; }
  .k2a-rank > li:nth-child(10) .k2a-rank__no::after { background-color: #c2ef8f; animation-delay: -1.35s; }
}

/* 4-10 numarasi da kendi renginde okunsun. */
.k2a-rank > li:nth-child(4)  .k2a-rank__no { color: #c9a7ff; }
.k2a-rank > li:nth-child(5)  .k2a-rank__no { color: #aeb4ff; }
.k2a-rank > li:nth-child(6)  .k2a-rank__no { color: #92c2ff; }
.k2a-rank > li:nth-child(7)  .k2a-rank__no { color: #7fdcff; }
.k2a-rank > li:nth-child(8)  .k2a-rank__no { color: #7fe8dd; }
.k2a-rank > li:nth-child(9)  .k2a-rank__no { color: #90efb6; }
.k2a-rank > li:nth-child(10) .k2a-rank__no { color: #c2ef8f; }

@keyframes k2a-mask-b { to { -webkit-mask-position: -1260px 0; mask-position: -1260px 0; } }

/* 20.12 ANA SAYFA "K2 RANK" KART BASLIGI ---------------------------------
   Kart AYLIK NP'ye gore siralar. Eski baslik dil dosyasindan 'Genel
   Siralama' cekiyordu: hem yanlisti hem de /Rankings/UserRankings
   sayfasinin adiyla karisiyordu. */
.k2a-rankhead { display: inline-flex; align-items: center; gap: var(--k2-space-2); flex-wrap: wrap; min-width: 0; }
.k2a-rankhead__name {
  color: var(--k2-gold);
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .07em;
}
/* Altin degrade yazi: yalnizca background-clip destekleniyorsa. Desteklenmezse
   yukaridaki duz altin renk kalir - yazi ASLA kaybolmaz. */
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .k2a-rankhead__name {
    background: var(--k2-grad-gold);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
.k2a-rankhead__tag {
  flex: 0 0 auto;
  padding: 3px 9px;
  border: 1px solid var(--k2-border-gold);
  border-radius: var(--k2-radius-pill);
  background: rgba(255, 215, 106, .10);
  color: var(--k2-gold);
  font-size: var(--k2-fs-xs);
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .10em;
  text-transform: uppercase;
  line-height: 1.4;
}
/* 20.13 ONLINE ROZETI + KLAN KADEME BONUSLARI ------------------------------
   Site geneli. Yesil nokta TEK BASINA anlam tasimaz: yaninda ya "Oyunda"
   yazisi ya da ekran okuyucu metni bulunur (k2r-sr). */
.k2r-live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  vertical-align: middle;
}
.k2r-live__dot {
  position: relative;
  width: 9px; height: 9px;
  border-radius: var(--k2-radius-round);
  background: #3ddc84;
  box-shadow: 0 0 0 2px rgba(61,220,132,.20), 0 0 10px rgba(61,220,132,.75);
}
/* Yavas nabiz: "canli" hissi verir, goz yormaz. */
.k2r-live__dot::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: var(--k2-radius-round);
  border: 1px solid rgba(61,220,132,.55);
  animation: k2r-live-pulse 2.6s var(--k2-ease) infinite;
}
@keyframes k2r-live-pulse {
  0%   { transform: scale(.7); opacity: .9; }
  70%  { transform: scale(1.5); opacity: 0; }
  100% { transform: scale(1.5); opacity: 0; }
}
.k2r-live__txt {
  color: #8ef0b6;
  font-size: var(--k2-fs-xs);
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}
/* Online oyuncunun adi da hafifce yesile caliyor - ama ad zaten okunur. */
.k2r-player-cell .k2r-live + .k2r-player-name,
.k2r-player-name.is-live { color: #d9ffe9; }

/* Klan kademe bonuslari */
.k2r-bonuses { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.k2r-bonus {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 8px;
  border: 1px solid rgba(143,230,255,.30);
  border-radius: var(--k2-radius-pill);
  background: rgba(143,230,255,.08);
  color: #cfeeff;
  font-size: var(--k2-fs-xs);
  font-weight: var(--k2-fw-bold);
  line-height: 1.5;
  white-space: nowrap;
}
.k2r-bonus .fa { color: #8fe6ff; font-size: 10px; }
.k2r-bonus b { color: #fff; font-weight: var(--k2-fw-heavy); }
/* Ana sayfa siralama listesinde online gostergesi */
.k2a-rank .k2r-live { flex: 0 0 auto; }
.k2a-rank__name.is-live { color: #b9ffd8; }
.k2a-rank > li:nth-child(-n+10) .k2r-live { position: relative; z-index: 2; }
/* Liderlik tablosu derecesi (kademe merdiveninden ayri, 1 en iyi). */
.k2r-boardgrade {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 9px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: var(--k2-radius-pill);
  background: rgba(255,255,255,.05);
  color: var(--k2-text-soft);
  font-size: var(--k2-fs-xs);
  font-weight: var(--k2-fw-bold);
  white-space: nowrap;
}
.k2r-boardgrade .fa { font-size: 10px; }
.k2r-boardgrade b { font-weight: var(--k2-fw-heavy); }
.k2r-boardgrade--1 { border-color: rgba(255,215,106,.50); background: rgba(255,201,40,.12); color: #ffe6a3; }
.k2r-boardgrade--2 { border-color: rgba(214,226,240,.42); background: rgba(214,226,240,.09); color: #eaf1fb; }
.k2r-boardgrade--3 { border-color: rgba(226,155,98,.40);  background: rgba(226,155,98,.09);  color: #f7d3b6; }
.k2r-boardgrade--4 { border-color: rgba(143,230,255,.30); background: rgba(143,230,255,.06); color: #cfeeff; }
.k2r-boardgrade--5 { color: var(--k2-text-muted); }
/* 20.14 UST MENU RENK KODLARI + BAKIM DURUMU ------------------------------
   Menu basliklarina hafif, yuvarlak renk kimlikleri. Amac susleme degil
   AYIRT EDILEBILIRLIK: uc mega menu tek renkte oldugunda hangisinin nerede
   oldugu ancak okunarak anlasiliyordu. Renk TEK basina anlam tasimaz -
   metin ve ikon zaten yerinde. */
.k2a-nav > li.k2a-has-mega > .k2a-nav__toggle {
  border-radius: var(--k2-radius-pill);
  transition: background var(--k2-t-fast) var(--k2-ease),
              box-shadow var(--k2-t-fast) var(--k2-ease),
              color var(--k2-t-fast) var(--k2-ease);
}
.k2a-nav > li.k2a-nav--srv  > .k2a-nav__toggle .k2a-nav__icon { color: #7fdcff; }
.k2a-nav > li.k2a-nav--rank > .k2a-nav__toggle .k2a-nav__icon { color: #ffd76a; }
.k2a-nav > li.k2a-nav--news > .k2a-nav__toggle .k2a-nav__icon { color: #90efb6; }

.k2a-nav > li.k2a-nav--srv:hover  > .k2a-nav__toggle,
.k2a-nav > li.k2a-nav--srv.open   > .k2a-nav__toggle {
  background: rgba(127,220,255,.10);
  box-shadow: inset 0 0 0 1px rgba(127,220,255,.30);
}
.k2a-nav > li.k2a-nav--rank:hover > .k2a-nav__toggle,
.k2a-nav > li.k2a-nav--rank.open  > .k2a-nav__toggle {
  background: rgba(255,215,106,.10);
  box-shadow: inset 0 0 0 1px rgba(255,215,106,.32);
}
.k2a-nav > li.k2a-nav--news:hover > .k2a-nav__toggle,
.k2a-nav > li.k2a-nav--news.open  > .k2a-nav__toggle {
  background: rgba(144,239,182,.10);
  box-shadow: inset 0 0 0 1px rgba(144,239,182,.30);
}
/* Acik menunun panel ust cizgisi de ayni renkte olsun. */
.k2a-nav > li.k2a-nav--srv.open  > .k2a-mega { border-top-color: #7fdcff; }
.k2a-nav > li.k2a-nav--rank.open > .k2a-mega { border-top-color: #ffd76a; }
.k2a-nav > li.k2a-nav--news.open > .k2a-mega { border-top-color: #90efb6; }

/* BAKIM: yesil canli rozetinin kirmizi karsiligi. */
.k2a-stat--down {
  border-color: rgba(229,72,77,.45) !important;
  background: linear-gradient(180deg, rgba(229,72,77,.16), rgba(20,10,12,.55)) !important;
  box-shadow: 0 0 18px rgba(229,72,77,.28);
}
.k2a-stat--down .k2a-stat__val { color: #ff8a7a; }
.k2a-stat--down .k2a-stat__val .fa { animation: k2a-maint 2.4s var(--k2-ease) infinite; }
.k2a-stat--down .k2a-stat__lbl {
  color: #ffc9c2;
  font-weight: var(--k2-fw-heavy);
  letter-spacing: .04em;
}
@keyframes k2a-maint {
  0%, 100% { opacity: .7; transform: rotate(-8deg); }
  50%      { opacity: 1;  transform: rotate(8deg); }
}
/* 20.15 ILK 5 KLANIN AD RENGI + MENU EK RENKLERI --------------------------
   Ilk 5 klan adi, sirasina gore kendi degrade rengiyle yazilir ve site
   genelinde AYNI gorunur (klan siralamasi, oyuncu siralamasindaki Clan
   sutunu, klan profili). Renk tek basina anlam tasimaz: sira numarasi ve
   rutbe nisani zaten yaninda.
   background-clip desteklenmeyen tarayicida duz renge duser - ad KAYBOLMAZ. */
.k2r-elite { font-weight: var(--k2-fw-heavy) !important; letter-spacing: .01em; }
/* 1 altin / 2 buz-platin / 3 bakir / 4 ametist / 5 zumrut.
   2. sira duz beyazdi ve "hicbir ozelligi yok" gorunuyordu; artik icine
   buz mavisi bir damar giriyor, beyazdan ayrilyor. */
.k2r-elite--1 { color: #ffe889 !important; text-shadow: 0 0 16px rgba(255,201,40,.50); }
.k2r-elite--2 { color: #dff2ff !important; text-shadow: 0 0 16px rgba(120,200,255,.45); }
.k2r-elite--3 { color: #ffb877 !important; text-shadow: 0 0 15px rgba(255,140,60,.42); }
.k2r-elite--4 { color: #cfa8ff !important; text-shadow: 0 0 15px rgba(160,100,255,.40); }
.k2r-elite--5 { color: #8ff0b5 !important; text-shadow: 0 0 15px rgba(60,220,140,.38); }

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .k2r-elite {
    background-size: 200% 100%;
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: k2r-elite-flow 9s ease-in-out infinite;
  }
  .k2r-elite--1 { background-image: linear-gradient(100deg,#fff8d8,#ffd76a,#ff9d1c,#ffd76a,#fff8d8); }
  /* Buz-platin: beyaz -> buz mavisi -> celik. Duz beyaz DEGIL. */
  .k2r-elite--2 { background-image: linear-gradient(100deg,#ffffff,#bfe6ff,#5fa8d8,#bfe6ff,#ffffff); }
  /* Bakir: sicak turuncu damarli bronz. */
  .k2r-elite--3 { background-image: linear-gradient(100deg,#ffe2c0,#ffb877,#d4712a,#ffb877,#ffe2c0); }
  /* Ametist */
  .k2r-elite--4 { background-image: linear-gradient(100deg,#f0e4ff,#cfa8ff,#8a4fe0,#cfa8ff,#f0e4ff); }
  /* Zumrut (eski camgobegi 2. sira ile cakisiyordu) */
  .k2r-elite--5 { background-image: linear-gradient(100deg,#dcffe9,#8ff0b5,#2fae6d,#8ff0b5,#dcffe9); }
}
@keyframes k2r-elite-flow {
  0%, 100% { background-position: 0% 50%; }
  50%      { background-position: 100% 50%; }
}

/* Menu: Oyunu Indir ve Destek de renk kimligi alir. */
.k2a-nav > li.k2a-nav--dl  > a .k2a-nav__icon { color: #90efb6; }
.k2a-nav > li.k2a-nav--sup > a .k2a-nav__icon { color: #ff9db3; }
.k2a-nav > li.k2a-nav--dl  > a,
.k2a-nav > li.k2a-nav--sup > a { border-radius: var(--k2-radius-pill); transition: background var(--k2-t-fast) var(--k2-ease), box-shadow var(--k2-t-fast) var(--k2-ease); }
.k2a-nav > li.k2a-nav--dl:hover  > a { background: rgba(144,239,182,.10); box-shadow: inset 0 0 0 1px rgba(144,239,182,.30); }
.k2a-nav > li.k2a-nav--sup:hover > a { background: rgba(255,157,179,.10); box-shadow: inset 0 0 0 1px rgba(255,157,179,.30); }

/* Online noktasi ile ad arasi nefes payi (lider hucresi cok sikisikti). */
#prizes_wrapper td .k2r-live { margin-right: 9px; }
#prizes_wrapper td .k2r-live + a { vertical-align: middle; }
.k2a-rank__note {
  margin: 0;
  padding: 8px var(--k2-space-3) 0;
  color: var(--k2-text-faint);
  font-size: var(--k2-fs-xs);
  font-weight: var(--k2-fw-bold);
  letter-spacing: .06em;
  text-transform: uppercase;
}