/* ==========================================================================
   DalgaCraft tema (15.10) - style.css'ten SONRA yuklenir. Yonetim paneli bu dosyayi YUKLEMEZ (panel.css'i var).
   Kullanici 15.10: "siteye hala cok yapay zeka diyorlar". Kaldirilanlar: mor-lacivert parilti ve bulanik isiklar,
   gradyan yazili basliklar, her basligin ustundeki rozet etiketler, ikonlu kutu izgaralari, ust/sol renkli seritli
   kartlar, kaydirinca belirme. Yerine: oyundan gercek goruntu (assets/img/foto), koyu tas zemin, TEK vurgu rengi
   (altin = para), Minecraft'in kendi arayuz parcalari (sunucu listesi satiri, hotbar + esya ipucu, sohbet kodu).
   Yazi: Barlow + Barlow Condensed (Google Fonts), Minecraft yazisi Monocraft (assets/fonts, OFL).
   ========================================================================== */
@font-face { font-family: "Monocraft"; src: url("/assets/fonts/Monocraft.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Monocraft"; src: url("/assets/fonts/Monocraft-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }

:root {
  /* 26.10 kullanici: "gri turuncu, mora gore uyarla" - zemin/panel/yazi tonlari logonun gece moruna cekildi. */
  --bg: #0f0c16;
  --bg-2: #0b0911;
  --panel: #16121f;
  --panel-2: #1c1727;
  --panel-3: #251f33;
  --cizgi: #2a2338;
  --cizgi-2: #3b3250;
  --border: #2a2338;
  --border-strong: #3b3250;
  --text: #eeebf5;
  --muted: #aaa3bd;
  --faint: #776f8c;
  /* 26.10: vurgu rengi logonun moru (yeni dalga logosu). Degisken adi "altin" kaldi - butun site onu kullaniyor. */
  --altin: #b07cff;
  --altin-2: #c49dff;
  --altin-yazi: #14061f;
  --yesil: #5fd068;
  --kirmizi: #ef5b5b;
  /* style.css'te kalan eski degiskenler (mor/turkuaz/gradyan) bu sitede altina/sade tonlara cekilir */
  --purple: #b07cff;
  --purple-2: #b07cff;
  --purple-3: #c49dff;
  --cyan: #c49dff;
  --green: #5fd068;
  --red: #ef5b5b;
  --grad: linear-gradient(#b07cff, #b07cff);
  --radius: 6px;
  --radius-lg: 8px;
  --shadow: 0 14px 36px rgba(0, 0, 0, .5);
  --font: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
  --baslik: "Barlow Condensed", "Barlow", system-ui, sans-serif;
  --piksel: "Monocraft", ui-monospace, monospace;
}

html { background: var(--bg); overflow-x: clip; }
body { background: var(--bg); font-family: var(--font); font-size: 16px; line-height: 1.55; overflow-x: clip;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body::before { display: none; }
html.hazir body { animation: none; }
::selection { background: rgba(176, 124, 255, .32); color: #fff; }
:focus-visible { outline: 2px solid var(--altin); outline-offset: 2px; }
.container { width: min(1200px, 100% - 32px); }
main.container { min-height: 50vh; }
b, strong { font-weight: 700; }
.mc-yazi, .bakim-ekran small { font-family: var(--piksel); font-variant-ligatures: none; font-feature-settings: "liga" 0, "calt" 0; }
/* Komutlar oyundaki sohbet gibi: Minecraft yazisi, yari saydam siyah zemin */
code { font-family: var(--piksel); font-variant-ligatures: none; font-size: .84em; padding: 2px 6px; border-radius: 0;
  background: rgba(0, 0, 0, .5); color: #fff; word-break: break-word; }
kbd { display: inline-block; min-width: 22px; padding: 1px 6px; font: 400 12.5px/1.5 var(--piksel); text-align: center;
  color: var(--text); background: var(--panel-3); border: 1px solid var(--cizgi-2); border-bottom-width: 3px; border-radius: 4px; }

/* ---------- ust cubuk ---------- */
.ust { position: sticky; top: 0; z-index: 40; background: #0d0a14; border-bottom: 1px solid var(--cizgi); }
.ust-ic { display: flex; align-items: center; gap: 22px; height: 64px; width: min(1240px, 100% - 32px); margin-inline: auto; }
.logo-link { display: inline-flex; align-items: center; gap: 10px; flex: none; }
.logo-link img { width: 40px; height: 40px; object-fit: contain; border-radius: 9px; filter: none; transition: none; }
.logo-link:hover img { transform: none; }
.logo-yazi { font: 800 23px/1 var(--baslik); letter-spacing: .01em; text-transform: uppercase; color: var(--text); }
.nav { position: static; flex: 1; display: flex; align-items: center; gap: 0; padding: 0; background: none; border: 0;
  border-radius: 0; backdrop-filter: none; }
.nav .link, .nav button.link { position: relative; padding: 8px 10px; border-radius: 4px; font: 600 15px/1.4 var(--font);
  color: var(--muted); white-space: nowrap; background: none; box-shadow: none; }
.nav .link:hover { color: var(--text); background: none; }
.nav .link.aktif { color: var(--text); background: none; box-shadow: none; }
.nav .link.aktif::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: -12px; height: 2px; background: var(--altin); }
.nav .link[href^="https://discord"] { display: none; }
.nav a.yonetim-link { color: var(--altin); }
.acilir-menu { top: calc(100% + 12px); min-width: 180px; padding: 6px; border-radius: 6px; background: var(--panel-2);
  border: 1px solid var(--cizgi-2); box-shadow: var(--shadow); }
.acilir-menu a { padding: 10px 12px; border-radius: 4px; color: var(--muted); font-weight: 600; font-size: 14.5px; }
.acilir-menu a:hover { color: var(--text); background: var(--panel-3); }
.ust-sag { display: flex; align-items: center; gap: 8px; flex: none; }

.ip-dugme { display: inline-flex; align-items: center; gap: 10px; height: 40px; padding: 0 12px; cursor: pointer; text-align: left;
  font: inherit; color: var(--text); background: var(--panel); border: 1px solid var(--cizgi-2); border-radius: 6px; }
.ip-dugme:hover { background: var(--panel-2); border-color: #574b72; }
.ip-metin { display: grid; line-height: 1.15; }
.ip-dugme b { font: 400 13px var(--piksel); font-variant-ligatures: none; }
.ip-dugme small { font-size: 12px; font-weight: 500; color: var(--muted); }
.canli { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--yesil); box-shadow: 0 0 0 3px rgba(95, 208, 104, .16); }
.ikon-dugme, .sepet-btn { position: relative; width: 40px; height: 40px; display: grid; place-items: center; color: var(--muted);
  background: var(--panel); border: 1px solid var(--cizgi-2); border-radius: 6px; }
.ikon-dugme:hover, .sepet-btn:hover, .sepet-btn.aktif { color: var(--text); background: var(--panel-2); border-color: #574b72; }
.discord-dugme:hover { color: #fff; background: #5865f2; border-color: #5865f2; }
.sepet-sayi { top: -7px; right: -7px; background: var(--altin); color: var(--altin-yazi); font-weight: 800; }
.hesap-btn { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; white-space: nowrap;
  font: 700 14.5px var(--font); color: var(--text); background: var(--panel); border: 1px solid var(--cizgi-2); border-radius: 6px; }
.hesap-btn:hover { background: var(--panel-2); border-color: #574b72; }
.hesap-btn img { width: 24px; height: 24px; border-radius: 3px; image-rendering: pixelated; }
.hesap-btn .kredi { color: var(--altin); font-weight: 600; font-size: 13px; }
.menu-ac { display: none; }
.duyuru-bant { margin-top: 12px; padding: 11px 14px; border-radius: 6px; background: #1c1229; border: 1px solid #3c2862; }
.duyuru-bant .ikon { color: var(--altin); }
.duyuru-bant a span { color: #c3b4dc; }

/* ---------- butonlar ---------- */
.btn { padding: 12px 22px; border-radius: 6px; font: 700 15.5px/1.2 var(--font); letter-spacing: 0; border: 1px solid transparent;
  box-shadow: none; text-shadow: none; }
.btn:hover { transform: none; }
.btn:active { transform: translateY(1px); }
.btn-ana { color: var(--altin-yazi); background: var(--altin); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2); }
.btn-ana:hover { background: var(--altin-2); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2); }
.btn-ikinci { color: var(--text); background: var(--panel-2); border-color: var(--cizgi-2); }
.btn-ikinci:hover { background: var(--panel-3); }
.btn-discord { color: #fff; background: #5865f2; }
.btn-discord:hover { background: #6d78f4; }
.kucuk-btn { padding: 8px 14px; font-size: 14px; }
.btn[disabled] { opacity: .5; }

/* ---------- ortak: basliklar, kutular ---------- */
.baslik-2, .bolum-baslik h2, .kategori-ust h2, .basvurularim-baslik {
  margin: 0; font: 800 clamp(30px, 3.6vw, 42px)/1 var(--baslik); letter-spacing: .005em; text-transform: uppercase; color: var(--text);
}
.bolum { margin-top: 80px; }
.bolum-baslik { margin-bottom: 18px; }
.bolum-baslik a { color: var(--altin); }
.sayfa-baslik { margin-top: 52px; padding-bottom: 22px; border-bottom: 1px solid var(--cizgi); }
.sayfa-baslik h1 { margin: 0 0 10px; font: 800 clamp(42px, 6vw, 68px)/.92 var(--baslik); letter-spacing: .005em; text-transform: uppercase; }
.sayfa-baslik p { margin: 0; font-size: 16.5px; color: var(--muted); }
.sayfa-baslik + .bolum { margin-top: 28px; }
.panel { border-radius: 8px; background: var(--panel); border: 1px solid var(--cizgi); box-shadow: none; }
.panel-baslik { padding: 16px 20px; border-bottom: 1px solid var(--cizgi); background: none; font-weight: 700; }
.panel-baslik small { color: var(--faint); }
.panel-govde { padding: 22px; }
.yakinda { padding: 40px 24px; color: var(--muted); }
.yakinda .ikon { display: none; }
.yakinda h3 { margin: 0 0 6px; font: 700 20px var(--font); color: var(--text); }
.rozet-yakinda { padding: 2px 7px; border-radius: 3px; font-size: 11px; font-weight: 700; letter-spacing: .04em;
  background: rgba(176, 124, 255, .13); color: var(--altin); }
.bos-not { margin: 18px 0 0; color: var(--muted); }
.soluk, .not { color: var(--faint); }
.yazi-link { display: inline-block; font-weight: 700; color: var(--altin); }
.yazi-link::after { content: " →"; }
.yazi-link:hover { color: var(--altin-2); text-decoration: underline; text-underline-offset: 3px; }

/* ==========================================================================
   ANA SAYFA
   ========================================================================== */
/* Vitrin: tam genislikte oyundan bir kare, solda koyulasan perde */
.sahne { position: relative; width: 100vw; margin-left: calc(50% - 50vw); min-height: clamp(560px, 78vh, 740px);
  display: flex; align-items: center; overflow: hidden; background: #0a0810; border-bottom: 1px solid var(--cizgi); }
.sahne-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 62% 45%; }
.sahne::after { content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(90deg, rgba(10, 8, 16, .93) 0%, rgba(10, 8, 16, .8) 30%, rgba(10, 8, 16, .3) 58%, rgba(10, 8, 16, 0) 78%),
    linear-gradient(0deg, rgba(15, 12, 22, .95) 0%, rgba(15, 12, 22, 0) 26%); }
.sahne-ic { position: relative; z-index: 1; padding: 56px 0 64px; }
.sahne-ust { margin: 0 0 12px; font: 700 15px var(--font); letter-spacing: .18em; text-transform: uppercase; color: var(--altin); }
.sahne-baslik { margin: 0; font: 800 clamp(66px, 10.5vw, 136px)/.84 var(--baslik); letter-spacing: -.005em; text-transform: uppercase;
  color: #fff; text-shadow: 0 2px 24px rgba(0, 0, 0, .35); }
.sahne-baslik span { display: block; }
.sahne-baslik em { display: block; font-style: normal; color: var(--altin); }
.sahne-alt { margin: 18px 0 28px; max-width: 470px; font-size: 19px; line-height: 1.5; color: #dbd6e6; }
.sahne .butonlar { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.foto-not { position: absolute; right: 18px; bottom: 14px; z-index: 1; font-size: 12.5px; color: rgba(255, 255, 255, .55); }

/* 26.10 ortali vitrin: dalga logosu + DalgaCraft + Sunucuya Katil. Logo yavasca suzulur, fareyle egilir (app.js anaVitrin). */
.sahne-orta { justify-content: center; text-align: center; }
.sahne-orta::after {
  background:
    radial-gradient(ellipse 58% 62% at 50% 46%, rgba(10, 8, 16, .5) 0%, rgba(10, 8, 16, .78) 62%, rgba(10, 8, 16, .9) 100%),
    linear-gradient(0deg, rgba(15, 12, 22, 1) 0%, rgba(15, 12, 22, 0) 30%); }
.sahne-orta .sahne-ic { display: flex; flex-direction: column; align-items: center; padding: 36px 0 64px; }
.sahne-logo { width: min(500px, 80vw); perspective: 900px; animation: logo-suzul 7s ease-in-out infinite; }
.sahne-logo img { display: block; width: 100%; height: auto; will-change: transform; }
@keyframes logo-suzul { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } }
.sahne-orta .sahne-baslik { margin-top: 2px; font-size: clamp(52px, 7.4vw, 96px); letter-spacing: .01em; }
.btn-katil { display: inline-flex; align-items: center; gap: 10px; margin-top: 28px; padding: 16px 40px; font-size: 18px;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2), 0 10px 34px rgba(150, 80, 255, .35); }
.btn-katil:hover { box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2), 0 12px 40px rgba(150, 80, 255, .5); }
.sahne-orta .sunucu-ipucu { margin-top: 14px; }
@media (prefers-reduced-motion: reduce) { .sahne-logo { animation: none; } }

/* Vitrinin altindaki sunucu bolumu: solda sezon + aciklama + butonlar, sagda sunucu listesi satiri */
.sunucu-bolum { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 580px); gap: 48px; align-items: center; margin-top: 56px; }
.sunucu-bolum .sahne-alt { margin: 0; }
.sunucu-bolum .butonlar { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }

/* Minecraft "Cok Oyunculu" ekranindaki sunucu satiri */
.sunucu-satiri { display: flex; align-items: center; gap: 8px; width: 100%; max-width: 580px; padding: 6px; border: 0; cursor: pointer;
  text-align: left; font: inherit; color: #fff; background: rgba(0, 0, 0, .62); box-shadow: inset 0 0 0 2px #808080; }
.sunucu-satiri:hover { background: rgba(0, 0, 0, .74); box-shadow: inset 0 0 0 2px #fff; }
.sunucu-ikon { position: relative; flex: none; width: 64px; height: 64px; }
.sunucu-ikon img { width: 64px; height: 64px; display: block; object-fit: cover; }
.sunucu-oynat { position: absolute; inset: 0; background: rgba(144, 144, 144, .45); opacity: 0; transition: opacity .1s; }
.sunucu-oynat::after { content: ""; position: absolute; left: 22px; top: 18px; border-style: solid; border-width: 14px 0 14px 22px;
  border-color: transparent transparent transparent #fff; filter: drop-shadow(2px 2px 0 rgba(0, 0, 0, .45)); }
.sunucu-satiri:hover .sunucu-oynat { opacity: 1; }
.sunucu-bilgi { flex: 1; min-width: 0; display: grid; gap: 3px; padding: 0 4px 0 2px; font-size: clamp(12px, 3.2vw, 16px); line-height: 1.3; }
.sunucu-ust { display: flex; align-items: center; gap: 8px; }
.sunucu-ust b { flex: 1; min-width: 0; font-weight: 400; color: #fff; text-shadow: 2px 2px 0 #3f3f3f; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.sunucu-sayi { flex: none; color: #aaa; text-shadow: 2px 2px 0 #2a2a2a; }
.ping { flex: none; display: inline-flex; align-items: flex-end; gap: 2px; height: 16px; margin-left: 2px; }
.ping i { width: 2px; background: #3f3; box-shadow: 1px 1px 0 #0a3f0a; }
.ping i:nth-child(1) { height: 4px; } .ping i:nth-child(2) { height: 7px; } .ping i:nth-child(3) { height: 10px; }
.ping i:nth-child(4) { height: 13px; } .ping i:nth-child(5) { height: 16px; }
.motd { display: block; padding: 0 2px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #aaa; }
.motd-gradyan { font-weight: 700; color: transparent; background: linear-gradient(90deg, #c084fc, #e879f9, #67e8f9);
  -webkit-background-clip: text; background-clip: text; filter: drop-shadow(2px 2px 0 #2c1a40); }
.mc-mor { color: #a855f7; text-shadow: 2px 2px 0 #2a153e; }
.mc-mavi { color: #5555ff; text-shadow: 2px 2px 0 #15153f; }
.mc-yesil { color: #55ff55; text-shadow: 2px 2px 0 #153f15; }
.mc-gri { color: #555; text-shadow: 2px 2px 0 #151515; }
/* 15.10: velocity.toml MOTD ile ayni - <gradient:#fde047:#f97316><bold>2. SEZON */
.motd-sezon { font-weight: 700; color: transparent; background: linear-gradient(90deg, #fde047, #f97316);
  -webkit-background-clip: text; background-clip: text; filter: drop-shadow(2px 2px 0 #3f2a05); }
.sunucu-ipucu { margin: 10px 0 0; font-size: 14px; color: #bbb5c8; }
.sunucu-ipucu .mc-yazi { color: #fff; }

/* Sunucuda neler var: solda yazi, sagda oyun ekrani gibi hotbar + esya ipucu */
.oyun { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; align-items: center; }
.oyun-yazi p { margin: 16px 0 0; max-width: 440px; font-size: 17.5px; line-height: 1.6; color: #d0cbdc; }
.oyun-yazi .ipucu { font-size: 14.5px; color: var(--faint); }
.oyun-yazi .yazi-link { margin-top: 18px; }
.hotbar-sahne { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 22px;
  min-height: 400px; padding: 28px 20px 26px; overflow: hidden; border-radius: 8px; border: 1px solid var(--cizgi);
  background: #191524 url("/assets/img/foto/sehir.jpg") center / cover no-repeat; }
.hotbar-sahne::before { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .12) 70%); }
.hotbar-sahne > * { position: relative; }
.esya-bilgiler { display: grid; width: 100%; max-width: 470px; }
/* Esya ipucu: oyundaki tooltip'in aynisi (#100010 zemin, mordan koyu mora kenar, Minecraft yazisi + golge) */
.esya-bilgi { position: relative; padding: 12px 14px 13px; background: rgba(16, 0, 16, .94); box-shadow: 0 0 0 2px rgba(16, 0, 16, .94);
  font: 400 15px/1.5 var(--piksel); font-variant-ligatures: none; color: #aaa; }
.esya-bilgi::before { content: ""; position: absolute; inset: 0; pointer-events: none; border: 2px solid transparent;
  border-image: linear-gradient(180deg, rgba(80, 0, 255, .55), rgba(40, 0, 127, .55)) 1; }
.esya-bilgi b { display: block; margin-bottom: 4px; font-weight: 400; color: var(--renk, #fff); text-shadow: 2px 2px 0 var(--golge, #3f3f3f); }
.esya-bilgi p { margin: 0; text-shadow: 2px 2px 0 #2a2a2a; }
.esya-bilgi a { display: inline-block; margin-top: 8px; color: #ffff55; text-shadow: 2px 2px 0 #3f3f15; }
.esya-bilgi a::before { content: "» "; }
.esya-bilgi a:hover { text-decoration: underline; text-underline-offset: 3px; }
.hotbar { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); width: min(100%, 540px); padding: 3px;
  background: rgba(0, 0, 0, .62); box-shadow: 0 0 0 2px #0b0b0b; }
.hb-slot { position: relative; aspect-ratio: 1; display: grid; place-items: center; padding: 0; cursor: pointer; border: 0;
  background: transparent; box-shadow: inset 0 0 0 2px rgba(139, 139, 139, .5); }
.hb-slot:hover { background: rgba(255, 255, 255, .1); }
.hb-slot img { width: 74%; height: 74%; object-fit: contain; filter: drop-shadow(2px 2px 0 rgba(0, 0, 0, .35)); }
.hb-slot.secili { z-index: 1; box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 5px #222, 0 0 0 2px #000; }
.hb-no { position: absolute; right: 4px; bottom: 1px; font: 400 13px var(--piksel); color: #fff; text-shadow: 2px 2px 0 #3f3f3f; }
.hb-slot:focus-visible { outline: 2px solid var(--altin); outline-offset: 2px; }

/* 3 adim */
.katil { max-width: 720px; margin-inline: auto; }
.adimlar { list-style: none; margin: 22px 0 26px; padding: 0; counter-reset: adim; }
.adimlar li { counter-increment: adim; position: relative; padding: 18px 0 18px 62px; border-top: 1px solid var(--cizgi); }
.adimlar li:last-child { border-bottom: 1px solid var(--cizgi); }
.adimlar li::before { content: counter(adim); position: absolute; left: 4px; top: 12px; font: 800 50px/1 var(--baslik); color: var(--altin); }
.adimlar li > b { display: block; margin-bottom: 4px; font-size: 18.5px; }
.adimlar p { margin: 0; line-height: 1.6; color: var(--muted); }

/* Duyurular + kredi yukleyenler */
.haberler { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 56px; align-items: start; }
.duyurular { display: grid; gap: 18px; margin-top: 18px; }
/* 26.10 haber karti: solda kapak, sagda etiket + tarih, baslik, ozet (4 satir), altta yazan + Devamini oku */
.haber { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 22px; padding: 12px; border-radius: 12px;
  background: var(--panel); border: 1px solid var(--cizgi); scroll-margin-top: 84px; transition: border-color .15s, background .15s; }
.haber:hover, .haber:target { border-color: #3d3352; background: #19171f; }
.haber-kapak { overflow: hidden; border-radius: 8px; aspect-ratio: 16 / 9; align-self: start; background: #0a0810; }
.haber-kapak img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.haber:hover .haber-kapak img { transform: scale(1.03); }
.haber-ic { display: flex; flex-direction: column; min-width: 0; padding: 6px 8px 4px 0; }
.haber-ust { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--faint); }
.haber-etiket { padding: 3px 9px; border-radius: 999px; font-size: 12px; font-weight: 700; color: var(--altin);
  background: rgba(176, 124, 255, .13); border: 1px solid rgba(176, 124, 255, .28); }
.haber h3 { margin: 12px 0 8px; font: 700 22px/1.25 var(--font); color: var(--text); overflow-wrap: anywhere; }
.haber .haber-yazi { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;
  font-size: 15px; line-height: 1.6; color: #bbb5c8; }
.haber .haber-yazi > :first-child { margin-top: 0; }
.haber.acik .haber-yazi { display: block; -webkit-line-clamp: unset; overflow: visible; }
.haber-alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 16px; }
.haber-yazar { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; color: var(--muted); }
.haber-yazar img { width: 20px; height: 20px; border-radius: 3px; image-rendering: pixelated; }
.haber-oku { padding: 0; border: 0; background: none; cursor: pointer; font: 700 14px var(--font); color: var(--text); }
.haber-oku::after { content: " →"; color: var(--altin); }
.haber-oku:hover { color: var(--altin); }
.yukleyen-kutu { margin-top: 18px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--panel); }
.yukleyen-kutu .bos-not { margin: 0; padding: 22px 18px; }
.yukleyenler { padding: 4px 0; }
.yukleyenler li { gap: 12px; padding: 10px 16px; border-radius: 0; }
.yukleyenler li + li { border-top: 1px solid var(--cizgi); }
.yukleyenler .sira, .yukleyenler li:first-child .sira { width: 22px; height: auto; border-radius: 0; background: none;
  font: 400 15px var(--piksel); color: var(--faint); }
.yukleyenler li:nth-child(1) .sira { color: #ffd23f; }
.yukleyenler li:nth-child(2) .sira { color: #d4d4d4; }
.yukleyenler li:nth-child(3) .sira { color: #e2955a; }
.yukleyenler img { width: 28px; height: 28px; border-radius: 3px; }
.yukleyenler b { font-weight: 600; }
.yukleyenler .kredi { color: var(--altin); font-weight: 700; }

/* Discord: Discord'un kendi davet karti */
.topluluk { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 460px); gap: 40px; align-items: center;
  padding-top: 44px; border-top: 1px solid var(--cizgi); }
.topluluk p { margin: 12px 0 0; max-width: 460px; font-size: 17px; color: var(--muted); }
.dc-davet { padding: 16px; border-radius: 8px; background: #2b2d31; color: #dbdee1; }
.dc-davet small { display: block; margin-bottom: 12px; font-size: 12px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: #b5bac1; }
.dc-satir { display: flex; align-items: center; gap: 16px; }
.dc-ikon { flex: none; width: 50px; height: 50px; border-radius: 16px; object-fit: cover; background: #1e1f22; }
.dc-bilgi { flex: 1; min-width: 0; }
.dc-bilgi b { display: block; font-size: 16px; font-weight: 600; color: #f2f3f5; }
.dc-sayi { display: flex; flex-wrap: wrap; gap: 2px 12px; margin-top: 2px; font-size: 14px; color: #b5bac1; }
.dc-sayi i { display: inline-block; width: 8px; height: 8px; margin-right: 5px; border-radius: 50%; background: #23a55a; }
.dc-sayi i.gri { background: #80848e; }
.dc-katil { flex: none; padding: 9px 20px; border-radius: 4px; font-size: 14px; font-weight: 600; color: #fff; background: #248046; }
.dc-katil:hover { background: #1a6334; }

/* ==========================================================================
   MAGAZA
   ========================================================================== */
.mod-secim { gap: 16px; margin-top: 28px; }
.mod-kart { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 6px;
  min-height: 280px; padding: 26px; overflow: hidden; text-align: left; border-radius: 8px; background: var(--panel); border: 1px solid var(--cizgi); }
.mod-kart > :not(.mod-foto) { position: relative; z-index: 1; }
.mod-foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.mod-genpvp::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10, 8, 16, .94) 8%, rgba(10, 8, 16, .25) 72%); }
a.mod-kart:hover { transform: none; box-shadow: none; border-color: var(--cizgi-2); }
a.mod-kart:hover .mod-foto { transform: scale(1.03); }
.mod-ad { font: 800 50px/.9 var(--baslik); text-transform: uppercase; color: #fff; }
.mod-aciklama { margin: 0; color: #d4cfe0; }
.mod-ok { margin-top: 8px; font-weight: 700; color: var(--altin); }
.mod-yakinda { cursor: default; border-style: dashed; background: repeating-linear-gradient(-45deg, #151120 0 14px, #181424 14px 28px); }
.mod-yakinda .mod-ad, .mod-yakinda .mod-ok { color: var(--faint); }
.mod-yakinda .mod-aciklama { color: var(--muted); }

.kategori-ust { gap: 14px; margin-top: 28px; }
.kategori-ust h2 { font-size: clamp(28px, 3.2vw, 38px); }
.kategori-secim { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 28px; }
.kategori-kart { gap: 8px; padding: 26px 20px 22px; border-radius: 8px; background: var(--panel); border: 1px solid var(--cizgi); box-shadow: none; }
.kategori-kart::before { display: none; }
.kategori-kart:hover { transform: none; box-shadow: none; background: var(--panel-2); border-color: var(--cizgi-2); }
.kategori-gorsel, .alt-secim .kategori-gorsel { width: 116px; height: 116px; display: grid; place-items: center; border-radius: 6px;
  background: #0e0b15; border: 1px solid var(--cizgi); }
.kategori-gorsel img, .alt-secim .kategori-gorsel img { width: 88px; height: 88px; object-fit: contain; image-rendering: pixelated; }
.kategori-kart h2 { margin: 10px 0 0; font: 800 28px/1 var(--baslik); text-transform: uppercase; }
.kategori-kart .ok { font-size: 14.5px; font-weight: 600; color: var(--altin); }
.kategori-kart.kategori-yakinda { cursor: default; opacity: .6; }

.rutbeler { gap: 14px; margin-top: 28px; }
.rutbe { padding: 22px 16px 18px; border-radius: 8px; background: var(--panel); border: 1px solid var(--cizgi); box-shadow: none; }
.rutbe::before, .rutbe::after { display: none; }
.rutbe:hover { transform: none; border-color: var(--cizgi-2); }
.rutbe-gorsel { width: 128px; }
.rutbe:hover .rutbe-gorsel { transform: none; }
/* Rutbe adi oyundaki gibi renk gecisli (MiniMessage gradyani) - sitede gradyanin kaldigi tek yer burasi */
.rutbe h3 { margin: 10px 0 6px; font: 800 30px/1 var(--baslik); letter-spacing: .01em; text-shadow: none; }
.rutbe .fiyat, .urun .fiyat { margin-bottom: 16px; font-size: 14px; color: var(--muted); }
.rutbe .fiyat b, .urun .fiyat b { font-size: 19px; color: var(--altin); }
.rutbe .btn, .urun .btn { padding: 10px; }
.indirim-rozet { top: 10px; right: 10px; border-radius: 4px; background: #2e8b3e; }
.eski-fiyat { color: #e07a7a; }

.urunler { gap: 16px; margin-top: 28px; }
.urun { padding: 22px 18px 18px; border-radius: 8px; background: var(--panel); border: 1px solid var(--cizgi); box-shadow: none; }
.urun::before { display: none; }
.urun:hover { transform: none; border-color: var(--cizgi-2); }
.urun-gorsel { width: 132px; height: 132px; border-radius: 6px; background: #0e0b15; border: 1px solid var(--cizgi); }
.urun:hover .urun-gorsel img { transform: none; }
.urun h3 { margin: 0 0 6px; font: 700 18px/1.25 var(--font); text-shadow: none; }
.urun-icerik { color: var(--muted); }
.urun.sahip { opacity: .72; }
.urun.sahip::after { content: "SAHİPSİN"; position: absolute; top: 10px; left: 10px; padding: 3px 8px; border-radius: 3px;
  font: 700 11px var(--font); letter-spacing: .05em; color: var(--altin-yazi); background: var(--altin); }
.urun.sahip [data-sepet] { cursor: default; }
.kozmetik-bolum + .kozmetik-bolum { margin-top: 34px; }
.kozmetik-aciklama { margin: 0 0 6px; max-width: 760px; font-size: 15.5px; color: var(--muted); }
.kozmetik-aciklama b { color: var(--text); }
.kozmetik-uyari { margin: 0 0 16px; font-size: 14px; font-weight: 600; color: #f08080; }
.kozmetik-kutu p { margin: 0 0 6px; }
.kozmetik-kutu .kozmetik-uyari { margin: 8px 0 0; }
.alt-secim { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.tablo-kutu { border-radius: 8px; border: 1px solid var(--cizgi); background: var(--panel); box-shadow: none; }
.karsilastir th, .karsilastir td { padding: 14px 12px; border-bottom: 1px solid var(--cizgi); }
.karsilastir th:first-child, .karsilastir td:first-child { color: #dbd6e6; }
.karsilastir thead th { background: var(--panel-2); font: 800 20px var(--baslik); letter-spacing: .02em; text-transform: uppercase; }
.karsilastir td:nth-child(2n+2), .karsilastir th:nth-child(2n+2) { background-color: rgba(255, 255, 255, .015); }
.karsilastir tbody tr:hover td { background: rgba(255, 255, 255, .025); }
.karsilastir td { font-weight: 500; font-size: 14.5px; }
.tik { color: var(--yesil); border-color: var(--yesil); }
.carpi { color: #9c6262; border-color: #6a4040; }

/* Urun penceresi + sepet */
.pencere-arka { background: rgba(6, 4, 10, .74); backdrop-filter: none; }
.pencere { border-radius: 10px; background: var(--panel-2); border: 1px solid var(--cizgi-2); box-shadow: var(--shadow); }
.urun-pencere-gorsel { border-radius: 6px; background: #0e0b15; border: 1px solid var(--cizgi); }
.urun-pencere h3 { font: 800 30px/1 var(--baslik); text-transform: uppercase; }
.urun-pencere-fiyat b { color: var(--altin); }
.hediye-kutu { border-radius: 6px; background: rgba(176, 124, 255, .06); border: 1px solid rgba(176, 124, 255, .22); }
.adet-sec { border: 1px solid var(--cizgi-2); border-radius: 6px; }
.adet-sec button { background: var(--panel-3); }
.adet-sec button:hover { background: var(--cizgi-2); }
.adet-sec input { background: #0d0a14; font-family: var(--font); }
.sepet-satir { border-bottom: 1px solid var(--cizgi); }
.ozet-satir b { color: var(--altin); }

/* ==========================================================================
   FORMLAR, KREDI, HESAP, BASVURU
   ========================================================================== */
.form-kutu { margin-top: 56px; }
.form-kutu h1 { margin: 0 0 8px; font: 800 42px/1 var(--baslik); text-transform: uppercase; }
.form-kutu .alt { color: var(--muted); }
.alan label { font-size: 13.5px; font-weight: 600; color: var(--muted); }
.alan input, .alan textarea, .alan select, .girdi, input.girdi, select.girdi {
  border-radius: 6px; border: 1px solid var(--cizgi-2); background: #0d0a14; color: var(--text); font: 500 15.5px var(--font);
}
.alan input:focus, .alan textarea:focus, .alan select:focus, .girdi:focus { outline: none; border-color: var(--altin);
  box-shadow: 0 0 0 3px rgba(176, 124, 255, .16); }
.mesaj { border-radius: 6px; }
.form-alt a, .vurgu-link, .onay-kutu a, .yazi a, .bilgi-kutu a { color: var(--altin); }
.bilgi-kutu { border-radius: 6px; background: var(--panel-2); border: 1px solid var(--cizgi-2); color: #d0cbdc; }
.bilgi-kutu code { background: rgba(0, 0, 0, .5); border-radius: 0; }
.onay-kutu input, .anahtar-sec input, .gf-secim input { accent-color: var(--altin); }
.kredi-hesap { border-radius: 6px; background: #0d0a14; border: 1px solid var(--cizgi); }
.kredi-ozet { border-radius: 6px; background: rgba(176, 124, 255, .06); border: 1px solid rgba(176, 124, 255, .22); }
.kredi-ozet b, .kredi-kutu b { color: var(--altin); background: none; -webkit-background-clip: border-box; background-clip: border-box; }
.odeme-kod code { font-size: 20px; padding: 8px 14px; border-radius: 6px; background: #0d0a14; border: 1px solid var(--cizgi-2); color: var(--altin); }
.profil img { border-radius: 6px; }
.profil h2 { font: 800 34px/1 var(--baslik); text-transform: uppercase; }
.tur { border-radius: 4px; }
.tur.premium { background: rgba(176, 124, 255, .13); color: var(--altin); }
.tur.crack { background: var(--panel-3); color: var(--muted); }
.kredi-kutu { border-radius: 6px; background: var(--panel-2); border: 1px solid var(--cizgi); }
.form-karti { border-radius: 8px; background: var(--panel); border: 1px solid var(--cizgi); }
.form-karti:hover { transform: none; border-color: var(--cizgi-2); }
.form-karti-ust { display: none; }
.form-karti h3 { font: 800 26px/1.05 var(--baslik); text-transform: uppercase; }
.form-karti-alt { color: var(--altin); }
.gf-kart { border-radius: 8px; background: var(--panel); border: 1px solid var(--cizgi); }
.gf-ust { border-top: 6px solid var(--altin); }
.gf-form-baslik { font: 800 38px/1 var(--baslik); text-transform: uppercase; }
.gf-form-aciklama { color: #d0cbdc; }
.gf-temizle { color: var(--altin); }
.basvurularim-baslik { margin: 44px 0 14px; font-size: 30px; }
.basvurum { border-radius: 6px; background: var(--panel); border-color: var(--cizgi); }
.durum-rozet { border-radius: 4px; }

/* ==========================================================================
   REHBER / KURALLAR / SOZLESMELER (wiki gibi duz belge; kutu ve ikon yok)
   ========================================================================== */
.kartli { grid-template-columns: 236px minmax(0, 1fr); gap: 44px; margin-top: 6px; }
.kartli-fihrist { position: sticky; top: 88px; max-height: calc(100vh - 110px); padding: 6px 0; background: none; border: 0;
  border-radius: 0; box-shadow: none; }
.kartli-fihrist b { margin: 0 0 8px; padding-left: 12px; font: 700 12.5px var(--font); letter-spacing: .1em; text-transform: uppercase; color: var(--faint); }
.kartli-fihrist ol { gap: 1px; }
.kartli-fihrist a { gap: 10px; padding: 6px 12px; border-radius: 4px; font-size: 14.5px; color: var(--muted); }
.kartli-fihrist a::before { font: 400 12px/1.9 var(--piksel); color: var(--faint); padding-top: 0; }
.kartli-fihrist a:hover { color: var(--text); background: var(--panel); }
.kartli-fihrist a.aktif { color: var(--text); background: var(--panel); box-shadow: none; }
.kartli-fihrist a.aktif::before { color: var(--altin); }
.kartli-govde { gap: 0; }
.yazi-giris { padding: 0 0 26px; font-size: 18px; line-height: 1.7; color: #ddd8e8; background: none; border: 0; border-radius: 0;
  box-shadow: none; border-bottom: 1px solid var(--cizgi); }
.yazi-kart { padding: 30px 0 28px; overflow: visible; background: none; border: 0; border-radius: 0; box-shadow: none;
  border-bottom: 1px solid var(--cizgi); scroll-margin-top: 84px; }
.yazi-kart::before { display: none; }
.yazi-kart:hover { border-color: var(--cizgi); }
.yazi-kart header { align-items: baseline; gap: 12px; margin-bottom: 14px; }
.yazi-kart-ikon { display: none; }
.yazi-kart-no { font: 400 14px var(--piksel); letter-spacing: 0; color: var(--altin); }
.yazi-kart h2 { margin: 0; font: 800 32px/1.02 var(--baslik); letter-spacing: .005em; text-transform: uppercase; }
.yazi, .yazi-kart .yazi { font-size: 16.5px; line-height: 1.72; color: #d7d2e2; }
.yazi h2 { font: 800 28px/1.1 var(--baslik); text-transform: uppercase; border-color: var(--cizgi); }
.yazi h3 { font-size: 18px; color: var(--text); }
.yazi li::marker { color: var(--faint); }
.yazi code { background: rgba(0, 0, 0, .5); border-radius: 0; }
.yazi-kart .yazi ul > li::before { left: 7px; top: .7em; width: 6px; height: 6px; border-radius: 0; transform: none; background: var(--faint); }
.yazi-kart .yazi ol > li { padding-left: 36px; }
.yazi-kart .yazi ol > li::before { top: .18em; width: 24px; height: auto; place-items: start; border-radius: 0; background: none;
  font: 400 14px/1.6 var(--piksel); color: var(--altin); }
.yazi-kart code { padding: 2px 6px; border-radius: 0; background: rgba(0, 0, 0, .5); color: #fff; font-size: .84em; }
.kart-gorseller { gap: 14px; margin-top: 18px; padding-top: 0; border-top: 0; }
.kart-gorseller img { width: 72px; height: 72px; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .45)); }
.kart-gorseller img:hover { transform: none; }
.icindekiler { border-radius: 6px; background: var(--panel-2); border: 1px solid var(--cizgi-2); }
.icindekiler a { color: var(--altin); }
.son-guncelleme { border-color: var(--cizgi); color: var(--faint); }
.sozlesme h2 { font-size: 24px; }

/* ---------- 404 ---------- */
.bulunamadi { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; max-width: 1000px;
  margin: 80px auto 0; }
.bulunamadi-foto { width: 100%; height: auto; border-radius: 8px; border: 1px solid var(--cizgi); }
.bulunamadi-kod { margin: 0 0 6px; font-size: 18px; color: var(--altin); }
.bulunamadi h1 { margin: 0; font: 800 clamp(44px, 7vw, 72px)/.95 var(--baslik); text-transform: uppercase; }
.bulunamadi p { margin: 10px 0 22px; font-size: 17px; color: var(--muted); }
.bulunamadi .bulunamadi-kod { margin: 0 0 6px; color: var(--altin); }
@media (max-width: 760px) { .bulunamadi { grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 40px; } }

/* ---------- bildirim, kurucu yazi duzenleme ---------- */
.bildirim { border-radius: 6px; background: var(--panel-3); border: 1px solid var(--cizgi-2); font-weight: 600; }
.duzenle-dugme { border-radius: 6px; border: 1px solid var(--altin); background: var(--panel-3); font-family: var(--font); }
.duzenleme .duzenle-dugme { color: var(--altin-yazi); background: var(--altin); border-color: var(--altin); }
.duzenleme [data-metin] { outline: 1px dashed rgba(176, 124, 255, .6); }
.duzenleme [data-metin]:hover { outline: 2px solid var(--altin); background: rgba(176, 124, 255, .06); }
.metin-pencere textarea { font-family: var(--font); }

/* ---------- site bakim ekrani (10.10) ---------- */
html.bakimda, html.bakimda body { overflow: hidden; }
.bakim-ekran { position: fixed; top: 0; left: 0; z-index: 10000; width: 100vw; height: 100vh; height: 100dvh; box-sizing: border-box;
  display: flex; align-items: center; justify-content: center; padding: 16px; overflow-y: auto;
  font-family: var(--font); color: var(--text); background: #0d0a14; }
.bakim-kutu { display: grid; justify-items: center; gap: 12px; width: 100%; max-width: 520px; min-width: 0; margin: auto; text-align: center; }
.bakim-kutu > * { max-width: 100%; }
.bakim-logo { width: auto; max-width: min(240px, 60vw); max-height: 30vh; height: auto; }
.bakim-baslik { margin: 6px 0 0; font: 800 clamp(34px, 7vw, 52px)/1 var(--baslik); text-transform: uppercase; }
.bakim-kutu p { margin: 0; font-size: 16.5px; line-height: 1.6; color: var(--muted); overflow-wrap: anywhere; }
.bakim-kutu .btn { margin-top: 8px; }
.bakim-kutu small { font-size: 13px; color: var(--faint); }

/* ---------- alt bilgi ---------- */
.altbilgi { margin-top: 110px; padding: 0; border-top: 1px solid var(--cizgi); background: #0b0911; }
.altbilgi .alt-ic { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 32px; align-items: start; width: min(1200px, 100% - 32px);
  margin-inline: auto; padding: 46px 0 34px; flex-wrap: nowrap; }
.altbilgi .logo-link img { width: 40px; }
.alt-marka p { max-width: 320px; margin: 14px 0 16px; font-size: 14.5px; line-height: 1.6; color: var(--muted); }
.alt-sutun { display: grid; align-content: start; gap: 9px; }
.alt-baslik { margin-bottom: 4px; font: 700 12.5px var(--font); letter-spacing: .1em; text-transform: uppercase; color: var(--faint); }
.alt-sutun a { font-size: 14.5px; color: var(--muted); }
.alt-sutun a:hover { color: var(--text); }
.alt-telif { width: min(1200px, 100% - 32px); margin-inline: auto; padding: 16px 0 28px; border-top: 1px solid var(--cizgi);
  font-size: 13px; color: var(--faint); }

/* ==========================================================================
   DAR EKRANLAR
   ========================================================================== */
@media (max-width: 1240px) {
  .ust-ic { gap: 14px; }
  .nav .link, .nav button.link { padding: 8px 8px; font-size: 14.5px; }
  .nav .link.aktif::after { left: 8px; right: 8px; }
}
@media (max-width: 1100px) {
  .ip-dugme .ip-metin small { display: none; }
  .logo-yazi { font-size: 21px; }
}
@media (max-width: 1000px) {
  .menu-ac { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; cursor: pointer; color: var(--text);
    background: var(--panel); border: 1px solid var(--cizgi-2); border-radius: 6px; }
  .ust-ic { justify-content: space-between; }
  .nav { position: absolute; top: 100%; left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0;
    padding: 6px 16px 14px; background: #0d0a14; border-bottom: 1px solid var(--cizgi); box-shadow: 0 18px 30px rgba(0, 0, 0, .45); }
  .nav.acik { display: flex; }
  .nav .link, .nav button.link, .nav.acik a.link { display: block; width: 100%; padding: 13px 2px; border-radius: 0; font-size: 16px;
    text-align: left; border-bottom: 1px solid var(--cizgi); }
  .nav .link[href^="https://discord"] { display: block; }
  .nav .link.aktif { color: var(--altin); }
  .nav .link.aktif::after { display: none; }
  .nav button.link { display: flex; align-items: center; justify-content: space-between; }
  .nav-acilir .ok-asagi { display: none; }
  .acilir-menu, .nav-acilir .acilir-menu { position: static; display: none; min-width: 0; padding: 4px 0 8px 12px; opacity: 1;
    visibility: visible; transform: none; background: none; border: 0; box-shadow: none; }
  .nav-acilir.acik .acilir-menu, .nav.acik .nav-acilir .acilir-menu { display: block; }
  .ust .ip-dugme { display: none; }
  .oyun, .haberler, .topluluk, .sunucu-bolum { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .hotbar-sahne { min-height: 340px; }
  .kategori-secim, .alt-secim { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kartli { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .kartli-fihrist { position: static; max-height: none; padding: 14px 10px; background: var(--panel); border: 1px solid var(--cizgi); border-radius: 8px; }
  .altbilgi .alt-ic { grid-template-columns: 1fr 1fr; }
  .alt-marka { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .ust-ic { height: 58px; gap: 8px; }
  .nav .link.aktif::after { display: none; }
  .ust .hesap-btn { width: 40px; padding: 0; justify-content: center; gap: 0; font-size: 0; }
  .ust .hesap-btn img { margin: 0; }
  .ust .hesap-btn .kredi { display: none; }
  .ust-sag { gap: 6px; }
  .sahne { min-height: 0; align-items: flex-end; }
  .sahne-foto { object-position: 66% 30%; }
  .sahne::after { background: linear-gradient(0deg, rgba(10, 8, 16, .97) 34%, rgba(10, 8, 16, .55) 64%, rgba(10, 8, 16, .15) 100%); }
  .sahne-ic { padding: 210px 0 34px; }
  .sahne-baslik { font-size: clamp(56px, 17vw, 84px); }
  .sahne-alt { font-size: 17px; margin: 14px 0 22px; }
  .sahne .butonlar .btn, .sunucu-bolum .butonlar .btn { flex: 1; }
  .sahne-orta { align-items: center; }
  .sahne-orta::after { background: radial-gradient(ellipse 90% 60% at 50% 45%, rgba(10, 8, 16, .62), rgba(10, 8, 16, .9)),
    linear-gradient(0deg, rgba(15, 12, 22, 1) 0%, rgba(15, 12, 22, 0) 30%); }
  .sahne-orta .sahne-ic { padding: 44px 0 52px; }
  .sahne-orta .sahne-baslik { font-size: clamp(44px, 13vw, 64px); }
  .btn-katil { width: 100%; justify-content: center; }
  .haber { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .haber-ic { padding: 0 4px 4px; }
  .haber h3 { font-size: 19px; }
  .foto-not { top: 12px; bottom: auto; right: 12px; }
  .sunucu-ikon, .sunucu-ikon img { width: 48px; height: 48px; }
  .sunucu-oynat::after { left: 15px; top: 12px; border-width: 11px 0 11px 17px; }
  .sunucu-bilgi { font-size: clamp(11px, 3.4vw, 13px); }
  .motd { white-space: normal; overflow: visible; text-overflow: clip; }
  .bolum { margin-top: 64px; }
  .hotbar-sahne { min-height: 300px; padding: 20px 10px 14px; }
  .esya-bilgi { font-size: 13.5px; }
  .hb-no { font-size: 11px; right: 2px; }
  .adimlar li { padding-left: 50px; }
  .adimlar li::before { font-size: 42px; }
  .kategori-secim, .alt-secim, .mod-secim { grid-template-columns: minmax(0, 1fr); }
  .mod-kart { min-height: 220px; }
  .dc-satir { flex-wrap: wrap; }
  .dc-katil { width: 100%; text-align: center; }
  .altbilgi { margin-top: 80px; }
}
@media (max-width: 400px) {
  .logo-yazi { display: none; }
}