/* YULA ONLINE — FORUM (10.10.2026)
   TEMA "ÇİNİ" (kullanıcı 10.10 15.43: "öbür oyunla aynı tema, değiştir, bize has,
   oyuncuların içini açacak"; üç seçenek gösterildi, 16.32 B seçildi: "daha oyun
   tarzı gibi duruyor"): koyu firuze çini zemin (ince nokta deseni), firuze
   vurgular, başlığın altında altın benekli kobalt şerit, başlıklar Lora (OFL,
   yazi/). Renkler yalnız :root değişkenlerinde. Bilgisayarda iki sütun (içerik |
   yan), telefonda tek sütun; dokunma hedefleri en az 40 px. Satır içi stil yok (CSP). */
@font-face { font-family: "Lora"; src: url("/forum/yazi/Lora-Variable.woff") format("woff"); font-weight: 400 700; font-display: swap; }
:root {
  /* (06.11.2026 19.04) TEMA "LACİVERT-ALTIN" (kullanıcının görseli; oyunun varsayılan arayüzü):
     koyu lacivert zemin, altın vurgu ve başlıklar, beyaz yazı. Önceki temalar kaynak yedeğinde. */
  --zemin: #0d1726;
  --sahne: #0d1726;
  --sahne-ortu: none;
  --kart: rgba(20, 34, 56, .94);
  --kart-alt: rgba(13, 23, 39, .96);
  --kart2: rgba(22, 37, 60, .9);
  --yuzey: rgba(24, 40, 64, .92);
  --yuzey-koyu: rgba(9, 16, 28, .9);
  --yuzey-ust: rgba(33, 52, 82, .95);
  --girdi: rgba(7, 13, 24, .92);
  --yazar-zemin: rgba(9, 16, 28, .5);
  --ust-zemin: transparent;
  --ust-yazi: #f4f6f9;
  --ust-soluk: #c6cdd8;
  --ikon-zemin: none;
  --ikon-kenar: transparent;
  --pencere-zemin: linear-gradient(180deg, #16263e, #0d1727);
  --bildirim-zemin: #16263e;
  --perde: rgba(4, 8, 16, .76);
  --golge: 0 10px 28px rgba(0, 0, 0, .55);
  --v-rgb: 212, 175, 90;              /* vurgu rengi (rgba için) */
  --cizgi: rgba(212, 175, 90, .24);
  --altin: #d4af5a;                   /* vurgu (altın) */
  --altin-acik: #f2dda6;              /* başlık ve bağlantı */
  --altin-koyu: rgba(212, 175, 90, .45);  /* kenar */
  --dolgu: linear-gradient(180deg, #ecd08a, #d4af5a 55%, #b38b3a);   /* seçili / ana düğme */
  --dolgu-yazi: #1b1406;
  --dolgu-kenar: #f2dda6;
  --yazi: #e9edf3;
  --soluk: #a9b3c2;
  --yesil: #4fd27a;
  --kirmizi: #ff8676;
  --mavi: #9cc3ff;
  --hun: #ff7468;
  --gokturk: #7fb2ff;
  --selcuklu: #f2c14e;
  --baslik-yazi: "Roboto Condensed", "DejaVu Sans Condensed", "Arial Narrow", sans-serif;
  --govde-yazi: "Roboto Condensed", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --baslik-aralik: .02em;
  --baslik-donusum: uppercase;
  --yuvarlak: 4px;
  --ust-golge: none;
  --baslik-golge: 0 2px 6px #000;
  --bilge-yazi: #f2dda6;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--sahne);
  color: var(--yazi);
  font: 15px/1.55 var(--govde-yazi);
  min-height: 100vh;
  display: flex; flex-direction: column;
  -webkit-text-size-adjust: 100%;
}
body::before {
  content: ""; position: fixed; inset: 0; z-index: -1;
  background: var(--sahne-ortu);
}
a { color: var(--altin-acik); text-decoration: none; }
a:hover { text-decoration: underline; }
button, input, select, textarea { font: inherit; color: inherit; }
.gizli { display: none !important; }
.soluk { color: var(--soluk); }
.kucuk { font-size: 13px; }
.uyari { background: rgba(160, 60, 40, .22); border: 1px solid rgba(227, 114, 95, .5); border-radius: 8px; padding: 10px 14px; margin: 0; }
.bilgi { background: rgba(var(--v-rgb), .08); border: 1px solid var(--cizgi); border-radius: 8px; padding: 10px 14px; margin: 0; color: var(--soluk); }

/* ---------------- üst */
.ust { position: sticky; top: 0; z-index: 20; background: var(--ust-zemin); border-bottom: 1px solid var(--altin-koyu); box-shadow: var(--ust-golge); }
.ust-ic { display: flex; align-items: center; gap: 14px; max-width: 1200px; margin: 0 auto; padding: 10px 16px 4px; }
.logo img { display: block; height: 58px; width: auto; filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .75)); }
.ust-yazi { flex: 1; min-width: 0; }
.ust h1 { font: 700 24px/1.1 var(--baslik-yazi); letter-spacing: .12em; color: var(--ust-yazi); margin: 0 0 2px; text-shadow: var(--baslik-golge); }
.ust p { margin: 0; color: var(--ust-soluk); font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hesap { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.hesap .ad { font-weight: 700; color: var(--altin-acik); max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.menu { display: flex; gap: 6px; max-width: 1200px; margin: 0 auto; padding: 6px 16px 10px; overflow-x: auto; scrollbar-width: none; }
.menu::-webkit-scrollbar { display: none; }
.menu a {
  display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0; min-height: 38px; padding: 6px 14px;
  border: 1px solid var(--cizgi); border-radius: 999px; background: var(--yuzey); color: var(--yazi);
  font-weight: 700; font-size: 14px; letter-spacing: .02em;
}
.menu a img { width: 18px; height: 18px; }
.menu a:hover { text-decoration: none; border-color: var(--altin); }
.menu a.secili { color: var(--dolgu-yazi); background: var(--dolgu); border-color: var(--dolgu-kenar); }
.menu a.secili img { filter: brightness(.15); }
.menu a.oyna { margin-left: auto; border-color: rgba(142, 201, 138, .55); color: var(--yesil); }

/* ---------------- düzen */
#kok { flex: 1; width: 100%; max-width: 1200px; margin: 0 auto; padding: 16px; display: flex; flex-direction: column; gap: 14px; }
.iki { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 14px; align-items: start; }
.yan { display: flex; flex-direction: column; gap: 14px; }
.kart {
  background: linear-gradient(180deg, var(--kart), var(--kart-alt));
  border: 1px solid var(--altin-koyu); border-radius: 12px;
  box-shadow: var(--golge), inset 0 0 0 1px rgba(var(--v-rgb), .1);
  padding: 14px 16px;
}
.kart-baslik { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; }
.kart-baslik h2, .kart-baslik h3 { font: 700 17px/1.2 var(--baslik-yazi); letter-spacing: var(--baslik-aralik); text-transform: var(--baslik-donusum); color: var(--altin-acik); margin: 0; flex: 1; }
.kart-baslik img { width: 26px; height: 26px; }
.yol { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: var(--soluk); font-size: 14px; }
.yol a { color: var(--soluk); }
.yol b { color: var(--yazi); }

/* ---------------- sezon şeridi */
.sezon { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; padding: 10px 16px; }
.sezon b { font-family: var(--baslik-yazi); text-transform: var(--baslik-donusum); color: var(--altin-acik); letter-spacing: .06em; }
.sezon .sayac { font-variant-numeric: tabular-nums; color: var(--yazi); }
.sezon img { width: 26px; height: 26px; }

/* ---------------- bölümler */
.bolumler { display: flex; flex-direction: column; gap: 8px; }
.bolum {
  display: grid; grid-template-columns: 52px minmax(0, 1fr) 92px minmax(0, 230px); gap: 12px; align-items: center;
  padding: 12px 14px; border-radius: 10px; background: var(--kart2); border: 1px solid var(--cizgi); color: var(--yazi);
}
.bolum:hover { border-color: var(--altin); text-decoration: none; background: var(--yuzey-ust); }
.bolum .ikon { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--ikon-zemin); border: 1px solid var(--ikon-kenar); }
.bolum .ikon img { width: 30px; height: 30px; }
.bolum h3 { margin: 0; font: 700 16px/1.25 var(--baslik-yazi); letter-spacing: .04em; color: var(--altin-acik); }
.bolum p { margin: 2px 0 0; color: var(--soluk); font-size: 13.5px; line-height: 1.4; }
.bolum .sayi { text-align: center; color: var(--soluk); font-size: 13px; line-height: 1.3; }
.bolum .sayi b { color: var(--yazi); font-size: 15px; }
.bolum .son { font-size: 13px; color: var(--soluk); min-width: 0; }
.bolum .son b { display: block; color: var(--yazi); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 600; }

/* ---------------- konu listesi */
.konular { display: flex; flex-direction: column; }
.konu {
  display: grid; grid-template-columns: minmax(0, 1fr) 84px minmax(0, 170px); gap: 12px; align-items: center;
  padding: 10px 6px; border-bottom: 1px solid rgba(var(--v-rgb), .12); color: var(--yazi);
}
.konu:last-child { border-bottom: 0; }
.konu:hover { background: rgba(var(--v-rgb), .05); text-decoration: none; }
.konu .bas { display: flex; align-items: center; gap: 6px; font-weight: 700; color: var(--yazi); min-width: 0; }
.konu .bas span.metin { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.konu .bas img { width: 16px; height: 16px; flex-shrink: 0; opacity: .9; }
.konu .alt-yazi { font-size: 13px; color: var(--soluk); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.konu .sayi { text-align: center; font-size: 13px; color: var(--soluk); line-height: 1.3; }
.konu .sayi b { color: var(--yazi); font-size: 15px; }
.konu .son { font-size: 13px; color: var(--soluk); text-align: right; white-space: pre-line; }
.yeni { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .05em; color: var(--dolgu-yazi); background: var(--altin); border-radius: 4px; padding: 0 5px; flex-shrink: 0; }
.bos { color: var(--soluk); padding: 18px 6px; text-align: center; }

/* ---------------- mesajlar */
.mesaj { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 0; padding: 0; overflow: hidden; }
.mesaj .yazar { padding: 14px 12px; background: var(--yazar-zemin); border-right: 1px solid rgba(var(--v-rgb), .16); text-align: center; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.madalyon { width: 64px; height: 64px; border-radius: 50%; display: block; object-fit: cover; box-shadow: 0 2px 8px rgba(0, 0, 0, .6); }
.madalyon.sistem { background: var(--ikon-zemin); border: 2px solid var(--altin); padding: 12px; }
.yazar .ad { font-weight: 700; font-size: 15px; word-break: break-word; }
.yazar .bilgi-satir { font-size: 12.5px; color: var(--soluk); line-height: 1.35; }
.rol { display: inline-block; font-size: 11.5px; font-weight: 700; letter-spacing: .04em; padding: 1px 8px; border-radius: 999px; }
.rol.yonetici { color: var(--dolgu-yazi); background: var(--dolgu); }
.rol.moderator { color: #0d1a10; background: #8ec98a; }
.rol.sistem { color: var(--dolgu-yazi); background: var(--altin-acik); }
.onur-rozet { display: block; font-size: 11.5px; color: var(--altin-acik); background: rgba(var(--v-rgb), .1); border: 1px solid var(--cizgi); border-radius: 6px; padding: 1px 6px; margin-top: 2px; }
/* (10.10 14.31) Bilge unvanı, bölüm grupları, dış (video) bağlantı, Bilgeler kartı */
.unvan-rozet { display: inline-block; margin-top: 3px; font-size: 11.5px; font-weight: 700; letter-spacing: .08em; color: #0f1f1a; background: linear-gradient(180deg, #9fe0c8, #5fb59a); border-radius: 999px; padding: 1px 9px; }
.grup-baslik { margin: 10px 2px 0; font: 700 13px/1.2 var(--baslik-yazi); letter-spacing: .14em; text-transform: uppercase; color: var(--altin); display: flex; align-items: center; gap: 10px; }
.grup-baslik::after { content: ""; flex: 1; height: 1px; background: var(--cizgi); }
.bolumler > .grup-baslik:first-child { margin-top: 0; }
.metin a.dis-bag::after { content: " ↗"; color: var(--soluk); }
.bilgeler { display: flex; flex-wrap: wrap; gap: 6px; }
.bilgeler a { color: var(--bilge-yazi); background: rgba(95, 181, 154, .12); border: 1px solid rgba(95, 181, 154, .35); border-radius: 999px; padding: 3px 10px; font-size: 13.5px; font-weight: 600; }
.d-hun { color: var(--hun); } .d-gokturk { color: var(--gokturk); } .d-selcuklu { color: var(--selcuklu); }
.mesaj .govde { padding: 12px 16px; display: flex; flex-direction: column; min-width: 0; }
.mesaj .ust-satir { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--soluk); border-bottom: 1px solid rgba(var(--v-rgb), .1); padding-bottom: 6px; margin-bottom: 8px; }
.mesaj .ust-satir .no { margin-left: auto; }
.metin { white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; flex: 1; }
.metin p { margin: 0 0 8px; }
.metin blockquote { margin: 0 0 8px; padding: 6px 10px; border-left: 3px solid var(--altin-koyu); background: rgba(var(--v-rgb), .06); color: var(--soluk); border-radius: 0 6px 6px 0; }
.metin a { word-break: break-all; }
.silindi { color: var(--soluk); font-style: italic; }
.eylemler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.eylem { min-height: 34px; padding: 4px 12px; border-radius: 8px; border: 1px solid var(--cizgi); background: var(--yuzey-koyu); cursor: pointer; font-size: 13px; color: var(--yazi); }
.eylem:hover { border-color: var(--altin); }
.eylem.secili { color: var(--dolgu-yazi); background: var(--dolgu); border-color: var(--dolgu-kenar); }
.eylem.kirmizi { color: var(--kirmizi); border-color: rgba(227, 114, 95, .45); }
.eylem:disabled { opacity: .45; cursor: default; }

/* ---------------- düğme ve form */
.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 6px 16px;
  border-radius: 9px; border: 1px solid var(--altin-koyu); background: var(--yuzey); color: var(--yazi);
  font-weight: 700; cursor: pointer; letter-spacing: .02em;
}
.dugme:hover { border-color: var(--altin); text-decoration: none; }
.dugme.altin { color: var(--dolgu-yazi); background: var(--dolgu); border-color: var(--dolgu-kenar); }
.dugme.kirmizi { color: #fff; background: linear-gradient(180deg, #c45a43, #8e3524); border-color: #e3725f; }
.dugme.kucuk { min-height: 34px; padding: 4px 12px; font-size: 13.5px; }
.dugme:disabled { opacity: .5; cursor: default; }
.alan { display: flex; flex-direction: column; gap: 4px; margin: 0 0 10px; }
.alan span { font-size: 13px; color: var(--soluk); }
input[type=text], input[type=password], input[type=search], select, textarea {
  width: 100%; min-height: 42px; padding: 8px 11px; border-radius: 8px; border: 1px solid var(--altin-koyu);
  background: var(--girdi); color: var(--yazi); outline: none;
}
textarea { min-height: 150px; resize: vertical; line-height: 1.5; }
input:focus, select:focus, textarea:focus { border-color: var(--altin); box-shadow: 0 0 0 2px rgba(var(--v-rgb), .18); }
.sayac-yazi { font-size: 12px; color: var(--soluk); text-align: right; }
.yazma .ipucu { font-size: 13px; color: var(--soluk); margin: 0 0 8px; }
.yazma .satir { display: flex; align-items: center; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
.mod-araclari { display: flex; flex-wrap: wrap; gap: 6px; }
.sayfalar { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 4px; }
.sayfalar a, .sayfalar span { min-width: 38px; min-height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; border: 1px solid var(--cizgi); background: var(--yuzey-koyu); color: var(--yazi); padding: 0 8px; }
.sayfalar span.secili { color: var(--dolgu-yazi); background: var(--altin); border-color: var(--altin-acik); font-weight: 700; }
.sayfalar a:hover { border-color: var(--altin); text-decoration: none; }

/* ---------------- yan sütun */
.son-liste { display: flex; flex-direction: column; gap: 8px; }
.son-liste a { display: block; color: var(--yazi); font-size: 14px; }
.son-liste a b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.son-liste a span { font-size: 12.5px; color: var(--soluk); }
.istatistik { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.istatistik div { background: var(--kart2); border: 1px solid var(--cizgi); border-radius: 8px; padding: 8px 10px; text-align: center; font-size: 12.5px; color: var(--soluk); }
.istatistik b { display: block; font-size: 18px; color: var(--altin-acik); }
.kurallar { margin: 0; padding-left: 18px; color: var(--soluk); font-size: 13.5px; }
.kurallar li { margin-bottom: 4px; }

/* ---------------- onur listesi */
.sekmeler { display: flex; gap: 6px; flex-wrap: wrap; }
.sekme { min-height: 38px; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--cizgi); background: var(--yuzey-koyu); cursor: pointer; font-weight: 700; color: var(--yazi); }
.sekme.secili { color: var(--dolgu-yazi); background: var(--dolgu); border-color: var(--dolgu-kenar); }
.onur-baslik { text-align: center; padding: 18px 16px; }
.onur-baslik h2 { font: 700 26px/1.2 var(--baslik-yazi); letter-spacing: var(--baslik-aralik); text-transform: var(--baslik-donusum); color: var(--altin-acik); margin: 4px 0; text-shadow: 0 2px 10px rgba(var(--v-rgb), .25); }
.onur-baslik img { width: 54px; height: 54px; }
.panolar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.pano ol { list-style: none; margin: 0; padding: 0; counter-reset: s; }
.pano li { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 6px 4px; border-bottom: 1px solid rgba(var(--v-rgb), .1); }
.pano li:last-child { border-bottom: 0; }
.sira { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; background: var(--kart2); border: 1px solid var(--cizgi); color: var(--soluk); }
.sira.s1 { color: #2a1c05; background: radial-gradient(circle at 35% 30%, #ffe9a3, #d4a12c); border-color: #fff0bf; }
.sira.s2 { color: #1d1d1d; background: radial-gradient(circle at 35% 30%, #f2f2f2, #9da3a8); border-color: #fff; }
.sira.s3 { color: #2a1406; background: radial-gradient(circle at 35% 30%, #f0b27a, #a2602a); border-color: #ffd2a8; }
.pano .kim { min-width: 0; }
.pano .kim a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.pano .kim span { font-size: 12.5px; color: var(--soluk); }
.pano .deger { font-variant-numeric: tabular-nums; font-weight: 700; color: var(--altin-acik); }
.birlik-kart { padding: 10px 12px; border-radius: 10px; background: var(--kart2); border: 1px solid var(--cizgi); margin-bottom: 8px; }
.birlik-kart .ust-satir { display: flex; align-items: center; gap: 10px; }
.birlik-kart h4 { margin: 0; font: 700 16px var(--baslik-yazi); color: var(--altin-acik); flex: 1; }
.birlik-kart p { margin: 6px 0 0; font-size: 13px; color: var(--soluk); }
.yildizlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
.yildizlar div { background: var(--kart2); border: 1px solid var(--cizgi); border-radius: 8px; padding: 8px 10px; font-size: 13px; }
.yildizlar b { color: var(--altin-acik); }
.kirmizi-yildiz { color: var(--kirmizi); } .mavi-yildiz { color: var(--mavi); }
.yula-liste { display: flex; flex-wrap: wrap; gap: 8px; }
.yula-liste span { background: var(--kart2); border: 1px solid var(--cizgi); border-radius: 999px; padding: 4px 12px; font-size: 13.5px; }

/* ---------------- güncelleme notları */
.notlar { display: flex; flex-direction: column; gap: 12px; }
.not h3 { margin: 0 0 4px; font-size: 16px; color: var(--altin-acik); }
.not .tarih { font-size: 12.5px; color: var(--soluk); }
.not ul { margin: 8px 0 0; padding-left: 18px; }
.not li { margin-bottom: 6px; }

/* ---------------- pencere ve bildirim */
.perde { position: fixed; inset: 0; z-index: 50; background: var(--perde); display: flex; align-items: center; justify-content: center; padding: 16px; }
.pencere { width: 100%; max-width: 460px; max-height: calc(100vh - 32px); overflow: auto; background: var(--pencere-zemin); border: 1px solid var(--altin); border-radius: 14px; padding: 18px; box-shadow: var(--golge); }
.pencere h2 { font: 700 18px var(--baslik-yazi); letter-spacing: .06em; color: var(--altin-acik); margin: 0 0 12px; }
.pencere .aciklama { color: var(--soluk); font-size: 14px; margin: 0 0 12px; }
.pencere .hata { color: var(--kirmizi); min-height: 1.2em; margin: 4px 0 8px; font-size: 14px; }
.pencere-alt { display: flex; gap: 10px; justify-content: flex-end; }
.bildirim { position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%); z-index: 60; max-width: calc(100vw - 32px); padding: 10px 18px; border-radius: 10px; background: var(--bildirim-zemin); border: 1px solid var(--altin); box-shadow: var(--golge); font-weight: 600; color: var(--yazi); }
.bildirim.kotu { border-color: var(--kirmizi); color: #ffd9cf; }

/* ---------------- alt */
.alt { max-width: 1200px; width: 100%; margin: 0 auto; padding: 14px 16px 22px; display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; font-size: 13px; color: var(--soluk); }
.baglanti { width: 10px; height: 10px; border-radius: 50%; background: #9b8a5b; margin-left: auto; }
.baglanti.acik { background: var(--yesil); }
.baglanti.kopuk { background: var(--kirmizi); }

/* ---------------- telefon */
@media (max-width: 900px) {
  .iki { grid-template-columns: minmax(0, 1fr); }
  .panolar { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  body { font-size: 15px; }
  #kok { padding: 10px; gap: 10px; }
  .ust-ic { padding: 8px 10px 2px; gap: 10px; }
  .logo img { height: 44px; }
  .ust h1 { font-size: 18px; }
  .ust p { display: none; }
  .menu { padding: 6px 10px 8px; }
  .menu a.oyna { margin-left: 0; }
  .kart { padding: 12px; border-radius: 10px; }
  .bolum { grid-template-columns: 44px minmax(0, 1fr); gap: 10px; padding: 10px; }
  .bolum .ikon { width: 44px; height: 44px; }
  .bolum .ikon img { width: 26px; height: 26px; }
  .bolum .sayi, .bolum .son { grid-column: 2; text-align: left; }
  .bolum .sayi { display: flex; gap: 12px; }
  .bolum .sayi b { font-size: 13px; }
  .konu { grid-template-columns: minmax(0, 1fr) 54px; }
  .konu .son { display: none; }
  .mesaj { grid-template-columns: minmax(0, 1fr); }
  .mesaj .yazar { flex-direction: row; flex-wrap: wrap; text-align: left; border-right: 0; border-bottom: 1px solid rgba(var(--v-rgb), .16); padding: 10px 12px; gap: 6px 10px; }
  .madalyon { width: 40px; height: 40px; }
  .madalyon.sistem { padding: 7px; }
  .yazar .onur-rozet { display: inline-block; }
  .mesaj .govde { padding: 10px 12px; }
  .hesap .ad { max-width: 90px; }
}

/* ---------------- resimler (10.10: yazıda en çok 3 resim) */
.yazi-resim { display: block; max-width: 100%; margin: 8px 0; white-space: normal; }
.yazi-resim a { display: inline-block; max-width: 100%; line-height: 0; border-radius: 10px; overflow: hidden; border: 1px solid var(--cizgi); background: var(--yuzey-koyu); }
.yazi-resim img { display: block; max-width: 100%; max-height: 560px; width: auto; height: auto; }
.yazi-resim.yok { display: block; padding: 10px 14px; border: 1px dashed var(--cizgi); border-radius: 10px; color: var(--soluk); font-size: 13px; }
.yazi-resim .resim-kaldir { display: block; margin-top: 6px; }
.resim-araci { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 10px 0 0; }
.resim-ekle img { width: 18px; height: 18px; }
.resim-serit { display: flex; flex-wrap: wrap; gap: 8px; }
.resim-kucuk { position: relative; width: 76px; height: 76px; border-radius: 8px; overflow: hidden; border: 1px solid var(--cizgi); background: var(--yuzey-koyu); }
.resim-kucuk img { display: block; width: 100%; height: 100%; object-fit: cover; }
.resim-yer { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 28px; opacity: .7; }
.resim-cikar { position: absolute; top: 3px; right: 3px; width: 30px; height: 30px; padding: 0; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .55); background: rgba(0, 0, 0, .68); color: #fff; font-size: 14px; line-height: 1; cursor: pointer; }

/* ================================================================
   (06.11.2026 19.04) TEMA "LACİVERT-ALTIN" — kullanıcının gösterdiği görsel ("böyle olsun, çok profesyonel
   ve kaliteli"): oyunun varsayılan Lacivert-Altın arayüzüyle aynı aile. Lacivert savaş meydanı arka planı
   (oyunun yükleme görselinden, sisli lacivert), ortada büyük logo, üstte çevrimiçi / toplam oyuncu, sağda
   KAYIT OL / GİRİŞ YAP, altın çizgili grup başlıkları, sol kenarı altın bölüm satırları, altın köşeli yan
   kutular, sayfa köşelerinde altın süsleme. Yazı Roboto Condensed (OFL, yazi/). Canlı forum (sohbet,
   tepkiler, haftanın öndekileri, sıcak konular) aynı; yalnız görünüm. Satır içi stil yok (CSP).
   ================================================================ */
@font-face { font-family: "Roboto Condensed"; font-weight: 400; font-display: swap; src: url("/forum/yazi/roboto-condensed-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Roboto Condensed"; font-weight: 400; font-display: swap; src: url("/forum/yazi/roboto-condensed-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Roboto Condensed"; font-weight: 500; font-display: swap; src: url("/forum/yazi/roboto-condensed-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Roboto Condensed"; font-weight: 500; font-display: swap; src: url("/forum/yazi/roboto-condensed-latin-ext-500-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Roboto Condensed"; font-weight: 600 800; font-display: swap; src: url("/forum/yazi/roboto-condensed-latin-700-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Roboto Condensed"; font-weight: 600 800; font-display: swap; src: url("/forum/yazi/roboto-condensed-latin-ext-700-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

body { font-size: 16px; line-height: 1.5; background: url("/forum/arka.jpg") center top / max(1920px, 100vw) auto no-repeat, linear-gradient(180deg, #0f1a2c 0, #0d1726 1000px), #0d1726; }
h1, h2, h3, .kart-baslik h2, .kart-baslik h3 { font-family: var(--baslik-yazi); }
#kok { max-width: 1240px; gap: 18px; padding-top: 6px; }
.iki { grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; }
.sol { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.alt { max-width: 1240px; padding-bottom: 84px; border-top: 1px solid rgba(212, 175, 90, .18); margin-top: 18px; }

/* ---------------- sayfa köşeleri */
.sayfa-kose { position: fixed; z-index: 15; width: 150px; height: 150px; pointer-events: none; background: url("/forum/kose.svg") 0 0 / 100% 100% no-repeat; opacity: .9; }
.sayfa-kose.k1 { top: 0; left: 0; }
.sayfa-kose.k2 { top: 0; right: 0; transform: scaleX(-1); }
.sayfa-kose.k3 { bottom: 0; left: 0; transform: scaleY(-1); }
.sayfa-kose.k4 { bottom: 0; right: 0; transform: scale(-1, -1); }
@media (max-width: 1180px) { .sayfa-kose { display: none; } }

/* ---------------- üst: sayılar | logo | hesap; altında menü çubuğu ve slogan */
.ust { position: relative; top: auto; background: linear-gradient(180deg, rgba(8, 14, 26, .92), rgba(8, 14, 26, .55) 62%, transparent); border-bottom: 0; box-shadow: none; }
.ust::after { content: none; }
.ust-ic { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; max-width: 1240px; padding: 12px 16px 0; gap: 16px; position: relative; z-index: 2; }
.ust-sol { display: flex; flex-direction: column; gap: 3px; font-size: 17px; color: #dfe5ee; }
.ust-sayi { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.ust-sayi b { font-weight: 500; color: #fff; font-variant-numeric: tabular-nums; }
.ust-sayi img { width: 18px; height: 18px; opacity: .85; }
.logo { justify-self: center; position: relative; z-index: 3; margin-bottom: -96px; }
.logo img { height: 150px; width: auto; filter: drop-shadow(0 6px 16px rgba(0, 0, 0, .8)); }
.hesap-alani { justify-self: end; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.hesap { justify-self: end; gap: 12px; }
.mod-bag { display: inline-flex; align-items: center; gap: 6px; font-size: 14.5px; font-weight: 700; color: #ff9d8f; }
.mod-bag img { width: 16px; height: 16px; }
.mod-bag.secili { color: #f2c96a; }
.hesap .dugme { min-height: 44px; padding: 6px 20px; font-size: 17px; font-weight: 700; letter-spacing: .04em; border-radius: 4px; }
.dugme.cizgi { background: rgba(8, 14, 26, .55); color: #f2dda6; border: 1.5px solid #d4af5a; }
.dugme.cizgi:hover { background: rgba(212, 175, 90, .14); }
.hesap .ad { font-size: 17px; color: #f2dda6; max-width: 170px; }
.ara-dugme { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; }
.ara-dugme img { width: 28px; height: 28px; filter: brightness(1.15); }
.ara-dugme:hover { background: rgba(212, 175, 90, .12); }
.menu { position: relative; display: flex; justify-content: space-between; align-items: stretch; gap: 0; max-width: 1240px; margin: 16px auto 0; padding: 0 16px; overflow: visible; }
.menu::before { content: ""; position: absolute; left: 16px; right: 16px; top: 0; bottom: 0; border-radius: 4px; background: linear-gradient(180deg, rgba(20, 33, 54, .92), rgba(12, 21, 36, .92)); border: 1px solid rgba(212, 175, 90, .2); box-shadow: 0 8px 22px rgba(0, 0, 0, .45); }
.menu-yan { position: relative; display: flex; align-items: stretch; flex: 1; min-width: 0; padding: 0 0 0 18px; }
.menu-yan.sag { justify-content: flex-end; padding: 0 18px 0 0; }
.menu-yan:first-child { margin-right: 100px; }
.menu-yan.sag { margin-left: 100px; }
.menu a { display: inline-flex; align-items: center; gap: 8px; min-height: 58px; padding: 0 16px; border: 0; border-radius: 0; background: none; color: #eef1f6; font: 500 20px/1 var(--baslik-yazi); letter-spacing: .03em; text-transform: uppercase; white-space: nowrap; }
.menu a:hover { color: #f2dda6; text-decoration: none; background: rgba(212, 175, 90, .07); }
.menu a.secili { color: #f2c96a; background: linear-gradient(180deg, rgba(212, 175, 90, .30), rgba(212, 175, 90, .12)); box-shadow: inset 0 -3px 0 #d4af5a; }
.menu a.menu-sohbet { color: #eef1f6; border: 0; background: none; }
.menu a.menu-sohbet:hover { color: #f2dda6; }
.menu a .canli-nokta { width: 9px; height: 9px; }
/* menü çubuğunun üstünde logodan iki yana uzanan baklavalı altın çizgi */
.menu-yan:first-child::before, .menu-yan.sag::after { content: ""; position: absolute; top: -9px; width: 46%; height: 2px; background: linear-gradient(90deg, transparent, #c9a24a); }
.menu-yan:first-child::before { right: -2px; }
.menu-yan.sag::after { left: -2px; transform: scaleX(-1); }
.ust .ust-slogan { position: relative; z-index: 2; margin: 14px auto 0; text-align: center; font: 500 19px/1.2 var(--baslik-yazi); letter-spacing: .08em; text-transform: uppercase; color: #eef1f6; text-shadow: 0 2px 6px #000; white-space: normal; }

/* ---------------- sezon şeridi (yalnız ana sayfada, sloganın altında) */
.sezon-serit { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 14px; margin: 6px 0 70px; text-shadow: 0 2px 6px #000; }
.ss-ad { font: 700 22px/1 var(--baslik-yazi); letter-spacing: .06em; text-transform: uppercase; color: #f2c96a; }
.ss-ne { font-size: 15px; letter-spacing: .1em; text-transform: uppercase; color: #c7cfdb; }
.ss-bag { font-weight: 700; color: #f2dda6; }
.geri-sayim { display: flex; gap: 6px; flex-wrap: wrap; }
.geri-sayim.bitti { font-weight: 700; font-size: 18px; color: var(--yesil); }
.gs-parca { display: flex; flex-direction: column; align-items: center; min-width: 46px; padding: 5px 4px 3px; border-radius: 4px; background: rgba(8, 14, 26, .78); border: 1px solid rgba(212, 175, 90, .45); }
.gs-parca b { font: 700 20px/1 var(--baslik-yazi); font-variant-numeric: tabular-nums; color: #fff; }
.gs-parca small { margin-top: 2px; font-size: 10.5px; letter-spacing: .06em; color: #aeb8c6; }
.geri-kisa { font-weight: 700; color: #f2dda6; }

/* ---------------- canlı nokta, rozetler */
.canli-nokta { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #3fcf6a; flex-shrink: 0; animation: nabiz 2s infinite; }
@keyframes nabiz { 0% { box-shadow: 0 0 0 0 rgba(63, 207, 106, .6); } 70% { box-shadow: 0 0 0 8px rgba(63, 207, 106, 0); } 100% { box-shadow: 0 0 0 0 rgba(63, 207, 106, 0); } }
.canli-rozet { font-size: 10.5px; font-weight: 800; letter-spacing: .14em; color: #fff; background: #b3261e; border-radius: 3px; padding: 2px 6px; animation: yanip 2s infinite; }
@keyframes yanip { 50% { opacity: .55; } }
@media (prefers-reduced-motion: reduce) { .canli-nokta, .canli-rozet, .sm.yeni-gelen, .tepki.zipla .simge { animation: none; } }
.yeni { color: #1b1406; background: #e7c06a; border: 0; font-weight: 800; }
.sicak-rozet { flex-shrink: 0; font-size: 10.5px; font-weight: 800; letter-spacing: .04em; color: #fff; background: #b3261e; border-radius: 3px; padding: 0 5px; }

/* ---------------- kartlar (diğer sayfalar): lacivert panel, ince altın kenar, altın büyük harf başlık */
.kart { border-radius: 4px; border: 1px solid rgba(212, 175, 90, .32); background: linear-gradient(180deg, rgba(20, 34, 56, .94), rgba(13, 23, 39, .96)); box-shadow: 0 10px 28px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .04); }
.kart-baslik { padding-bottom: 8px; border-bottom: 1px solid rgba(212, 175, 90, .25); }
.kart-baslik h2, .kart-baslik h3 { font: 700 20px/1.2 var(--baslik-yazi); letter-spacing: .04em; text-transform: uppercase; color: #e7c06a; }
.kart-baslik img { width: 24px; height: 24px; }
.dugme { border-radius: 4px; font-family: var(--baslik-yazi); letter-spacing: .03em; }
.dugme.altin { color: #1b1406; background: linear-gradient(180deg, #ecd08a, #d4af5a 55%, #b38b3a); border-color: #f2dda6; box-shadow: 0 2px 10px rgba(0, 0, 0, .35); }
.dugme.altin:hover { filter: brightness(1.07); }

/* ---------------- grup başlıkları ve bölüm satırları */
.bolum-alani { display: block; }
.bolumler { gap: 10px; }
.grup-baslik { display: flex; align-items: center; gap: 18px; margin: 14px 0 2px; padding: 0 0 0 16px; font: 700 27px/1.1 var(--baslik-yazi); font-style: normal; letter-spacing: .02em; text-transform: uppercase; color: #e2bd62; text-shadow: 0 2px 6px rgba(0, 0, 0, .7); }
.grup-baslik::after { content: ""; flex: 1; height: 2px; background: linear-gradient(90deg, #c9a24a, rgba(201, 162, 74, .35)); }
.bolumler > .grup-baslik:first-child { margin-top: 0; }
.bolum, .bolum[class*="b-"] { position: relative; overflow: hidden; display: grid; grid-template-columns: 56px minmax(0, 1fr) auto minmax(0, 200px); gap: 16px; align-items: center; min-height: 80px; padding: 12px 20px 12px 18px; border-radius: 3px; border: 1px solid rgba(140, 165, 200, .13); border-left: 5px solid #c9a24a; background: linear-gradient(180deg, rgba(25, 40, 64, .9), rgba(18, 31, 51, .9)); color: var(--yazi); box-shadow: 0 6px 16px rgba(0, 0, 0, .35); transition: background .12s, border-color .12s, transform .12s; }
.bolum:hover, .bolum[class*="b-"]:hover { text-decoration: none; transform: none; border-color: rgba(212, 175, 90, .45); border-left-color: #f2c96a; background: linear-gradient(180deg, rgba(33, 52, 82, .94), rgba(23, 39, 63, .94)); box-shadow: 0 6px 18px rgba(0, 0, 0, .45), 0 0 0 1px rgba(212, 175, 90, .12); }
.bolum .ikon, .bolum[class*="b-"] .ikon { width: 52px; height: 52px; border: 0; background: none; box-shadow: none; border-radius: 0; }
.bolum .ikon img, .bolum[class*="b-"] .ikon img { width: 44px; height: 44px; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .7)); }
.bolum h3, .bolum[class*="b-"] h3 { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0; font: 500 23px/1.2 var(--baslik-yazi); letter-spacing: .01em; color: #f4f6f9; }
.bolum p { margin: 3px 0 0; font-size: 16.5px; line-height: 1.35; color: #c6cdd8; }
.bolum .sayi { display: flex; align-items: center; gap: 5px; white-space: nowrap; text-align: right; font-size: 17px; color: #d6dce5; }
.bolum .sayi b { font-size: 17px; font-weight: 700; color: #fff; }
.bolum .sayi .ayrac { margin: 0 4px; color: #7f8ba0; }
.bolum .son { display: flex; align-items: center; gap: 10px; min-width: 0; font-size: 15px; color: #c6cdd8; }
.son-madalyon { width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0; object-fit: cover; box-shadow: 0 0 0 2px rgba(212, 175, 90, .55), 0 2px 6px rgba(0, 0, 0, .6); }
.son-yazi { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.son-yazi b { font-size: 16.5px; font-weight: 500; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.son-zaman { font-size: 13px; color: #8f9bb0; }

/* ---------------- nasıl kullanılır */
.rehber .kart-baslik { border-bottom-color: rgba(212, 175, 90, .25); }
.rehber-adimlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.rehber-adim { display: grid; grid-template-columns: 36px minmax(0, 1fr); column-gap: 8px; padding: 10px 12px; border-radius: 3px; background: rgba(8, 14, 26, .45); border: 1px solid rgba(140, 165, 200, .14); }
.rehber-adim .r-simge { grid-row: span 2; font-size: 24px; line-height: 1.2; }
.rehber-adim b { display: block; margin: 2px 0; font-size: 17px; color: #f2dda6; }
.rehber-adim p { margin: 0; font-size: 15px; line-height: 1.4; color: #c6cdd8; }

/* ---------------- yan kutular: altın köşeli çerçeve (cerceve.svg) */
.yan-kutu { position: relative; padding: 16px 18px 16px; border: 14px solid transparent; border-image: url("/forum/cerceve.svg") 14 / 14px stretch; border-radius: 0; background: linear-gradient(180deg, rgba(16, 28, 47, .95), rgba(11, 20, 35, .95)) padding-box, rgba(11, 20, 35, .9) border-box; box-shadow: 0 10px 26px rgba(0, 0, 0, .5); margin: -6px; }
.yk-baslik { margin: -8px 0 10px; font: 700 22px/1.15 var(--baslik-yazi); letter-spacing: .02em; text-transform: uppercase; color: #e2bd62; }
.hap-liste { display: flex; flex-direction: column; gap: 6px; }
.hap { display: block; padding: 8px 10px; border-radius: 2px; background: rgba(30, 48, 76, .85); border: 1px solid rgba(140, 165, 200, .12); color: #fff; font-size: 16px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hap:hover { text-decoration: none; background: rgba(42, 64, 98, .95); border-color: rgba(212, 175, 90, .4); }
.nokta-liste { display: flex; flex-direction: column; gap: 8px; }
.nokta-liste a { display: grid; grid-template-columns: 14px minmax(0, 1fr); column-gap: 8px; color: var(--yazi); }
.nokta-liste a::before { content: ""; grid-row: span 2; width: 9px; height: 9px; margin-top: 7px; border-radius: 50%; background: #7a8494; }
.nokta-liste a.yeni-konu::before { background: #e7c06a; }
.nokta-liste a:hover { text-decoration: none; }
.nokta-liste a:hover b { color: #f2dda6; }
.nokta-liste b { font-weight: 500; font-size: 16.5px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nokta-liste span { font-size: 13.5px; color: #8f9bb0; }
.cev { display: flex; flex-direction: column; gap: 8px; }
.cev-sayi { display: flex; align-items: center; gap: 8px; font-size: 17px; color: #d6dce5; }
.cev-sayi b { font-size: 22px; color: #fff; }
.cev-alt { font-size: 13.5px; color: #8f9bb0; margin-top: 4px; }
.v-devlet { display: flex; gap: 2px; height: 10px; border-radius: 99px; overflow: hidden; background: rgba(0, 0, 0, .4); }
.v-devlet i { display: block; flex: 1 1 0; min-width: 6px; }
.v-devlet .dv-hun { background: linear-gradient(180deg, #ff8a7e, #c9443a); }
.v-devlet .dv-gokturk { background: linear-gradient(180deg, #9cc3ff, #3f78d8); }
.v-devlet .dv-selcuklu { background: linear-gradient(180deg, #ffd978, #c99a22); }
.v-devlet-ad { display: flex; justify-content: space-between; gap: 6px; font-size: 14.5px; font-weight: 700; }
.v-iki { display: grid; grid-template-columns: 1fr; gap: 10px; }
.v-liste-bas { margin-bottom: 4px; padding-bottom: 3px; border-bottom: 1px solid rgba(212, 175, 90, .22); font-size: 16px; font-weight: 700; color: #e7c06a; }
.v-sira { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 8px; align-items: center; padding: 3px 0; font-size: 16px; }
.v-sira a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
.v-sira a:not([class^="d-"]) { color: #fff; }
.v-sira b { font-size: 15px; font-variant-numeric: tabular-nums; color: #fff; }
.v-bos { font-size: 14px; color: #8f9bb0; }
.v-alt { margin-top: 8px; font-size: 14px; color: #aeb8c6; }
.madalya { width: 21px; height: 21px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; color: #20160a; background: #8a8f94; }
.madalya.m1 { background: radial-gradient(circle at 35% 30%, #ffe9a3, #d4a12c); }
.madalya.m2 { background: radial-gradient(circle at 35% 30%, #f6f6f6, #9da3a8); }
.madalya.m3 { background: radial-gradient(circle at 35% 30%, #f0b27a, #a2602a); }
.ittifaklar { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 10px; }
.ittifak { display: flex; align-items: center; gap: 9px; min-width: 0; }
.kalkan { --k: #c9a24a; flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 36px; height: 42px; padding-bottom: 4px; clip-path: polygon(0 0, 100% 0, 100% 58%, 50% 100%, 0 58%); background: linear-gradient(180deg, rgba(255, 255, 255, .28), rgba(0, 0, 0, .25)), var(--k); color: #fff; font: 700 11px/1 var(--baslik-yazi); letter-spacing: .02em; text-shadow: 0 1px 2px #000; }
.kalkan.uzun { font-size: 9px; letter-spacing: 0; }
.itt-yazi { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.itt-yazi b { font-size: 16px; font-weight: 700; color: #fff; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.itt-yazi span { font-size: 13px; color: #8f9bb0; }
.bilgeler a { background: rgba(212, 175, 90, .1); border-color: rgba(212, 175, 90, .35); color: #f2dda6; }
.kurallar { font-size: 15px; color: #c6cdd8; }

/* ---------------- yazar kutusu ve tepkiler */
.yazar.dv-hun { box-shadow: inset 0 3px 0 var(--hun); }
.yazar.dv-gokturk { box-shadow: inset 0 3px 0 var(--gokturk); }
.yazar.dv-selcuklu { box-shadow: inset 0 3px 0 var(--selcuklu); }
.yazar .madalyon { box-shadow: 0 0 0 2px rgba(212, 175, 90, .6), 0 2px 8px rgba(0, 0, 0, .6); }
.tepkiler { display: flex; flex-wrap: wrap; gap: 5px; margin-right: 6px; }
.tepki { display: inline-flex; align-items: center; gap: 5px; min-height: 34px; min-width: 42px; padding: 3px 10px; border-radius: 999px; border: 1px solid rgba(140, 165, 200, .2); background: rgba(8, 14, 26, .5); color: var(--yazi); cursor: pointer; font-size: 14px; }
.tepki .simge { font-size: 16px; line-height: 1; display: inline-block; }
.tepki b { font-variant-numeric: tabular-nums; }
.tepki.bos { opacity: .72; }
.tepki:hover:not(:disabled) { opacity: 1; border-color: #d4af5a; }
.tepki.secili { opacity: 1; color: #f2dda6; background: rgba(212, 175, 90, .2); border-color: #d4af5a; }
.tepki:disabled { cursor: default; }
.tepki.zipla .simge { animation: zipla .45s ease; }
@keyframes zipla { 30% { transform: scale(1.55) rotate(-10deg); } 65% { transform: scale(.9); } }

/* ---------------- canlı sohbet */
.sohbet-kart.yan-kutu { padding: 0; }
.sohbet { display: flex; flex-direction: column; min-height: 0; }
.sohbet-bas { display: flex; align-items: center; gap: 10px; padding: 4px 4px 10px; border-bottom: 1px solid rgba(212, 175, 90, .25); }
.sb-baslik { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }
.sb-baslik h2 { margin: 0; font: 700 22px/1.15 var(--baslik-yazi); text-transform: uppercase; color: #e2bd62; white-space: nowrap; }
.sb-oyunda { font-size: 14px; color: #c6cdd8; white-space: nowrap; }
.sb-kapat { display: none; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(212, 175, 90, .5); background: rgba(8, 14, 26, .6); color: #f2dda6; font-size: 16px; cursor: pointer; }
.sohbet.cekmecede .sb-kapat { display: inline-flex; }
.sohbet.cekmecede .sohbet-bas { padding: 12px 14px; background: rgba(8, 14, 26, .5); }
.sohbet-ic { position: relative; }
.sohbet-liste { display: flex; flex-direction: column; gap: 2px; height: 380px; overflow-y: auto; padding: 8px 2px 10px; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(212, 175, 90, .4) transparent; }
.sohbet-liste:has(.sohbet-kilit) { height: auto; }
.sm { display: flex; gap: 8px; padding: 4px 6px; border-radius: 3px; font-size: 15px; line-height: 1.42; }
.sm:hover { background: rgba(255, 255, 255, .04); }
.sm-saat { flex-shrink: 0; padding-top: 2px; font-size: 12px; color: #7f8ba0; font-variant-numeric: tabular-nums; }
.sm-govde { min-width: 0; overflow-wrap: anywhere; }
.sm-kim { font-weight: 700; margin-right: 5px; }
.sm-kim::after { content: ":"; color: #7f8ba0; font-weight: 400; }
.sm.ozel .sm-kim::after { content: none; }
.sm-birlik { margin-right: 4px; font-size: 12.5px; font-weight: 800; letter-spacing: .03em; color: #a3a3a3; }
.sm-ad { color: #f2dda6; }
.sm-ad.d-hun { color: var(--hun); } .sm-ad.d-gokturk { color: var(--gokturk); } .sm-ad.d-selcuklu { color: var(--selcuklu); }
.sm-rol { margin-left: 5px; padding: 1px 5px; border-radius: 3px; font-size: 10px; font-weight: 800; letter-spacing: .06em; vertical-align: 1px; color: #1b1406; }
.sm-rol.yon { background: #d9a514; } .sm-rol.mod { background: #f5d547; }
.sm.yon .sm-ad, .sm.yon .sm-metin { color: #f3c64a; }
.sm.mod .sm-ad, .sm.mod .sm-metin { color: #f5d547; }
.sm.sistem { color: #f2dda6; background: rgba(212, 175, 90, .1); border: 1px solid rgba(212, 175, 90, .3); }
.sm.ozel .sm-metin { color: #e6d3a8; font-style: italic; }
.sm.ben { background: rgba(121, 173, 255, .08); }
.sm.anildi { background: rgba(212, 175, 90, .14); box-shadow: inset 3px 0 0 #d4af5a; }
.sm-simge { margin-right: 5px; }
.sm-anma { font-weight: 700; color: #9fc6ff; }
.sm-anma.bana { color: #1b1406; background: #e7c06a; border-radius: 3px; padding: 0 3px; }
.sm-metin a { word-break: break-all; }
.sm-forum { margin-left: 6px; padding: 0 4px; border: 1px solid rgba(212, 175, 90, .5); border-radius: 3px; font-size: 9.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #e7c06a; vertical-align: 1px; }
.sm.yeni-gelen { animation: gel .55s ease-out; }
@keyframes gel { from { opacity: 0; transform: translateY(6px); background: rgba(212, 175, 90, .18); } to { opacity: 1; transform: none; } }
.sb-yeni { position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); padding: 6px 14px; border-radius: 999px; border: 1px solid #f2dda6; background: linear-gradient(180deg, #ecd08a, #c79d45); color: #1b1406; font-weight: 800; cursor: pointer; box-shadow: 0 6px 16px rgba(0, 0, 0, .5); }
.sohbet-alt { display: flex; flex-direction: column; gap: 6px; padding: 10px 2px 2px; border-top: 1px solid rgba(212, 175, 90, .25); }
.sohbet.cekmecede .sohbet-alt { padding: 10px 12px 12px; background: rgba(8, 14, 26, .5); }
.sohbet-satir { display: flex; align-items: center; gap: 6px; }
.sohbet-satir input { flex: 1; min-width: 0; }
.sohbet-satir .dugme { min-height: 42px; }
.emoji-ac { flex-shrink: 0; width: 42px; height: 42px; border-radius: 4px; border: 1px solid rgba(212, 175, 90, .45); background: rgba(8, 14, 26, .6); font-size: 20px; cursor: pointer; }
.emoji-serit { display: flex; flex-wrap: wrap; gap: 4px; }
.emoji { width: 38px; height: 38px; border-radius: 4px; border: 1px solid rgba(140, 165, 200, .2); background: rgba(8, 14, 26, .6); font-size: 20px; cursor: pointer; transition: transform .1s; }
.emoji:hover { transform: scale(1.12); border-color: #d4af5a; }
.sohbet-not { font-size: 12.5px; color: #8f9bb0; }
.dugme.genis { width: 100%; }
.sohbet-kilit { display: flex; flex-direction: column; gap: 10px; padding: 6px 2px; }
.hayalet { height: 13px; border-radius: 7px; background: linear-gradient(90deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .12), rgba(255, 255, 255, .05)); background-size: 200% 100%; animation: parilti 1.6s linear infinite; }
.hayalet.h0 { width: 78%; } .hayalet.h1 { width: 52%; } .hayalet.h2 { width: 66%; }
@keyframes parilti { from { background-position: 200% 0; } to { background-position: -200% 0; } }
.kilit-yazi { margin: 8px 0 0; padding: 12px; border-radius: 3px; border: 1px solid rgba(212, 175, 90, .25); background: rgba(8, 14, 26, .55); text-align: center; font-size: 15px; color: var(--yazi); }
.sohbet-bos { margin: auto 0; text-align: center; color: #8f9bb0; }
.sohbet-cekmece { position: fixed; z-index: 40; right: 16px; bottom: 16px; display: flex; flex-direction: column; width: min(420px, calc(100vw - 32px)); height: min(640px, calc(100vh - 32px)); overflow: hidden; border-radius: 4px; border: 1px solid #c9a24a; background: linear-gradient(180deg, #14233a, #0c1626); box-shadow: 0 22px 54px rgba(0, 0, 0, .75); }
.sohbet.cekmecede { flex: 1; min-height: 0; }
.sohbet.cekmecede .sohbet-ic { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.sohbet.cekmecede .sohbet-liste { flex: 1; height: auto; padding: 8px 8px 10px; }
.sohbet-dugme { position: fixed; z-index: 39; right: 18px; bottom: 18px; display: inline-flex; align-items: center; gap: 9px; min-height: 50px; padding: 8px 20px 8px 16px; border-radius: 4px; border: 1px solid #f2dda6; background: linear-gradient(180deg, #ecd08a, #d4af5a 55%, #b38b3a); color: #1b1406; font: 700 17px/1 var(--baslik-yazi); letter-spacing: .04em; text-transform: uppercase; cursor: pointer; box-shadow: 0 8px 24px rgba(0, 0, 0, .6); }
.sohbet-dugme:hover { filter: brightness(1.07); }
.sd-rozet { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 99px; background: #b3261e; color: #fff; font-size: 12.5px; }
@media (min-width: 901px) { .sohbet-dugme.ana-sayfada { display: none; } }

/* ---------------- dar ekran ve telefon */
@media (max-width: 1100px) {
  .menu a { padding: 0 10px; font-size: 17px; }
  .menu-yan:first-child { margin-right: 76px; } .menu-yan.sag { margin-left: 76px; }
  .logo img { height: 124px; } .logo { margin-bottom: -84px; }
}
@media (max-width: 900px) {
  .iki { grid-template-columns: minmax(0, 1fr); }
  .yan-kutu { margin: 0; }
  .bolum, .bolum[class*="b-"] { grid-template-columns: 52px minmax(0, 1fr) auto; }
  .bolum .son { display: none; }
}
@media (max-width: 760px) {
  body { background-size: 1300px auto, auto, auto; }
  .ust-ic { grid-template-columns: auto 1fr; padding: 10px 12px 0; gap: 10px; }
  .logo { grid-row: 1; grid-column: 1; margin: 0; }
  .logo img { height: 74px; }
  .hesap-alani { grid-row: 1; grid-column: 2; }
  .hesap { gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
  .hesap .dugme { min-height: 40px; padding: 4px 12px; font-size: 15px; }
  .hesap .ad { font-size: 15px; max-width: 110px; }
  .ust-sol { grid-row: 2; grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; gap: 4px 16px; font-size: 14.5px; }
  .menu { margin-top: 10px; padding: 0; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; }
  .menu::before { left: 0; right: 0; border-radius: 0; border-left: 0; border-right: 0; }
  .menu-yan, .menu-yan.sag { flex: none; margin: 0; padding: 0; }
  .menu-yan:first-child::before, .menu-yan.sag::after { content: none; }
  .menu a { min-height: 48px; padding: 0 13px; font-size: 16.5px; }
  .ust .ust-slogan { display: block; margin-top: 12px; font-size: 15px; }
  .sezon-serit { margin: 6px 0 22px; gap: 8px 10px; }
  .ss-ad { font-size: 18px; width: 100%; text-align: center; }
  .grup-baslik { font-size: 21px; padding-left: 4px; gap: 12px; }
  .bolum, .bolum[class*="b-"] { grid-template-columns: 42px minmax(0, 1fr); gap: 10px; padding: 10px 12px; min-height: 0; border-left-width: 4px; }
  .bolum .ikon, .bolum[class*="b-"] .ikon { width: 42px; height: 42px; }
  .bolum .ikon img, .bolum[class*="b-"] .ikon img { width: 34px; height: 34px; }
  .bolum h3, .bolum[class*="b-"] h3 { font-size: 19px; }
  .bolum p { font-size: 14.5px; }
  .bolum .sayi { grid-column: 2; justify-content: flex-start; font-size: 14.5px; }
  .bolum .sayi b { font-size: 14.5px; }
  .rehber-adimlar { grid-template-columns: minmax(0, 1fr); }
  .rehber-adim .r-simge { font-size: 22px; }
  .yk-baslik { font-size: 19px; }
  .sohbet-liste { height: 340px; }
  .sohbet-cekmece { inset: 0; width: 100%; height: 100%; border-radius: 0; border: 0; }
  body.cekmece-acik { overflow: hidden; }
  .sohbet-dugme { right: 12px; bottom: 12px; min-height: 48px; font-size: 15.5px; }
  .tepki { min-width: 40px; padding: 3px 9px; }
}

/* (06.11) şifreyi göster: giriş penceresinde şifre alanının sağında göz */
.sifre-kap { position: relative; }
.sifre-kap input { padding-right: 48px; }
.sifre-goz { position: absolute; top: 0; right: 0; bottom: 0; width: 46px; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; background: none; cursor: pointer; color: #a9b3c2; }
.sifre-goz:hover { color: #f2dda6; }
.sifre-goz svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sifre-goz circle { fill: currentColor; stroke: none; }
.sifre-goz.acik { color: #e7c06a; }
.sifre-goz.acik .goz-cizgi { display: none; }