/* Astron2 · Rüya: klasik Metin2 TR site düzeni (2026-10-27). 2009-2010 resmî sitelerin iskeleti (üstte sahne + logo,
   kırmızı indirme bandı, solda menü, ortada parşömen, sağda giriş ve sıralama), görseller dışarıdan alınmadan CSS ile:
   ahşap çerçeve, altın çizgi, kırmızı lake başlık, parşömen zemin, damask desen. Yazı tipleri jetonlar.css'te. */

:root {
  --k-zemin: #140707;
  --k-zemin-2: #1d0a08;
  --k-ahsap-1: #2a1208;
  --k-ahsap-2: #4a2410;
  --k-ahsap-3: #6b3818;
  --k-altin: #d9b26a;
  --k-altin-acik: #fff0c2;
  --k-altin-koyu: #8a6326;
  --k-lake-1: #a8281c;
  --k-lake-2: #6e0e08;
  --k-lake-3: #4a0704;
  --k-parsomen-1: #f0e1bb;
  --k-parsomen-2: #e2cb96;
  --k-murekkep: #2b1408;
  --k-murekkep-soluk: #6a4a2c;
  --k-baslik-kirmizi: #7b1300;
  --k-yesil: #2f7d32;
  --k-baslik: "Cinzel", "Trajan Pro", "Times New Roman", serif;
  --k-metin: "Segoe UI", system-ui, -apple-system, "Roboto", Arial, sans-serif;
  --k-sayi: "Barlow SC", "Segoe UI", system-ui, sans-serif;
  --k-cerceve: 0 0 0 1px #0c0402, inset 0 0 0 1px var(--k-altin-koyu), inset 0 0 0 3px var(--k-ahsap-1), inset 0 0 0 4px rgba(217, 178, 106, 0.45);
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; cursor: url("../arayuz/imlec/normal.png") 1 1, auto; }
a, button, summary, select, label[for], [role="button"] { cursor: url("../arayuz/imlec/al.png") 1 1, pointer; }
input:not([type="checkbox"]):not([type="radio"]), textarea { cursor: text; }
body {
  margin: 0;
  min-height: 100vh;
  color: #ecdcc0;
  font: 15px/1.6 var(--k-metin);
  background-color: var(--k-zemin);
  /* damask: iki katman eşkenar dörtgen + çiçek göbeği */
  background-image:
    radial-gradient(circle at 50% 50%, rgba(150, 40, 25, 0.16) 0 7px, transparent 8px),
    radial-gradient(circle at 0 0, rgba(150, 40, 25, 0.1) 0 5px, transparent 6px),
    linear-gradient(45deg, transparent 46%, rgba(120, 40, 20, 0.12) 47% 53%, transparent 54%),
    linear-gradient(-45deg, transparent 46%, rgba(120, 40, 20, 0.12) 47% 53%, transparent 54%);
  background-size: 44px 44px, 44px 44px, 44px 44px, 44px 44px;
}
img, svg, video { display: block; max-width: 100%; }
a { color: #ffd98a; text-decoration: none; }
a:hover { color: #fff3cf; }
h1, h2, h3, h4 { margin: 0; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--k-altin); outline-offset: 2px; }
main:focus { outline: none; }
.gizli { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sayi { font-family: var(--k-sayi); font-variant-numeric: lining-nums tabular-nums; }
.soluk { color: var(--k-murekkep-soluk); }
.icerige-gec { position: absolute; left: -9999px; top: 8px; z-index: 100; padding: 8px 14px; background: var(--k-lake-1); color: #fff; }
.icerige-gec:focus { left: 8px; }
.nokta { display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: #9a8a7a; vertical-align: middle; }
.k-acik .nokta, .nokta.k-acik { background: #4cd07a; box-shadow: 0 0 8px rgba(76, 208, 122, 0.8); }
.k-kapali .nokta, .nokta.k-kapali { background: #e05a4a; box-shadow: 0 0 8px rgba(224, 90, 74, 0.7); }
.k-gri { color: #b9a990; }
.k-acik { color: #8fe0a6; }
.k-kapali { color: #ff9a88; }
.svg-tanim { position: absolute; width: 0; height: 0; overflow: hidden; }

/* ------------------------------------------------------------------ üst bölüm */
.k-ust { position: relative; }
.k-serit { position: relative; z-index: 3; background: linear-gradient(180deg, #0b0403, #1c0906); border-bottom: 1px solid #3a1a0c; font-size: 12.5px; }
.k-serit-ic { display: flex; align-items: center; gap: 18px; max-width: 1200px; margin: 0 auto; padding: 5px 16px; color: #cdb995; }
.k-serit b { color: #fff0c2; font-weight: 600; }
.k-serit-sag { display: flex; gap: 14px; margin-left: auto; }
.k-sahne { position: relative; height: 290px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.k-sahne picture, .k-sahne-resim { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 40%; max-width: none; }
.k-sahne::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 34% 60% at 50% 48%, rgba(10, 3, 2, 0.45), transparent 75%), linear-gradient(180deg, rgba(10, 3, 2, 0.15) 0%, transparent 40%, rgba(20, 7, 7, 0.85) 92%, var(--k-zemin) 100%);
}
.k-logo { position: relative; z-index: 2; display: block; margin-top: -40px; }
.k-logo img { width: min(330px, 56vw); height: auto; filter: drop-shadow(0 14px 30px rgba(0, 0, 0, 0.85)); transition: transform 0.4s ease; }
.k-logo:hover img { transform: scale(1.03); }
.k-bant {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 16px;
  width: min(760px, calc(100% - 24px));
  margin: -46px auto 0;
  padding: 12px 22px 12px 14px;
  border: 2px solid var(--k-altin-koyu);
  border-radius: 6px;
  background:
    linear-gradient(180deg, rgba(255, 220, 160, 0.16), transparent 40%),
    linear-gradient(180deg, var(--k-lake-1), var(--k-lake-2) 70%, var(--k-lake-3));
  box-shadow: 0 0 0 3px #1a0603, 0 0 0 4px rgba(217, 178, 106, 0.5), 0 18px 36px rgba(0, 0, 0, 0.75), inset 0 1px 0 rgba(255, 230, 180, 0.35);
  color: #fff3cf;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.k-bant:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 0 0 3px #1a0603, 0 0 0 4px rgba(255, 220, 140, 0.8), 0 22px 40px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(255, 230, 180, 0.4); }
.k-bant-ok {
  flex: none;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 2px solid var(--k-altin);
  border-radius: 6px;
  background: linear-gradient(180deg, #3a1a0c, #1d0b05);
  box-shadow: inset 0 0 0 2px #0c0402, 0 0 12px rgba(255, 210, 120, 0.35);
}
.k-bant-ok svg { width: 30px; height: 30px; color: #fff0c2; animation: k-zipla 1.8s ease-in-out infinite; }
@keyframes k-zipla { 0%, 100% { transform: translateY(-2px); } 50% { transform: translateY(3px); } }
.k-bant-yazi b { display: block; font: 700 clamp(17px, 2.4vw, 25px)/1.15 var(--k-baslik); letter-spacing: 0.02em; text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7); }
.k-bant-yazi small { display: block; margin-top: 4px; font-size: 12.5px; font-weight: 600; color: #ffd98a; }

/* telefon menüsü */
.menu-ac { display: none; }
.cekmece { display: none; }
.cekmece-ortu { display: none; }

/* ------------------------------------------------------------------ üç sütun */
.k-govde {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr) 240px;
  gap: 18px;
  align-items: start;
  max-width: 1200px;
  margin: 22px auto 40px;
  padding: 0 14px;
}
.k-sol, .k-sag { display: flex; flex-direction: column; gap: 26px; }

/* yan kutular: ahşap çerçeve, kırmızı lake başlık, aralarında zincir halkası */
.k-kutu {
  position: relative;
  padding: 6px;
  border-radius: 5px;
  background: linear-gradient(180deg, var(--k-ahsap-3), var(--k-ahsap-2) 40%, var(--k-ahsap-1));
  box-shadow: var(--k-cerceve), 0 12px 26px rgba(0, 0, 0, 0.6);
}
/* kutuları birbirine bağlayan demir zincir */
.k-kutu + .k-kutu::before, .k-kutu + .k-kutu::after {
  content: "";
  position: absolute;
  top: -26px;
  width: 7px;
  height: 26px;
  border-radius: 3px;
  background: repeating-linear-gradient(180deg, #8a847d 0 5px, #4a4541 5px 6px, #24211f 6px 8px);
  box-shadow: 0 0 0 1px #120a06, 0 2px 4px rgba(0, 0, 0, 0.6);
}
.k-kutu + .k-kutu::before { left: 22%; }
.k-kutu + .k-kutu::after { right: 22%; }
.k-kutu-bas {
  margin: -1px -1px 6px;
  padding: 6px 10px 5px;
  border: 1px solid var(--k-altin-koyu);
  border-radius: 4px 4px 2px 2px;
  background: linear-gradient(180deg, rgba(255, 220, 160, 0.18), transparent 45%), linear-gradient(180deg, var(--k-lake-1), var(--k-lake-2));
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.5);
  color: #fff0c2;
  font: 700 14px/1.3 var(--k-baslik);
  letter-spacing: 0.04em;
  text-align: center;
  text-shadow: 0 1px 2px #000;
}
.k-kutu-ic, .k-durum, .k-sira, .k-menu, .k-kutu-not, .k-indir-resim { background: linear-gradient(180deg, var(--k-parsomen-1), var(--k-parsomen-2)); color: var(--k-murekkep); border-radius: 3px; box-shadow: inset 0 0 18px rgba(110, 60, 15, 0.35); }
.k-kutu-ic { padding: 10px; }
.k-kutu-not { margin-top: 6px; padding: 7px 9px; font-size: 12.5px; text-align: center; color: var(--k-murekkep-soluk); }
.k-menu { display: flex; flex-direction: column; gap: 6px; padding: 9px; }
.k-menu a {
  display: block;
  padding: 7px 10px;
  border: 1px solid #c9a35a;
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(255, 220, 160, 0.2), transparent 50%), linear-gradient(180deg, #9b2318, #620b06);
  box-shadow: 0 0 0 1px #3a0a04, inset 0 1px 0 rgba(255, 230, 180, 0.3), 0 2px 4px rgba(60, 20, 0, 0.45);
  color: #fef6aa;
  font: 700 13.5px/1.2 var(--k-baslik);
  letter-spacing: 0.03em;
  text-align: center;
  text-shadow: 0 1px 2px #000;
  transition: filter 0.15s, transform 0.15s;
}
.k-menu a:hover { color: #fffde8; filter: brightness(1.18); transform: translateX(2px); }
.k-menu a[aria-current="page"] { background: linear-gradient(180deg, rgba(255, 240, 190, 0.35), transparent 55%), linear-gradient(180deg, #c03a24, #7a1208); color: #fff; }
.k-menu a.k-menu-doga { margin-top: 4px; border-color: #7f9cc9; background: linear-gradient(180deg, rgba(200, 220, 255, 0.18), transparent 50%), linear-gradient(180deg, #2c3c66, #141c36); color: #dfe8ff; }
.k-menu small { font-size: 11px; color: #aac0ef; }
.k-indir-resim { position: relative; display: block; overflow: hidden; padding: 4px; }
.k-indir-resim img { width: 100%; height: auto; border: 1px solid #6a4a2c; border-radius: 2px; transition: filter 0.3s; }
.k-indir-resim:hover img { filter: brightness(1.12); }
.k-indir-ok { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 48px; height: 48px; margin: -24px 0 0 -24px; border: 2px solid var(--k-altin); border-radius: 6px; background: rgba(60, 10, 5, 0.85); color: #fff0c2; box-shadow: 0 0 14px rgba(0, 0, 0, 0.7); }
.k-indir-ok svg { width: 24px; height: 24px; }
.k-durum { display: grid; grid-template-columns: auto 1fr; gap: 4px 10px; margin: 0; padding: 10px; font-size: 13px; }
.k-durum dt { color: var(--k-murekkep-soluk); }
.k-durum dd { margin: 0; font-weight: 700; text-align: right; }
.k-durum .k-acik { color: var(--k-yesil); }
.k-durum .k-kapali { color: #b2241a; }
.k-sira { padding: 6px 8px; font-size: 13px; counter-reset: k; }
.k-sira li { display: flex; align-items: center; gap: 7px; padding: 4px 2px; border-bottom: 1px dashed rgba(106, 74, 44, 0.35); }
.k-sira li:last-child { border-bottom: 0; }
.k-sira .no { width: 20px; color: #b2241a; font-weight: 700; text-align: right; }
.k-sira li:nth-child(-n+3) .no { color: #8a5a00; }
.k-sira .sv { color: var(--k-murekkep-soluk); font-size: 12px; }
.k-sira .ad { flex: 1; min-width: 0; overflow: hidden; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.k-alt-dg { margin-top: 6px; }
.k-giris { display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
.k-giris label { font-weight: 600; color: var(--k-murekkep-soluk); }
.k-giris .dg { margin-top: 6px; }
.k-giris-alt { display: flex; justify-content: center; gap: 6px; margin-top: 4px; font-size: 12.5px; }
.k-giris-alt a, .k-kutu-ic a:not(.dg) { color: #8d0404; font-weight: 600; }
.k-hos { margin-bottom: 8px; font-size: 13.5px; }
.k-kutu-ic form { margin-top: 6px; }
.bayrak { display: inline-block; flex: none; width: 12px; height: 12px; border-radius: 2px; background: #888; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.45); }
.k-shinsoo { background: #c83a36; }
.k-chunjo { background: #d8a02a; }
.k-jinno { background: #3f7fd6; }

/* ------------------------------------------------------------------ orta: parşömen sayfa */
.k-orta {
  min-width: 0;
  padding: 8px;
  border-radius: 6px;
  background: linear-gradient(180deg, var(--k-ahsap-3), var(--k-ahsap-2) 30%, var(--k-ahsap-1));
  box-shadow: var(--k-cerceve), 0 18px 40px rgba(0, 0, 0, 0.6);
}
.k-orta > * {
  border-radius: 3px;
  color: var(--k-murekkep);
  background:
    radial-gradient(ellipse at 20% 10%, rgba(255, 255, 255, 0.35), transparent 55%),
    radial-gradient(ellipse at 80% 90%, rgba(150, 90, 30, 0.16), transparent 60%),
    linear-gradient(180deg, var(--k-parsomen-1), var(--k-parsomen-2));
  box-shadow: inset 0 0 50px rgba(110, 60, 15, 0.4);
}
.k-orta > * + * { margin-top: 10px; }
/* sayfa şablonlarındaki satır içi simgeler (ölçüsüz SVG'ler) yazı boyunda kalır */
.k-orta svg { width: 16px; height: 16px; flex: none; }
.k-orta a:not(.dg) { color: #8d0404; font-weight: 600; text-decoration: underline; text-decoration-color: rgba(141, 4, 4, 0.35); text-underline-offset: 2px; }
.k-orta a:not(.dg):hover { color: #c01a0a; }
.kap { width: 100%; }

/* sayfa başı (makro sayfa_basi) */
.sayfa-bas { padding: 18px 20px 12px; text-align: center; border-bottom: 1px solid rgba(106, 74, 44, 0.35); }
.yol-izi { display: flex; justify-content: center; gap: 6px; margin-bottom: 6px; font-size: 12.5px; color: var(--k-murekkep-soluk); }
.yol-izi a { color: var(--k-murekkep-soluk) !important; font-weight: 400 !important; text-decoration: none !important; }
.parlak-baslik, .sayfa-bas h1 { font: 700 clamp(22px, 3vw, 30px)/1.2 var(--k-baslik); color: var(--k-baslik-kirmizi); letter-spacing: 0.03em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.sayfa-bas p { max-width: 560px; margin: 8px auto 0; color: var(--k-murekkep-soluk); }
.bolum-sus { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 8px auto 0; color: #a2603a; }
.bolum-sus i { width: 60px; height: 1px; background: linear-gradient(90deg, transparent, #a2603a, transparent); }
.bolum-sus svg { width: 12px; height: 12px; }
.sayfa-govde { padding: 16px 18px 20px; }
.sayfa-govde .kap { display: grid; gap: 16px; }
.yan { display: grid; gap: 14px; }

/* içerik başlığı (makro bolum_bas ve kutu başlıkları): Avrasya tipi elmaslı başlık şeridi */
.bolum-bas { margin-bottom: 12px; text-align: left; }
.bolum-ust { display: block; font: 700 11px/1.4 var(--k-sayi); letter-spacing: 0.16em; text-transform: uppercase; color: #a2603a; }
.bolum-bas h2 { font: 700 20px/1.25 var(--k-baslik); color: var(--k-baslik-kirmizi); }
.bolum-bas .bolum-sus { justify-content: flex-start; }
.bolum-giris { margin-top: 6px; color: var(--k-murekkep-soluk); }
.kutu {
  border: 1px solid #c9aa70;
  border-radius: 4px;
  background: rgba(255, 250, 235, 0.45);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 2px 6px rgba(80, 40, 10, 0.18);
}
.kutu-bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 12px;
  border-bottom: 1px solid #c9aa70;
  background: linear-gradient(180deg, #f6e7c2, #e6cf98);
  border-radius: 4px 4px 0 0;
}
.kutu-bas h2, .kutu-bas h3 { display: flex; align-items: center; gap: 8px; font: 700 15px/1.3 var(--k-baslik); color: var(--k-baslik-kirmizi); }
.kutu-bas h2::before, .kutu-bas h3::before { content: ""; width: 8px; height: 8px; background: #b92316; transform: rotate(45deg); box-shadow: 0 0 0 2px #f3dfa8, 0 0 0 3px #a2603a; flex: none; }
.kutu-bas h2 svg, .kutu-bas h3 svg { display: none; }
.kutu-bas a { font-size: 13px; }
.kutu-ic { padding: 12px; }
.bos-durum { padding: 18px 12px; text-align: center; color: var(--k-murekkep-soluk); }
.bos-durum b { display: block; color: var(--k-murekkep); }
.guncelleme-notu { margin-top: 12px; font-size: 12.5px; color: var(--k-murekkep-soluk); }

/* düz yazı (kurallar, kvkk ...) */
.yazi { font-size: 15px; line-height: 1.7; }
.yazi h2 { margin: 18px 0 8px; font: 700 18px/1.3 var(--k-baslik); color: var(--k-baslik-kirmizi); }
.yazi h3 { margin: 14px 0 6px; font: 700 15.5px/1.3 var(--k-baslik); color: #5a1a08; }
.yazi p + p { margin-top: 10px; }
.yazi ul, .yazi ol { margin: 8px 0 10px; padding-left: 20px; }
.yazi ul { list-style: none; }
.yazi ul li { position: relative; margin: 4px 0; }
.yazi ul li::before { content: ""; position: absolute; left: -14px; top: 0.6em; width: 6px; height: 6px; background: #b92316; transform: rotate(45deg); }
.yazi ol { list-style: decimal; }
.yazi strong, .yazi b { color: #3a1004; }

/* düğmeler */
.dg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 18px;
  border: 1px solid #c9a35a;
  border-radius: 4px;
  font: 700 14px/1 var(--k-baslik);
  letter-spacing: 0.03em;
  text-decoration: none !important;
  white-space: nowrap;
  transition: filter 0.15s, transform 0.15s, box-shadow 0.15s;
}
.dg svg { width: 16px; height: 16px; flex: none; }
.dg:hover { filter: brightness(1.12); transform: translateY(-1px); }
.dg:active { transform: none; filter: brightness(0.95); }
.dg-yakut, .dg-buyuk {
  background: linear-gradient(180deg, rgba(255, 220, 160, 0.22), transparent 50%), linear-gradient(180deg, #a8281c, #620b06);
  box-shadow: 0 0 0 1px #3a0a04, inset 0 1px 0 rgba(255, 230, 180, 0.35), 0 3px 8px rgba(60, 20, 0, 0.4);
  color: #fff3cf !important;
  text-shadow: 0 1px 2px #000;
}
.dg-cizgi, .dg-hayalet {
  background: linear-gradient(180deg, #fbf1d6, #e6cf98);
  box-shadow: 0 0 0 1px rgba(80, 40, 10, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.6);
  color: #5a1a08 !important;
}
.k-sol .dg-cizgi, .k-sag .dg-cizgi { min-height: 32px; font-size: 12.5px; }
.dg-buyuk { min-height: 46px; padding: 0 24px; font-size: 16px; }
.dg-kucuk { min-height: 32px; padding: 0 12px; font-size: 12.5px; }
.dg.tam, .tam { width: 100%; }
.dg[disabled] { opacity: 0.55; pointer-events: none; }

/* formlar */
.form-kap { display: grid; gap: 14px; }
.form-satir { display: grid; gap: 5px; margin-bottom: 12px; }
.form-satir > label, .form-et { font-weight: 700; font-size: 13.5px; color: #4a2410; }
.form-ikili { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; }
/* kayıt doğrulama resmi (11-09) */
.dogrulama-resim { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 2px 0 8px; }
.dogrulama-resim img { display: block; max-width: 100%; height: auto; border-radius: 6px; border: 1px solid rgba(0, 0, 0, .25); background: #fff; }
.dogrulama-resim [hidden] { display: none !important; }
#k-dogrulama_kod { text-transform: uppercase; letter-spacing: .18em; max-width: 240px; }
.alan {
  width: 100%;
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid #a98a58;
  border-radius: 3px;
  background: #fffaf0;
  color: var(--k-murekkep);
  box-shadow: inset 0 1px 3px rgba(80, 40, 10, 0.25);
}
.k-sag .alan { min-height: 32px; padding: 5px 8px; }
.alan:focus { outline: none; border-color: #8d0404; box-shadow: inset 0 1px 3px rgba(80, 40, 10, 0.25), 0 0 0 2px rgba(185, 35, 22, 0.25); }
.alan[aria-invalid="true"] { border-color: #b2241a; }
.form-yardim { font-size: 12.5px; color: var(--k-murekkep-soluk); }
.form-hata { font-size: 12.5px; font-weight: 700; color: #b2241a; }
.form-alt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-top: 10px; font-size: 13.5px; }
.onay-kutu { display: flex; align-items: flex-start; gap: 8px; font-size: 13.5px; }
.onay-kutu input { margin-top: 3px; accent-color: #8d0404; }
.onay-baglar { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 4px; font-size: 13px; }
.tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* uyarı kutuları */
.bilgi-kutu, .uyari-kutu, .hata-kutu, .tamam-kutu { padding: 10px 12px; border-radius: 3px; border-left: 4px solid; font-size: 14px; }
.bilgi-kutu { border-color: #a2603a; background: rgba(162, 96, 58, 0.12); }
.uyari-kutu { border-color: #c98a1a; background: rgba(201, 138, 26, 0.15); }
.hata-kutu { border-color: #b2241a; background: rgba(178, 36, 26, 0.12); color: #6e0e08; font-weight: 600; }
.tamam-kutu { border-color: var(--k-yesil); background: rgba(47, 125, 50, 0.12); }

/* tablolar ve sıralama */
.tablo-kap { overflow-x: auto; }
.tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.tablo th, .tablo td { padding: 8px 10px; border-bottom: 1px solid rgba(106, 74, 44, 0.28); text-align: left; }
.tablo th { background: linear-gradient(180deg, #8d1d10, #5a0a06); color: #fff0c2; font: 700 12.5px/1.2 var(--k-baslik); letter-spacing: 0.04em; }
.tablo tbody tr:nth-child(even) td { background: rgba(255, 255, 255, 0.25); }
.tablo tbody tr:hover td { background: rgba(185, 35, 22, 0.08); }
.tablo .sag, .tablo td.sag, .tablo th.sag { text-align: right; }
.tablo .no { width: 44px; color: #b2241a; font-weight: 700; }
.sira-1 .no { color: #8a5a00; }
.sira-1 td { background: rgba(217, 178, 106, 0.25) !important; }
.oyuncu-ad { font-weight: 700; }
.sinif-et, .krallik-et { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; color: var(--k-murekkep-soluk); }
.sira-not { margin-top: 10px; text-align: center; font-size: 13px; color: var(--k-murekkep-soluk); }
.sekmeler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.sekme, .cip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid #c9a35a;
  border-radius: 4px;
  background: linear-gradient(180deg, #fbf1d6, #e6cf98);
  color: #5a1a08 !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
}
.sekme[aria-current], .cip[aria-current], .sekme[aria-selected="true"] { background: linear-gradient(180deg, #a8281c, #620b06); color: #fff3cf !important; }
.suzgec { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-bottom: 12px; }
.suzgec-grup { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.suzgec-et { margin-right: 4px; font-size: 12.5px; font-weight: 700; color: var(--k-murekkep-soluk); }
.tus { display: inline-block; padding: 1px 7px; border: 1px solid #a98a58; border-bottom-width: 2px; border-radius: 3px; background: #fffaf0; font: 700 12px/1.5 var(--k-sayi); }

/* indir sayfası */
.indir-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.indir-kart { display: flex; flex-direction: column; gap: 10px; padding: 14px; }
.indir-kart-ust { display: flex; align-items: center; gap: 12px; }
.indir-simge { flex: none; display: grid; place-items: center; width: 46px; height: 46px; border: 2px solid var(--k-altin-koyu); border-radius: 6px; background: linear-gradient(180deg, #a8281c, #620b06); color: #fff0c2; }
.indir-simge svg { width: 22px; height: 22px; }
.indir-alt { font-size: 12.5px; color: var(--k-murekkep-soluk); }
.dosya-adi { font-family: Consolas, monospace; font-size: 12.5px; }
.yakinda { display: inline-block; padding: 2px 10px; border: 1px solid #c98a1a; border-radius: 3px; background: rgba(201, 138, 26, 0.15); font-size: 12px; font-weight: 700; }

.indir-kart.birincil { border-color: #a2603a; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 0 0 2px rgba(185, 35, 22, 0.25), 0 2px 6px rgba(80, 40, 10, 0.18); }
.gereksinim dl, dl.kunye { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 7px 14px; margin: 0; }
.gereksinim dt, dl.kunye dt { font-size: 13px; color: var(--k-murekkep-soluk); }
.gereksinim dd, dl.kunye dd { margin: 0; text-align: right; font-size: 14px; font-weight: 600; }
.duz-liste li { position: relative; padding: 5px 0 5px 18px; }
.duz-liste li::before { content: ""; position: absolute; left: 2px; top: 0.85em; width: 6px; height: 6px; transform: rotate(45deg); background: #b92316; }

/* hesabım */
.ozet-kart { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; margin-bottom: 14px; }
.ozet-kart > div { padding: 10px 12px; border: 1px solid #c9aa70; border-radius: 4px; background: rgba(255, 250, 235, 0.5); }
.ozet-kart span { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--k-murekkep-soluk); }
.ozet-kart b { display: block; margin-top: 4px; overflow-wrap: anywhere; }
.guvenlik-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin-top: 14px; }
.gizle-m { }

/* hata sayfası */
.hata-sayfa { padding: 36px 18px; text-align: center; }
.hata-amblem { width: 96px; height: auto; margin: 0 auto 10px; }
.hata-kodu { font: 700 56px/1 var(--k-sayi); color: rgba(141, 4, 4, 0.35); }
.hata-sayfa h1 { margin-top: 6px; font: 700 26px/1.2 var(--k-baslik); color: var(--k-baslik-kirmizi); }
.hata-sayfa p { margin: 8px auto 0; max-width: 460px; color: var(--k-murekkep-soluk); }
.hata-dg { display: flex; justify-content: center; gap: 10px; margin-top: 18px; }

/* ------------------------------------------------------------------ ana sayfa (orta sütun) */
.k-bolum { padding: 14px 16px 16px; }
.k-baslik {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  padding: 6px 10px;
  border: 1px solid #c9aa70;
  border-radius: 3px;
  background: linear-gradient(180deg, #f8ebc8, #e8d29e);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
  font: 700 17px/1.25 var(--k-baslik);
  color: var(--k-baslik-kirmizi);
}
.k-baslik::before { content: ""; width: 9px; height: 9px; background: #b92316; transform: rotate(45deg); box-shadow: 0 0 0 2px #f3dfa8, 0 0 0 3px #a2603a; flex: none; }
.k-baslik a { margin-left: auto; font: 600 12.5px/1 var(--k-metin); }
.k-hosgeldin { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
.k-hosgeldin p + p { margin-top: 8px; }
.k-video { position: relative; display: block; overflow: hidden; border: 3px solid #6a4a2c; border-radius: 3px; box-shadow: 0 0 0 1px #c9aa70, 0 6px 16px rgba(60, 30, 5, 0.45); background: #000; text-decoration: none !important; }
.k-video img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16 / 10; transition: transform 0.6s ease; }
.k-video:hover img { transform: scale(1.05); }
.k-video-oynat { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 60px; height: 60px; margin: -30px 0 0 -30px; border: 2px solid var(--k-altin); border-radius: 50%; background: rgba(60, 10, 5, 0.75); color: #fff0c2; box-shadow: 0 0 20px rgba(0, 0, 0, 0.7); }
.k-video-oynat svg { width: 26px; height: 26px; margin-left: 3px; }
.k-video-yazi { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 10px 8px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.85)); color: #fff0c2; font: 700 14px/1.2 var(--k-baslik); text-align: center; }
.k-duyurular li { display: flex; align-items: flex-start; gap: 10px; padding: 8px 10px; border: 1px solid rgba(201, 170, 112, 0.7); border-radius: 3px; background: rgba(255, 250, 235, 0.5); font-size: 14px; }
.k-duyurular li + li { margin-top: 6px; }
.k-duyurular li::before { content: ""; flex: none; width: 8px; height: 8px; margin-top: 7px; background: #b92316; transform: rotate(45deg); }
.k-duyurular b { color: #6e0e08; }
.k-ozellikler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.k-ozellik { display: block; padding: 10px 12px; border: 1px solid rgba(201, 170, 112, 0.8); border-radius: 3px; background: rgba(255, 250, 235, 0.55); text-decoration: none !important; color: var(--k-murekkep) !important; font-weight: 400 !important; transition: background 0.15s, transform 0.15s; }
a.k-ozellik:hover { background: rgba(255, 245, 215, 0.95); transform: translateY(-1px); }
.k-ozellik h3 { display: flex; align-items: center; gap: 6px; font: 700 14.5px/1.3 var(--k-baslik); color: #6e0e08; }
.k-ozellik h3::before { content: ""; width: 7px; height: 7px; background: #b92316; transform: rotate(45deg); flex: none; }
.k-ozellik p { margin-top: 4px; font-size: 13.5px; line-height: 1.5; }
.k-et { display: inline-block; margin-left: 6px; padding: 0 6px; border-radius: 2px; background: #8d0404; color: #fff3cf; font: 700 10.5px/1.6 var(--k-sayi); letter-spacing: 0.06em; vertical-align: middle; }
.k-kunye { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 0; }
.k-kunye div { padding: 8px 10px; border: 1px solid rgba(201, 170, 112, 0.8); border-radius: 3px; background: rgba(255, 250, 235, 0.55); }
.k-kunye dt { font-size: 11.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--k-murekkep-soluk); }
.k-kunye dd { margin: 2px 0 0; font-weight: 700; color: #3a1004; }
.k-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.k-kart { display: flex; gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid rgba(201, 170, 112, 0.8); border-radius: 3px; background: rgba(255, 250, 235, 0.55); }
.k-kart img { flex: none; width: 96px; height: auto; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4)); }
.k-kart h3 { font: 700 15px/1.3 var(--k-baslik); color: #6e0e08; }
.k-kart p { margin-top: 3px; font-size: 13.5px; line-height: 1.5; }
.k-kart .dg { margin-top: 8px; }
.k-adimlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; counter-reset: adim; }
.k-adimlar li { position: relative; padding: 10px 10px 10px 44px; border: 1px solid rgba(201, 170, 112, 0.8); border-radius: 3px; background: rgba(255, 250, 235, 0.55); font-size: 13.5px; line-height: 1.5; }
.k-adimlar li::before { counter-increment: adim; content: counter(adim); position: absolute; left: 10px; top: 10px; display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid var(--k-altin-koyu); border-radius: 50%; background: linear-gradient(180deg, #a8281c, #620b06); color: #fff0c2; font: 700 13px/1 var(--k-sayi); }
.k-adimlar b { display: block; color: #6e0e08; }

/* ------------------------------------------------------------------ alt bilgi */
.alt { margin-top: 10px; padding: 24px 0 18px; background: linear-gradient(180deg, #1c0906, #0b0403); border-top: 2px solid #3a1a0c; box-shadow: inset 0 1px 0 rgba(217, 178, 106, 0.25); color: #cdb995; font-size: 13.5px; }
.alt .kap { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.alt-ust { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr) 1.4fr; gap: 20px; }
.alt-marka img { width: 150px; height: auto; margin-bottom: 8px; }
.alt h2 { margin-bottom: 8px; font: 700 13px/1.2 var(--k-baslik); letter-spacing: 0.08em; text-transform: uppercase; color: var(--k-altin); }
.alt li + li { margin-top: 4px; }
.alt a { color: #e8d6b2; }
.alt a:hover { color: #fff; }
.alt-kardes { display: grid; gap: 8px; align-content: start; }
.alt-sunucu { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border: 1px solid #3a1a0c; border-radius: 4px; background: rgba(0, 0, 0, 0.25); }
.alt-sunucu img { width: 54px; height: auto; }
.alt-sunucu span { display: flex; flex-direction: column; font-weight: 600; }
.alt-sunucu small { color: #b9a990; }
.alt-doga:hover { border-color: rgba(150, 120, 224, 0.7); background: rgba(150, 120, 224, 0.08); }
.alt-ruya:hover { border-color: #a2603a; background: rgba(185, 35, 22, 0.1); }
.alt-son { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-top: 18px; padding-top: 12px; border-top: 1px solid #3a1a0c; font-size: 12px; color: #9d8a6c; }

/* ------------------------------------------------------------------ dar ekran */
@media (max-width: 1100px) {
  .k-govde { grid-template-columns: 200px minmax(0, 1fr); }
  .k-sag { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; }
  .k-sag .k-kutu + .k-kutu::before, .k-sag .k-kutu + .k-kutu::after { display: none; }
  .alt-ust { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 820px) {
  body { font-size: 15px; }
  .k-logo { margin-top: -30px; }
  .k-serit-genis, .k-serit-sag a:not(:first-child) { display: none; }
  .k-sahne { height: 210px; }
  .k-bant { margin-top: -34px; gap: 10px; padding: 9px 12px 9px 9px; }
  .k-bant-ok { width: 44px; height: 44px; }
  .k-govde { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 16px; padding: 0 8px; }
  .k-orta { order: 1; padding: 5px; }
  .k-sag { order: 2; }
  .k-sol { order: 3; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
  .k-sol .k-kutu + .k-kutu::before, .k-sol .k-kutu + .k-kutu::after { display: none; }
  .k-hosgeldin, .k-ozellikler, .k-iki, .k-adimlar, .form-ikili { grid-template-columns: minmax(0, 1fr); }
  .k-kunye { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .alt-ust { grid-template-columns: repeat(2, 1fr); }
  .menu-ac {
    position: absolute;
    z-index: 6;
    top: 8px;
    right: 8px;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--k-altin-koyu);
    border-radius: 5px;
    background: linear-gradient(180deg, #a8281c, #620b06);
    color: #fff0c2;
  }
  .menu-ac svg { width: 22px; height: 22px; }
  .menu-ac .kapa-simge, .acik .menu-ac .ac-simge { display: none; }
  .acik .menu-ac .kapa-simge { display: block; }
  .acik .menu-ac { position: fixed; z-index: 60; }
  .cekmece {
    position: fixed;
    z-index: 55;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: min(300px, 86vw);
    padding: 64px 14px 20px;
    background: linear-gradient(180deg, var(--k-ahsap-2), var(--k-ahsap-1));
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.7), inset 1px 0 0 var(--k-altin-koyu);
    visibility: hidden;
    transform: translateX(105%);
    transition: transform 0.25s ease, visibility 0s linear 0.25s;
  }
  .acik .cekmece { visibility: visible; transform: none; transition: transform 0.25s ease; }
  body.cekmece-acik { overflow: hidden; }
  .cekmece .menu { display: flex; flex-direction: column; gap: 6px; }
  .cekmece .menu a { padding: 10px 12px; border: 1px solid #c9a35a; border-radius: 4px; background: linear-gradient(180deg, #9b2318, #620b06); color: #fef6aa; font: 700 14px/1.2 var(--k-baslik); text-align: center; }
  .cekmece-ortu { position: fixed; z-index: 50; inset: 0; background: rgba(0, 0, 0, 0.55); }
  .ust:not(.acik) .cekmece-ortu, .k-ust:not(.acik) .cekmece-ortu { display: none; }
  .acik .cekmece-ortu { display: block; }
}
@media (max-width: 480px) {
  .k-kunye { grid-template-columns: minmax(0, 1fr); }
  .alt-ust { grid-template-columns: 1fr; }
  .k-bant-yazi small { font-size: 11.5px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* ---- 2026-11-01 şeffaf işletme (öneri 9.9) + Hata Avcısı (9.11): durum, yama notları, destek ---- */
.durum-et { display: inline-block; padding: 1px 8px; border-radius: 9px; font-size: 12.5px; font-weight: 700; }
.durum-acik { background: rgba(46, 125, 50, 0.16); color: #1f6b25; }
.durum-kapali { background: rgba(185, 35, 22, 0.14); color: #a31d12; }
.durum-liste, .yama-liste { margin: 0; padding: 4px 4px 4px 22px; display: grid; gap: 6px; font-size: 14px; }
.yama-et { display: inline-block; min-width: 76px; padding: 0 6px; border-radius: 3px; font-size: 12px; font-weight: 700; text-align: center; color: #fff6dc; }
.yama-yeni { background: #2e7d32; }
.yama-degisti { background: #1e5f99; }
.yama-duzeltildi { background: #9a6a12; }

/* 2026-11-01 öneri 10.7 Fotoğraf Yarışması (foto.html) */
.foto-izgara { list-style: none; margin: 0; padding: 12px; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.foto-kart { background: rgba(0, 0, 0, .18); border: 1px solid #a2603a; border-radius: 4px; overflow: hidden; display: flex; flex-direction: column; }
.foto-kart img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; background: #1a1210; }
.foto-oyum { border-color: #f3c95a; box-shadow: 0 0 0 2px rgba(243, 201, 90, .35); }
.foto-alt { display: flex; align-items: center; gap: 8px; padding: 8px 10px; flex-wrap: wrap; }
.foto-ad { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.foto-oy { opacity: .85; }
.foto-etiket { font-size: 12px; opacity: .8; }
.foto-alt form { margin: 0; }

.tablo tr.soluk td { opacity: .65; }
/* 2026-11-01 öneri 17.9 / 18.7 / 18.9 topluluk sayfaları (topluluk, ceza_duvari, lig, performans; 17.7 taht 11-07'de kaldırıldı) */
.durum-bilgi { background: rgba(30, 95, 153, 0.14); color: #1e5f99; }
.ozet-kart small { display: block; margin-top: 4px; font-size: 12.5px; color: var(--k-murekkep-soluk); }
.sayfalama { justify-content: center; margin: 0; padding: 10px 12px 12px; }
.lig-kayit { columns: 2 180px; column-gap: 18px; }
.lig-kayit li { break-inside: avoid; }
/* 2026-11-01 öneri 19.11 / 20.6 (yarisma.html, ejder.html; 19.5 Kan Davası ve 19.9 Meddah 11-02'de kaldırıldı) */
.meydan-liste { list-style: none; margin: 0; padding: 0 12px 12px; display: grid; gap: 10px; }
.meydan-kart { padding: 10px 12px; border: 1px solid #c9ad7c; border-radius: 3px; background: rgba(255, 250, 240, 0.6); min-width: 0; }
.meydan-ust { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; margin-bottom: 6px; font-size: 13.5px; }
.meydan-secenek { list-style: none; margin: 6px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; }
.meydan-secenek li { overflow-wrap: anywhere; }
.meydan-dogru { font-weight: 700; color: #2f6a1e; }
.ejder-cubuk { height: 14px; margin: 8px 0; border: 1px solid #5a1408; border-radius: 3px; background: #2a0c08; overflow: hidden; }
.ejder-cubuk > span { display: block; height: 100%; background: linear-gradient(180deg, #e0503a, #8d1404); }
.ejder-cubuk .y0 { width: 0; } .ejder-cubuk .y10 { width: 10%; } .ejder-cubuk .y20 { width: 20%; } .ejder-cubuk .y30 { width: 30%; }
.ejder-cubuk .y40 { width: 40%; } .ejder-cubuk .y50 { width: 50%; } .ejder-cubuk .y60 { width: 60%; } .ejder-cubuk .y70 { width: 70%; }
.ejder-cubuk .y80 { width: 80%; } .ejder-cubuk .y90 { width: 90%; } .ejder-cubuk .y100 { width: 100%; }
@media (max-width: 560px) { .meydan-secenek { grid-template-columns: minmax(0, 1fr); } }