:root{
 --bg0:#04080f;--bg1:#08101d;--panel:#0b1626;--panel2:#0f1e35;--line:#1b3352;--line2:#2a4a75;
 --gold:#d4ac5b;--gold2:#f2d488;--neon:#3aa8ff;--neon2:#7cc8ff;--text:#e7eef9;--mute:#8a9db9;--dim:#5d7291;
 --good:#2fd18b;--bad:#ff4d5e;--warn:#ffb020;--role:#3aa8ff;
 --surf1:#0a1526;--surf2:#0d1b30;--accentbg:#123a6b;--surf1a:#07101dcc;--backdrop:#02060cc9;
 --bodyglow1:#0f2444;--bodyglow2:#161028;
 --serif:'Cinzel','Trajan Pro',Georgia,serif;--sans:'Barlow','Segoe UI',system-ui,sans-serif;
 color-scheme:dark;box-sizing:border-box;
 padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
:root[data-theme="light"]{
 --bg0:#eef1f6;--bg1:#ffffff;--panel:#ffffff;--panel2:#f2f5fa;--line:#d7dfec;--line2:#bccadf;
 --gold:#a97a2c;--gold2:#8f631c;--neon:#1c67cf;--neon2:#0e52b3;--text:#182130;--mute:#5b6b82;--dim:#8698ae;
 --good:#158a58;--bad:#d6323f;--warn:#b06d08;
 --surf1:#eef2f9;--surf2:#e3e9f4;--accentbg:#d7e6fb;--surf1a:#eef2f9cc;--backdrop:#26344c99;
 --bodyglow1:#dce8fb;--bodyglow2:#eef0fb;
 --ph-text:#1d2a3f;
 color-scheme:light;
}
/* B238 — açık temada arka plan görselinin kaplaması da açık olmalı; yoksa koyu metin (h2.title, .sub)
   koyu kaplama üstünde okunmuyordu. %86-96 açık kaplama: en koyu görselde bile metin kontrastı >7:1. */
:root[data-theme="light"] #themeBg::after{background:linear-gradient(180deg,#eef1f6db,#eef1f6ec 55%,#eef1f6f5)}
:root[data-theme="light"] h2.title{text-shadow:none}
:root[data-theme="d3"]{
 --bg0:#040818;--bg1:#0a1330;--panel:#12204a;--panel2:#172a5c;--line:#2d4488;--line2:#4a68c4;
 --gold:#ffcb52;--gold2:#ffe39a;--neon:#46d9ff;--neon2:#a3ecff;--text:#f1f5ff;--mute:#a7b6de;--dim:#6f80b0;
 --good:#35e6a0;--bad:#ff5a70;--warn:#ffbe3a;
 --surf1:#0c1738;--surf2:#15265a;--accentbg:#1c3372;--surf1a:#0c1738cc;--backdrop:#010410b3;
 --bodyglow1:#3b1c86;--bodyglow2:#06537a;
 --d3edge:#070d24;--d3hi:#ffffff2e;--d3glow:#46d9ff55;
 color-scheme:dark;
}
:root[data-theme="gray"]{
 --bg0:#232527;--bg1:#2a2c2f;--panel:#2e3134;--panel2:#383b3f;--line:#484b50;--line2:#5b5f65;
 --gold:#d4ac5b;--gold2:#f2d488;--neon:#5aa9e6;--neon2:#8cc4ee;--text:#edeff1;--mute:#a5aab1;--dim:#7c828a;
 --good:#3bd08f;--bad:#ff5c6c;--warn:#ffb020;
 --surf1:#2a2c2f;--surf2:#34373b;--accentbg:#3d4550;--surf1a:#2a2c2fcc;--backdrop:#15161799;
 --bodyglow1:#3a3d42;--bodyglow2:#35383d;
 color-scheme:dark;
}

/* ================= v36 — 3B GÖRÜNÜM TEMASI (Ayarlar → Tema → 3B) ================= */
:root[data-theme="d3"] body{background:radial-gradient(1100px 620px at 78% -8%,var(--bodyglow1) 0%,transparent 60%),radial-gradient(900px 560px at -5% 105%,var(--bodyglow2) 0%,transparent 58%),linear-gradient(180deg,#050a1f,#02040c 70%)}
/* B181 — ızgara artık background-position ile değil transform ile kayıyor (birleştiricide çalışır,
   her karede yeniden boyama yok). Katman yukarı doğru bir karo boyu (--d3cell) uzatıldı; bir karo aşağı
   kayınca desen başlangıçla aynı göründüğü için döngü dikişsiz (üst kenar maskeyle zaten saydam). */
:root[data-theme="d3"] body::before{--d3cell:64px;content:"";position:fixed;left:-50%;right:-50%;bottom:-8vh;height:calc(62vh + var(--d3cell));z-index:-1;pointer-events:none;
 background-image:linear-gradient(#46d9ff30 1.5px,transparent 1.5px),linear-gradient(90deg,#46d9ff30 1.5px,transparent 1.5px);background-size:var(--d3cell) var(--d3cell);
 transform:perspective(520px) rotateX(64deg) translateY(0);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(transparent,#000 55%);mask-image:linear-gradient(transparent,#000 55%);animation:d3grid 7s linear infinite;will-change:transform}
:root[data-theme="d3"] body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;
 background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 72% 12%,#cfe8ff,transparent),radial-gradient(1.4px 1.4px at 38% 32%,#fff,transparent),radial-gradient(1px 1px at 86% 40%,#fff,transparent),radial-gradient(1.2px 1.2px at 22% 58%,#bfe3ff,transparent),radial-gradient(1px 1px at 58% 8%,#fff,transparent),radial-gradient(1.3px 1.3px at 93% 22%,#ffe9b0,transparent),radial-gradient(1px 1px at 5% 38%,#fff,transparent);animation:d3twinkle 5s ease-in-out infinite alternate}
@keyframes d3grid{from{transform:perspective(520px) rotateX(64deg) translateY(0)}to{transform:perspective(520px) rotateX(64deg) translateY(var(--d3cell,64px))}}
@keyframes d3twinkle{from{opacity:.35}to{opacity:.7}}
:root[data-theme="d3"] #themeBg.on{opacity:.35}
:root[data-theme="d3"] main{perspective:1800px}
/* üst bar: cam + kalın alt kenar */
:root[data-theme="d3"] #top{background:linear-gradient(180deg,#1c2f6acc,#0b1636e6);backdrop-filter:blur(10px) saturate(1.3);border-bottom:1px solid #4a68c4;
 box-shadow:inset 0 1px 0 #ffffff26,0 1px 0 #1a2c64,0 2px 0 #142453,0 3px 0 #0f1c44,0 4px 0 var(--d3edge),0 14px 34px #000c}
:root[data-theme="d3"] #nav button{border-radius:12px 12px 0 0;transition:transform .18s,background .18s,color .18s}
:root[data-theme="d3"] #nav button .ic{transition:transform .25s cubic-bezier(.3,1.6,.5,1),filter .25s}
:root[data-theme="d3"] #nav button:hover .ic{transform:translateY(-3px) rotate(-6deg) scale(1.12);filter:drop-shadow(0 6px 5px #000b) drop-shadow(0 0 8px var(--d3glow))}
:root[data-theme="d3"] #nav button.on{background:linear-gradient(180deg,#2c4aa3,#15265a);color:#fff;box-shadow:inset 0 1px 0 #ffffff40,0 -2px 16px #46d9ff33;border-bottom-color:var(--neon)!important}
:root[data-theme="d3"] #nav button.on .ic{transform:translateY(-2px) scale(1.1);filter:drop-shadow(0 6px 5px #000b) drop-shadow(0 0 10px var(--d3glow))}
/* paneller: katmanlı kalınlık (extrude) + parlak üst kenar */
:root[data-theme="d3"] .panel{border-radius:14px;border:1px solid #3e5bb0;background:linear-gradient(165deg,#1d3170 0%,#122252 38%,#0b1638 100%);
 box-shadow:inset 0 1px 0 var(--d3hi),inset 0 -2px 0 #00000055,0 1px 0 #1c2e68,0 2px 0 #18285c,0 3px 0 #142250,0 4px 0 #101c45,0 5px 0 #0c1638,0 6px 0 var(--d3edge),0 22px 34px -10px #000d;
 transition:transform .28s cubic-bezier(.2,.9,.3,1.2),box-shadow .28s;transform-style:preserve-3d}
:root[data-theme="d3"] .panel:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 #ffffff3a,inset 0 -2px 0 #00000055,0 1px 0 #1c2e68,0 2px 0 #18285c,0 3px 0 #142250,0 4px 0 #101c45,0 5px 0 #0c1638,0 6px 0 #0a1330,0 7px 0 #080f28,0 8px 0 var(--d3edge),0 30px 44px -12px #000e,0 0 0 1px #46d9ff22}
:root[data-theme="d3"] .panel .panel{box-shadow:inset 0 1px 0 var(--d3hi),0 3px 0 var(--d3edge),0 10px 18px -8px #000c}
:root[data-theme="d3"] .ph{background:linear-gradient(180deg,#ffffff17,#ffffff03);border-bottom:1px solid #3e5bb0;text-shadow:0 2px 0 #000a,0 0 12px #46d9ff44;color:#fff}
:root[data-theme="d3"] .ph .ic{filter:drop-shadow(0 3px 2px #000c) drop-shadow(0 0 6px var(--d3glow))}
:root[data-theme="d3"] .title{color:#fff;text-shadow:0 1px 0 #6f86cf,0 2px 0 #3d559c,0 3px 0 #1d2d62,0 8px 12px #000c,0 0 18px #46d9ff33;letter-spacing:.02em}
/* butonlar: klavye tuşu gibi basılır */
:root[data-theme="d3"] .btn{border-radius:11px;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -2px 0 #00000040,0 4px 0 #0b2553,0 9px 16px -6px #000c;transform:translateY(0);transition:transform .08s,box-shadow .08s,filter .15s}
:root[data-theme="d3"] .btn:hover{filter:brightness(1.12)}
:root[data-theme="d3"] .btn:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffffff40,0 1px 0 #0b2553,0 3px 6px -2px #000c}
:root[data-theme="d3"] .btn.gold{box-shadow:inset 0 1px 0 #fff8,inset 0 -2px 0 #0003,0 4px 0 #7b520c,0 10px 18px -6px #d4ac5b66}
:root[data-theme="d3"] .btn.gold:active{box-shadow:inset 0 1px 0 #fff6,0 1px 0 #7b520c,0 3px 6px -2px #000c}
:root[data-theme="d3"] .btn.red{box-shadow:inset 0 1px 0 #fff6,0 4px 0 #5a0b14,0 9px 16px -6px #000c}
:root[data-theme="d3"] .btn.green{box-shadow:inset 0 1px 0 #fff6,0 4px 0 #064428,0 9px 16px -6px #000c}
:root[data-theme="d3"] .btn.sm{box-shadow:inset 0 1px 0 #ffffff50,0 3px 0 #0b2553,0 6px 10px -4px #000c}
:root[data-theme="d3"] .btn.sm.gold{box-shadow:inset 0 1px 0 #fff8,0 3px 0 #7b520c,0 6px 10px -4px #000c}
:root[data-theme="d3"] .btn[disabled]{transform:translateY(2px);box-shadow:0 1px 0 #0b2553;filter:saturate(.4) brightness(.8)}
/* sol menü: tuş kapakları */
:root[data-theme="d3"] .side-menu button{border-radius:12px;background:linear-gradient(180deg,#1d3372,#12235a);border-color:#3e5bb0;box-shadow:inset 0 1px 0 #ffffff2e,0 3px 0 #0a1638,0 7px 12px -6px #000c;transition:transform .15s,box-shadow .15s,background .15s}
:root[data-theme="d3"] .side-menu button:hover{transform:translate(3px,-2px);box-shadow:inset 0 1px 0 #ffffff3a,0 5px 0 #0a1638,0 12px 16px -8px #000d}
:root[data-theme="d3"] .side-menu button:active{transform:translate(3px,2px);box-shadow:inset 0 1px 0 #ffffff2e,0 1px 0 #0a1638}
:root[data-theme="d3"] .side-menu button.on{background:linear-gradient(180deg,#2f55c0,#1a3280);border-color:var(--neon);box-shadow:inset 0 1px 0 #ffffff50,0 3px 0 #0a1638,0 0 18px #46d9ff44}
:root[data-theme="d3"] .side-menu button>span:first-child,:root[data-theme="d3"] .side-menu button>svg:first-child{transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
:root[data-theme="d3"] .side-menu button:hover>span:first-child{transform:translateZ(0) rotate(-8deg) scale(1.1)}
/* kartlar, satırlar, etiketler */
:root[data-theme="d3"] .act,:root[data-theme="d3"] .qk button,:root[data-theme="d3"] .pcard,:root[data-theme="d3"] .news,:root[data-theme="d3"] .bill{border-radius:12px;background:linear-gradient(170deg,#1b2f68,#101e4a);border-color:#34509e;box-shadow:inset 0 1px 0 #ffffff26,0 3px 0 var(--d3edge),0 10px 16px -8px #000c}
:root[data-theme="d3"] .tag{box-shadow:inset 0 1px 0 #ffffff33,0 2px 0 #0006;border-radius:99px}
:root[data-theme="d3"] .pill{box-shadow:inset 0 1px 0 #ffffff22,0 2px 0 #0007}
:root[data-theme="d3"] .kv b{text-shadow:0 2px 0 #0009}
:root[data-theme="d3"] input,:root[data-theme="d3"] select,:root[data-theme="d3"] textarea{border-radius:10px!important;box-shadow:inset 0 3px 6px #000a,inset 0 -1px 0 #ffffff14!important}
:root[data-theme="d3"] .bar{border-radius:99px;box-shadow:inset 0 2px 4px #000a}
:root[data-theme="d3"] .bar>i{box-shadow:inset 0 1px 0 #ffffff66,0 0 10px currentColor}
:root[data-theme="d3"] .ic3{filter:drop-shadow(0 3px 2px #000b)}
:root[data-theme="d3"] .ic.big{width:34px;height:34px}:root[data-theme="d3"] .ic.hero,.ic.hero{width:54px;height:54px}.ic.big{width:32px;height:32px}
/* modal: 3B açılış */
:root[data-theme="d3"] .md{border-radius:16px;border-color:#4a68c4;background:linear-gradient(170deg,#1a2d66,#0c1738);box-shadow:inset 0 1px 0 #ffffff33,0 2px 0 #142250,0 4px 0 #0f1c44,0 6px 0 var(--d3edge),0 40px 90px #000;animation:d3modal .42s cubic-bezier(.2,1.1,.3,1) both;transform-origin:50% 0}
@keyframes d3modal{from{opacity:0;transform:perspective(900px) rotateX(-22deg) translateY(28px) scale(.94)}to{opacity:1;transform:none}}
/* sayfa geçişi: paneller derinlikten öne gelir */
:root[data-theme="d3"] main.d3enter .panel,:root[data-theme="d3"] main.d3enter .title,:root[data-theme="d3"] main.d3enter .sk-card{animation:d3in .55s cubic-bezier(.2,.9,.25,1.1) both}
:root[data-theme="d3"] main.d3enter .grid>*:nth-child(2) .panel,:root[data-theme="d3"] main.d3enter .stack>.panel:nth-child(2){animation-delay:.06s}
:root[data-theme="d3"] main.d3enter .grid>*:nth-child(3) .panel,:root[data-theme="d3"] main.d3enter .stack>.panel:nth-child(3){animation-delay:.12s}
:root[data-theme="d3"] main.d3enter .stack>.panel:nth-child(n+4){animation-delay:.18s}
@keyframes d3in{from{opacity:0;transform:perspective(1200px) translateZ(-140px) rotateX(10deg) translateY(18px)}to{opacity:1;transform:none}}
/* fare ile eğim (tilt) — temada geniş kartlar da eğilir */
:root[data-theme="d3"] .t3d-on{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-3px) scale(1.015)!important}
:root[data-theme="d3"] .sk-card,:root[data-theme="d3"] .gcard{transition:transform .2s}
:root[data-theme="d3"] ::-webkit-scrollbar{width:10px;height:10px}:root[data-theme="d3"] ::-webkit-scrollbar-thumb{background:linear-gradient(#3e5bb0,#1d3172);border-radius:99px;border:2px solid #0a1330}
/* ayarlar önizleme düğmesi */
.th3d-btn{background:linear-gradient(160deg,#2c4aa3,#0f1b44)!important;color:#fff!important;border:1.5px solid #46d9ff!important;box-shadow:inset 0 1px 0 #ffffff55,0 3px 0 #070d24,0 0 12px #46d9ff55;text-shadow:0 1px 0 #000}
@media (prefers-reduced-motion:reduce){:root[data-theme="d3"] body::before,:root[data-theme="d3"] body::after,:root[data-theme="d3"] .md,:root[data-theme="d3"] main.d3enter *{animation:none!important}}
/* B181 — hareketli ızgaranın üstündeki alt menüde bulanıklık her karede yeniden hesaplanıyordu */
@media (max-width:900px){:root[data-theme="d3"] #bnav{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0c1738f2}}
@media (max-width:760px){:root[data-theme="d3"] body::before{--d3cell:44px;height:calc(45vh + var(--d3cell))}:root[data-theme="d3"] .panel:hover{transform:none}}

html{scroll-padding-top:env(safe-area-inset-top,0px)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 70% -10%,var(--bodyglow1) 0%,transparent 60%),radial-gradient(900px 500px at 0% 100%,var(--bodyglow2) 0%,transparent 55%),var(--bg0);color:var(--text);font:14px/1.4 var(--sans);-webkit-font-smoothing:antialiased}
#themeBg{position:fixed;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease;pointer-events:none}
#themeBg.on{opacity:1}
#themeBg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#050a12cc,#050a12e8 55%,#050a12f5)}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{margin:0;font-weight:700}
a{color:var(--neon2)}
:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
[hidden]{display:none!important}
.ic{width:1.55em;height:1.55em;flex:none;filter:drop-shadow(0 1px 1.5px #0009);overflow:visible}
.num{font-variant-numeric:tabular-nums}
.mute{color:var(--mute)}.gold{color:var(--gold2)}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}
.row{display:flex;align-items:center;gap:8px}.sp{flex:1}.wrap{flex-wrap:wrap}
.serif{font-family:var(--serif)}

/* top bar */
#top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;display:flex;align-items:stretch;height:70px;background:linear-gradient(var(--surf2),var(--surf1));border-bottom:1px solid var(--line);box-shadow:0 6px 24px #0008}
.logo{display:flex;flex-direction:column;justify-content:center;padding:0 18px 0 14px;min-width:170px;cursor:pointer}
.logo b{font:800 24px/1 var(--serif);letter-spacing:.01em;background:linear-gradient(#fff,#b9c4d6 55%,#e6c98a);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo b small{font-size:.62em;font-weight:500}
.logo span{font:500 8.5px/1 var(--serif);letter-spacing:.42em;color:var(--gold);margin-top:5px}
#nav{display:flex;flex:1;min-width:0;overflow-x:auto;overflow-y:visible;scrollbar-width:none}
#nav::-webkit-scrollbar{display:none}
#nav button{background:none;border:0;border-bottom:2px solid transparent;color:var(--mute);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 9px;min-width:60px;cursor:pointer;font:600 11px var(--sans);letter-spacing:.02em;position:relative;white-space:nowrap}
#nav button .ic{width:25px;height:25px}
.navdrop{position:relative;flex:0 0 auto;display:flex;align-items:stretch}
.navdrop-btn{width:100%;min-width:60px!important;height:auto;align-self:stretch}
#nav button .ic,#nav button svg{filter:drop-shadow(0 1px 2px #0009)}
#nav button.on .ic,#nav button.on svg{filter:drop-shadow(0 0 6px currentColor)}
.navdrop-btn .chevdot{position:absolute;top:6px;right:2px;width:9px;height:9px;display:inline-flex;transition:transform .15s}
.navdrop-btn .chevdot .ic{width:9px!important;height:9px!important}
.navdrop.open .navdrop-btn .chevdot,.navdrop:hover .navdrop-btn .chevdot{transform:rotate(180deg)}
.navdrop-menu{display:none;position:fixed;background:var(--panel,#0e1c33);border:1px solid var(--line);border-radius:0 0 10px 10px;box-shadow:0 10px 24px #000a;z-index:200;min-width:170px;flex-direction:column;padding:4px}
.navdrop-menu button{flex-direction:row!important;justify-content:flex-start!important;gap:8px!important;width:100%;min-width:auto!important;padding:9px 10px!important;border-radius:6px;border-bottom:0!important}
.navdrop-menu button:hover,.navdrop-menu button.on{background:#ffffff14;color:var(--text)}
#nav button:hover{color:var(--text)}
#nav button.on{color:#fff;border-bottom-color:var(--neon);background:linear-gradient(#1a5aa733,transparent)}
#nav button.on::after{content:"";position:absolute;inset:auto 20% 0;height:8px;background:var(--neon);filter:blur(9px);opacity:.7}
#wal{display:flex;align-items:center;gap:6px;padding:0 10px}
.chip{display:flex;align-items:center;gap:8px;padding:5px 11px;border:1px solid var(--line);border-radius:6px;background:var(--surf1);min-width:118px}
.chip small{display:block;color:var(--mute);font-size:9.5px;letter-spacing:.06em}
.chip b{font-size:15px}
.chip .ic{width:22px;height:22px}
#clock{padding:0 12px;text-align:right;font-size:11px;color:var(--mute);display:flex;flex-direction:column;justify-content:center;line-height:1.25}
.ibtn{background:none;border:0;color:var(--mute);padding:0 12px;cursor:pointer}.ibtn:hover{color:#fff}
.bgmfloat{position:fixed;left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:55;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#0b1424dd;border:1px solid var(--line);border-radius:50%;box-shadow:0 4px 16px #0007;padding:0}
.bgmfloat .ic{width:20px;height:20px}
.bgmfloat.bgmon{color:var(--gold2);border-color:var(--gold2)}
.bgmfloat:hover{color:#fff;background:#132038ee}
#bgmPanel{position:fixed;left:14px;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:56;background:#0b1424f2;border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:230px;box-shadow:0 6px 20px #0009}
#bgmPanel .bgmnow{font-size:11px;color:var(--gold2);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#bgmPanel input[type=range]{flex:1;width:auto}

/* shell */
#shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 62px)}
#side{background:linear-gradient(var(--surf1),var(--bg1));border-right:1px solid var(--line);padding:12px;position:sticky;top:calc(62px + env(safe-area-inset-top,0px));height:calc(100vh - 62px);overflow:auto;align-self:start}
#main{padding:14px;min-width:0}
.pcard{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:10px;position:relative}
.avatar{width:54px;height:54px;border-radius:6px;background:radial-gradient(circle at 50% 30%,#2b4a78,#0b1424);border:1px solid var(--line2);display:grid;place-items:center;color:var(--role);flex:none;position:relative}
.avatar img{transition:transform .18s ease,box-shadow .18s ease;cursor:zoom-in;border-radius:6px}
@media(hover:hover) and (pointer:fine){
.avatar img:hover{transform:scale(2.6);box-shadow:0 10px 28px #000d;position:relative;z-index:80}
/* FAZ 90 — klan rozeti: üstüne gelince büyüteç gibi net görünsün */
.clan-badge-big{transition:transform .18s ease,box-shadow .18s ease;cursor:pointer}
.clan-badge-big:hover{transform:scale(2.4);box-shadow:0 12px 30px #000d;position:relative;z-index:90}
}
.avatar .ic{width:32px;height:32px}
.kv{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:13px}
.kv .ic{width:17px;height:17px;color:var(--gold)}
.kv b{margin-left:auto;font-variant-numeric:tabular-nums}
.side-menu{display:grid;gap:4px;margin-top:12px}
.side-menu button{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surf2);border:1px solid var(--line);border-radius:6px;color:var(--text);cursor:pointer;text-align:left;font-weight:500}
.side-menu button:hover{border-color:var(--line2)}
.side-menu button.on{border-color:var(--neon);background:linear-gradient(90deg,var(--accentbg),#0d1f38)}
.bar{height:6px;border-radius:3px;background:var(--surf1);border:1px solid var(--line);overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--neon),var(--neon2));transition:width .4s}
.bar.g i{background:linear-gradient(90deg,#1aa56b,#5cf0b0)}.bar.r i{background:linear-gradient(90deg,#b31d2c,#ff6673)}.bar.y i{background:linear-gradient(90deg,#c88a10,#ffd36a)}

/* panels */
.panel{background:linear-gradient(var(--panel),var(--surf1));border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0}
.ia-card{display:grid;grid-template-columns:minmax(240px,420px) 1fr;overflow:hidden;background:linear-gradient(160deg,#1b1606,#0b0a04 65%);border:1px solid #c8901f;box-shadow:0 0 0 1px #0008,0 10px 34px -10px #f5b82e55,inset 0 1px 0 #fff1}
.ia-media{position:relative;min-height:240px;background:radial-gradient(circle at 50% 40%,#3a2a08,#0c0903 75%);border-right:1px solid #c8901f55}
.ia-media>svg{position:absolute;inset:0}
.ia-media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:repeating-linear-gradient(-45deg,#f5b82e 0 12px,#111 12px 24px);opacity:.9}
.ia-ribbon{position:absolute;top:12px;left:-4px;background:#e0431f;color:#fff;font:800 11px var(--sans,inherit);letter-spacing:.12em;padding:5px 12px 5px 14px;border-radius:0 4px 4px 0;box-shadow:0 3px 10px #0008}
.ia-price{position:absolute;top:12px;right:12px;background:#0b0a04e0;border:1px solid #f5b82e;color:#ffd54a;font:800 13px var(--serif);padding:5px 10px;border-radius:6px}
.ia-body{padding:20px 22px;display:flex;flex-direction:column}
.ia-kicker{font-size:10.5px;font-weight:700;letter-spacing:.18em;color:#f5b82e}
.ia-title{margin:2px 0 0;font:800 22px var(--serif);color:#ffd54a;letter-spacing:.03em}
.ia-perks{display:grid;gap:8px}
.ia-perk{display:flex;gap:10px;align-items:flex-start;background:#ffffff08;border:1px solid #f5b82e22;border-radius:8px;padding:8px 10px}
.ia-perk svg{flex:0 0 18px;width:18px;height:18px;color:#f5b82e;margin-top:1px}
.ia-perk b{font-size:13px}.ia-perk p{margin:2px 0 0;font-size:11.5px}
.ia-cta{margin-top:auto;padding-top:14px}
.ia-buy{min-width:180px;padding:13px 18px;font-size:14px}
@media(max-width:640px){.ia-card{grid-template-columns:1fr}.ia-media{min-height:200px;aspect-ratio:16/10;border-right:0;border-bottom:1px solid #c8901f55}.ia-cta{text-align:center}}
.premium-card{background:linear-gradient(160deg,#1c1608,#0c0a04 60%,#100c05);border:1px solid #a9791f;box-shadow:0 0 0 1px #00000080,0 8px 30px -8px #d4ac5b4d,inset 0 1px 0 #ffffff14}
.premium-benefit{display:flex;gap:12px;align-items:flex-start;padding:10px 4px;border-bottom:1px solid #ffffff0f}
.premium-benefit:last-child{border-bottom:none}
.premium-benefit .ic{width:20px;height:20px;color:#f2d488;flex:none;margin-top:1px}
.ph{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line);font:700 12.5px var(--serif);letter-spacing:.07em;text-transform:uppercase;color:var(--ph-text,#dbe6f7)}
.ph .ic{color:var(--gold);width:16px;height:16px}
.ph a,.ph .lnk{margin-left:auto;font:600 11px var(--sans);letter-spacing:0;text-transform:none;color:var(--neon2);cursor:pointer;text-decoration:none;background:none;border:0}
.pb{padding:12px}
.grid{display:grid;gap:12px;align-items:start}
.g-home{grid-template-columns:minmax(0,1fr) 310px}
.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g-map{grid-template-columns:minmax(0,1fr) 320px}
.stack{display:grid;gap:12px;min-width:0}
h2.title{font:800 22px var(--serif);letter-spacing:.04em;margin:2px 0 2px}
.sub{color:var(--mute);margin-bottom:12px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:5px;border:1px solid transparent;font-weight:700;cursor:pointer;background:linear-gradient(#0f2a4c,#0a1c34);border-color:var(--neon);color:#dff0ff;text-decoration:none;font-size:13px;transition:filter .15s,transform .05s}
.btn:hover{filter:brightness(1.2)}.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.42;cursor:not-allowed;filter:none}
.btn.gold{background:linear-gradient(#f0d284,#b98a36);color:#1b1305;border-color:#f3dc9b;box-shadow:0 0 18px #d4ac5b33}
.btn.red{background:linear-gradient(#cf2c3d,#851320);border-color:#ff6a78;color:#fff}
.btn.green{background:linear-gradient(#19a46b,#0d6a45);border-color:#4be3a2;color:#fff}
.btn.sm{padding:5px 10px;font-size:12px}.btn.wide{width:100%}
.tabs{display:flex;gap:4px;flex-wrap:wrap}
.tabs button{background:var(--surf1);border:1px solid var(--line);color:var(--mute);padding:6px 12px;border-radius:5px;cursor:pointer;font-weight:600;font-size:12.5px}
.tabs button.on{color:#fff;border-color:var(--neon);background:linear-gradient(#123d70,#0b2444)}
input[type=text],input[type=number],input[type=password],input:not([type]),input[type=email],input[type=search],input[type=tel],input[type=url],select,textarea{background:var(--surf1);border:1px solid var(--line2);border-radius:5px;padding:8px 10px;width:100%;outline:none;font-size:16px}
input:focus,select:focus,textarea:focus{border-color:var(--neon)}
label.f{display:grid;gap:4px;font-size:12px;color:var(--mute);margin-bottom:10px}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{font-weight:600;color:var(--mute);text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);font-size:11.5px;white-space:nowrap}
.tbl td{padding:8px;border-bottom:1px solid #12233b;vertical-align:middle}
.tbl tr:hover td{background:var(--surf2)}
.scroll-x{overflow-x:auto}
.tag{display:inline-block;padding:1px 7px;border-radius:9px;font-size:10.5px;font-weight:700;background:var(--accentbg);color:var(--neon2);border:1px solid #244d80}
.tag.npc{background:#251d10;color:var(--gold);border-color:#4b3a17}
.tag.red{background:#3a1218;color:#ff8d98;border-color:#6c1e29}.tag.green{background:#0e3122;color:#7af0bb;border-color:#1a5a3f}
.empty{padding:22px;text-align:center;color:var(--mute)}

/* items */
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.it{--rc:#8794a8;position:relative;aspect-ratio:1;border:2px solid var(--rc);border-radius:7px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rc) 30%,#0b1626),#060c17 75%);display:grid;place-items:center;cursor:pointer;isolation:isolate;color:var(--rc);min-width:0;transition:transform .18s ease,box-shadow .18s ease;transform-origin:center}
@media(hover:hover) and (pointer:fine){
.it:hover{transform:scale(2.1);z-index:40;box-shadow:0 10px 28px #000a,0 0 0 2px var(--rc)}
.it:hover .nm{white-space:normal;font-size:8px}
}
.it .ic{width:56%;height:56%;filter:drop-shadow(0 0 5px var(--rc))}
.it .pl{position:absolute;right:5px;bottom:2px;font:800 13px var(--sans);color:#fff;text-shadow:0 0 6px var(--rc),0 1px 2px #000}
.it .afx{position:absolute;left:5px;top:3px;font:800 13px var(--sans);color:#c99bff;text-shadow:0 0 6px #a86ae0,0 1px 2px #000}
.it .nm{position:absolute;left:5px;top:3px;font-size:9.5px;color:#cfd9e8;max-width:88%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.it.sel{outline:2px solid #fff;outline-offset:1px}
.it.r2{--rc:#3aa8ff}.it.r3{--rc:#b061ff;box-shadow:0 0 10px #b061ff55}.it.r4{--rc:#ff9a2e;box-shadow:0 0 14px #ff9a2e77;animation:pulse 2.4s ease-in-out infinite}
.it.r5{--rc:#ff3b4e;box-shadow:0 0 20px #ff3b4e88,0 0 40px #ffb02040;border-color:transparent;animation:pulse 1.8s ease-in-out infinite}
.it.r5::before{content:"";position:absolute;inset:-2px;border-radius:9px;z-index:-1;background:conic-gradient(from var(--ang),#ff2b40,#ffd36a,#ff2b40,#ffe9a6,#ff2b40);animation:ang 3s linear infinite}
.it.r5::after{content:"";position:absolute;inset:0;border-radius:6px;z-index:-1;background:radial-gradient(circle at 50% 35%,#4a0d15,#0a0710 80%)}
.it .pt{position:absolute;bottom:8%;left:var(--x);width:3px;height:3px;border-radius:50%;background:#ffd98a;box-shadow:0 0 5px #ffb020;opacity:0;animation:rise var(--d) ease-in infinite;animation-delay:var(--dl)}
@keyframes ang{to{--ang:360deg}}
@keyframes pulse{50%{filter:brightness(1.25)}}
@keyframes rise{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(-46px);opacity:0}}
.igrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.igrid-big{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;min-height:260px}
.inv-big{box-shadow:0 14px 34px -14px #000b,inset 0 1px 0 #ffffff14;border-radius:14px}
.inv-big .igrid .it{transform:perspective(700px) rotateX(6deg)}
.inv-big .igrid .it:hover{transform:perspective(700px) rotateX(0deg) scale(1.28)}
.slot-lbl{position:absolute;left:5px;top:3px;font-size:9.5px;color:var(--dim)}
.it.empty{border:1px dashed var(--line2);cursor:default;background:var(--surf1);color:var(--dim)}

/* hero/home */
.hero{position:relative;height:190px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(#1b1d3d 0%,#5a2f47 45%,#e08a4c 82%,#f3c07a 100%)}
.hero>svg{position:absolute;inset:auto 0 0 0;width:100%;height:100%}
.hero q{position:absolute;left:22px;top:24px;font:italic 500 19px/1.3 var(--serif);max-width:280px;color:#fff;text-shadow:0 2px 10px #000a;quotes:none}
.hero .cty{position:absolute;right:14px;top:12px;background:var(--surf1a);border:1px solid var(--line2);border-radius:8px;padding:10px 14px;min-width:210px;backdrop-filter:blur(3px)}
.hero .cty h3{font:700 15px var(--serif);letter-spacing:.06em;margin-bottom:5px}
.ticker-big{font:700 26px var(--sans)}
.cbox{width:100%;height:210px}
.ohlc{display:flex;gap:16px;font-size:12px;color:var(--mute);margin:4px 0 6px}.ohlc b{display:block;color:var(--text);font-size:14px}
.qk{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.qk button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;background:var(--surf2);border:1px solid var(--line);border-radius:7px;color:var(--text);cursor:pointer;font-size:12px;font-weight:600;text-align:center}
.qk button:hover{border-color:var(--neon)}.qk .ic{width:26px;height:26px;color:var(--neon2)}
.news{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #12233b;cursor:pointer}
.news .nb{width:44px;height:44px;border-radius:5px;display:grid;place-items:center;background:var(--surf2);color:var(--neon2)}
.news .nb.war{color:#ff7583;background:#2a1118}.news .nb.crime{color:#ff9a2e;background:#2a1a0c}.news .nb.eco{color:var(--good);background:#0c2a1e}.news .nb.rel{color:#c9a0ff;background:#1e1230}
.news .nb.sys{color:#7fc4ff;background:#0e1e30}.news .nb.official{color:#f2d488;background:#241a08}.news .nb.passed{color:#f2d488;background:#241a08}.news .nb.def{color:#7ee6c8;background:#0b241f}.news .nb.taarruz{color:#ff7583;background:#2a1118}.news .nb.savunma{color:#7ee6c8;background:#0b241f}.news .nb.secular{color:#8fd6ff;background:#0d222e}.news .nb.reddetti{color:#8a94a6;background:#1c2029}
.news p{margin:0;font-size:13px}.news small{color:var(--dim)}
.chat-l{height:210px;overflow:auto;display:grid;align-content:start;gap:3px;font-size:12.5px;padding-right:4px}
.chat-l b{color:var(--gold2)}.chat-l time{color:var(--dim);font-size:10.5px;float:right}
.chat-i{display:flex;gap:6px;margin-top:8px}
.ev{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--surf2);border:1px solid var(--line);border-radius:6px;margin-bottom:6px}
.ev b{color:var(--neon2)}.ev small{margin-left:auto;color:var(--warn);font-weight:600}
.q{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px}
.q .ck{width:18px;height:18px;border:1px solid var(--line2);border-radius:4px;display:grid;place-items:center;flex:none}
.q.ok .ck{background:var(--good);border-color:var(--good);color:#04160d}.q em{margin-left:auto;font-style:normal;color:var(--mute);font-size:12px}
.reward{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.reward div{border:1px solid var(--line);border-radius:6px;padding:8px 4px;text-align:center;background:var(--surf2);font-size:12px}
.reward .ic{width:22px;height:22px;color:var(--gold);display:block;margin:0 auto 4px}

/* map */
.mapbox{position:relative;background:radial-gradient(circle at 50% 40%,#123a5f,#040f1e 78%);border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000055,inset 0 0 40px #00000066;touch-action:pan-y}
.mapbox svg{cursor:grab}.mapbox svg:active{cursor:grabbing}
.mapctl{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:6px;z-index:3}
.mapctl button{width:32px;height:32px;border-radius:7px;background:var(--surf1a);border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));color:var(--gold);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(2px)}
.mapctl button:hover{background:var(--surf2);border-color:var(--gold)}
.mapctl .ic{width:1.1em;height:1.1em}
.mapbox svg{display:block;width:100%;height:auto}
.mapbox .hx{stroke:#03070d66;stroke-width:.6;cursor:pointer;transition:filter .12s,stroke .12s}
.mapbox .hx:hover{filter:brightness(1.3)}.mapbox .hx.sel{filter:brightness(1.2);stroke:#ffd36a;stroke-width:2}
.mapbox .brd{fill:none;stroke:#ffffffb0;stroke-width:1.3;pointer-events:none;stroke-linecap:round;stroke-linejoin:round}
.mapbox .cst{fill:none;stroke:#8fd0ff;stroke-width:1.1;pointer-events:none;opacity:.85}
.mapbox .lbl{fill:#fff;font:700 11px var(--serif);text-anchor:middle;paint-order:stroke;stroke:#000d;stroke-width:3.4px;pointer-events:none;letter-spacing:.04em}
.mapbox .cityMark{cursor:pointer}
.mapbox .cityMark circle{fill:#f2d488;stroke:#3a2c10;stroke-width:.3;transition:r .12s}
.mapbox .cityMark text{fill:#ffe9b0;font:600 2.9px var(--serif);text-anchor:middle;paint-order:stroke;stroke:#000c;stroke-width:.6px;pointer-events:none}
.mapbox .cityMark:hover circle{fill:#fff;r:1.9}
.mapbox .cityMark:hover text{fill:#fff}
.mapbox .own{fill:none;stroke:#7dffc0;stroke-width:2.6;pointer-events:none;filter:drop-shadow(0 0 3px #7dffc0aa)}
.tag-title{display:inline-block;margin-left:6px;font:800 10.5px var(--serif);letter-spacing:.02em;color:var(--tc,#f0c25a);background:linear-gradient(135deg,color-mix(in srgb,var(--tc,#f0c25a) 22%,transparent),transparent 70%);border:1px solid color-mix(in srgb,var(--tc,#f0c25a) 65%,transparent);border-radius:20px;padding:2px 10px;vertical-align:middle;animation:titleGlow 2.4s ease-in-out infinite;position:relative;overflow:hidden}
.tag-title::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#ffffff55,transparent);animation:titleShine 3.2s ease-in-out infinite}
@keyframes titleShine{0%{left:-60%}50%,100%{left:140%}}
@keyframes titleGlow{0%,100%{box-shadow:0 0 2px color-mix(in srgb,var(--tc,#f0c25a) 55%,transparent)}50%{box-shadow:0 0 10px color-mix(in srgb,var(--tc,#f0c25a) 75%,transparent)}}
.mtools{position:absolute;left:10px;top:10px;display:flex;gap:4px;flex-wrap:wrap;z-index:2}
.legend{display:grid;gap:5px;font-size:12px}.legend i{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:7px;vertical-align:-3px}
.ramp{height:10px;border-radius:5px;margin:4px 0}

/* role hub */
.hubhead{position:relative;border:1px solid color-mix(in srgb,var(--role) 55%,var(--line));border-radius:8px;padding:16px 18px;background:linear-gradient(100deg,color-mix(in srgb,var(--role) 24%,var(--surf1)),var(--surf1) 65%);margin-bottom:12px;display:flex;gap:14px;align-items:center}
.hubhead .ic{width:44px;height:44px;color:var(--role);filter:drop-shadow(0 0 10px var(--role))}
.act{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:7px;background:var(--surf2);margin-bottom:7px}
.act .ic{width:26px;height:26px;color:var(--role)}
.act p{margin:0;font-size:12px;color:var(--mute)}.act b{font-size:13.5px}
.act .cost{font-size:11px;color:var(--warn);white-space:nowrap}
.btn.role{background:linear-gradient(color-mix(in srgb,var(--role) 70%,#fff 10%),color-mix(in srgb,var(--role) 45%,#000));border-color:var(--role);color:#fff}
.log{max-height:170px;overflow:auto;font-size:12.5px;display:grid;gap:4px}.log div{padding:5px 8px;background:var(--surf1);border-left:2px solid var(--role);border-radius:3px}


.eqwrap{display:grid;grid-template-columns:82px minmax(0,1fr) 82px;gap:10px;align-items:stretch}.eqcol{display:grid;gap:10px;align-content:space-between}
.fig{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#12305a66,transparent 65%)}.fig svg{width:100%;max-width:230px}
.eqrow{display:grid;grid-template-columns:repeat(3,82px);gap:10px;justify-content:center;margin-top:10px}

.flag{border-radius:2px;box-shadow:0 0 0 1px #0007;vertical-align:middle;flex:none}
.istcard{margin-top:12px;border:1px solid var(--line);border-radius:8px;overflow:hidden;position:relative}.istcard svg{display:block;width:100%;height:auto}
.istcard span{position:absolute;left:10px;bottom:6px;font:700 10px var(--serif);letter-spacing:.32em;color:#f2d488cc;text-shadow:0 1px 4px #000}
#login .wm{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.bgscene{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 2.2s ease;z-index:-1}
.bgscene.on{opacity:.85}
#login::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#04080f66,#04080f99 60%,#04080fdd);z-index:0;pointer-events:none}
.wm-pat{position:absolute;inset:-60%;transform:rotate(-16deg);opacity:.055;background-repeat:repeat}
.wm-a,.wm-b{position:absolute;white-space:nowrap;user-select:none}
.wm-a{left:4%;top:6%;font:italic 800 clamp(60px,12vw,190px)/1 Georgia,'Times New Roman',serif;color:#fff;opacity:.05;transform:rotate(-7deg);letter-spacing:-.02em}
.wm-b{right:3%;bottom:4%;font:500 clamp(48px,9vw,140px)/1 var(--serif);color:#f2d488;opacity:.09;transform:rotate(-6deg);letter-spacing:.14em}
.wm-b img,.wm-a img{width:clamp(140px,22vw,340px);height:auto;display:block;filter:drop-shadow(0 0 30px #000)}
.wm img{max-width:34vw;max-height:26vh}
.ar{display:grid;grid-template-columns:46px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #12233b}
.vt{display:grid;justify-items:center;gap:3px;align-content:start}.vt b{font-size:14px}
.vt button{background:var(--surf1);border:1px solid var(--line);color:var(--mute);border-radius:4px;width:30px;height:24px;cursor:pointer;line-height:1}
.vt button.on{color:#fff;border-color:var(--neon);background:var(--accentbg)}.vt button:hover{border-color:var(--line2)}
.ar .meta{color:var(--dim);font-size:12px;margin-top:2px}.ar a.t{font-weight:700;font-size:15px;cursor:pointer;color:var(--text);text-decoration:none}.ar a.t:hover{color:var(--neon2)}
.artbody{line-height:1.65;font-size:14.5px;overflow-wrap:anywhere}
.cm{padding:8px 10px;border-left:2px solid var(--line2);background:var(--surf1);border-radius:3px;margin-bottom:6px;font-size:13px;overflow-wrap:anywhere}
.bill{padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--surf2);margin-bottom:10px}
.yn{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--surf1);border:1px solid var(--line);margin:8px 0 4px}
.yn i{display:block;height:100%}.yn i.y{background:#1aa56b}.yn i.n{background:#c62b3a}
.hemi{width:100%;max-width:520px;margin:0 auto;display:block}

.dmgpop{position:absolute;left:50%;top:38%;font:800 34px var(--serif);color:#fff;text-shadow:0 0 12px #ff9a2e,0 2px 0 #000;pointer-events:none;animation:dmgup 1.1s ease-out forwards;white-space:nowrap;z-index:5}
.dmgpop.crit{font-size:46px;color:#ffd36a;text-shadow:0 0 24px #ff3b4e,0 3px 0 #000}
@keyframes dmgup{0%{opacity:0;transform:translate(-50%,14px) scale(.6)}15%{opacity:1;transform:translate(-50%,-6px) scale(1.18)}100%{opacity:0;transform:translate(-50%,-96px) scale(1)}}
.shake{animation:shake .35s}@keyframes shake{25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}
.arena{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 120%,#3a1220 0%,transparent 60%),linear-gradient(#0b1424,#0a0f1c)}
.frontbar{position:relative;height:26px;border-radius:13px;background:linear-gradient(90deg,#2a0d12,#3a1220);border:1px solid var(--line2);overflow:hidden}
.frontbar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#0e5aa8,#4cb8ff);box-shadow:0 0 18px #3aa8ff88;transition:width .7s}
.frontbar b{position:absolute;top:-1px;transform:translateX(-50%);font-size:22px;color:#fff;text-shadow:0 0 8px #000;transition:left .7s}
.atkbtn{font:800 20px var(--serif);letter-spacing:.08em;padding:18px;width:100%;border-radius:10px;border:1px solid #ff8d98;background:linear-gradient(#d3303f,#7e1220);color:#fff;cursor:pointer;box-shadow:0 0 26px #d3303f66,inset 0 1px 0 #ffffff33;transition:transform .05s}
.atkbtn:active{transform:scale(.98)}.atkbtn:disabled{opacity:.5;cursor:not-allowed}
.hitrow{display:flex;gap:8px;align-items:center;padding:4px 8px;background:var(--surf1);border-radius:4px;font-size:13px;margin-bottom:4px}
.hitrow.crit{border-left:3px solid #ffd36a;color:#ffd36a;font-weight:700}
/* login */
#login{min-height:100vh;display:grid;place-items:center;padding:22px 14px;position:relative;overflow:hidden}
#login .bgmap{position:absolute;inset:0;opacity:.32;display:grid;place-items:center;pointer-events:none}
#login .bgmap svg{width:100%;height:auto}
.lbox{position:relative;width:min(1040px,100%);z-index:1}
.brand{text-align:center;margin-bottom:16px}
.brand img.clanlogo{width:clamp(96px,18vw,172px);height:auto;margin-bottom:10px;filter:drop-shadow(0 6px 22px #000a) drop-shadow(0 0 18px #f2d48855)}
.brand b{display:block;font:800 clamp(40px,8vw,74px)/1 var(--serif);background:linear-gradient(#fff,#a9b6cc 55%,#e6c98a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 24px #000)}
.brand b small{font-size:.55em;font-weight:500}
.brand span{display:block;font:500 12px var(--serif);letter-spacing:.5em;color:var(--gold);margin-top:8px}
.rcards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}@media(max-width:900px){.rcards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.rcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rc{position:relative;border:1px solid var(--line);border-radius:8px;background:linear-gradient(var(--surf2),var(--surf1));padding:14px 10px 12px;text-align:center;cursor:pointer;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:6px;min-height:150px}
.rc .ic{width:34px;height:34px;color:var(--c)}
.rc b{font:700 12.5px var(--serif);letter-spacing:.06em;text-transform:uppercase}
.rc p{margin:0;font-size:11.5px;color:var(--mute)}.rc em{font-style:normal;font-size:11px;color:var(--good);font-weight:600}
.rc:hover{border-color:var(--c)}.rc.on{border-color:var(--c);box-shadow:0 0 0 1px var(--c),0 0 22px color-mix(in srgb,var(--c) 40%,transparent);background:linear-gradient(color-mix(in srgb,var(--c) 18%,var(--surf2)),var(--surf1))}

/* modal, toast, mobile nav */
.mb{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--backdrop);display:grid;place-items:center;z-index:200;padding:14px;backdrop-filter:blur(3px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.md{width:min(560px,100%);max-height:88vh;max-height:88dvh;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:var(--surf1);border:1px solid var(--line2);border-radius:10px;box-shadow:0 20px 70px #000}
.md .ph{font-size:14px}.md .ph button.x{margin-left:auto;background:none;border:0;color:var(--mute);cursor:pointer;font-size:18px}
#toasts{position:fixed;right:14px;top:calc(72px + env(safe-area-inset-top,0px));z-index:300;display:grid;gap:8px;width:min(340px,calc(100vw - 28px))}
.toast{background:var(--surf2);border:1px solid var(--line2);border-left:4px solid var(--neon);border-radius:6px;padding:10px 12px;box-shadow:0 8px 30px #000a;animation:tin .25s}
.toast.good{border-left-color:var(--good)}.toast.bad{border-left-color:var(--bad)}.toast.gold{border-left-color:var(--gold)}
@keyframes tin{from{transform:translateX(30px);opacity:0}}
#bnav{display:none}
.meter{display:flex;gap:10px;align-items:center}
.pill{padding:2px 8px;border-radius:10px;background:var(--surf2);border:1px solid var(--line);font-size:11.5px}
.vs{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center}
.vs .flag{font:800 20px var(--serif)}
.warbar{height:22px;border-radius:11px;overflow:hidden;display:flex;border:1px solid var(--line2);background:#2a0d12}
.warbar i{background:linear-gradient(90deg,#1c7cd0,#57c0ff);transition:width .6s}
.digitclock{font-family:'Courier New',monospace;font-weight:800;letter-spacing:.06em;background:#001a0dcc;color:#4dff9a;border:1px solid #1a5c3a;border-radius:6px;padding:3px 9px;text-shadow:0 0 6px #4dff9aa0;font-size:13px;display:inline-block}
.voteStamp{position:fixed;z-index:500;width:140px;text-align:center;font:900 20px var(--serif);letter-spacing:.05em;color:#ff5a5a;border:4px solid #ff5a5a;border-radius:8px;padding:6px 4px;transform:rotate(-12deg) scale(2.4);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,1.4,.4,1),opacity .35s;text-shadow:0 0 8px #ff5a5a88;box-shadow:0 0 22px #ff5a5a55}
.voteStamp.go{transform:rotate(-12deg) scale(1);opacity:.92}

@media(max-width:1100px){.g-home{grid-template-columns:1fr}}
@media(max-width:1500px){#clock{display:none}}@media(max-width:1050px){#clock,.logo span{display:none}.logo{min-width:0}}
@media(max-width:900px){
 #nav{display:none}#wal{margin-left:auto}#clock{display:none}
 #shell{grid-template-columns:1fr}#side{display:none}
 #main{padding:10px 10px calc(78px + env(safe-area-inset-bottom,0px))}
 .g-home,.g-2,.g-3,.g-map{grid-template-columns:1fr}
 #bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--surf1a);border-top:1px solid var(--line2);padding:0 max(4px,env(safe-area-inset-left,0px)) env(safe-area-inset-bottom,0px) max(4px,env(safe-area-inset-right,0px));backdrop-filter:blur(8px)}
 #bnav button{background:none;border:0;color:var(--mute);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:12px 4px;min-height:52px;font:600 10.5px var(--sans);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
 #bnav button.on{color:#fff}#bnav button.on .ic{color:var(--neon)}
 .chip{min-width:0;padding:4px 8px}.chip small{display:none}.chip b{font-size:13px}
 .hero{height:170px}.hero .cty{display:none}
 .qk{grid-template-columns:repeat(4,1fr)}.tbl{font-size:12px}
 #toasts{top:calc(66px + env(safe-area-inset-top,0px))}
}
@media(max-width:520px){.chip:nth-child(2){display:none}.logo b{font-size:20px}.hero q{font-size:15px;max-width:200px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* FAZ 71 — yumuşak ikon paleti: sadece panel başlıkları, eylem satırları, bilgi satırları ve yan menü */
:root{--ic-gold:#e6c98a;--ic-blue:#7fc4ff;--ic-green:#8fe3a8;--ic-purple:#c9a2ff;--ic-coral:#ff8a8a;--ic-pink:#ff9ecf;--ic-orange:#ffb347;--ic-teal:#7fe0d6}
.ph .ic[data-ico="coin"],.ph .ic[data-ico="coins"],.ph .ic[data-ico="goldbar"],.ph .ic[data-ico="star"],.ph .ic[data-ico="cart"],.ph .ic[data-ico="bag"],.ph .ic[data-ico="box"],.kv .ic[data-ico="coin"],.kv .ic[data-ico="coins"],.kv .ic[data-ico="goldbar"]{color:var(--ic-gold)}
.ph .ic[data-ico="globe"],.ph .ic[data-ico="map"],.ph .ic[data-ico="users"],.ph .ic[data-ico="user"],.ph .ic[data-ico="chart"],.ph .ic[data-ico="droplet"],.ph .ic[data-ico="eye"],.ph .ic[data-ico="list"],.kv .ic[data-ico="globe"],.kv .ic[data-ico="map"],.kv .ic[data-ico="user"],.kv .ic[data-ico="users"],.kv .ic[data-ico="chart"]{color:var(--ic-blue)}
.ph .ic[data-ico="wheat"],.ph .ic[data-ico="tree"],.ph .ic[data-ico="flask"],.ph .ic[data-ico="check"],.ph .ic[data-ico="spark"],.ph .ic[data-ico="bolt"],.ph .ic[data-ico="plus"],.ph .ic[data-ico="up"],.kv .ic[data-ico="flask"],.kv .ic[data-ico="wheat"],.kv .ic[data-ico="tree"]{color:var(--ic-green)}
.ph .ic[data-ico="temple"],.ph .ic[data-ico="building"],.ph .ic[data-ico="scale"],.ph .ic[data-ico="flag"],.ph .ic[data-ico="moon"],.ph .ic[data-ico="hand"],.kv .ic[data-ico="building"],.kv .ic[data-ico="scale"],.kv .ic[data-ico="flag"],.kv .ic[data-ico="temple"]{color:var(--ic-purple)}
.ph .ic[data-ico="skull"],.ph .ic[data-ico="target"],.ph .ic[data-ico="gun"],.ph .ic[data-ico="fist"],.ph .ic[data-ico="mask"],.ph .ic[data-ico="power"],.kv .ic[data-ico="skull"],.kv .ic[data-ico="fist"],.kv .ic[data-ico="mask"],.kv .ic[data-ico="target"]{color:var(--ic-coral)}
.ph .ic[data-ico="mic"],.ph .ic[data-ico="news"],.ph .ic[data-ico="mail"],.ph .ic[data-ico="bell"],.ph .ic[data-ico="music"],.kv .ic[data-ico="mail"],.kv .ic[data-ico="news"]{color:var(--ic-pink)}
.ph .ic[data-ico="crane"],.ph .ic[data-ico="gear"],.ph .ic[data-ico="helmet"],.ph .ic[data-ico="helm"],.kv .ic[data-ico="crane"],.kv .ic[data-ico="gear"]{color:var(--ic-orange)}
.ph .ic[data-ico="shield"],.kv .ic[data-ico="shield"]{color:var(--ic-teal)}
.act>.ic[data-ico="coin"],.act>.ic[data-ico="coins"]{color:var(--ic-gold)}
.act>.ic[data-ico="globe"],.act>.ic[data-ico="map"],.act>.ic[data-ico="users"],.act>.ic[data-ico="chart"],.act>.ic[data-ico="list"]{color:var(--ic-blue)}
.act>.ic[data-ico="wheat"],.act>.ic[data-ico="tree"],.act>.ic[data-ico="flask"],.act>.ic[data-ico="spark"],.act>.ic[data-ico="bolt"]{color:var(--ic-green)}
.act>.ic[data-ico="temple"],.act>.ic[data-ico="building"],.act>.ic[data-ico="scale"],.act>.ic[data-ico="flag"]{color:var(--ic-purple)}
.act>.ic[data-ico="skull"],.act>.ic[data-ico="target"],.act>.ic[data-ico="gun"],.act>.ic[data-ico="fist"],.act>.ic[data-ico="mask"]{color:var(--ic-coral)}
.act>.ic[data-ico="news"],.act>.ic[data-ico="mic"],.act>.ic[data-ico="mail"],.act>.ic[data-ico="star"]{color:var(--ic-pink)}
.act>.ic[data-ico="crane"],.act>.ic[data-ico="box"],.act>.ic[data-ico="gear"]{color:var(--ic-orange)}
.act>.ic[data-ico="shield"]{color:var(--ic-teal)}
.navdrop-menu button .ic{width:16px;height:16px}
.side-menu button svg{flex:0 0 auto}
.tabs button.on{box-shadow:inset 0 -2px 0 var(--neon)}

/* FAZ 74 — 2D Savaş: dar ekranlarda (telefon) kontroller sıkışmasın/üst üste binmesin */
/* B248 — her önek AYRI kuralda: seçici listesinde tanınmayan tek bir sözde sınıf (ör. Chromium/WebKit'te
   :-moz-full-screen) tüm kuralı düşürüyordu. */
#w2dWrap:fullscreen{max-width:none!important;width:100vw!important;height:100vh!important;display:flex!important;align-items:center;justify-content:center;background:#000}
#w2dWrap:-webkit-full-screen{max-width:none!important;width:100vw!important;height:100vh!important;display:flex!important;align-items:center;justify-content:center;background:#000}
#w2dWrap:fullscreen #w2dCv{width:100vw!important;height:100vh!important;max-height:none!important}
#w2dWrap:-webkit-full-screen #w2dCv{width:100vw!important;height:100vh!important;max-height:none!important}
@media (max-width:480px){
 #w2dScore{font-size:11px!important;padding:4px 10px!important}
 #w2dHud{font-size:10.5px!important;padding:4px 7px!important}
 #w2dFeed{max-width:150px!important;font-size:9px!important}
 #w2dWrap button[data-a="war2dfull"],#w2dWrap button[data-a="war2dleave"]{font-size:9.5px!important;padding:5px 7px!important}
 #w2dWrap button[data-a="war2dnade"]{width:44px!important;height:44px!important;font-size:18px!important;bottom:54px!important}
 #w2dStatus b{font-size:16px!important}
 #w2dStatus .row button{font-size:11.5px!important;padding:7px 10px!important}
}

/* FAZ 91 — JET LEVENT: renkli/parlak isim efekti (paket sahibi) */
@keyframes rainbowName{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.rainbow-name{background:linear-gradient(90deg,#ff5a5a,#ffb347,#f0e05a,#8fe3a8,#7fc4ff,#c9a2ff,#ff5a5a);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rainbowName 4s linear infinite;font-weight:800}

/* FAZ 94 — DEPO (envanter sağ tarafı): rafta duran 3B-hissi kasalar ve kaynaklar */
.vault{background:linear-gradient(180deg,#151b2c,#0b1020);border:1px solid #2b3550;border-radius:10px;padding:12px;perspective:900px}
.vault-shelf{position:relative;margin:18px 0 6px;padding:14px 12px 10px;border-radius:8px;background:linear-gradient(180deg,#2a2016 0%,#1c150e 60%,#120d08 100%);box-shadow:0 10px 18px #000a,inset 0 2px 0 #ffffff12,inset 0 -6px 12px #0009;transform:rotateX(4deg);transform-origin:50% 100%;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;min-height:96px}
.vault-shelf::after{content:"";position:absolute;left:-4px;right:-4px;bottom:-10px;height:12px;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#3a2c1c,#0d0906);box-shadow:0 8px 14px #000c}
.vault-label{position:absolute;top:-11px;left:12px;background:#0b1020;border:1px solid #2b3550;color:var(--gold2);font:800 10.5px var(--serif);letter-spacing:.08em;padding:2px 9px;border-radius:999px;text-transform:uppercase}
.vault-card{position:relative;width:86px;text-align:center;transition:transform .18s ease,box-shadow .18s ease;cursor:default}
.vault-card .vc-ico{width:70px;height:70px;margin:0 auto;border-radius:14px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,#2a3654,#0d1322 70%);border:1px solid #3a4a70;box-shadow:0 8px 14px #000b,inset 0 1px 0 #ffffff1a,inset 0 -4px 8px #0008;transform:translateZ(0)}
.vault-card:hover{transform:translateY(-6px) scale(1.06)}
.vault-card:hover .vc-ico{box-shadow:0 16px 24px #000d,0 0 0 2px var(--gold2)55,inset 0 1px 0 #ffffff2a}
.vault-card .vc-n{font-size:10.5px;color:#cfd9e8;margin-top:6px;line-height:1.15}
.vault-card .vc-q{position:absolute;top:-6px;right:-2px;background:#0b1020;border:1.5px solid var(--gold2);color:var(--gold2);font:800 11px var(--sans);padding:1px 7px;border-radius:999px;box-shadow:0 2px 6px #000b}
.vault-empty{color:#7d8aa3;font-size:12px;text-align:center;padding:18px 0}

/* FAZ 94 — envanter sayfası: geniş ekranda 3 sütun (karakter | eşyalar | depo), dar ekranda tek sütun */
.g-inv{display:grid;gap:14px;grid-template-columns:minmax(0,.85fr) minmax(0,.85fr) minmax(0,1.6fr)}
@media(max-width:1250px){.g-inv{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.g-inv>.vault-col{grid-column:1/-1}}
@media(max-width:900px){.g-inv{grid-template-columns:1fr}}


/* FAZ 98 — 3B ikonlar: seçili olmayan menü ikonları biraz sönük, seçili/üstüne gelinen canlı */
.ic3{filter:drop-shadow(0 1.5px 1.5px #000a)}
#nav button:not(.on):not(:hover) .ic3,#bnav button:not(.on) .ic3,#nav button:not(.on):not(:hover) svg{filter:saturate(.55) brightness(.85) drop-shadow(0 1px 1.5px #0009)}
#nav button.on .ic3,#bnav button.on .ic3{filter:drop-shadow(0 0 6px #7cc8ff88) drop-shadow(0 1.5px 1.5px #000a)}
.btn .ic3{filter:drop-shadow(0 1px 1px #0008)}

/* FAZ 100 — 3B karakter sahnesi + 3B envanter */
.inv3d{perspective:900px}
.fig{position:relative;min-height:380px;background:none}
.c3d{position:relative;width:100%;height:100%;min-height:380px;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;overflow:hidden;border-radius:10px;background:radial-gradient(120% 70% at 50% 8%,#2a4a7a55,transparent 60%),linear-gradient(#0b1626,#060b14)}
.c3d.drag{cursor:grabbing}
.c3d-spot{position:absolute;left:50%;top:-10%;width:90%;height:80%;transform:translateX(-50%);background:radial-gradient(closest-side,#e6c98a22,transparent);pointer-events:none}
.c3d-floor{position:absolute;left:50%;bottom:8px;width:92%;aspect-ratio:1;transform:translateX(-50%) perspective(500px) rotateX(74deg);transform-origin:50% 50%;pointer-events:none;margin-bottom:-46%}
.c3d-floor i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,#000c 35%,#e6c98a30 62%,#3aa8ff18 72%,transparent 74%)}
.c3d-floor b{position:absolute;inset:6%;border-radius:50%;border:3px dashed #e6c98a99;box-shadow:0 0 18px #3aa8ff44,inset 0 0 18px #3aa8ff33}
.c3d-rig{position:absolute;left:0;right:0;top:6px;bottom:18px;pointer-events:none;transition:transform .18s ease-out;transform-origin:50% 50%}
.cs-title{display:flex;align-items:center;gap:10px}.cs-title .ic{width:34px;height:34px;filter:drop-shadow(0 0 8px #f5bf3f88)}
.cs-prem{font-size:10px;letter-spacing:.14em;padding:3px 9px;border-radius:99px;background:linear-gradient(90deg,#b8761a,#ffe08a,#b8761a);background-size:200% 100%;color:#2a1a00;font-weight:800;animation:csShine 3s linear infinite}
@keyframes csShine{to{background-position:-200% 0}}
.cs-note .pb{display:flex;gap:10px;align-items:center;font-size:12.5px}.cs-note .ic{width:22px;height:22px;flex:0 0 auto}
.cs-price{font-size:18px;color:#ffe08a;text-shadow:0 0 12px #f5bf3f66}
.cs-port{width:74px;height:92px;object-fit:cover;border-radius:10px;border:1px solid var(--rc,#f5bf3f);box-shadow:0 0 14px color-mix(in srgb,var(--rc,#f5bf3f) 40%,transparent);flex:0 0 auto}
.cs-ctas{display:flex;flex-direction:column;gap:6px;align-items:stretch;min-width:150px}
.sk-prevbar{align-items:flex-start!important;gap:12px!important}
.ch-perks{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.ch-perk{display:flex;align-items:center;gap:7px;font-size:12px;color:#ffe9b0;line-height:1.25}.ch-perk .ic{width:17px;height:17px;flex:0 0 auto}.ch-perks.big .ch-perk{font-size:13px}
.sk-usd{position:absolute;top:8px;right:8px;font-size:12px;font-weight:800;padding:3px 9px;border-radius:99px;background:linear-gradient(#ffe08a,#d9a431);color:#2a1a00;box-shadow:0 2px 8px #0008}
.sk-card.own{box-shadow:inset 0 0 0 1px #2fd3bf55}.sk-card .sk-body p{min-height:0}
.cs-buy{background:linear-gradient(180deg,#ffe08a,#e0a52a)!important;color:#2a1a00!important;font-weight:800}
#nav [data-v="charstore"],.side-menu [data-v="charstore"]{position:relative;background:linear-gradient(90deg,#f5bf3f22,transparent);box-shadow:inset 2px 0 0 #f5bf3f}
#nav [data-v="charstore"]::after,.side-menu [data-v="charstore"]::after{content:'$';position:absolute;right:8px;top:50%;translate:0 -50%;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;color:#2a1a00;background:radial-gradient(circle at 35% 30%,#fff6c8,#f5bf3f 55%,#a86b10);box-shadow:0 0 8px #f5bf3f99}
@media(max-width:760px){.sk-prevbar{flex-wrap:wrap}.cs-ctas{width:100%}}
.sk-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-bottom:14px}.sk-hero .c3d{min-height:340px;border-radius:0}
.sk-prevbar{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line)}
.sk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.sk-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(#0f1a2c,#0a1220);overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative}
.sk-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #0008;border-color:var(--rc)}.sk-card.sel{border-color:var(--rc);box-shadow:0 0 0 1px var(--rc),0 12px 30px #000a}
.sk-stage{position:relative;height:190px;background:radial-gradient(110% 60% at 50% 10%,color-mix(in srgb,var(--rc) 28%,transparent),transparent 62%),linear-gradient(#0b1626,#060b14);overflow:hidden}
.sk-stage img{position:absolute;left:50%;bottom:14px;height:172px;transform:translateX(-50%);filter:drop-shadow(0 8px 10px #000a);transition:transform .25s}.sk-card:hover .sk-stage img{transform:translateX(-50%) scale(1.06)}
.sk-floor{position:absolute;left:50%;bottom:6px;width:120px;height:22px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(color-mix(in srgb,var(--rc) 55%,transparent),transparent 70%)}
.sk-rar{position:absolute;top:8px;left:8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:#0009;border:1px solid var(--rc);color:var(--rc);font-weight:700}
.sk-on{position:absolute;top:8px;right:8px;font-size:10px;letter-spacing:.08em;padding:2px 7px;border-radius:99px;background:#1f8a3a;color:#fff;font-weight:700}
.sk-body{padding:10px 11px 12px}.sk-body b{display:block;font-size:14px;margin-bottom:3px}.sk-body p{margin:0 0 8px;font-size:11.5px;min-height:30px}
.sk-perk{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gold2);margin-bottom:9px}.sk-perk .ic{width:16px;height:16px}
@media(max-width:760px){.sk-hero{grid-template-columns:1fr}.sk-hero .c3d{min-height:300px}}
.c3d-rig img{position:absolute;left:50%;bottom:0;height:100%;max-width:120%;translate:-50% 0;object-fit:contain;transform-origin:50% 100%;filter:drop-shadow(0 10px 12px #000a);will-change:transform,opacity}
.c3d-btn{position:absolute;bottom:24px;width:28px;height:34px;border-radius:8px;border:1px solid #e6c98a55;background:#0b1424c0;color:#f2d488;font:700 22px/1 var(--serif);cursor:pointer;opacity:.55;transition:opacity .15s;z-index:2}
.c3d-btn:hover,.c3d:hover .c3d-btn{opacity:1}.c3d-btn.l{left:4px}.c3d-btn.r{right:4px}
.c3d-hint{position:absolute;left:50%;bottom:4px;translate:-50% 0;font-size:9.5px;color:#8a9db9;white-space:nowrap;pointer-events:none;letter-spacing:.04em}
.inv3d .it,.eqB .it{transition:transform .22s ease,box-shadow .22s ease;box-shadow:0 10px 18px -6px #000c,inset 0 1px 0 #ffffff22,inset 0 -3px 8px #0008}
.inv3d .eqL .it{transform:perspective(600px) rotateY(18deg) translateZ(0)}
.inv3d .eqR .it{transform:perspective(600px) rotateY(-18deg)}
.eqB .it{transform:perspective(600px) rotateX(16deg)}
.inv3d .it.empty,.eqB .it.empty{background:linear-gradient(160deg,#16243a,#070d18);border:1px solid #2a4a75;box-shadow:inset 0 2px 10px #000c,inset 0 -1px 0 #ffffff14,0 6px 12px -6px #000a}
@media(hover:hover) and (pointer:fine){
.inv3d .eqL .it:not(.empty):hover,.inv3d .eqR .it:not(.empty):hover,.eqB .it:not(.empty):hover{transform:perspective(600px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(2.1)}
.g-inv .igrid .it:hover{transform:perspective(600px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(2.1)}
.inv3d .it.empty:hover,.eqB .it.empty:hover{transform:none}
}
.g-inv .igrid .it{box-shadow:0 8px 14px -6px #000c,inset 0 1px 0 #ffffff1c,inset 0 -3px 8px #0007}
@media(max-width:560px){.fig,.c3d{min-height:330px}}

/* ===== FAZ 101 — 3B ARAYÜZ ===== */
/* paneller: derinlik, üst ışık, alt gölge */
.panel{box-shadow:0 18px 34px -18px #000d,0 2px 0 #00000055,inset 0 1px 0 #ffffff12,inset 0 -1px 0 #00000066}
.ph{background:linear-gradient(#ffffff0a,transparent);box-shadow:inset 0 -1px 0 #00000055}
/* butonlar: basılabilir 3B tuş */
.btn{box-shadow:0 3px 0 #000a,0 6px 12px -4px #0009,inset 0 1px 0 #ffffff33;transform:translateY(0)}
.btn:active{transform:translateY(2px);box-shadow:0 1px 0 #000a,0 2px 6px -2px #0009,inset 0 1px 0 #ffffff22}
.btn.gold{box-shadow:0 3px 0 #6e4a0c,0 0 18px #d4ac5b33,0 6px 12px -4px #0009,inset 0 1px 0 #ffffff66}
.btn.red{box-shadow:0 3px 0 #4a0710,0 6px 12px -4px #0009,inset 0 1px 0 #ffffff44}
.btn.green{box-shadow:0 3px 0 #073a24,0 6px 12px -4px #0009,inset 0 1px 0 #ffffff44}
.btn.sm{box-shadow:0 2px 0 #000a,inset 0 1px 0 #ffffff2a}
/* eğilen kartlar */
.qk button,.rc,.ev,.act,.reward div,.vault-card,.premium-card,.ia-card,.hubhead,.bill,.news,.chip,.pcard,.tilt3d{transition:transform .18s ease,box-shadow .18s ease;transform-style:preserve-3d}
@media(hover:hover) and (pointer:fine){
.t3d-on{transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0) scale(1.012);box-shadow:0 18px 30px -12px #000e}
.qk button.t3d-on,.rc.t3d-on,.vault-card.t3d-on,.reward div.t3d-on{transform:perspective(500px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-3px) scale(1.04)}
.premium-card,.ia-card,.qk button,.rc,.hubhead{position:relative}
.premium-card.t3d-on::before,.ia-card.t3d-on::before,.qk button.t3d-on::before,.rc.t3d-on::before,.hubhead.t3d-on::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#ffffff22,transparent 45%)}
}
.qk button{box-shadow:0 6px 0 #03070d,0 10px 16px -6px #000c,inset 0 1px 0 #ffffff1a;background:linear-gradient(#152a48,var(--surf2))}
.qk button:active{transform:translateY(4px);box-shadow:0 2px 0 #03070d,inset 0 1px 0 #ffffff1a}
.chip{box-shadow:inset 0 2px 6px #000a,inset 0 -1px 0 #ffffff12,0 1px 0 #ffffff0d}
.bar{box-shadow:inset 0 2px 3px #000c}.bar i{box-shadow:inset 0 1px 0 #ffffff66,0 0 8px currentColor}
.side-menu button{box-shadow:0 3px 0 #03070d,inset 0 1px 0 #ffffff12;transition:transform .12s}
.side-menu button:hover{transform:translateX(3px)}
.side-menu button:active{transform:translateY(2px);box-shadow:0 1px 0 #03070d}
.tabs button{box-shadow:0 2px 0 #03070d,inset 0 1px 0 #ffffff10}
.tabs button.on{box-shadow:inset 0 2px 6px #000a,inset 0 -2px 0 var(--neon)}
h2.title{text-shadow:0 1px 0 #000,0 3px 0 #0008,0 6px 14px #000a}
/* 3B harita */
.m3dbtn{color:var(--gold)}html.map3d .m3dbtn{background:linear-gradient(#f0d284,#b98a36)!important;color:#1b1305!important}
html.map3d .mapbox{background:radial-gradient(120% 60% at 50% 0%,#1d4f7e,#071a30 55%,#030a14);perspective:1300px}
html.map3d .mapbox>svg{transform:rotateX(24deg) scale(1.02);transform-origin:50% 58%;filter:drop-shadow(0 3px 0 #06101d) drop-shadow(0 6px 0 #040b15) drop-shadow(0 16px 16px #000c)}
html.map3d .mapbox .lbl{font-size:12.5px;stroke-width:4px}
html.map3d .mapbox::after{content:"";position:absolute;left:0;right:0;top:0;height:10%;background:linear-gradient(#030a14,transparent);pointer-events:none}
/* 3B kasa */
.crate3d{perspective:600px;position:relative;display:inline-block}
.cr-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(-32deg)}
.crate3d.idle .cr-cube{animation:crIdle 6s linear infinite}
.crate3d.spin .cr-cube{animation:crSpin 1.3s cubic-bezier(.3,.1,.3,1) forwards}
@keyframes crIdle{to{transform:rotateX(-20deg) rotateY(328deg)}}
@keyframes crSpin{0%{transform:rotateX(-20deg) rotateY(-392deg) scale(.6)}70%{transform:rotateX(-20deg) rotateY(-24deg) scale(1.05)}100%{transform:rotateX(-20deg) rotateY(-32deg) scale(1)}}
.cr-f{position:absolute;left:0;top:0;display:grid;place-items:center;backface-visibility:hidden;border-radius:6%;
 background:linear-gradient(135deg,#ffffff22,transparent 40%),repeating-linear-gradient(90deg,#0000 0 18%,#00000030 18% 20%),linear-gradient(var(--c1),var(--c2));
 box-shadow:inset 0 0 0 calc(var(--s)*.055) var(--c3),inset 0 0 0 calc(var(--s)*.075) #0006,inset 0 0 calc(var(--s)*.2) #0008}
.cr-emb{color:var(--c3);text-shadow:0 2px 0 #0008,0 0 14px var(--c3);font-family:var(--serif)}
.cr-lid{position:absolute;left:0;top:0;transform-style:preserve-3d;transform-origin:50% 0;transform:translateZ(calc(var(--h)*-1)) rotateX(90deg);transition:transform .5s cubic-bezier(.3,1.5,.5,1)}
.cr-lid .cr-f{transform:none!important;backface-visibility:visible}
.cr-glow{position:absolute;left:10%;top:10%;width:80%;height:80%;border-radius:50%;background:radial-gradient(closest-side,#fff,#ffe08a88,transparent);opacity:0;transition:opacity .3s}
.cr-rays{position:absolute;left:50%;top:40%;width:260%;aspect-ratio:1;translate:-50% -50%;pointer-events:none;opacity:0;background:repeating-conic-gradient(#ffe08a55 0 8deg,transparent 8deg 22deg);mask:radial-gradient(closest-side,#000 30%,transparent);-webkit-mask:radial-gradient(closest-side,#000 30%,transparent);transition:opacity .3s}
#boxAnimIcon.burst .cr-lid{transform:translateZ(calc(var(--h)*-1)) rotateX(205deg)}
#boxAnimIcon.burst .cr-glow{opacity:1}
#boxAnimIcon.burst .cr-rays{opacity:1;animation:crRays 1s linear infinite}
@keyframes crRays{to{rotate:40deg}}
@media(prefers-reduced-motion:reduce){.crate3d .cr-cube{animation:none!important}}

#netPauseBar{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:400;background:#0b1424f2;border:1px solid #e6c98a88;color:#f2d488;font-size:12.5px;padding:9px 16px;border-radius:999px;box-shadow:0 8px 24px #000c;max-width:92vw;text-align:center;cursor:pointer}

/* FAZ 104 — 3B lig rozetleri */
.elo3d{position:relative;width:var(--sz);height:var(--sz);perspective:420px;flex:0 0 auto;display:inline-block}
.elo3d-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:eloSway 5.5s ease-in-out infinite;filter:drop-shadow(0 6px 8px #000b) drop-shadow(0 0 10px color-mix(in srgb,var(--ec) 35%,transparent))}
.elo3d.locked .elo3d-in{animation:none;filter:drop-shadow(0 3px 4px #000a)}
.elo3d-in svg{display:block}
.elo3d-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,#ffffff88 48%,transparent 60%);background-size:260% 100%;animation:eloShine 3.8s ease-in-out infinite;mix-blend-mode:overlay;clip-path:polygon(50% 8%,85% 20%,85% 48%,50% 92%,15% 48%,15% 20%)}
.elo3d.locked .elo3d-shine{display:none}
.elo3d-shadow{position:absolute;left:18%;right:18%;bottom:-8%;height:10%;border-radius:50%;background:radial-gradient(closest-side,#000a,transparent);animation:eloShadow 5.5s ease-in-out infinite}
@keyframes eloSway{0%,100%{transform:rotateY(-22deg) rotateX(6deg) translateY(0)}50%{transform:rotateY(22deg) rotateX(6deg) translateY(-4px)}}
@keyframes eloShine{0%,55%{background-position:120% 0}100%{background-position:-60% 0}}
@keyframes eloShadow{0%,100%{transform:scaleX(.9)}50%{transform:scaleX(.7);opacity:.7}}
.elo-card{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;background:radial-gradient(120% 140% at 0% 50%,color-mix(in srgb,var(--ec) 22%,transparent),transparent 60%),linear-gradient(#0f1d33,#081222);border:1px solid color-mix(in srgb,var(--ec) 45%,#ffffff10);box-shadow:inset 0 1px 0 #ffffff14,0 10px 20px -10px #000c}
.elo-info{flex:1;min-width:0;text-align:left}
.elo-kick{font-size:10px;letter-spacing:.2em;color:#8a9db9;font-weight:700}
.elo-name{font:800 24px/1.05 var(--serif);color:var(--ec);text-shadow:0 2px 0 #000,0 0 14px color-mix(in srgb,var(--ec) 45%,transparent);letter-spacing:.04em;text-transform:uppercase}
.elo-pts{font-size:12px;color:#cdd6e6;margin-top:2px}.elo-pts b{color:#fff;font-size:15px}
.elo-bar{height:8px;border-radius:5px;background:#050a14;border:1px solid #ffffff14;margin-top:7px;overflow:hidden;box-shadow:inset 0 2px 3px #000c}
.elo-bar i{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--ec) 60%,#000),var(--ec));box-shadow:0 0 10px var(--ec),inset 0 1px 0 #ffffff88;border-radius:5px}
.elo-next{font-size:10.5px;color:#8a9db9;margin-top:4px}
.elo-ladder{display:flex;justify-content:space-between;align-items:flex-end;gap:4px;margin:10px 0 2px;padding:10px 6px 6px;border-radius:10px;background:linear-gradient(#0b1424cc,#050a14cc);border:1px solid #ffffff12}
.elo-step{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;min-width:0}
.elo-step b{font:800 10.5px var(--serif);letter-spacing:.03em;white-space:nowrap}
.elo-step small{font-size:9.5px;color:#6b7789}
.elo-step.cur{transform:translateY(-4px)}
.elo-step.cur b{text-shadow:0 0 10px currentColor}

/* FAZ 105 — antik gerçekçi harita */
.mapbox:has(svg.rmap){background:#2a1d10;border-color:#8a6a3a}
.mapbox svg.rmap .hx{fill:#fff;fill-opacity:0;stroke:none;filter:none;transition:fill-opacity .15s}
.mapbox svg.rmap .hx:hover{fill:#fff4d0;fill-opacity:.16}
.mapbox svg.rmap .hx.sel{fill:#ffd36a;fill-opacity:.2;stroke:none}
.mapbox svg.rmap .own{fill:none;stroke:#1f6b3a;stroke-width:1.1;stroke-dasharray:3 2;opacity:.75;filter:none}
.mapbox svg.rmap .lbl{fill:#3a2210;font-family:Georgia,'Cinzel',serif;font-style:italic;font-weight:700;text-transform:uppercase;paint-order:stroke;stroke:#f1e4c0;stroke-width:2.6px;stroke-opacity:.8;opacity:.92}
.mapbox svg.rmap .cityMark circle{fill:#5a1f14;stroke:#f1e4c0;stroke-width:.45}
.mapbox svg.rmap .cityMark text{fill:#2a1a0c;stroke:#f1e4c0;stroke-width:.7px;font-style:italic}
html.map3d .mapbox>svg.rmap{filter:drop-shadow(0 10px 14px #000c)}
html.map3d .mapbox:has(svg.rmap){background:radial-gradient(120% 60% at 50% 0%,#4a3520,#1a1108 60%,#0d0804)}
@media(max-width:560px){.mapctl{flex-direction:row;top:auto;bottom:6px;right:6px}.mapctl button{width:28px;height:28px}}

.mapbox svg.rmap .rcity{cursor:pointer}
.mapbox svg.rmap .rcity .rc-b{fill:#e9dcb8;stroke:#3a2210;stroke-width:.28;stroke-linejoin:round}
.mapbox svg.rmap .rcity .rc-d{fill:#3a2210}.mapbox svg.rmap .rcity .rc-sh{fill:#0006}
.mapbox svg.rmap .rcity:hover .rc-b{fill:#ffd36a}
.mapbox svg.rmap .rcity circle{fill:transparent!important;stroke:none!important}
.mapbox svg.rmap .lbl{stroke-width:3.2px;stroke-opacity:.92}

/* FAZ 106 — Çiftlik */
.farm-panel{background:linear-gradient(#1b2a18,#0f1a0e);border-color:#4a6a3a}
.farm-hud{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:10px}
.farm-hud>div{background:linear-gradient(#5a3a1e,#3e2612);border:2px solid #8a5a2e;border-radius:8px;padding:5px 12px;box-shadow:0 3px 0 #1e1208,inset 0 1px 0 #ffffff22;text-align:center;min-width:92px}
.farm-hud span{display:block;font-size:10px;color:#e8c890;letter-spacing:.06em;text-transform:uppercase}
.farm-hud b{font:800 15px var(--sans);color:#fff3d0}.farm-hud .fh-lim b{color:#9fe070}.farm-hud small{font-size:10px;color:#e8c890;font-weight:600}.farm-hud .fh-w b{color:#ffd84a;font-size:17px}
.farm-wrap{border:4px solid #6b4423;border-radius:10px;overflow:hidden;box-shadow:0 0 0 2px #2a1a0c,0 14px 30px -10px #000c;background:#2a1a0c;max-width:980px;margin:0 auto}
#farmCv{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:pan-y;cursor:pointer}
.farm-ctl{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.farm-pad{display:flex;flex-direction:column;align-items:center;gap:4px;user-select:none}
.farm-pad>div{display:flex;gap:4px}
.farm-pad button{width:44px;height:40px;border-radius:8px;border:2px solid #8a5a2e;background:linear-gradient(#6b4423,#4a2c14);color:#ffe8b0;font-size:16px;box-shadow:0 3px 0 #1e1208;touch-action:none}
.farm-pad button:active{transform:translateY(2px);box-shadow:0 1px 0 #1e1208}
.farm-act{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.farm-act .btn{padding:11px 14px;font-size:14px;touch-action:none}.farm-act small{opacity:.7;font-size:10px;margin-left:3px}
@media(hover:hover) and (pointer:fine){.farm-pad{display:none}}

/* FAZ 108 — Halı Saha 5v5 */
.fb-panel{background:linear-gradient(#0b1626,#060b14)}
.fb-wrap{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 0 0 2px #1b3352,0 16px 30px -12px #000d;background:#050912}
#fbCv{display:block;width:100%;touch-action:none}
.fb-menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:14px;background:radial-gradient(circle at 50% 40%,#0b1a30cc,#04070ee8);overflow:auto}
.fb-card{background:#0b1424e6;border:1px solid #ffffff22;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:9px;min-width:230px;max-width:340px;flex:1;box-shadow:0 12px 26px -10px #000d}
.fb-h{font:800 16px var(--serif);color:#e6c98a;text-align:center;letter-spacing:.04em}
.fb-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}
.fb-btns .btn{padding:12px 14px;font-size:14px;touch-action:none;user-select:none}
@media(hover:hover) and (pointer:fine){.fb-btns{display:none}}
@media(max-width:560px){#fbMenu{position:static;background:none;padding:10px 0 0;flex-direction:column}#fbMenu .fb-card{min-width:0;max-width:none;width:100%}.fb-wrap:has(#fbMenu[style*='flex']) #fbCv{display:none}}

#gameNetBar{position:fixed;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:390;background:#0b1424e6;border:1px solid #3fb6ff66;color:#9fd3ff;font-size:11px;padding:6px 12px;border-radius:999px;box-shadow:0 6px 16px #000a;pointer-events:none;max-width:70vw}
@media(min-width:901px){#gameNetBar{bottom:14px}}

/* FAZ 110 — Keskin Nişancı */
.sn-panel{background:linear-gradient(#0b1626,#060b14)}
.sn-wrap{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 0 0 2px #1b3352,0 16px 30px -12px #000d;background:#050912}
#snCv{display:block;width:100%;touch-action:none;cursor:none}
.sn-menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12px;background:radial-gradient(circle at 50% 40%,#0b1a30bb,#04070ee6);overflow:auto}
.sn-card{background:#0b1424e6;border:1px solid #ffffff22;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:9px;width:min(360px,100%);box-shadow:0 12px 26px -10px #000d}
.sn-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px}.sn-btns .btn{padding:12px 14px;font-size:14px;touch-action:none;user-select:none}
@media(hover:hover) and (pointer:fine){.sn-btns{display:none}}

/* FAZ 112 — Satranç */
.ch-panel{background:linear-gradient(#140e09,#080604);border-color:#5a3a1e}
.ch-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:10px;align-items:start}
@media(max-width:860px){.ch-grid{grid-template-columns:1fr}}
.ch-wrap{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 0 0 2px #3a2410,0 16px 30px -12px #000d}
#chCv{display:block;width:100%;touch-action:none;cursor:pointer}
.ch-side{display:flex;flex-direction:column;gap:8px}
.ch-pl{background:linear-gradient(#1f160e,#130d08);border:1px solid #4a3218;border-radius:10px;padding:8px 10px;box-shadow:inset 0 1px 0 #ffffff10}
.ch-pl.on{border-color:#e6c98a;box-shadow:0 0 0 1px #e6c98a55,0 0 18px -4px #e6c98a88}
.ch-dot{width:14px;height:14px;border-radius:50%;flex:none;box-shadow:0 1px 3px #000a}.ch-dot.w{background:radial-gradient(circle at 35% 30%,#fff,#d8ccb0)}.ch-dot.b{background:radial-gradient(circle at 35% 30%,#666,#111)}
.ch-clk{font:800 20px 'Courier New',monospace;background:#0a0704;border:1px solid #3a2410;border-radius:6px;padding:2px 8px;color:#f2d488;min-width:70px;text-align:center}
.ch-clk.low{color:#ff6a6a;animation:pulse 1s infinite}
.ch-caps{min-height:26px;margin-top:4px;display:flex;align-items:flex-end;padding-left:4px}
.ch-mvs{max-height:230px;overflow:auto;background:#0a0704;border:1px solid #3a2410;border-radius:8px;padding:4px 6px;font:13px 'Courier New',monospace}
.ch-mv{display:grid;grid-template-columns:34px 1fr 1fr;gap:4px;padding:2px 0;border-bottom:1px solid #ffffff08}.ch-mv span{color:#8a7a5a}.ch-mv b{color:#f0e2c0;font-weight:600}
.ch-res{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;border-radius:10px;background:#0a0704;border:1px solid #4a3218}.ch-res b{font:900 20px var(--serif)}.ch-res.w b{color:#9fe070}.ch-res.l b{color:#ff7a6a}.ch-res.d b{color:#f2d488}.ch-res span{font-size:12px;color:#cdbfa0}
.ch-promo{display:flex;gap:6px;justify-content:center;background:#0a0704;border:1px solid #e6c98a;border-radius:10px;padding:6px}.ch-promo button{background:#2a1c10;border:1px solid #5a3a1e;border-radius:8px;padding:2px 6px;cursor:pointer}.ch-promo img{height:54px;display:block}
.w2d-spin{width:34px;height:34px;border-radius:50%;border:3px solid #ffffff22;border-top-color:#e6c98a;margin:6px auto;animation:ang 1s linear infinite;animation-name:chspin}@keyframes chspin{to{transform:rotate(360deg)}}

.ch-stakes{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.ch-stakes div{display:flex;flex-direction:column;align-items:center;background:#0a0704;border:1px solid #3a2410;border-radius:6px;padding:3px 0}.ch-stakes div.on{border-color:#e6c98a;box-shadow:0 0 10px -2px #e6c98a88}.ch-stakes b{font:800 10px var(--serif)}.ch-stakes span{font-size:11px;color:#f0e2c0}
.ch-pot{text-align:center;font-size:12.5px;background:#0a0704;border:1px dashed #e6c98a66;border-radius:8px;padding:5px}


/* ===== v39 VEKTÖR HARİTA (CK3 tarzı) ===== */
.mapbox:has(svg.gmap){background:#26404f;border-color:#8a6a3a}
.mapbox svg.gmap{display:block;width:100%;height:clamp(280px,62vh,620px);touch-action:pan-y;user-select:none;-webkit-user-select:none}

.gmap .g-rg{fill-opacity:.58;stroke-width:1.1;stroke-opacity:.58;cursor:pointer;transition:fill-opacity .15s}
.gmap .g-rg:hover{fill-opacity:.78}
.gmap .g-rg.sel{fill-opacity:.8}
.gmap .g-off{fill:#3a2c18;fill-opacity:.18;stroke:none}
.gm-world .g-off{fill-opacity:0}
.gmap .g-rb{fill:none;stroke:#2b1a0b;stroke-opacity:.45;stroke-width:.8;stroke-dasharray:2.4 1.8;pointer-events:none;stroke-linecap:round}
.gmap .g-cb{fill:none;stroke:#241407;stroke-opacity:.85;stroke-width:2.1;pointer-events:none;stroke-linejoin:round;stroke-linecap:round}
.gmap .g-cst{fill:none;stroke:#1b120a;stroke-opacity:.75;stroke-width:1.15;pointer-events:none;stroke-linejoin:round}
.gmap .g-own{fill:none;stroke:#ffe08a;stroke-width:2.6;stroke-opacity:.9;pointer-events:none;stroke-linejoin:round}
.gmap .g-sel{fill:none;stroke:#fff6d0;stroke-width:3.2;pointer-events:none;stroke-linejoin:round;stroke-dasharray:7 4;animation:gsel 1.2s linear infinite}
@keyframes gsel{to{stroke-dashoffset:-22}}
.gmap .g-war{pointer-events:none;animation:gwar 1.6s ease-in-out infinite}
@keyframes gwar{50%{opacity:.35}}
.gmap .g-cl{fill:#2a1b0c;fill-opacity:.8;font-family:Georgia,'Cinzel',serif;font-weight:700;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#f3e6c4;stroke-opacity:.55;stroke-width:.14em;pointer-events:none}
.gmap .g-cl.me{fill:#5a1206}
.gmap .g-sea{fill:#cfe0e6;fill-opacity:.42;font-family:Georgia,serif;font-style:italic;text-anchor:middle;dominant-baseline:middle;pointer-events:none}
.gmap .gcity .rc-b{fill:#efe2bf;stroke:#3a2210;stroke-width:.3;stroke-linejoin:round}.gmap .gcity .rc-d{fill:#3a2210}.gmap .gcity .rc-sh{fill:#0006}
.gmap .gcity text{font:italic 700 3.1px Georgia,serif;fill:#24160a;text-anchor:middle;paint-order:stroke;stroke:#f3e6c4;stroke-width:.9px;pointer-events:none}
.gmap .gcity.big text{font-size:3.4px}
.gmap .gcity:hover .rc-b{fill:#fff}
.gmap[data-lod="0"] .g-cities{display:none}
.gmap[data-lod="1"] .gcity text{display:none}
.gmap[data-lod="0"] .g-rb{display:none}
.gm-mini .g-rg{stroke-width:2}
.mapbox svg.gmap.gm-mini{height:auto}
.mapbox[data-map="hub"] svg.gmap{height:clamp(240px,46vh,420px)}
html.map3d .mapbox>svg.gmap{transform:none;filter:none}
html.lite .gmap .g-sel,html.lite .gmap .g-war{animation:none}
/* ===== v38 MOBİL: dokunma hedefleri, taşma, kaydırma ===== */
html:has(#modal .mb){overflow:hidden}/* modal açıkken arka sayfa kaymasın */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:clip}
#main{overflow-wrap:break-word}
img,svg,canvas,video{max-width:100%}
@media (pointer:coarse){
 .btn{min-height:44px}.btn.sm{min-height:40px;padding-top:8px;padding-bottom:8px}
 .tabs button,.seg button{min-height:40px}
 input,select,textarea{font-size:16px!important;min-height:44px}
 textarea{min-height:88px}
 .md .ph button.x{min-width:44px;min-height:44px;font-size:24px}
 .kv b .btn{min-height:36px}
 a,button,[data-a]{-webkit-tap-highlight-color:transparent}
}
@media (max-width:760px){
 .title{font-size:20px!important;line-height:1.2}
 .grid.g-2,.grid.g-3,.grid.g-home,.grid.g-map,#main .grid[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
 .row.wrap>*{min-width:0}
 table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .md{border-radius:14px}
 .mb{padding:8px;align-items:end}
}
/* ===== v38 LITE: telefonda FPS için ağır efektleri kapat ===== */
html.lite *,html.lite *::before,html.lite *::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.lite .ic3,html.lite #nav svg,html.lite #bnav svg,html.lite .side-menu svg,html.lite .panel .ph svg{filter:none!important}
html.lite .panel,html.lite .act,html.lite .qk button,html.lite .pcard,html.lite .news,html.lite .bill,html.lite .sk-card,html.lite .vault-card,html.lite .it{box-shadow:none!important}
html.lite .btn{box-shadow:0 2px 0 #0006!important}
html.lite body::before,html.lite body::after{animation:none!important}
html.lite:root[data-theme="d3"] body::after{display:none}
html.lite main.d3enter *{animation:none!important}
html.lite #main *{transition-duration:.08s!important}
html.lite.map3d .mapbox>svg,html.lite.map3d .mapbox>svg.rmap{filter:none!important}
html.lite .sk-stage img,html.lite .c3d-rig img{filter:none!important}
html.lite .sk-card{content-visibility:auto;contain-intrinsic-size:auto 360px}
html.lite .news,html.lite .act{content-visibility:auto;contain-intrinsic-size:auto 64px}
html.lite #themeBg{display:none}
html.lite .t3d-on{transform:none!important}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ===== Denetim düzeltmeleri — mobil dokunma / yerleşim ===== */
/* B240 — dokunmatik birincil işaretçide dokunma hedefleri en az 44 px (WCAG 2.5.5 / Android 48dp'ye yakın) */
@media (pointer:coarse){
 .btn.sm{min-height:44px;min-width:44px}
 .tabs button,.seg button{min-height:44px}
 .ph a,.ph .lnk{display:inline-flex;align-items:center;min-height:44px;min-width:44px;justify-content:flex-end;margin-top:-9px;margin-bottom:-9px;padding:0 4px}
 .mapctl button{width:44px;height:44px}
 .farm-pad button{width:48px;height:48px}
 .c3d-btn{width:44px;height:44px}
 .vt button{min-width:44px;min-height:40px}
}
/* 560 px altında harita düğmeleri küçülmesin (eski kural 28 px yapıyordu) */
@media (max-width:560px) and (pointer:coarse){.mapctl button{width:44px;height:44px}}

/* B272 — birincil işaretçisi fare/touchpad olan AMA dokunmatik ekranı da olan cihazlarda (any-pointer:coarse)
   oyun düğmeleri gizlenmesin; yoksa dokunarak ateş / pas / şut yapılamıyordu. */
@media (any-pointer:coarse){.fb-btns,.sn-btns,.farm-pad{display:flex}}

/* B259 — mobilde yüzen müzik düğmesi alt menünün (z-index 60, ~64 px + güvenli alan) üstünde dursun */
@media (max-width:900px){.bgmfloat{bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:61}}

/* B247 — yatay telefonda (alçak ekran) mini oyun sayfasındayken yapışkan üst çubuk ve alt menü görünür alanı
   ~220 px'e indiriyordu: üst çubuk kaydırılabilir olur, alt menü gizlenir, tuvaller ekran yüksekliğine sığar
   (en-boy oranı korunur). Oyundan çıkınca (tuval DOM'dan kalkınca) her şey eski hâline döner. */
@media (orientation:landscape) and (max-height:520px){
 body:has(#fbCv,#snCv,#farmCv,#w2dCv) #top{position:relative;top:auto}
 body:has(#fbCv,#snCv,#farmCv,#w2dCv) #bnav{display:none}
 body:has(#fbCv,#snCv,#farmCv,#w2dCv) .bgmfloat{bottom:calc(14px + env(safe-area-inset-bottom,0px))}
 #fbCv,#snCv,#farmCv{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 12px);margin:0 auto}
 #w2dWrap:not(:fullscreen) #w2dCv{height:calc(100dvh - 12px)!important}
}
/* Gizlilik Politikası / Hesap Silme — her sayfanın en altındaki bağlantılar ve oyun içi politika metni */
.legalfoot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;margin:28px 0 8px;padding:12px 8px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #ffffff14;font-size:12px;color:var(--mute,#9aa6b8)}
.legalfoot .lnk{font-size:12.5px;opacity:.9;min-height:44px;padding:0 8px;background:none!important;border:0!important;box-shadow:none!important;color:var(--gold,#f2d488);text-decoration:underline;text-underline-offset:3px}
.legalfoot .lnk:hover{opacity:1}
#login .legalfoot{border-top:0;margin-top:10px}
@media (max-width:900px){#main>.legalfoot{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}
.legaltext h4{margin:14px 0 4px;font-size:13.5px}
.legaltext p{margin:0 0 6px}
/* +18 ibaresi (kumar sayfaları) */
.age18{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px;border:1px solid #ff5a4d66;border-radius:10px;background:#ff5a4d14;font-size:12.5px;line-height:1.45}
.age18 b{flex:none;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid #ff5a4d;color:#ff7a6d;font:800 14px var(--sans,system-ui)}
/* v42 mobil — telefon (360–414 px dikey) yerleşim/kaydırma düzeltmeleri */
/* Tablolar kendi kabında yatay kaysın, sayfa yatay kaymasın */
.tbl{max-width:100%}
@media (max-width:760px){
 .tbl{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
 /* 2D Savaş: lobi tuvalin içine sıkışmasın — akışa yerleşir, sayfa normal kayar; oyun alanı ekrana sığar */
 #w2dWrap.w2d-lobby #w2dCv,#w2dWrap.w2d-lobby>button[data-a="war2dnade"],#w2dWrap.w2d-lobby>div:not([id]),#w2dWrap.w2d-lobby #w2dScore,#w2dWrap.w2d-lobby #w2dHud,#w2dWrap.w2d-lobby #w2dFeed,#w2dWrap.w2d-lobby #w2dBoard{display:none!important}
 #w2dWrap.w2d-lobby{background:transparent!important}
 #w2dWrap.w2d-lobby #w2dStatus{position:static!important;inset:auto!important;overflow:visible!important;padding:4px 0!important;background:transparent!important}
 #w2dWrap:not(.w2d-lobby) #w2dCv{height:min(64vh,calc(100dvh - 200px))!important;min-height:260px}
 #w2dStatus>.row>div{min-width:0!important;flex:1 1 100%!important}
}
/* Mini oyun menüleri (Keskin Nişancı, Satranç, Halı Saha): telefonda menü tuvalin üstünde iç içe kaydırma yerine akışa
   yerleşir; menüdeyken tuval sayfa kaydırmasını engellemez (pan-y), Halı Saha'da tuval gizlenir → sayfa rahatça kayar. Oyun başlayınca menü gizlenir, tuval geri gelir. */
@media (max-width:560px){
 .sn-wrap:has(>.sn-menu:not([style*="none"]))>#snCv,.ch-wrap:has(>.sn-menu:not([style*="none"]))>#chCv{touch-action:pan-y}
 .fb-wrap:has(>#fbMenu:not([style*="none"])) #fbCv{display:none}
 .sn-wrap>.sn-menu:not([style*="none"]),.ch-wrap>.sn-menu:not([style*="none"]){position:static;background:none;padding:4px 0;overflow:visible}
 .sn-wrap:has(>.sn-menu:not([style*="none"])),.ch-wrap:has(>.sn-menu:not([style*="none"])),.fb-wrap:has(>#fbMenu:not([style*="none"])){background:none;box-shadow:none}
}
/* Modaller: başlık (× kapat) uzun içerikte hep görünür; klavye açılınca modal görünür alana (--vvh, js/game-08.js) sığar */
.md>.ph{position:sticky;top:0;z-index:3;background:var(--surf1)}
.md{max-height:min(88dvh,calc(var(--vvh,100dvh) - 20px))}
@media (max-width:760px){
 .mb{bottom:auto;height:var(--vvh,100%);padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
 .md{max-height:calc(var(--vvh,100dvh) - 24px)}
 /* Anahtar–değer satırlarında (ör. Yönetim → Bölgeler) geniş select'ler kırpılmasın */
 select{max-width:100%}
 .kv>b,.kv>span{min-width:0}
 .kv>b>select,.kv>b>input{max-width:100%}
 pre,code{white-space:pre-wrap;word-break:break-word}
}
@media (max-width:760px){.ph:has(>.tabs),.ph:has(>span.tabs){flex-wrap:wrap;row-gap:6px}}
/* Menüdeyken dokunmatik oyun düğmeleri (Pas/Şut, Dürbün/Ateş) gereksiz yer kaplamasın */
.fb-wrap:has(>#fbMenu:not([style*="none"]))+.fb-btns,.sn-wrap:has(>.sn-menu:not([style*="none"]))+.sn-btns{display:none!important}
/* 2D Savaş sahte tam ekran (Fullscreen API'siz WebView) — "Tam Ekran" düğmesi yeniden basılınca çıkar */
#w2dWrap.w2d-pfs{position:fixed!important;inset:0;z-index:250;max-width:none!important;margin:0!important;overflow:auto;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
#w2dWrap.w2d-pfs #w2dCv{height:100%!important;max-height:none!important}
html:has(#w2dWrap.w2d-pfs){overflow:hidden}

/* v42 — borsa grafikleri (eksenli, oran korunur, telefona sığar) + çiftlik süre etiketleri */
.cbox2{display:block;width:100%;height:auto;max-height:280px;overflow:visible}
.cbox2.cload{display:flex;align-items:center;justify-content:center;min-height:150px;font-size:12.5px}
.tabs.crange{display:inline-flex;flex-wrap:nowrap}
.tabs.crange button{min-width:48px}
@media (max-width:480px){.cbox2{max-height:220px}.farm-grow .tag{font-size:11.5px}}

/* v43 — tüm oyunlarda tam ekran (.gfs-btn düğmesi, .game-pfs sahte tam ekran, :fullscreen gerçek tam ekran) */
.gfs-btn{position:absolute;top:8px;right:8px;z-index:6;width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(10,14,24,.72);color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation}
.gfs-btn:hover{background:rgba(30,40,64,.9)}
.game-pfs,.gfs-host:fullscreen{position:fixed!important;inset:0!important;z-index:300!important;max-width:none!important;width:100vw!important;height:100dvh!important;margin:0!important;border-radius:0!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)!important;overflow:hidden!important}
.game-pfs>canvas,.gfs-host:fullscreen>canvas{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain}
.game-pfs>*:not(canvas):not(.gfs-btn){max-width:100%}
html.game-pfs-on,html.game-pfs-on body{overflow:hidden!important;overscroll-behavior:none}
/* v43 — sunucu eylemi sürerken düğme göstergesi */
.fn-busy{position:relative;pointer-events:none;opacity:.75}
.fn-busy::after{content:'';position:absolute;right:8px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:fnspin .7s linear infinite}
@keyframes fnspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.fn-busy::after{animation:none}}