/* ============================================================
   Regale Wiki (M261) — site tasarımıyla uyumlu (site.css değişkenleri: --altin, --panel, --cizgi ...)
   ============================================================ */
.wk{--wk-yuva:#0d1219;--wk-yuva-kenar:#3a3226;--wk-kart:linear-gradient(180deg,rgba(30,38,51,.94),rgba(20,26,36,.94));--wk-parilti:0 0 0 1px rgba(217,178,90,.35),0 0 22px rgba(217,178,90,.18);
  --wk-mor:#a88cf0;--wk-yesil:#7ad08b;--wk-kirmizi:#e27560;--wk-mavi:#78a8f0;position:relative}
.wk-kap{width:100%;max-width:1240px;margin:0 auto;padding:0 16px}
.wk-bolum{padding-top:26px;padding-bottom:54px}
.wk-dar{max-width:960px}
.wk-orta{text-align:center;margin-top:24px}
.wk-soluk{color:var(--soluk)}
.wk-kucuk{font-size:13.5px}
.wk-sag{text-align:right;white-space:nowrap}
.wk-bos{padding:30px 10px;text-align:center;color:var(--soluk)}
.wk-not{margin:12px 2px 0;font-size:13.5px;line-height:1.55;color:var(--soluk2)}
.wk-not a{text-decoration:underline;text-underline-offset:3px}

/* ---------------- başlıklar ---------------- */
.wk-h1{margin:0;font-family:var(--baslik-font);font-weight:800;font-size:clamp(26px,3.6vw,40px);line-height:1.15;letter-spacing:.02em;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.6)}
.wk-h1 span{color:var(--altin2)}
.wk-sayfa-bas{margin:6px 0 22px}
.wk-sayfa-bas > p{max-width:820px;margin:10px 0 16px;color:#d6d1c6;font-size:16.5px;line-height:1.65}
.wk-bb{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 16px;font-family:var(--baslik-font);font-size:clamp(18px,2.2vw,22px);font-weight:700;letter-spacing:.04em;color:var(--altin2)}
.wk-bb span{position:relative;padding-left:22px}
.wk-bb span::before{content:"";position:absolute;left:0;top:50%;width:11px;height:11px;margin-top:-6px;border:2px solid var(--altin);transform:rotate(45deg);box-shadow:0 0 10px rgba(217,178,90,.5)}
.wk-bb small{font-family:var(--govde-font);font-size:13.5px;font-weight:400;letter-spacing:.03em;color:var(--soluk)}
.wk-bolum > .wk-bb{margin-top:34px}

/* ---------------- kırıntı ---------------- */
.wk-kirinti{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 14px;font-size:14px;color:var(--soluk)}
.wk-kirinti a{color:var(--soluk)!important}
.wk-kirinti a:hover{color:var(--altin2)!important}
.wk-kirinti span[aria-hidden]{color:var(--altin3)}
.wk-kirinti [aria-current]{color:var(--yazi)}

/* ---------------- kartlar ---------------- */
.wk-kart{position:relative;background:var(--wk-kart);border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge);padding:20px 22px;margin-bottom:18px}
.wk-kart::before{content:"";position:absolute;left:16px;right:16px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(242,214,142,.55),transparent)}
.wk-giris p{margin:0;font-size:17px;line-height:1.8;color:#e4e0d6}
.wk-oyun-acik{margin:16px 0 0;padding:12px 16px 12px 18px;border-left:3px solid var(--altin);background:rgba(217,178,90,.06);border-radius:0 8px 8px 0;color:#efe6cf;font-style:italic}
.wk-oyun-acik span{display:block;font-style:normal;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--altin);margin-bottom:4px}
.wk-oyun-acik small{display:block;margin-top:6px;font-style:normal;color:#9fd29a}

/* ---------------- çipler ---------------- */
.wk-cipler{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.wk-cip{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:999px;border:1px solid var(--cizgi);background:rgba(255,255,255,.035);color:var(--yazi)!important;font-size:14px;letter-spacing:.02em;line-height:1.4;cursor:default}
a.wk-cip,button.wk-cip{cursor:pointer;transition:.18s}
a.wk-cip:hover,button.wk-cip:hover{border-color:rgba(217,178,90,.65);background:rgba(217,178,90,.08)}
.wk-cip.secili{background:linear-gradient(180deg,#f0d07a,#c79a3c);color:var(--altin-koyu)!important;border-color:#f3d68b;font-weight:700}
.wk-cip.altin{border-color:rgba(217,178,90,.6);color:var(--altin2)!important;background:rgba(217,178,90,.1)}
.wk-cip.irk{border-color:rgba(120,168,240,.4);color:#bcd2f6!important}
.wk-cip.tehlike{border-color:rgba(226,117,96,.55);color:#f2a796!important;background:rgba(226,117,96,.08)}
button.wk-cip{font-family:inherit}
.wk-sn{display:inline-block;padding:2px 9px;margin:2px 4px 2px 0;border-radius:5px;font-size:12.5px;font-weight:600;letter-spacing:.03em;border:1px solid}
.wk-sn.s0{color:#f2a796;border-color:rgba(226,117,96,.45);background:rgba(226,117,96,.08)}
.wk-sn.s1{color:#9ee0a8;border-color:rgba(122,208,139,.45);background:rgba(122,208,139,.08)}
.wk-sn.s2{color:#c9b6f6;border-color:rgba(168,140,240,.45);background:rgba(168,140,240,.08)}
.wk-sn.s3{color:#9fc4f6;border-color:rgba(120,168,240,.45);background:rgba(120,168,240,.08)}
.wk-sn.hepsi{color:var(--altin2);border-color:var(--cizgi)}
.wk-rutbe{display:inline-block;padding:3px 10px;border-radius:5px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#0f141c;border:1px solid #3a4352;color:#d9dde4}
.wk-rutbe.r4{background:linear-gradient(180deg,#7a2a1f,#4d1711);border-color:#c8453a;color:#ffd9cf}
.wk-rutbe.r5{background:linear-gradient(180deg,#8b6a1c,#5a430e);border-color:#f2d68e;color:#fff2cc;box-shadow:0 0 12px rgba(242,214,142,.35)}
.wk-rutbe.r2,.wk-rutbe.r3{border-color:rgba(217,178,90,.45);color:var(--altin2)}
.wk-rutbe.metin{background:#2b2f3a;border-color:#7d8696}
.wk-rutbe.npc{background:#183a2f;border-color:#2f6f5a;color:#c4f0dc}

/* ---------------- simge / yuva ---------------- */
.wk-ikon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:6px;background:radial-gradient(circle at 50% 35%,#1d2633,var(--wk-yuva));border:1px solid var(--wk-yuva-kenar);box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),inset 0 6px 14px rgba(0,0,0,.45);overflow:hidden}
.wk-ikon img{max-width:34px;max-height:36px;width:auto;height:auto;image-rendering:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.7))}
.wk-ikon-k{width:34px;height:34px}
.wk-ikon-k img{max-width:28px;max-height:30px}
.wk-esya-l,.wk-mob-l{display:inline-flex;align-items:center;gap:10px;color:var(--yazi)!important;line-height:1.3;padding:2px 0;vertical-align:middle}
.wk-esya-l:hover,.wk-mob-l:hover{color:var(--altin2)!important}
.wk-esya-l:hover .wk-ikon{border-color:var(--altin);box-shadow:var(--wk-parilti)}
.wk-esya-l b{color:var(--altin2);font-weight:600}
.wk-esya-l small{color:var(--soluk);font-size:12.5px;margin-left:4px}
.wk-mob-ikon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#283346,#0f141c);border:1px solid #3d4657;overflow:hidden}
.wk-mob-ikon img{width:26px;height:26px;object-fit:contain}
.wk-mob-ikon.r4{border-color:#c8453a;box-shadow:0 0 10px rgba(200,69,58,.35)}
.wk-mob-ikon.r5{border-color:#f2d68e;box-shadow:0 0 12px rgba(242,214,142,.4)}
.wk-mob-ikon.t2{border-color:#8a93a5}
.wk-mob-ikon.t1{border-color:#2f6f5a}
.wk-harita-l{display:inline-flex;align-items:center;gap:4px;margin:2px 10px 2px 0;font-size:14px;color:#cfd7e6!important;white-space:nowrap}
.wk-harita-l svg{width:14px;height:14px;fill:var(--altin3)}
.wk-harita-l:hover{color:var(--altin2)!important}
.wk-harita-l.t-zindan svg{fill:#c8453a}
.wk-gorev-l{display:inline-flex;align-items:center;gap:8px;color:var(--yazi)!important}
.wk-gorev-l:hover{color:var(--altin2)!important}

/* ---------------- kahraman (sayfa başı) ---------------- */
.wk-kahraman{display:flex;align-items:center;gap:22px;margin:6px 0 22px;padding:22px 24px;border-radius:14px;border:1px solid var(--cizgi);background:
  radial-gradient(ellipse 60% 120% at 0% 50%,rgba(217,178,90,.16),transparent 60%),
  linear-gradient(120deg,rgba(28,38,54,.95),rgba(16,21,30,.95));box-shadow:var(--golge);overflow:hidden;position:relative}
.wk-kahraman::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(217,178,90,.12),transparent 70%);pointer-events:none}
.wk-kahraman-yazi{min-width:0;display:flex;flex-direction:column;gap:12px}
.wk-buyuk-yuva{flex:0 0 112px;width:112px;height:112px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:radial-gradient(circle at 50% 35%,#24303f,#0b1017);
  border:1px solid #6b5326;box-shadow:inset 0 0 0 1px rgba(0,0,0,.7),inset 0 10px 24px rgba(0,0,0,.6),0 0 0 4px rgba(217,178,90,.07),0 0 34px rgba(217,178,90,.18);position:relative}
.wk-buyuk-yuva::before{content:"";position:absolute;inset:-1px;border-radius:14px;background:conic-gradient(from var(--wk-aci,0deg),transparent 0 70%,rgba(242,214,142,.75) 80%,transparent 90%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;animation:wk-don 5s linear infinite}
.wk-buyuk-yuva img{width:auto;height:auto;max-width:74px;max-height:84px;transform:scale(1.55);image-rendering:pixelated;filter:drop-shadow(0 4px 6px rgba(0,0,0,.8))}
@property --wk-aci{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes wk-don{to{--wk-aci:360deg}}
.wk-mob-cerceve{flex:0 0 184px;width:184px;height:184px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#2b374b,#0b1017);border:2px solid #4a5468;box-shadow:inset 0 10px 24px rgba(0,0,0,.6),0 0 30px rgba(0,0,0,.4)}
.wk-mob-cerceve img{width:96px;height:96px;object-fit:contain}
.wk-mob-cerceve img[src*="/canavar/"]{width:178px;height:178px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.7))}
.wk-patron-resim img[src*="/canavar/"]{width:90px;height:90px}
.wk-mob-ikon img[src*="/canavar/"]{width:32px;height:32px}
.wk-mob-bas.r4 .wk-mob-cerceve{border-color:#c8453a;box-shadow:inset 0 10px 24px rgba(0,0,0,.6),0 0 34px rgba(200,69,58,.35)}
.wk-mob-bas.r5 .wk-mob-cerceve{border-color:#f2d68e;box-shadow:inset 0 10px 24px rgba(0,0,0,.6),0 0 40px rgba(242,214,142,.4)}
.wk-mob-bas.r4,.wk-mob-bas.r5{background:radial-gradient(ellipse 60% 120% at 0% 50%,rgba(200,69,58,.2),transparent 60%),linear-gradient(120deg,rgba(40,26,30,.95),rgba(16,21,30,.95))}

/* ---------------- iki sütun ---------------- */
.wk-iki-sutun{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.wk-yapiskan{position:sticky;top:calc(var(--ust-boy) + 16px);display:flex;flex-direction:column;gap:0}
@media (max-width:980px){.wk-iki-sutun{grid-template-columns:minmax(0,1fr)}.wk-yan-sutun{order:-1}.wk-yapiskan{position:static}.wk-icindekiler,.wk-diger-rehber{display:none}}

/* ---------------- oyundaki bilgi kutusu ---------------- */
.wk-bilgi-kart{padding:16px}
.wk-arti-sec{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.wk-arti-sec button{flex:1 0 34px;min-width:34px;padding:7px 4px;border-radius:6px;border:1px solid var(--cizgi2);background:#0f141c;color:var(--soluk);font-family:var(--baslik-font);font-weight:700;font-size:14px;cursor:pointer;transition:.15s}
.wk-arti-sec button:hover{color:var(--altin2);border-color:var(--cizgi)}
.wk-arti-sec button.secili{background:linear-gradient(180deg,#f0d07a,#b98a31);color:var(--altin-koyu);border-color:#f3d68b;box-shadow:0 0 14px rgba(217,178,90,.35)}
.wk-bk{display:none}
.wk-bk.acik{display:block;animation:wk-belir .25s ease}
@keyframes wk-belir{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.wk-bk-ikon{display:flex;justify-content:center;margin-bottom:10px}
.wk-bk-ikon img{max-height:72px;transform:scale(1.3);image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,0,0,.8))}
.wk-ipucu-kutu{background:rgba(6,9,14,.92);border:1px solid #5d4a25;border-radius:4px;padding:10px 12px 12px;text-align:center;font-family:Tahoma,Verdana,var(--govde-font);font-size:13px;line-height:1.55;color:#e8e8e8;box-shadow:inset 0 0 0 1px rgba(0,0,0,.8),0 10px 28px rgba(0,0,0,.6)}
.wk-ik-ad{font-weight:700;font-size:14.5px;color:#f1e3a8;margin-bottom:4px}
.wk-ik-ad.sade{color:#fff}
.wk-ik-acik{color:#dcdcdc;margin:4px 0}
.wk-ik-not{color:#b1d77d;margin:2px 0 4px}
.wk-ik-s.bos{margin-top:8px}
.wk-ik-s.arti{color:#8ff08f}
.wk-ik-s.eksi{color:#f07a7a}
.wk-ik-sinif{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.wk-ik-sinif .var{color:#fff}
.wk-ik-sinif .yok{color:#b25555;text-decoration:line-through;opacity:.75}
.wk-ik-fiyat{display:flex;flex-direction:column;gap:2px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);color:#c9c9c9}
.wk-ik-fiyat b{color:#f1e3a8}

/* uçan ipucu (masaüstü) */
.wk-ucan{position:fixed;z-index:400;max-width:300px;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s}
.wk-ucan.acik{opacity:1;transform:none}

/* ---------------- tablolar ---------------- */
.wk-tablo-kap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid var(--cizgi2)}
.wk-tablo{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.wk-tablo th,.wk-tablo td{padding:10px 12px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--cizgi2)}
.wk-tablo thead th{position:sticky;top:0;background:#151c27;color:var(--altin);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.wk-tablo thead th[data-tur]{cursor:pointer;user-select:none}
.wk-tablo thead th[data-tur]::after{content:"⇅";margin-left:6px;opacity:.45;font-size:11px}
.wk-tablo thead th.asc::after{content:"▲";opacity:1}
.wk-tablo thead th.desc::after{content:"▼";opacity:1}
.wk-tablo tbody tr{transition:background .15s}
.wk-tablo tbody tr:hover{background:rgba(217,178,90,.05)}
.wk-tablo tbody tr:last-child td,.wk-tablo tbody tr:last-child th{border-bottom:0}
.wk-tablo tbody th{font-weight:600}
.wk-tablo tr:target{background:rgba(217,178,90,.12);box-shadow:inset 3px 0 0 var(--altin)}
.wk-bonus-hucre{font-size:13.5px;color:#a8e8a8;line-height:1.5}
.wk-sinif-hucre{white-space:nowrap}
.wk-arti{display:inline-block;min-width:34px;padding:2px 8px;border-radius:5px;background:#0f141c;border:1px solid var(--cizgi);color:var(--altin2);font-family:var(--baslik-font);font-weight:700;text-align:center}
.wk-malzeme{display:flex;flex-wrap:wrap;gap:6px 16px}
.wk-sans{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#fff}
.wk-sans::before{content:"";width:46px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--altin) calc(var(--p)*1%),#2a3240 0)}
.wk-haritalar{display:inline-flex;flex-wrap:wrap}
.wk-odul{font-size:14px}
.wk-odul-exp,.wk-odul-yang{display:inline-block;padding:2px 8px;margin:2px 4px 2px 0;border-radius:5px;font-size:13px;font-weight:600;background:rgba(168,140,240,.12);color:#cdbdf8;border:1px solid rgba(168,140,240,.35)}
.wk-odul-yang{background:rgba(217,178,90,.1);color:var(--altin2);border-color:var(--cizgi)}

/* ---------------- süzgeç ---------------- */
.wk-suzgec{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 14px}
.wk-suzgec input[type=search]{flex:1 1 240px;max-width:360px;background:#0e131b;border:1px solid #2b3445;border-radius:8px;padding:11px 14px;color:var(--yazi);font-size:15px;font-family:inherit}
.wk-suzgec input:focus{outline:none;border-color:var(--altin);box-shadow:0 0 0 3px rgba(217,178,90,.15)}
.wk-sekmeler{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 18px;border-bottom:1px solid var(--cizgi2)}
.wk-sekmeler a{padding:10px 16px;color:var(--soluk)!important;border-bottom:2px solid transparent;margin-bottom:-1px;letter-spacing:.03em;font-weight:500}
.wk-sekmeler a:hover{color:var(--yazi)!important}
.wk-sekmeler a.secili{color:var(--altin2)!important;border-bottom-color:var(--altin)}
.wk-sekmeler small{color:var(--soluk2);margin-left:4px}

/* ---------------- arama ---------------- */
.wk-ara{position:relative;display:flex;align-items:center;max-width:620px;margin:0 0 6px;background:#0c1118;border:1px solid #33405a;border-radius:12px;box-shadow:inset 0 2px 8px rgba(0,0,0,.5);transition:.2s}
.wk-ara:focus-within{border-color:var(--altin);box-shadow:0 0 0 3px rgba(217,178,90,.18),0 0 30px rgba(217,178,90,.12)}
.wk-ara > svg{width:20px;height:20px;margin-left:14px;fill:var(--altin3);flex:0 0 auto}
.wk-ara input{flex:1;min-width:0;background:transparent;border:0;padding:14px 12px;color:var(--yazi);font-size:16px;font-family:inherit}
.wk-ara input:focus{outline:none}
.wk-ara input::-webkit-search-cancel-button{filter:invert(.7)}
.wk-ara button{margin:5px;padding:10px 18px;border-radius:8px;border:1px solid #f3d68b;background:linear-gradient(180deg,#f0d07a,#c79a3c);color:var(--altin-koyu);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13.5px;cursor:pointer;font-family:inherit}
.wk-ara.buyuk{max-width:700px;margin:0 auto}
.wk-ara.buyuk input{padding:18px 12px;font-size:18px}
.wk-ara-oneri{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;background:#111824;border:1px solid var(--cizgi);border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.6);max-height:420px;overflow:auto;padding:6px;text-align:left}
.wk-ara-oneri a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;color:var(--yazi)!important}
.wk-ara-oneri a.secili,.wk-ara-oneri a:hover{background:rgba(217,178,90,.1)}
.wk-ara-oneri .wk-ikon{width:36px;height:36px}
.wk-ara-oneri strong{flex:1;font-weight:500}
.wk-ara-oneri mark{background:none;color:var(--altin2);font-weight:700}
.wk-ara-oneri em{font-style:normal;font-size:12.5px;color:var(--soluk);white-space:nowrap}
.wk-sonuclar{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.wk-sonuclar a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--cizgi2);background:rgba(255,255,255,.02);color:var(--yazi)!important;transition:.15s}
.wk-sonuclar a:hover{border-color:var(--cizgi);background:rgba(217,178,90,.06)}
.wk-sonuclar strong{flex:1;font-weight:500}
.wk-sonuclar em{font-style:normal;font-size:12.5px;color:var(--altin)}
.wk-sonuclar small{font-size:12.5px;color:var(--soluk)}

/* ---------------- ana sayfa ---------------- */
.wk-ana-kahraman{position:relative;padding:70px 0 54px;text-align:center;overflow:hidden;background:
  radial-gradient(ellipse 50% 60% at 50% 0%,rgba(217,178,90,.18),transparent 70%),
  linear-gradient(180deg,rgba(14,20,30,.35),var(--zemin)),url(/assets/rg/hero.webp) center 35%/cover no-repeat}
.wk-ana-kahraman::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(217,178,90,.55),transparent)}
.wk-ana-kahraman .wk-kap{position:relative;z-index:2}
.wk-ust-yazi{margin:0 0 6px;font-size:13px;letter-spacing:.38em;text-transform:uppercase;color:var(--altin)}
.wk-ana-kahraman h1{margin:0;font-family:var(--baslik-font);font-weight:800;font-size:clamp(40px,7vw,78px);letter-spacing:.04em;color:#fff;text-shadow:0 4px 28px rgba(0,0,0,.8),0 0 40px rgba(217,178,90,.25)}
.wk-ana-kahraman h1 span{background:linear-gradient(180deg,#fff3c9 0%,#f2d68e 40%,#b98a31 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(217,178,90,.45))}
.wk-alt-yazi{max-width:640px;margin:10px auto 28px;color:#e2ddd2;font-size:clamp(15px,1.8vw,18px);text-shadow:0 2px 10px rgba(0,0,0,.8)}
.wk-sayilar{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:30px 0 0;padding:0}
.wk-sayilar li{min-width:130px;padding:12px 18px;border-radius:12px;border:1px solid var(--cizgi);background:rgba(12,17,25,.72);backdrop-filter:blur(6px)}
.wk-sayilar b{display:block;font-family:var(--baslik-font);font-size:28px;color:var(--altin2);line-height:1.1}
.wk-sayilar span{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--soluk)}
.wk-kivilcim{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.wk-kivilcim i{position:absolute;bottom:-12px;width:4px;height:4px;border-radius:50%;background:#ffd98a;box-shadow:0 0 8px 2px rgba(255,190,90,.75);opacity:0;animation:wk-kivilcim 9s linear infinite}
.wk-kivilcim i:nth-child(1){left:6%;animation-delay:0s}.wk-kivilcim i:nth-child(2){left:14%;animation-delay:3.2s;animation-duration:11s}
.wk-kivilcim i:nth-child(3){left:23%;animation-delay:6s}.wk-kivilcim i:nth-child(4){left:31%;animation-delay:1.5s;animation-duration:12s}
.wk-kivilcim i:nth-child(5){left:42%;animation-delay:4.4s}.wk-kivilcim i:nth-child(6){left:51%;animation-delay:7.6s;animation-duration:10s}
.wk-kivilcim i:nth-child(7){left:60%;animation-delay:2.4s}.wk-kivilcim i:nth-child(8){left:68%;animation-delay:5.5s;animation-duration:13s}
.wk-kivilcim i:nth-child(9){left:76%;animation-delay:.8s}.wk-kivilcim i:nth-child(10){left:84%;animation-delay:3.9s;animation-duration:11s}
.wk-kivilcim i:nth-child(11){left:91%;animation-delay:6.8s}.wk-kivilcim i:nth-child(12){left:97%;animation-delay:2s;animation-duration:12s}
@keyframes wk-kivilcim{0%{transform:translate(0,0) scale(1);opacity:0}10%{opacity:1}70%{opacity:.8}100%{transform:translate(40px,-520px) scale(.3);opacity:0}}

.wk-kat-kartlar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.wk-kat-kart{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:26px 18px 22px;border-radius:14px;border:1px solid var(--cizgi);
  background:linear-gradient(180deg,rgba(30,40,56,.92),rgba(16,22,31,.95));color:var(--yazi)!important;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.wk-kat-kart::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(217,178,90,.22),transparent 60%);opacity:0;transition:.3s}
.wk-kat-kart:hover{transform:translateY(-4px);border-color:rgba(242,214,142,.7);box-shadow:0 16px 34px rgba(0,0,0,.45),0 0 28px rgba(217,178,90,.15)}
.wk-kat-kart:hover::before{opacity:1}
.wk-kat-simge{position:relative;width:78px;height:78px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 50% 35%,#2a3446,#0e131b);border:1px solid rgba(217,178,90,.35);box-shadow:inset 0 8px 18px rgba(0,0,0,.5);margin-bottom:6px;transition:.3s}
.wk-kat-kart:hover .wk-kat-simge{box-shadow:inset 0 8px 18px rgba(0,0,0,.5),0 0 24px rgba(217,178,90,.35);transform:scale(1.06) rotate(-4deg)}
.wk-kat-simge img{width:46px;height:46px}
.wk-kat-kart strong{position:relative;font-family:var(--baslik-font);font-size:19px;letter-spacing:.06em;color:#fff}
.wk-kat-kart em{position:relative;font-style:normal;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--altin)}
.wk-kat-acik{position:relative;font-size:14px;line-height:1.5;color:var(--soluk)}
@media (max-width:980px){.wk-kat-kartlar{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.wk-kat-kartlar{gap:10px}.wk-kat-kart{padding:18px 10px}.wk-kat-acik{display:none}.wk-kat-simge{width:62px;height:62px}.wk-kat-simge img{width:36px;height:36px}.wk-kat-kart strong{font-size:16px}}

.wk-serit{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin;scrollbar-color:var(--altin3) transparent}
.wk-patron-kart{flex:0 0 172px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:18px 12px 16px;border-radius:14px;border:1px solid rgba(200,69,58,.45);
  background:radial-gradient(circle at 50% 0%,rgba(200,69,58,.22),transparent 65%),linear-gradient(180deg,#1f2733,#121822);color:var(--yazi)!important;transition:.25s}
.wk-patron-kart:hover{transform:translateY(-4px);border-color:#f2a796;box-shadow:0 14px 30px rgba(0,0,0,.45),0 0 26px rgba(200,69,58,.25)}
.wk-patron-resim{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#2b374b,#0b1017);border:2px solid rgba(200,69,58,.7);box-shadow:inset 0 8px 18px rgba(0,0,0,.6)}
.wk-patron-resim img{width:68px;height:68px;object-fit:contain}
.wk-patron-kart strong{font-family:var(--baslik-font);font-size:15.5px;color:#fff;line-height:1.25}
.wk-patron-kart span{font-size:13px;color:var(--soluk)}
.wk-patron-kart em{font-style:normal;font-size:12.5px;color:var(--altin)}
.wk-patron-kart.r5{border-color:rgba(242,214,142,.55);background:radial-gradient(circle at 50% 0%,rgba(242,214,142,.22),transparent 65%),linear-gradient(180deg,#232a33,#121822)}
.wk-patron-kart.r5 .wk-patron-resim{border-color:#f2d68e}
.wk-patron-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.wk-patron-izgara .wk-patron-kart{flex:auto}

.wk-seviye-yolu{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:8px 18px}
.wk-sy{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(90px,1fr) 64px;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;border:1px solid var(--cizgi2);background:rgba(255,255,255,.02);color:var(--yazi)!important;transition:.15s}
.wk-sy:hover{border-color:var(--cizgi);background:rgba(217,178,90,.06)}
.wk-sy-ad{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}
.wk-sy-cubuk{position:relative;height:8px;border-radius:4px;background:#1b2230;overflow:hidden}
.wk-sy-cubuk i{position:absolute;top:0;bottom:0;left:calc(var(--bas) / 120 * 100%);width:max(4px,calc((var(--son) - var(--bas)) / 120 * 100%));border-radius:4px;background:linear-gradient(90deg,#7ad08b,var(--altin),#e27560)}
.wk-sy.t-zindan .wk-sy-cubuk i{background:linear-gradient(90deg,#c8453a,#f2a796)}
.wk-sy-lv{font-family:var(--baslik-font);font-weight:700;color:var(--altin2);text-align:right;font-size:14px}
@media (max-width:520px){.wk-seviye-yolu{grid-template-columns:1fr}.wk-sy{grid-template-columns:minmax(0,1fr) 80px 56px}}

.wk-rehber-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.wk-rehber-kart{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:14px;row-gap:4px;align-items:center;padding:16px 18px;border-radius:12px;border:1px solid var(--cizgi2);background:var(--wk-kart);color:var(--yazi)!important;transition:.2s}
.wk-rehber-kart img{grid-row:1/3}
.wk-rehber-kart strong{font-family:var(--baslik-font);font-size:16px;color:#fff;letter-spacing:.02em}
.wk-rehber-kart span{font-size:14px;color:var(--soluk);line-height:1.45}
.wk-rehber-kart:hover{border-color:var(--cizgi);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.35)}
@media (max-width:980px){.wk-rehber-kartlar{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.wk-rehber-kartlar{grid-template-columns:1fr}}

/* ---------------- eşya kategori ızgarası ---------------- */
.wk-kat-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.wk-kat-hucre{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:12px;border:1px solid var(--cizgi2);background:var(--wk-kart);color:var(--yazi)!important;transition:.2s}
.wk-kat-hucre:hover{border-color:var(--cizgi);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.35)}
.wk-kat-ornek{display:flex;gap:6px;margin-bottom:4px}
.wk-kat-ornek .wk-ikon{width:38px;height:38px}
.wk-kat-hucre strong{font-family:var(--baslik-font);font-size:16px;color:#fff}
.wk-kat-hucre em{font-style:normal;font-size:13px;color:var(--altin)}

/* eşya listesi ızgara */
.wk-esya-izgara{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px 14px}
.wk-esya-izgara li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px 6px 6px;border-radius:8px;background:rgba(255,255,255,.02);border:1px solid var(--cizgi2);min-width:0}
.wk-esya-izgara li > a,.wk-esya-izgara li > span:first-child{min-width:0}
.wk-esya-izgara li small{flex:0 0 auto;font-size:12.5px;color:var(--altin);font-weight:600;white-space:nowrap}
.wk-liste-satir{list-style:none;margin:0;padding:0}
.wk-liste-satir li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:9px 4px;border-bottom:1px solid var(--cizgi2)}
.wk-liste-satir li:last-child{border-bottom:0}
.wk-fiyat{margin-left:auto;color:var(--altin2)}
.wk-dusus-not{margin:14px 0 10px;padding:8px 12px;border-radius:8px;background:rgba(168,140,240,.07);border:1px solid rgba(168,140,240,.25);color:#d9cdf9;font-size:14px}
.wk-acilir > summary{list-style:none;cursor:pointer}
.wk-acilir > summary::-webkit-details-marker{display:none}
.wk-acilir > summary .wk-bb{margin:0}
.wk-acilir > summary .wk-bb::after{content:"＋";margin-left:auto;color:var(--altin)}
.wk-acilir[open] > summary .wk-bb::after{content:"－"}
.wk-acilir[open] > summary{margin-bottom:12px}

/* istatistik */
.wk-istat{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.wk-istat li{padding:12px 10px;border-radius:10px;border:1px solid var(--cizgi2);background:var(--wk-kart);text-align:center}
.wk-istat span{display:block;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--soluk)}
.wk-istat b{display:block;margin-top:4px;font-family:var(--baslik-font);font-size:18px;color:var(--altin2);white-space:nowrap}
@media (max-width:1100px){.wk-istat{grid-template-columns:repeat(4,1fr)}}
@media (max-width:520px){.wk-istat{grid-template-columns:repeat(2,1fr)}}
.wk-direncler{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px 22px}
.wk-dr{display:grid;grid-template-columns:76px 1fr 44px;align-items:center;gap:10px;font-size:14px}
.wk-dr-cubuk{height:8px;border-radius:4px;background:#1b2230;overflow:hidden}
.wk-dr-cubuk i{display:block;height:100%;background:linear-gradient(90deg,#3d6fd6,#78a8f0)}
.wk-dr-cubuk.eksi i{background:linear-gradient(90deg,#c8453a,#e27560)}
.wk-dr b{text-align:right;color:var(--yazi);font-weight:600}
.wk-alt-baslik{margin:18px 0 8px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--altin)}
.wk-madde{margin:0;padding-left:20px;line-height:1.75}
.wk-ipucu-not,.wk-rh-kutu{margin:16px 0 0;padding:12px 14px;border-radius:8px;background:rgba(217,178,90,.07);border:1px solid var(--cizgi);font-size:15px;line-height:1.6}
.wk-rh-kutu.uyari{background:rgba(226,117,96,.07);border-color:rgba(226,117,96,.4)}
.wk-bilgi-tablo{padding:18px}
.wk-bt-baslik{display:block;font-family:var(--baslik-font);font-size:17px;color:var(--altin2);margin-bottom:10px;text-align:center}
.wk-bilgi-tablo dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:14.5px}
.wk-bilgi-tablo dt{color:var(--soluk)}
.wk-bilgi-tablo dd{margin:0;text-align:right;color:var(--yazi);font-weight:500}

/* içindekiler */
.wk-icindekiler,.wk-diger-rehber{display:flex;flex-direction:column;gap:2px;padding:16px 18px}
.wk-icindekiler strong,.wk-diger-rehber strong{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--altin);margin-bottom:6px}
.wk-icindekiler a,.wk-diger-rehber a{padding:5px 8px;border-radius:6px;color:var(--soluk)!important;font-size:14.5px}
.wk-icindekiler a:hover,.wk-diger-rehber a:hover,.wk-icindekiler a.aktif{color:var(--altin2)!important;background:rgba(217,178,90,.07)}
.wk-icindekiler a.gizli{display:none}

/* sss */
.wk-sss details{border-bottom:1px solid var(--cizgi2)}
.wk-sss details:last-child{border-bottom:0}
.wk-sss summary{padding:12px 30px 12px 4px;cursor:pointer;font-weight:600;position:relative;list-style:none}
.wk-sss summary::-webkit-details-marker{display:none}
.wk-sss summary::after{content:"+";position:absolute;right:6px;top:10px;color:var(--altin);font-size:20px}
.wk-sss details[open] summary::after{content:"−"}
.wk-sss p{margin:0 4px 14px;color:#d6d1c6;line-height:1.7}

/* ---------------- haritalar ---------------- */
.wk-harita-kartlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.wk-harita-kartlar.buyuk{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.wk-harita-kartlar a{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:1px solid var(--cizgi2);background:var(--wk-kart);color:var(--yazi)!important;transition:.2s}
.wk-harita-kartlar a:hover{border-color:var(--cizgi);transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.4)}
.wk-hk-resim{display:block;aspect-ratio:16/9;background:#1b2635 url(/assets/wiki/ui/harita-desen.svg) center/cover;background-size:cover;background-position:center;position:relative;filter:saturate(1.05)}
.wk-hk-resim::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(14,19,27,.85))}
.wk-harita-kartlar a:hover .wk-hk-resim{filter:saturate(1.2) brightness(1.08)}
.wk-harita-kartlar strong{padding:10px 14px 0;font-family:var(--baslik-font);font-size:16px;color:#fff}
.wk-harita-kartlar small{padding:2px 14px 12px;color:var(--soluk);font-size:13px}
.wk-harita-kart{padding:16px}
.wk-harita-filtre{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 12px}
.wk-hf{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;user-select:none}
.wk-hf input{position:absolute;opacity:0}
.wk-hf i{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;opacity:.4;transition:.15s}
.wk-hf input:checked + i{opacity:1;background:currentColor;box-shadow:0 0 8px currentColor}
.wk-hf.hf-p{color:#ff6b57}.wk-hf.hf-m{color:#f2d68e}.wk-hf.hf-t{color:#b8c4d8}.wk-hf.hf-n{color:#6ee0a8}
.wk-harita-alan{position:relative;width:100%;max-width:820px;margin:0 auto;border-radius:10px;overflow:hidden;border:1px solid #3a3226;box-shadow:0 0 0 4px rgba(217,178,90,.06),0 18px 40px rgba(0,0,0,.5);background:#0b1017}
.wk-harita-alan img{display:block;width:100%;height:auto}
.wk-harita-alan canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}
.wk-harita-ipucu{position:absolute;z-index:3;pointer-events:none;padding:6px 10px;border-radius:6px;background:rgba(6,9,14,.92);border:1px solid #5d4a25;font-size:13px;white-space:nowrap;transform:translate(-50%,-130%)}

/* ---------------- rehber makalesi ---------------- */
.wk-rehber-bas{display:flex;gap:18px;align-items:flex-start}
.wk-rehber-bas img{flex:0 0 64px}
.wk-makale{font-size:16.5px;line-height:1.8;color:#e1ddd4}
.wk-makale > p{margin:0 0 16px}
.wk-rb{margin:30px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--cizgi);font-family:var(--baslik-font);font-size:22px;color:var(--altin2);letter-spacing:.03em;scroll-margin-top:calc(var(--ust-boy) + 16px)}
.wk-rb:first-child{margin-top:0}
.wk-rb3{margin:22px 0 10px;font-family:var(--baslik-font);font-size:18px;color:#fff}
.wk-adimlar{margin:0 0 16px;padding-left:22px}
.wk-adimlar li{margin-bottom:10px}
.wk-makale .wk-tablo-kap,.wk-makale .wk-esya-izgara,.wk-makale .wk-liste-satir{margin-bottom:18px}
.wk-beceri{display:inline-flex;align-items:center;gap:10px}
.wk-beceri img{border-radius:6px;border:1px solid #5d4a25;box-shadow:0 0 0 1px rgba(0,0,0,.6)}
.wk-beceri b{color:#fff;font-weight:600;white-space:nowrap}
.wk-kosul{margin:6px 0 0;padding-left:16px;font-size:13.5px;color:#a8e8a8}
.wk-beceri-tablo td{vertical-align:top}
.wk-sutunlu{columns:2 260px;column-gap:28px;margin:0;padding-left:18px;font-size:15px;line-height:1.7}

/* ---------------- 404 ---------------- */
.wk-yok{padding:60px 16px 80px;text-align:center}
.wk-yok-ic{max-width:620px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:14px}
.wk-yok h1{margin:0;font-family:var(--baslik-font);color:#fff}
.wk-yok p{color:var(--soluk);margin:0}

/* ---------------- mobil ---------------- */
@media (max-width:760px){
  .wk-bolum{padding-top:16px;padding-bottom:40px}
  .wk-kahraman{flex-direction:column;text-align:center;padding:20px 16px;gap:14px}
  .wk-kahraman .wk-cipler{justify-content:center}
  .wk-kart{padding:16px 14px}
  .wk-giris p{font-size:16px}
  .wk-tablo{font-size:14px;min-width:460px}
  .wk-tablo th,.wk-tablo td{padding:8px 9px}
  .wk-ana-kahraman{padding:44px 0 34px}
  .wk-sayilar li{min-width:0;flex:1 1 40%}
  .wk-ara.buyuk input{font-size:16px;padding:14px 10px}
  .wk-ara button{padding:9px 12px}
  .wk-rehber-bas{flex-direction:column;align-items:center;text-align:center}
}
@media (hover:none){.wk-ucan{display:none}}

@media (max-width:980px){.wk-yan-sutun .wk-icindekiler,.wk-yan-sutun .wk-diger-rehber{display:none}}

/* ============================================================
   RESMİ WİKİ DÜZENİ (M261b) — eşya / canavar / NPC sayfaları
   Yerleşim resmi Metin2 wiki ile aynı; renkler sitemize uyarlandı (kırmızı şeritler yerine koyu altın şeritler).
   ============================================================ */
.wk-r{--r-serit:linear-gradient(180deg,#4a3815 0%,#2d220d 100%);--r-kenar:#8a6a2a;--r-kesik:rgba(217,178,90,.42);--r-yazi:#f2dfa8;--r-zemin:rgba(15,21,30,.92);--r-hucre:#111823}
.wk-r-h1{margin:4px 0 18px;padding-bottom:8px;border-bottom:2px solid var(--r-kenar);font-family:var(--baslik-font);font-weight:700;font-size:clamp(26px,3.4vw,36px);line-height:1.2;color:#fff;letter-spacing:.01em;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.wk-r-kutu{max-width:980px;margin:0 0 24px;border:1px solid var(--r-kenar);border-radius:10px 10px 0 0;background:var(--r-zemin);box-shadow:2px 2px 6px #000,0 14px 34px rgba(0,0,0,.35)}
.wk-r-kutu-bas{padding:6px 12px;border-radius:9px 9px 0 0;background:var(--r-serit);border-bottom:1px solid var(--r-kenar);color:var(--r-yazi);font-weight:700;font-size:14.5px;letter-spacing:.02em}
.wk-r-kutu-bas.orta{text-align:center}
.wk-r-sekme{width:150px;max-width:100%;margin:0 auto 12px;padding:5px;text-align:center;background:var(--r-serit);border:1px solid var(--r-kenar);border-top:0;border-radius:0 0 10px 10px;box-shadow:2px 2px 5px #000;color:var(--r-yazi);font-weight:700;font-size:14px;line-height:1.35}
.wk-r-sekme a{color:var(--r-yazi)!important}
.wk-r-sekme.hap{border-top:1px solid var(--r-kenar);border-radius:10px;margin:14px auto 10px}
.wk-r-sekme.genis{width:300px}
.wk-r-iki{display:flex;flex-wrap:wrap;align-items:stretch}
.wk-r-sol{flex:1 1 360px;min-width:0;padding:0 10px 12px;display:flex;flex-direction:column}
.wk-r-sag{flex:1 1 380px;min-width:0;padding:0 14px 14px;border-left:1px dashed var(--r-kesik)}
.wk-r-iki.alt{padding:0 5px 10px}
.wk-r-iki.alt > .wk-r-blok{flex:1 1 calc(50% - 10px);min-width:260px}
.wk-r-blok{padding:5px 10px}
.wk-r-kesik{padding:8px 12px;border:1px dashed var(--r-kesik);min-height:50px}
.wk-r-ic{padding:14px 18px}
.wk-r-yazi p{margin:0;font-size:16px;line-height:1.75;color:#e4e0d6}
.wk-r-yazi .wk-oyun-acik{margin-top:14px}
.wk-tire{color:var(--soluk)}
.wk-soluk a{color:inherit!important}

/* bağlantılar (resmi wikideki gibi altı çizili) */
.wk-r-kutu a:not(.wk-slot-l):not(.wk-mini):not(.wk-harita-l),.wk-r-tablo a{color:#ead9a6;text-decoration:underline;text-decoration-color:rgba(234,217,166,.45);text-underline-offset:2px}
.wk-r-kutu a:not(.wk-slot-l):not(.wk-mini):hover,.wk-r-tablo a:hover{color:#fff;text-decoration-color:var(--altin)}

/* elmas madde işaretleri */
.wk-elmas{list-style:none;margin:0;padding:0}
.wk-elmas li{position:relative;padding-left:22px;margin:7px 0;line-height:1.6}
.wk-elmas li::before{content:"";position:absolute;left:3px;top:.42em;width:9px;height:9px;transform:rotate(45deg);background:linear-gradient(135deg,#f6dd97,#b98a31 60%,#6b4e19);border:1px solid #2a1f0b;box-shadow:0 0 0 1px rgba(242,214,142,.35),0 0 6px rgba(217,178,90,.45)}
.wk-elmas li li::before{width:7px;height:7px;top:.5em}
.wk-elmas ul{margin:4px 0 0}
.wk-elde{padding:10px 0 0 6px}
.wk-elde > li{margin:9px 0}
.wk-elde b{color:#fff}
.wk-elde-sandik{margin:6px 0!important}
.wk-elde-ayri{margin-top:22px!important}
.wk-iki-kolon{columns:2 280px;column-gap:26px}
.wk-iki-kolon li{break-inside:avoid}

/* envanter yuvası içinde simge */
.wk-slot{position:relative;display:inline-flex;align-items:flex-start;justify-content:center;flex:0 0 auto;width:34px;height:34px;vertical-align:middle;background:#0a0e14;border:1px solid #5b4a26;box-shadow:inset 0 0 0 1px #000,inset 0 4px 8px rgba(0,0,0,.6)}
.wk-slot.b2{height:66px;background-image:linear-gradient(to bottom,transparent 31.5px,rgba(217,178,90,.28) 31.5px,rgba(217,178,90,.28) 32.5px,transparent 32.5px)}
.wk-slot.b3{height:98px;background-image:linear-gradient(to bottom,transparent 31.5px,rgba(217,178,90,.28) 31.5px,rgba(217,178,90,.28) 32.5px,transparent 32.5px,transparent 63.5px,rgba(217,178,90,.28) 63.5px,rgba(217,178,90,.28) 64.5px,transparent 64.5px)}
.wk-slot img{position:relative;z-index:1;display:block;width:32px;height:auto;max-height:96px;image-rendering:auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}
.wk-slot-l{display:inline-flex;vertical-align:middle;line-height:0}
.wk-slot-l:hover .wk-slot{border-color:var(--altin);box-shadow:inset 0 0 0 1px #000,0 0 10px rgba(217,178,90,.45)}
.wk-slot-satir{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;line-height:1.35}
.wk-elmas li .wk-slot-satir{margin:-2px 0}
.wk-elmas li:has(.wk-slot-satir)::before{top:calc(50% - 5px)}

/* görsel sütunu */
.wk-r-gorsel{flex:1;display:flex;align-items:center;min-height:260px}
.wk-r-buyuk{flex:1;display:flex;align-items:center;justify-content:center;padding:10px}
.wk-r-buyuk img{width:auto;height:auto;max-width:96px;image-rendering:pixelated;filter:drop-shadow(0 8px 12px rgba(0,0,0,.75))}
.wk-r-buyuk:not(.uc) img{width:96px;max-width:96px;image-rendering:auto}
.wk-r-buyuk.uc img{max-width:300px;max-height:300px;width:100%;image-rendering:auto}
.wk-r-kucuk{flex:0 0 58px;align-self:stretch;display:flex;align-items:center;justify-content:center;padding:0 12px 0 0}

/* seviye değerleri ızgarası */
.wk-r-izgara{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.wk-r-izgara.tek{grid-template-columns:minmax(0,240px);justify-content:center}
.wk-r-hucre{display:flex;flex-direction:column;align-items:center;padding:8px 8px 14px;border-right:1px dashed var(--r-kesik);border-bottom:1px dashed var(--r-kesik);scroll-margin-top:calc(var(--ust-boy,70px) + 16px)}
.wk-r-izgara > .wk-r-hucre:nth-child(5n){border-right:0}
.wk-r-izgara.tek > .wk-r-hucre{border:0}
.wk-r-hucre:target{background:rgba(217,178,90,.08)}
.wk-r-ust{min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12.5px;text-align:center}
.wk-r-izgara.tek .wk-r-ust{display:none}
.wk-r-izgara.tek .wk-ipucu-kutu{min-height:0;max-width:260px}
.wk-r-izgara.masrafsiz .wk-r-ust{display:none}
.wk-r-izgara.masrafsiz .wk-ipucu-kutu{min-height:96px}
.wk-mini-esya.tarif{gap:5px}
.wk-mini-esya.tarif a{color:#ead9a6}
.wk-r-yang{display:inline-flex;align-items:center;gap:6px;color:#ead9a6;font-weight:600}
.wk-r-yang .wk-slot{width:24px;height:24px}
.wk-r-yang .wk-slot img{width:22px}
.wk-r-malz{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px}
.wk-mini-esya{display:inline-flex;align-items:center;gap:3px;color:#ead9a6}
.wk-mini-esya b{font-size:12px;font-weight:700}
.wk-mini{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#0a0e14;border:1px solid #5b4a26;border-radius:3px;overflow:hidden}
.wk-mini img{width:26px;height:26px;object-fit:contain;object-position:top}
.wk-mini:hover{border-color:var(--altin)}
.wk-r-ipucu{width:100%;display:flex;justify-content:center}
.wk-r-ipucu .wk-ipucu-kutu{position:relative;width:100%;max-width:178px;min-height:156px;padding:12px 10px;border:1px solid #6e6a62;border-radius:0;font-family:Arial,Tahoma,var(--govde-font);font-size:11.5px;font-weight:700;line-height:1.55;color:#c1c1c1;text-shadow:-1px 0 #000,1px 0 #000,0 -1px #000,0 1px #000;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cg transform='rotate(0 6 6)' fill='none' stroke='%23d9c48a' stroke-width='1.4'%3E%3Cpath d='M1.5 11V4.5a3 3 0 0 1 3-3H11'/%3E%3Cpath d='M4 11V6.5A2.5 2.5 0 0 1 6.5 4H11' stroke='%236b5a2e'/%3E%3C/g%3E%3Ccircle cx='2.2' cy='2.2' r='1.3' fill='%23f2d68e' transform='rotate(0 6 6)'/%3E%3C/svg%3E") top 2px left 2px/12px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cg transform='rotate(90 6 6)' fill='none' stroke='%23d9c48a' stroke-width='1.4'%3E%3Cpath d='M1.5 11V4.5a3 3 0 0 1 3-3H11'/%3E%3Cpath d='M4 11V6.5A2.5 2.5 0 0 1 6.5 4H11' stroke='%236b5a2e'/%3E%3C/g%3E%3Ccircle cx='2.2' cy='2.2' r='1.3' fill='%23f2d68e' transform='rotate(90 6 6)'/%3E%3C/svg%3E") top 2px right 2px/12px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cg transform='rotate(180 6 6)' fill='none' stroke='%23d9c48a' stroke-width='1.4'%3E%3Cpath d='M1.5 11V4.5a3 3 0 0 1 3-3H11'/%3E%3Cpath d='M4 11V6.5A2.5 2.5 0 0 1 6.5 4H11' stroke='%236b5a2e'/%3E%3C/g%3E%3Ccircle cx='2.2' cy='2.2' r='1.3' fill='%23f2d68e' transform='rotate(180 6 6)'/%3E%3C/svg%3E") bottom 2px right 2px/12px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cg transform='rotate(270 6 6)' fill='none' stroke='%23d9c48a' stroke-width='1.4'%3E%3Cpath d='M1.5 11V4.5a3 3 0 0 1 3-3H11'/%3E%3Cpath d='M4 11V6.5A2.5 2.5 0 0 1 6.5 4H11' stroke='%236b5a2e'/%3E%3C/g%3E%3Ccircle cx='2.2' cy='2.2' r='1.3' fill='%23f2d68e' transform='rotate(270 6 6)'/%3E%3C/svg%3E") bottom 2px left 2px/12px no-repeat,rgba(4,6,10,.72);
  box-shadow:inset 0 0 0 1px #000,inset 0 0 0 5px rgba(0,0,0,.35),2px 2px 6px rgba(0,0,0,.6)}
.wk-r-ipucu .wk-ik-ad{font-size:12px;color:#ffc700}
.wk-r-ipucu .wk-ik-acik,.wk-r-ipucu .wk-ik-not{font-weight:400}
.wk-r-ipucu .wk-ik-s.arti{color:#89b88d}
.wk-r-ipucu .wk-ik-s.bos{margin-top:4px}

/* bonus tabloları ve diğer tablolar */
.wk-r-efsunlar{max-width:980px}
.wk-r-tablo-kap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 22px;border:1px solid var(--r-kenar);box-shadow:2px 2px 6px #000}
.wk-r-tablo{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--r-hucre);min-width:560px}
.wk-r-tbas th{padding:8px 12px;background:var(--r-serit);color:var(--r-yazi);font-size:16px;font-weight:700;text-align:center}
.wk-r-tbas img{vertical-align:middle;margin:-4px 4px 0}
.wk-r-talt th{width:33.33%;padding:7px 12px;background:rgba(217,178,90,.12);color:var(--altin2);font-size:14px;font-weight:700;text-align:center;border:1px solid rgba(217,178,90,.3)}
.wk-r-tablo td{padding:8px 12px;border:1px solid rgba(217,178,90,.22);vertical-align:top;color:#e2ddd2}
.wk-r-tablo td b{color:#fff}
.wk-efsun-not{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--soluk);line-height:1.45}
.wk-yok-yazi{text-align:center;font-style:italic;color:var(--soluk)}

/* canavar */
.wk-r-mob{display:grid;grid-template-columns:minmax(0,1.05fr) 180px minmax(0,1.2fr);align-items:start}
.wk-r-mob-gorsel{padding:0 10px 14px}
.wk-r-mob-resim{display:flex;align-items:center;justify-content:center;min-height:250px}
.wk-r-mob-resim img{width:240px;height:240px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.7))}
.wk-r-mob-resim img[src$=".svg"],.wk-r-mob-resim img[src*="/ikon/"]{width:120px;height:120px}
.wk-r-mob-deger{align-self:stretch;padding:4px 10px 12px;border-right:1px dashed var(--r-kesik)}
.wk-r-mob-deger .wk-r-sekme{width:130px}
.wk-r-mob-deger .wk-r-sekme:first-child{margin-top:12px}
.wk-r-buyuk-yazi{padding:2px 4px 4px;text-align:center;color:var(--altin);font-family:var(--baslik-font);font-weight:700;font-size:24px;line-height:1.2;word-break:break-word}
.wk-r-buyuk-yazi.kucuk{font-size:17px}
.wk-r-mob-yer{padding:0 14px 14px 18px;min-width:0}
.wk-yerler{padding:4px 0 0 6px}
.wk-yerler li{display:flex;align-items:center;gap:8px}
.wk-yerler li > span:not(.wk-bayrak){flex:1;min-width:0}
.wk-yerler.duz{list-style:none;margin:0;padding:4px 0 0 20px}
.wk-yerler.duz li{margin:8px 0}
.wk-yerler .wk-harita-l{margin:0;font-size:15px;white-space:normal}
.wk-bayrak{display:inline-block;width:40px;height:25px;object-fit:contain;vertical-align:middle;flex:0 0 40px}
.wk-bayrak.bos{visibility:hidden;height:1px}
.wk-yerler:not(:has(img.wk-bayrak)) .wk-bayrak.bos{display:none}
.wk-detay li{font-size:14.5px}
.wk-r-ayrac{border:0;border-top:1px solid var(--cizgi);margin:12px 0 6px}
.wk-direnc-liste{columns:2 150px;column-gap:16px}
.wk-direnc-liste li{margin:4px 0;break-inside:avoid;font-size:14.5px}
.wk-r-dusus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px;padding:0 10px 6px}
.wk-r-dusus-kutu{min-width:0}
.wk-r-dusus .wk-r-sekme{margin-top:12px;width:max-content;max-width:100%;padding:5px 14px}
.wk-r-dusus .wk-r-kesik ul{margin:0 0 10px}
.wk-r-dusus .wk-r-kesik ul:last-child{margin-bottom:0}
.wk-r-dusus .wk-elmas li{font-size:14px;margin:5px 0}
.wk-r-acilir{margin:4px 10px 6px;border:1px solid var(--cizgi2);background:rgba(255,255,255,.015)}
.wk-r-acilir > summary{cursor:pointer;list-style:none;padding:9px 14px;color:var(--altin2);font-weight:600}
.wk-r-acilir > summary::-webkit-details-marker{display:none}
.wk-r-genislet{color:var(--altin);font-weight:400;font-size:13.5px;margin-left:6px}
.wk-r-acilir[open] .wk-r-genislet{font-size:0}
.wk-r-acilir[open] .wk-r-genislet::after{content:"[Daralt]";font-size:13.5px}
.wk-r-acilir.ic{margin:0;border:0;background:none}
.wk-r-acilir.ic > summary{padding:0;color:inherit;font-weight:400}
.wk-ch-tablo{min-width:640px}
.wk-ch-tablo th,.wk-ch-tablo td{text-align:center;vertical-align:middle;padding:8px 10px}
.wk-ch-tablo .koyu,.wk-ch-tablo .koyu th,.wk-ch-tablo th.koyu{background:var(--r-serit);color:var(--r-yazi);border:1px solid var(--r-kenar);font-size:13.5px}
.wk-ch-tablo td b{font-size:15px}
.wk-evet{color:#7ad08b;font-size:20px;font-weight:700}
.wk-hayir{color:#e27560;font-size:20px;font-weight:700}
.wk-r-sekme + .wk-r-tablo-kap{margin:0 10px 14px;width:auto}

/* NPC */
.wk-dukkan{list-style:none;margin:8px 0 0;padding:0;columns:2 250px;column-gap:20px}
.wk-dukkan li{break-inside:avoid;margin:6px 0;display:flex;align-items:center;gap:6px}
.wk-dukkan li::before{content:"•";color:var(--altin)}
.wk-gorev-liste{list-style:none;margin:0;padding:0}
.wk-gorev-liste li{display:flex;align-items:center;gap:6px;margin:6px 0}
.wk-tarif{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.wk-tarif-m{display:inline-flex;flex-wrap:wrap;gap:6px}

/* alt bilgi */
.wk-r-kategori{max-width:980px;margin:6px 0 0;padding:8px 12px;border:1px solid var(--cizgi2);background:rgba(255,255,255,.02);font-size:14px;color:var(--soluk)}
.wk-r-kategori a{color:#ead9a6!important;text-decoration:underline;text-decoration-color:rgba(234,217,166,.4)}
.wk-r .wk-sss details{border-bottom:1px solid var(--cizgi2)}
.wk-r .wk-sss .wk-r-ic{padding-top:4px;padding-bottom:4px}

@media (max-width:900px){
  .wk-r-mob{grid-template-columns:minmax(0,1fr) 170px}
  .wk-r-mob-yer{grid-column:1 / -1;border-top:1px dashed var(--r-kesik);padding-top:6px}
  .wk-r-dusus{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .wk-r-sag{border-left:0;border-top:1px dashed var(--r-kesik);padding-top:0}
  .wk-r-sol{flex-basis:100%}
  .wk-r-gorsel{min-height:180px}
  .wk-r-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wk-r-izgara > .wk-r-hucre:nth-child(5n){border-right:1px dashed var(--r-kesik)}
  .wk-r-izgara > .wk-r-hucre:nth-child(2n){border-right:0}
  .wk-r-ust{min-height:54px}
  .wk-r-mob{grid-template-columns:minmax(0,1fr)}
  .wk-r-mob-deger{border-right:0;border-top:1px dashed var(--r-kesik);display:grid;grid-template-columns:1fr 1fr;column-gap:8px;align-items:start}
  .wk-r-mob-deger .wk-r-sekme{width:auto;margin:10px 4px 4px!important}
  .wk-r-mob-deger .wk-r-buyuk-yazi{font-size:19px}
  .wk-r-mob-deger > :nth-child(1){grid-column:1;grid-row:1}.wk-r-mob-deger > :nth-child(2){grid-column:1;grid-row:2}
  .wk-r-mob-deger > :nth-child(3){grid-column:2;grid-row:1}.wk-r-mob-deger > :nth-child(4){grid-column:2;grid-row:2}
  .wk-r-mob-deger > :nth-child(5){grid-column:1;grid-row:3}.wk-r-mob-deger > :nth-child(6){grid-column:1;grid-row:4}
  .wk-r-mob-deger > :nth-child(7){grid-column:2;grid-row:3}.wk-r-mob-deger > :nth-child(8){grid-column:2;grid-row:4}
  .wk-r-mob-resim{min-height:200px}
  .wk-r-mob-resim img{width:200px;height:200px}
  .wk-r-dusus{grid-template-columns:minmax(0,1fr)}
  .wk-r-ic{padding:12px 12px}
  .wk-r-iki.alt > .wk-r-blok{min-width:100%}
  .wk-yerler.duz{padding-left:6px}
  .wk-r-sekme.genis{width:240px}
}