/* Tarumar PvP sitesi · görünüm (13 Kasım 2026, 3. tur).
   Düzen: arkada eskitilmiş Felucca haritası, üstte üç başlıklı menü ve arma, ortada parşömen sayfa.
   Ana sayfa: solda duyurular (tam metin), sağda sunucu + ilk 5 listeleri. Rehber: solda konular, sağda düz yazı.
   Parlaklık yok: geçişli zemin, parlama, hap, kart ızgarası, büyük harfli etiket kullanılmaz.
   Yazı: gövde sistemin düz yazısı (Segoe UI / Roboto); başlık ve menü TeX Gyre Pagella (assets/pagella*.woff).
   Değişken ADLARI eski style.css ile aynıdır (hesap.css ve staff.css aynen çalışır). */
@font-face{font-family:Pagella;src:url(assets/pagella.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Pagella;src:url(assets/pagella-italik.woff) format('woff');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Pagella;src:url(assets/pagella-kalin.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}

:root{
  color-scheme:light;
  --yazi:Pagella,"Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;   /* başlık, menü, düğme */
  --govde:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;                 /* okuma metni */
  --bg:#1c1819;          /* harita yüklenene kadar */
  --sayfa:#ded2b6;       /* parşömen sayfa */
  --bar:rgba(70,48,18,.09); --panel:rgba(70,48,18,.06); --hi:rgba(70,48,18,.13); --field:#efe6cf;
  --line:#cbbb97; --line2:#a8956c; --bronze:#8a6f44;
  --gold:#4b2a58;        /* odak, etkin öğe (mürdüm) */
  --goldtext:#4f2562;    /* bağlantı */
  --light:#1c130b;       /* başlık, vurgulu yazı (mürekkep) */
  --text:#2c2118; --muted:#5b4a37; --dim:#77654d;
  --plum:#4b2a58; --plum2:#6b4380; --plumtext:#5b2a6c;
  --green:#2c6a28; --red:#9a2b1c;
  --koyu:#e6dcc6; --koyu2:#b4a892;   /* harita üstündeki açık yazılar */
  --radius:2px;
  --shadow:none;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:64px;-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;color:var(--text);font:400 16px/1.6 var(--govde);overflow-x:hidden;background:linear-gradient(rgba(18,13,14,.42),rgba(18,13,14,.42)) fixed,var(--bg) url(assets/tarumar-harita.jpg) center top/cover no-repeat fixed}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
a{color:inherit;text-decoration:none}
a:hover{color:var(--light)}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
::selection{background:var(--plum);color:#f1e9da}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{font-family:var(--yazi);font-weight:700;line-height:1.25;color:var(--light)}
img{max-width:100%;height:auto}
svg{width:18px;height:18px;flex:none}
code,kbd{font:400 .9em/1.4 Consolas,"Cascadia Mono",ui-monospace,monospace}
code{background:var(--hi);border:1px solid var(--line);padding:1px 6px;color:var(--light);border-radius:2px;white-space:nowrap}
input[type=search],input[type=text],input[type=password],input:not([type]){width:100%;background:var(--field);border:1px solid var(--line2);color:var(--text);padding:8px 12px;min-height:40px;border-radius:var(--radius)}
input:focus{border-color:var(--gold);outline:none}
input::placeholder{color:var(--dim)}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--sayfa);color:var(--light);padding:8px 14px;font-weight:700}
.skip:focus{top:12px}
.pixel-art{image-rendering:pixelated}
.muted{color:var(--dim)}
.eyebrow,.diamond{display:none}

/* ---------- Menü (haritanın üstünde, sabit) ---------- */
.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:center;min-height:50px;padding:0 12px;background:rgba(20,16,17,.93);border-bottom:1px solid #000}
.main-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 14px}
.main-nav a{display:flex;align-items:center;min-height:50px;padding:0 14px;font:700 18px/1 var(--yazi);color:var(--koyu2);white-space:nowrap}
.main-nav a:hover{color:#fff}
.main-nav a.active{color:var(--koyu);box-shadow:inset 0 -2px 0 var(--koyu2)}
.header-actions{position:absolute;right:14px;top:0;height:50px;display:flex;align-items:center}
.account-link{font-size:13px;color:var(--koyu2)}
.menu-button{display:none!important}
.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:40px;height:40px;padding:0 8px;background:none;border:0;color:var(--muted);font-size:15px;border-radius:var(--radius)}
.icon-button:hover{color:var(--light)}

/* ---------- Arma ve "Oyuna gir" ---------- */
.masthead{display:flex;flex-direction:column;align-items:center;padding:16px 16px 14px}
.masthead>a{display:block;line-height:0}
.masthead img{height:112px;width:auto}
.baglan-satir{display:none;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 26px;margin-top:14px}
/* "İndir": üstüne gelince zemin açılır, içte ince bir çerçeve belirir, ok aşağı iner. */
.baglan{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;padding:8px 36px 8px 30px;background:var(--plum);border:1px solid #8a6aa0;color:#f1e9da;font:700 20px/1.2 var(--yazi);letter-spacing:.02em;border-radius:var(--radius);transition:background .22s ease,border-color .22s ease,transform .22s ease}
.baglan::after{content:"";position:absolute;inset:3px;border:1px solid rgba(241,233,218,.55);opacity:0;transform:scale(.97);transition:opacity .22s ease,transform .22s ease;pointer-events:none}
.baglan svg{width:20px;height:20px;transition:transform .22s ease}
.baglan:hover,.baglan:focus-visible{background:#5c3670;border-color:#b79acb;color:#fff;transform:translateY(-1px)}
.baglan:hover::after,.baglan:focus-visible::after{opacity:1;transform:none}
.baglan:hover svg,.baglan:focus-visible svg{transform:translateY(3px)}
.baglan:active{transform:translateY(0);background:#43254f}
.header-status{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--koyu2);white-space:nowrap}
.header-status:hover{color:var(--koyu)}
.header-status i{width:8px;height:8px;border-radius:50%;background:#8f858c;flex:none}
.header-status.on i{background:#8fc27d}
.header-status.off i{background:#dd8272}
.header-status b{font:700 22px/1 var(--yazi);color:var(--koyu)}
body.ana .masthead{padding-top:26px;padding-bottom:22px}
body.ana .masthead img{height:210px}
body.ana .baglan-satir{display:flex}

/* ---------- Parşömen sayfa ---------- */
.sayfa{max-width:1040px;margin:0 auto 28px;background:var(--sayfa) url(assets/tarumar-parsomen.jpg);border:1px solid #17110b;box-shadow:0 0 0 5px rgba(23,17,11,.55)}
.sayfa>main{display:block;min-height:46vh;outline:none}
.container{padding-left:34px;padding-right:34px}

/* ---------- Açılır menü (telefon) ---------- */
.drawer-backdrop{position:fixed;inset:0;z-index:60;background:rgba(5,3,7,.7);opacity:0;pointer-events:none;transition:opacity .15s}
.drawer{display:none;position:fixed;top:0;left:0;bottom:0;z-index:61;width:min(320px,86vw);background:var(--bar);border-right:1px solid var(--line2);transform:translateX(-102%);transition:transform .18s ease;display:flex;flex-direction:column;visibility:hidden}
body.drawer-open .drawer{transform:none;visibility:visible}
body.drawer-open .drawer-backdrop{opacity:1;pointer-events:auto}
body.drawer-open{overflow:hidden}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 18px;border-bottom:1px solid var(--line2)}
.drawer-head strong{font-size:17px;color:var(--light)}
.drawer-body{overflow-y:auto;padding:6px 0 28px;overscroll-behavior:contain}
.drawer-body h3{font-size:14px;color:var(--dim);font-weight:400;font-style:italic;padding:16px 18px 2px}
.drawer-body a{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 18px;font-size:17px;font-weight:700;color:var(--text)}
.drawer-body a.active{color:var(--light);box-shadow:inset 2px 0 0 var(--gold)}
.drawer-body a.sub{min-height:38px;font-size:16px;font-weight:400;color:var(--muted);padding-left:28px}

/* ---------- Düğme, bağlantı, durum ---------- */
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-height:40px;padding:7px 18px;background:var(--plum);border:1px solid var(--plum);color:#f1e9da;font:700 16px/1.2 var(--yazi);border-radius:var(--radius)}
.button:hover{background:#5c3670;border-color:#5c3670;color:#fff}
.button.outline{background:none;border-color:var(--dim);color:var(--light)}
.button.outline:hover{border-color:var(--light);color:var(--light);background:var(--panel)}
.button.plum{background:var(--plum);border-color:var(--plum);color:#f1e9da}
.button.plum:hover{background:#5c3670;border-color:#5c3670}
.button.small{min-height:36px;padding:5px 13px;font-size:15px}
.button[disabled]{opacity:.5;cursor:not-allowed}
.text-link,.journal-link,.leaderboard-more{color:var(--goldtext);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}
.text-link:hover,.journal-link:hover,.leaderboard-more:hover{color:var(--light);text-decoration-color:var(--gold)}
.tag{display:inline-block;font-size:14px;font-style:italic;color:var(--dim);text-transform:lowercase}
.tag::first-letter{text-transform:uppercase}
.status-pill{display:inline-flex;align-items:center;gap:7px;font-size:15px;color:var(--muted);white-space:nowrap}
.status-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dim)}
.status-pill.online{color:var(--green)}
.status-pill.online::before{background:var(--green)}
.status-pill.offline{color:var(--red)}
.status-pill.offline::before{background:var(--red)}

/* ---------- Sayfa başlığı ---------- */
.page-intro .container{padding-top:26px;padding-bottom:4px}
.page-intro h1{font-size:32px}
.breadcrumb{display:flex;flex-wrap:wrap;gap:7px;font-size:14.5px;color:var(--dim);margin-bottom:6px}
.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--light)}
.catalog{padding-top:20px;padding-bottom:56px}
.section{padding:30px 0}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;margin:0 0 12px;padding-bottom:7px;border-bottom:1px solid var(--line2)}
.section-heading h2{font-size:23px}
.section-heading h2 small{font:400 15px/1.4 var(--yazi);color:var(--dim);margin-left:12px}
.section-heading>a{color:var(--goldtext);font-size:15.5px;text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px;white-space:nowrap}
.bolum{font-size:23px;margin:0 0 6px;padding-bottom:7px;border-bottom:1px solid var(--line2)}

/* ---------- Yan bölüm, not, boş durum ---------- */
.panel,.side-panel{position:relative}
.side-panel+.side-panel{margin-top:26px}
.side-panel .mini-rank-tabs{gap:0 14px;margin:2px 0 2px;border-bottom:1px solid var(--line)}
.side-panel .mini-rank-tabs button{min-height:34px;font:600 14.5px var(--govde);margin-bottom:-1px}
.side-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:19px;margin-bottom:2px;padding-bottom:5px;border-bottom:1px solid var(--line2)}
.side-heading a:hover{text-decoration:underline;text-underline-offset:3px}
.side-heading small{font:400 13px var(--govde);color:var(--dim)}
.notice{border-left:2px solid var(--plum2);padding:2px 0 2px 16px;margin:16px 0;color:var(--muted)}
.notice strong{display:block;color:var(--light);font-weight:700}
.no-data{padding:34px 10px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.no-data h2{font-size:21px;margin-bottom:6px}
.no-data p{color:var(--muted);max-width:520px;margin:0 auto 14px}
.code-row{display:flex;gap:16px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line)}
.code-row code{flex:none;min-width:124px;text-align:center}
.code-row span{color:var(--text)}

/* ---------- Tablo ---------- */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:16px;font-variant-numeric:lining-nums tabular-nums}
th{font-weight:700;font-size:15px;color:var(--muted);text-align:left;padding:8px 12px;border-bottom:1px solid var(--line2);white-space:nowrap}
td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
th:first-child,td:first-child{padding-left:2px}
th:last-child,td:last-child{padding-right:2px}
td.num,th.num{text-align:right}
td .name-link{color:var(--goldtext);font-weight:700}
td .name-link:hover{color:var(--light);text-decoration:underline;text-underline-offset:3px}
.rank-no{color:var(--dim)}
.abbr{color:var(--plumtext);font-weight:700;white-space:nowrap}
.abbr::before{content:"["}
.abbr::after{content:"]"}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--line2);margin-right:8px;vertical-align:2px}
.dot.on{background:var(--green)}
/* Telefonda tablo satırları alt alta dizilir (data-l başlıkları) */
@media(max-width:680px){
  table.kart thead{display:none}
  table.kart,table.kart tbody,table.kart tr,table.kart td{display:block;width:100%}
  table.kart tr{padding:10px 0;border-bottom:1px solid var(--line2)}
  table.kart td{display:flex;justify-content:space-between;gap:16px;padding:2px 0;border:0;text-align:right}
  table.kart td::before{content:attr(data-l);color:var(--dim);font-size:15px;text-align:left;flex:none}
  table.kart td.baslik{font-size:18px;text-align:left;justify-content:flex-start;padding-bottom:4px}
  table.kart td.baslik::before{display:none}
  table.kart td:first-child:has(.rank-no){float:left;width:auto;padding:0 8px 0 0;font-size:18px}
  table.kart td:first-child:has(.rank-no)::before{display:none}
  table.kart td:first-child:has(.rank-no) .rank-no::after{content:"."}
  table.kart td.baslik{width:auto}
}

/* ---------- Sekme / süzgeç ---------- */
.rank-tabs,.chips,.mini-rank-tabs{display:flex;gap:4px 20px;flex-wrap:wrap;margin-bottom:12px}
.rank-tabs button,.chips button,.mini-rank-tabs button,.filter{min-height:38px;padding:4px 0;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-weight:700;font-size:16px}
.rank-tabs button:hover,.chips button:hover,.mini-rank-tabs button:hover,.filter:hover{color:var(--light)}
.rank-tabs button.active,.chips button.active,.mini-rank-tabs button.active,.filter.active{color:var(--light);border-bottom-color:var(--gold)}
.toolbar{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.toolbar .count{color:var(--muted);margin-right:auto}
.toolbar .count b{color:var(--light);margin-right:6px}
.toolbar input{max-width:280px}

/* ---------- Ana sayfa ---------- */
.ana{padding-top:26px;padding-bottom:44px}
.ana-ust{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:38px;align-items:start}
.ana-ust>aside{border-left:1px solid var(--line);padding-left:26px}
.duyuru{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.duyuru:last-child{margin-bottom:6px}
.duyuru h3{font-size:22px}
.duyuru h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.duyuru-tarih{font-size:13px;color:var(--dim);text-transform:lowercase;margin:2px 0 10px}
.duyuru-tarih::first-letter{text-transform:uppercase}
.duyuru-govde p{margin:0 0 10px}
.duyuru-govde h4{font:700 16px/1.4 var(--govde);margin:12px 0 4px}
.duyuru-govde ul,.duyuru-govde ol{margin:0 0 10px;padding-left:22px}
.duyuru-govde li{margin-bottom:3px}
.duyuru-govde>:last-child{margin-bottom:0}
.duyuru-govde a{color:var(--goldtext);text-decoration:underline;text-underline-offset:3px}
.ana .text-link{display:inline-block;margin-top:4px}
.status-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 0;font-size:15px;border-bottom:1px solid var(--line);color:var(--muted)}
.status-line b{color:var(--light);font-weight:700}
a.status-line:hover span{color:var(--light)}
.status-foot{font-size:14px;color:var(--dim);margin-top:8px}
.mini-rank-caption{display:none}
.mini-rank-list{list-style:none;margin:0;padding:0}
.mini-rank-list li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:6px;align-items:baseline;padding:5px 0;border-bottom:1px solid var(--line);font-size:15px}
.rank-position{color:var(--dim)}
.rank-player{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank-player a{color:var(--goldtext);font-weight:600}
.rank-player a:hover{text-decoration:underline;text-underline-offset:3px}
.rank-player small{display:block;color:var(--dim);font-size:14.5px}
.rank-score{font-weight:700;color:var(--light);font-variant-numeric:lining-nums tabular-nums}
.mini-rank-state{color:var(--dim);padding:8px 0;font-size:15px}
.military-rank{margin-left:8px;font-size:14.5px;color:var(--dim)}
.band{border-top:1px solid var(--line2)}

/* ---------- Wiki ---------- */
.wiki-search{position:relative;max-width:560px}
.wiki-search input{padding-left:40px}
.wiki-search svg{position:absolute;left:12px;top:12px;color:var(--dim)}
.wiki-cats{columns:2;column-gap:36px;margin-top:6px}
.wiki-cat{break-inside:avoid;padding:14px 0 6px}
.wiki-cat h2{font-size:19px;padding-bottom:5px;border-bottom:1px solid var(--line2)}
.wiki-cat h2 a:hover{color:var(--goldtext)}
.wiki-cat ul{list-style:none;margin:6px 0 0;padding:0}
.wiki-cat li a{display:block;padding:3px 0;color:var(--goldtext)}
.wiki-cat li a:hover{color:var(--light);text-decoration:underline;text-underline-offset:3px}
.wiki-layout{display:grid;grid-template-columns:216px minmax(0,1fr);gap:36px;align-items:start;padding-top:20px;padding-bottom:56px}
.wiki-nav{position:sticky;top:64px;max-height:calc(100vh - 80px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line2) transparent;font-size:15px;line-height:1.35;padding-right:6px;border-right:1px solid var(--line)}
.wiki-kat{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:36px;padding:6px 8px 6px 2px;background:none;border:0;border-top:1px solid var(--line);font:700 15px/1.3 var(--govde);color:var(--light);text-align:left}
.wiki-kat::after{content:"";width:6px;height:6px;border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);transform:rotate(-45deg);transition:transform .15s ease;flex:none}
.wiki-kat[aria-expanded=true]::after{transform:rotate(45deg)}
.wiki-kat:hover{color:var(--plum)}
.wiki-kat-sayfalar{padding:0 0 8px}
.wiki-nav a.page.ana{margin-bottom:6px}
.wiki-nav h3{font:700 15px/1.3 var(--govde);color:var(--light);margin:16px 0 3px}
.wiki-nav h3:first-child{margin-top:0}
.wiki-nav h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.wiki-nav a.page{display:block;padding:4px 8px 4px 10px;color:var(--text)}
.wiki-nav a.page:hover{background:var(--panel)}
.wiki-nav a.page.active{color:var(--light);font-weight:700;background:var(--hi)}
.wiki-nav-toggle{display:none}
.article-meta{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:14.5px;color:var(--dim);margin-bottom:14px}
.article-toc{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 16px;margin-bottom:24px;padding:10px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);font-size:15px}
.article-toc strong{color:var(--light);font-weight:700}
.article-toc div{display:contents}
.article-toc a{color:var(--goldtext);white-space:nowrap}
.article-toc a:hover{text-decoration:underline;text-underline-offset:3px}
.article{min-width:0;max-width:720px}
.article section{margin-bottom:30px}
.article h2{font-size:24px;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line2)}
.article h3{font:700 17px/1.4 var(--govde);margin:18px 0 6px}
.article h4{font:700 16px/1.4 var(--govde);margin:16px 0 6px}
.article p{margin:0 0 12px}
.article ul,.article ol{margin:0 0 14px;padding-left:24px}
.article li{margin-bottom:5px}
.article li::marker{color:var(--dim)}
.article a:not(.button){color:var(--goldtext);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}
.article a:not(.button):hover{color:var(--light);text-decoration-color:var(--gold)}
.article strong{color:var(--light);font-weight:700}
.article .table-wrap{margin:10px 0 16px}
.article details{border-bottom:1px solid var(--line)}
.article summary{cursor:pointer;padding:10px 0;font-weight:700;color:var(--text)}
.article details[open] summary{color:var(--light)}
.article details p{padding:0 0 12px 18px;margin:0;color:var(--muted)}
.article figure{margin:14px 0}
.article figure img{border:1px solid var(--line2);display:block}
.article figcaption{font-size:14.5px;color:var(--dim);margin-top:6px}
.wiki-related{border-top:1px solid var(--line2);margin-top:30px;padding-top:12px}
.wiki-related h2{font-size:17px;border:0;margin:0 0 4px;padding:0;color:var(--muted)}
.wiki-related a{display:inline-block;margin-right:18px}
.wiki-related a b{font-weight:400}
.wiki-related a span{display:none}
.wiki-prevnext{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px;font-size:16px}
.search-list{display:block}
.search-result{display:block;padding:10px 0;border-bottom:1px solid var(--line)}
.search-result strong{display:block;color:var(--goldtext);font-weight:700}
.search-result:hover strong,.search-result:focus-visible strong{color:var(--light);text-decoration:underline;text-underline-offset:3px}
.search-result span{display:block;font-size:16px;color:var(--muted)}
.search-result small{font-size:14.5px;color:var(--dim)}
.search-result small b{font-weight:400;font-style:italic;margin-right:8px}
.search-count{font-size:15px;color:var(--dim);margin:14px 0 4px}
.search-count b{color:var(--light)}
.search-empty{padding:24px 0;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:14px}
.search-empty strong{display:block;font-size:19px;color:var(--light);margin-bottom:4px}
.search-empty div{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
mark{background:rgba(75,42,88,.16);color:var(--light)}

/* ---------- Arama penceresi ---------- */
#search-dialog{width:min(640px,calc(100vw - 24px));max-height:min(80vh,700px);margin-top:9vh;padding:0;background:var(--sayfa) url(assets/tarumar-parsomen.jpg);border:1px solid #17110b;color:var(--text);border-radius:var(--radius)}
#search-dialog::backdrop{background:rgba(5,3,7,.78)}
#search-dialog[open]{display:flex;flex-direction:column}
.search-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 0 18px}
.search-heading h2{font-size:19px;text-transform:lowercase}
.search-heading h2::first-letter{text-transform:uppercase}
#search-dialog>input{margin:8px 18px 0;width:calc(100% - 36px)}
#search-results{overflow-y:auto;padding:0 18px 12px;flex:1}
.search-foot{display:none}

/* ---------- Lonca / oyuncu ---------- */
.profile-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;margin-bottom:22px}
.crest-box{width:76px;height:76px;display:grid;place-items:center;border:1px solid var(--line2);background:var(--hi);font:700 25px var(--yazi);color:var(--plum)}
.profile-head h2{display:none}
.profile-sub{color:var(--muted)}
.profile-chips{display:flex;flex-wrap:wrap;gap:2px 22px;margin-top:4px;color:var(--muted)}
.profile-chips b{color:var(--light);font-weight:700}
.profile-chips a:hover b{text-decoration:underline;text-underline-offset:3px}
.stat-tiles{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:30px;border-bottom:1px solid var(--line)}
.stat-tile{padding:10px 14px 12px;border-left:1px solid var(--line)}
.stat-tile:first-child{border-left:0;padding-left:2px}
.stat-tile span{display:block;font-size:15px;color:var(--muted)}
.stat-tile b{display:block;font-family:var(--yazi);font-size:27px;line-height:1.3;color:var(--light);font-variant-numeric:lining-nums tabular-nums}
.stat-tile small{font-size:14.5px;color:var(--dim)}
.data-note{font-size:14.5px;color:var(--dim);margin-top:14px}
.data-note span{color:var(--muted)}
.data-note code{white-space:normal}
.back-link{display:none}
.guild-cards{display:block}
.guild-card{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:9px 0;border-bottom:1px solid var(--line)}
.guild-card h3{font-size:18px;color:var(--goldtext)}
.guild-card:hover h3{color:var(--light);text-decoration:underline;text-underline-offset:3px}
.guild-card p{color:var(--dim);font-size:15.5px;margin-left:auto}

/* ---------- Düello ligi armaları (crests.js) ---------- */
.league-crest{width:24px;height:24px}
.tier-badge{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:15.5px;font-weight:700;vertical-align:middle}
.rank-player .tier-badge{margin-left:8px;font-size:14.5px}
.rank-player .league-crest{width:17px;height:17px}
.tier-unplaced{font-size:15px;color:var(--dim)}
.tier-gallery{margin-top:34px}
.tier-gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tier-gallery-item{padding:14px 6px;text-align:center}
.tier-gallery-item .league-crest{width:46px;height:46px}
.tier-gallery-item strong{display:block;color:var(--light);font-size:16px;margin-top:4px}
.tier-gallery-item small{color:var(--dim);font-size:14.5px}
.tier-gallery>p{font-size:14.5px;color:var(--dim);margin-top:10px}

/* ---------- Market (hesap.js) ---------- */
.shop-demo{display:none}
.shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}
.shop-count{font-size:15px;color:var(--dim)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 18px}
.product-grid .no-data{grid-column:1/-1}
.product-card{display:flex;flex-direction:column}
.product-image{position:relative;display:grid;place-items:center;aspect-ratio:4/3;background:#1d1920;border:1px solid var(--line2);overflow:hidden}
.product-image:hover{border-color:var(--line2)}
.product-image img{max-height:100%;object-fit:contain}
.product-image>span:last-child{display:none}
.product-info{padding:8px 0 0;display:flex;flex-direction:column;gap:1px;flex:1}
.product-info h3{font-size:18px}
.product-info h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.product-info p{font-size:15.5px;color:var(--muted);flex:1}
.product-buy{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px}
.product-buy .button{display:none}
.shop-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:26px;font-size:15.5px;color:var(--dim)}
.shop-bottom a{color:var(--goldtext);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}
.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin-top:18px}
.detail-art{position:relative;display:grid;place-items:center;min-height:300px;background:#1d1920;border:1px solid var(--line2)}
.detail-art>span:last-child{display:none}
.detail-info h2{font-size:27px;margin:2px 0 6px}
.detail-info>p{color:var(--muted)}
.detail-price{font-weight:700;font-size:25px;color:var(--light);margin:14px 0 8px}
.detail-price small{display:block;font-weight:400;font-size:14.5px;color:var(--dim)}
.detail-note{border-top:1px solid var(--line);padding-top:12px;font-size:15.5px;color:var(--muted)}
.product-variants{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.product-variants h3{width:100%;font-size:17px;color:var(--muted);text-transform:lowercase}
.product-variants h3::first-letter{text-transform:uppercase}
.product-variants a{width:118px;border:1px solid var(--line2);padding:6px;text-align:center;font-size:15px}
.product-variants a.active{border-color:var(--gold)}
.news-layout{max-width:720px}

/* ---------- Nasıl başlanır, makale ekleri ---------- */
.start-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:44px;align-items:start;padding-top:20px;padding-bottom:56px}
.start-layout aside{position:sticky;top:64px}
.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}
.article-grid figure{margin:0;border:1px solid var(--line2);padding:8px;text-align:center}
.article-grid img{border:0!important;margin:0 auto}

/* ---------- Alt bilgi, bildirim ---------- */
.site-footer{max-width:1040px;margin:0 auto;padding:0 16px 30px;text-align:center;font-size:13.5px;color:var(--koyu2)}
.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px;margin-bottom:10px;font-size:15px}
.site-footer nav a{color:var(--koyu)}
.site-footer nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.site-footer p{margin:0}
.site-footer .kvkk{max-width:760px;margin:0 auto 12px;line-height:1.55}
.site-footer .kvkk strong{color:var(--koyu);font-weight:600}
.site-footer .kvkk a{color:var(--koyu);text-decoration:underline;text-underline-offset:3px}
.site-footer .kvkk a:hover{color:#fff}
#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);z-index:90;background:#1d1920;border:1px solid #8a6aa0;color:#f1e9da;padding:9px 16px;border-radius:var(--radius);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px)}
#toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- Dar ekran ---------- */
@media(max-width:1060px){.sayfa{margin-left:8px;margin-right:8px}}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){
  .ana-ust,.start-layout{grid-template-columns:1fr;gap:30px}
  .ana-ust>aside{border-left:0;padding-left:0;border-top:1px solid var(--line2);padding-top:22px}
  .start-layout aside{position:static}
  .wiki-layout{grid-template-columns:1fr;gap:14px}
  .wiki-nav{position:static;max-height:none;border-right:0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);padding:0}
  .wiki-nav-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:44px;padding:0;background:none;border:0;font-weight:700;color:var(--goldtext)}
  .wiki-nav-body{display:none;padding:2px 0 14px}
  .wiki-nav.open .wiki-nav-body{display:block}
  .dizin{columns:2}
  .stat-tiles{grid-template-columns:1fr 1fr}
  .stat-tile:nth-child(odd){border-left:0;padding-left:2px}
  .stat-tile:nth-child(n+3){border-top:1px solid var(--line)}
  .tier-gallery-grid{grid-template-columns:repeat(3,1fr)}
  .product-detail{grid-template-columns:1fr}
}
@media(max-width:680px){
  body{background-image:linear-gradient(rgba(18,13,14,.42),rgba(18,13,14,.42)),url(assets/tarumar-harita-1000.jpg)}
  .container{padding-left:16px;padding-right:16px}
  .sayfa{margin-left:6px;margin-right:6px;box-shadow:0 0 0 3px rgba(23,17,11,.55)}
  .main-nav{gap:0 4px}
  .main-nav a{padding:0 10px;font-size:17px}
  .header-actions{display:none}
  .masthead img{height:84px}
  body.ana .masthead img{height:150px}
  .page-intro h1{font-size:27px}
  .page-intro .container{padding-top:18px}
  .wiki-cats,.dizin{columns:1}
  .product-grid{grid-template-columns:1fr 1fr;gap:18px 12px}
  .code-row{flex-direction:column;gap:2px}
  .code-row code{min-width:0;align-self:flex-start}
  .toolbar input{max-width:none;flex:1 1 100%}
  .guild-card p{margin-left:0;width:100%}
  #search-dialog{margin-top:12px;max-height:calc(100dvh - 24px)}
  .article-grid{grid-template-columns:1fr 1fr}
  #oyuncu-ara{margin-left:0!important;width:100%}
  #oyuncu-ara input{flex:1}
}
@media(max-width:400px){.product-grid{grid-template-columns:1fr}}