:root{
  --bg:#090807; --side:#121110; --card:#181716; --card2:#1e1d1c; --line:#272625; --line2:#32312f;
  --text:#e9e6df; --muted:#8c949c; --dim:#5f676f;
  --gold:#d9b36c; --gold2:#f1d08f; --green:#3fbf7f; --red:#e5484d; --blue:#3e8cf0; --violet:#9b7cf0;
  --r:14px;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit;text-decoration:none}
#stars{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(1200px 700px at 50% -10%,#2a2112 0,transparent 60%),
  repeating-linear-gradient(135deg,#ffffff03 0 2px,transparent 2px 9px),
  linear-gradient(180deg,#0b0b0a,#060708)}
#root{position:relative;z-index:1}
.hidden{display:none!important}
button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line2);background:var(--card2);border-radius:10px;padding:8px 14px;transition:.12s}
button:hover:not(:disabled){border-color:var(--gold);color:var(--gold2)}
button:disabled{opacity:.45;cursor:not-allowed}
button.gold{background:linear-gradient(180deg,#e2bf7a,#b88e43);color:#1b1407;border-color:#e2bf7a;font-weight:700}
button.gold:hover:not(:disabled){filter:brightness(1.08);color:#1b1407}
button.green{background:#2a2928;border-color:#2e6a4a;color:#9ff0c4}
button.red{background:#3a1a1c;border-color:#7a2c30;color:#ffb3b5}
button.blue{background:#222120;border-color:#2c4a78;color:#b8d4ff}
button.ghost{background:none;border-color:transparent}
button.sm{padding:4px 10px;font-size:12px;border-radius:8px}
input,select,textarea{font:inherit;color:var(--text);background:#100f0d;border:1px solid var(--line2);border-radius:10px;padding:9px 12px;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--gold)}
textarea{resize:vertical;min-height:120px;width:100%}
.muted{color:var(--muted)} .dim{color:var(--dim)} .gold-t{color:var(--gold2)} .green-t{color:var(--green)} .red-t{color:var(--red)} .blue-t{color:var(--blue)}
.small{font-size:12px} .tiny{font-size:11px} .b{font-weight:700}
.row{display:flex;gap:10px;align-items:center} .wrap{flex-wrap:wrap} .sp{flex:1} .col{display:flex;flex-direction:column;gap:10px}
.num{font-variant-numeric:tabular-nums}
.serif{font-family:Cinzel,Georgia,serif;letter-spacing:.06em}

/* düzen */
.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}
.side{position:sticky;top:0;height:100vh;background:rgba(18,17,16,.96);border-right:1px solid var(--line);display:flex;flex-direction:column}
.brand{padding:18px 16px 12px;text-align:center;border-bottom:1px solid var(--line)}
.brand .logo{font-family:Cinzel,serif;font-size:22px;color:var(--gold2);letter-spacing:.14em}
.brand .on{font-size:12px;color:var(--muted);margin-top:4px}
.brand .on i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}
.nav{padding:10px 8px;overflow:auto;flex:1}
.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#c9c5bc;font-weight:500;margin-bottom:2px}
.nav a .ic{width:22px;text-align:center;font-size:17px;filter:grayscale(.3)}
.nav a:hover{background:#1b1a19}
.nav a.on{background:#1f1e1c;color:#fff;font-weight:700;box-shadow:inset 3px 0 0 var(--gold)}
.nav .sec{font-size:10px;letter-spacing:.2em;color:var(--dim);padding:14px 12px 6px;text-transform:uppercase}
.side .foot{border-top:1px solid var(--line);padding:10px;display:flex;justify-content:space-around}
.side .foot button{background:none;border:none;font-size:18px;padding:6px}
.main{min-width:0}
.topbar{position:sticky;top:0;z-index:5;display:flex;gap:18px;align-items:center;padding:10px 22px;background:rgba(8,7,7,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.topbar .st{display:flex;align-items:center;gap:6px;font-weight:700}
.topbar .ebar{width:140px}
.page{max-width:1300px;margin:0 auto;padding:20px 22px 60px}
.ptitle{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.ptitle h1{font-family:Cinzel,serif;font-size:22px;letter-spacing:.1em;margin:0;color:var(--gold2)}
@media(max-width:900px){
  .app{grid-template-columns:1fr}
  .side{position:fixed;left:0;top:0;z-index:30;width:240px;transform:translateX(-100%);transition:.2s}
  .side.open{transform:none}
  .burger{display:inline-block!important}
}
.burger{display:none;background:none;border:none;font-size:20px;padding:4px 8px}

/* kartlar */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.card.p0{padding:0;overflow:hidden}
.card h3{margin:0 0 10px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.card h3 .sp{flex:1}
.card .hd{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:700}
.g{display:grid;gap:14px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))} .g3{grid-template-columns:repeat(3,minmax(0,1fr))} .g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.home{grid-template-columns:minmax(0,340px) minmax(0,1fr) minmax(0,360px)}
.split{grid-template-columns:minmax(0,400px) minmax(0,1fr)}
@media(max-width:1200px){.home{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .home>.c3{grid-column:1/-1}}
@media(max-width:800px){.home,.split,.g2,.g3{grid-template-columns:1fr} .g4{grid-template-columns:repeat(2,1fr)}}
.bar{height:8px;background:#0e0d0c;border-radius:99px;overflow:hidden;border:1px solid var(--line)}
.bar>i{display:block;height:100%;background:var(--gold);border-radius:99px;transition:width .3s}
.bar.green>i{background:var(--green)}
.kv{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line)}
.kv:last-child{border-bottom:none}
.kv .v{color:var(--gold2);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:99px;font-size:12px;border:1px solid var(--line2);background:#100f0e;white-space:nowrap}
.pill.on{border-color:var(--gold);color:var(--gold2)}
.dot{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:middle;margin-right:6px;flex:none}
.av{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800;color:#0b0b0b;flex:none}
.av.lg{width:110px;height:110px;border-radius:16px;font-size:44px;border:2px solid var(--gold)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto}
.tabs button{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;padding:10px 16px;color:var(--muted);white-space:nowrap}
.tabs button.on{color:var(--gold2);border-bottom-color:var(--gold)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.chips button{padding:6px 12px;border-radius:10px;font-size:13px}
.chips button.on{border-color:var(--gold);color:var(--gold2);background:#221d12}
table{width:100%;border-collapse:collapse}
td,th{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
th{color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}
td.r,th.r{text-align:right}
tr.click{cursor:pointer} tr.click:hover td{background:#1b1a19}
.list .it{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.list .it:last-child{border-bottom:none}
.empty{color:var(--muted);text-align:center;padding:24px}

/* oyuncu kartı */
.pcard .nm{font-family:Cinzel,serif;font-size:18px;letter-spacing:.04em}
.res4{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.res4>div{padding:8px 4px;border-right:1px solid var(--line)}
.res4>div:last-child{border-right:none}
.res4 .ic{font-size:24px}
.res4 .bar{height:4px;margin-top:6px}
.qa{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.qa a{padding:12px 4px;font-size:12px;font-weight:600;border-radius:10px}
.qa a:hover{background:#1f1e1c}
.qa .ic{font-size:24px;display:block;margin-bottom:4px}

/* sohbet */
.chat{display:flex;flex-direction:column;height:calc(100vh - 140px);min-height:520px}
.chat .msgs{flex:1;overflow:auto;padding:10px 14px;display:flex;flex-direction:column;gap:10px}
.msg .who{font-size:12px;font-weight:700;color:var(--gold2)}
.msg .who span{color:var(--muted);font-weight:500;margin-left:6px}
.msg .bub{display:inline-block;background:#21201f;border:1px solid var(--line2);border-radius:12px;padding:7px 11px;margin-top:3px;max-width:100%;word-wrap:break-word}
.msg.me{align-self:flex-end;text-align:right}
.msg.me .bub{background:#222120;border-color:#383736}
.msg .rp{font-size:11px;color:var(--muted);border-left:2px solid var(--gold);padding-left:6px;margin:3px 0}
.msg .tm{font-size:10px;color:var(--dim);margin-left:6px}
.msg .act{opacity:0;font-size:11px;margin-left:6px;cursor:pointer;color:var(--muted)}
.msg:hover .act{opacity:1}
.chat form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}
.chat form input{flex:1}

/* savaş */
.wcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px;cursor:pointer}
.wcard:hover{border-color:var(--line2);background:#1b1a19}
.wvs{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;gap:6px;text-align:center}
.wvs .lbl{font-size:10px;letter-spacing:.14em;font-weight:800}
.wvs .lbl.a{color:var(--red)} .wvs .lbl.d{color:var(--blue)}
.wvs .sn{font-weight:700;font-size:13px}
.wvs .mini{width:120px;height:72px;border-radius:10px;border:1px solid var(--line2);background:#100f0d;overflow:hidden}
.tug{position:relative;display:flex;height:22px;border-radius:99px;overflow:hidden;border:1px solid var(--line2);margin-top:10px;font-size:12px;font-weight:800}
.tug .a{background:linear-gradient(90deg,#8e2328,#c43b41)} .tug .d{background:linear-gradient(90deg,#1f4f9c,#2c64c4)}
.tug .lab{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;text-shadow:0 1px 2px #000}
.tug .lab b{font-weight:800}
.wfoot{display:flex;justify-content:center;gap:14px;margin-top:8px;font-size:12px;color:var(--muted)}
.wgroup{background:#141311;border:1px solid var(--line);border-radius:var(--r);padding:10px}
.wgroup>.hd{display:flex;align-items:center;gap:8px;font-weight:700;padding:4px 6px 10px}
.weaps{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.weaps>div{padding:6px}
.weaps .ic{font-size:24px}
.weaps .bar{height:4px;margin-top:4px}
.big-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.big-btns button{padding:12px;font-weight:800;letter-spacing:.06em}
.dmgpop{font-size:28px;font-weight:800;color:var(--gold2);text-align:center;animation:pop .5s}
.dmgpop.crit{color:var(--red);text-shadow:0 0 18px #e5484d88}
@keyframes pop{from{transform:scale(.6);opacity:0}}

/* harita */
.mapbox{position:relative;height:calc(100vh - 120px);min-height:520px;background:#21201f;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.mapbox svg{width:100%;height:100%;cursor:grab;display:block}
.mapbox svg.drag{cursor:grabbing}
.mapbox path{stroke:#121110;stroke-width:.6;vector-effect:non-scaling-stroke;transition:fill .2s}
.mapbox path:hover{filter:brightness(1.35)}
.mapbox path.sel{stroke:#f1d08f;stroke-width:2.2}
.mapbox path.war{stroke:#ff5a5f;stroke-width:1.6}
.mapbox path.me{stroke:#fff;stroke-width:1.6}
.mapctl{position:absolute;right:14px;bottom:110px;display:flex;flex-direction:column;gap:8px}
.mapctl button{width:40px;height:40px;font-size:20px;padding:0;background:#0d0c0bcc}
.mappanel{position:absolute;left:12px;right:12px;bottom:12px;background:#0d0c0bee;border:1px solid var(--gold);border-radius:12px;padding:12px 16px;max-height:55%;overflow:auto}
.maplegend{position:absolute;right:12px;top:12px;max-width:260px;max-height:50%;overflow:auto;background:#0d0c0bcc;border:1px solid var(--line2);border-radius:10px;padding:8px 10px;font-size:12px}

/* makale */
.agrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:1100px){.agrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.agrid{grid-template-columns:1fr}}
.acard{display:flex;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px;cursor:pointer}
.acard:hover{border-color:var(--line2)}
.acard .t{font-weight:600}
.score{font-weight:800;font-style:italic;color:var(--green);white-space:nowrap}
.score.neg{color:var(--red)}
.abody{white-space:pre-wrap;line-height:1.7;font-size:15px}

/* profil */
.banner{position:relative;height:200px;border-radius:var(--r) var(--r) 0 0;background:radial-gradient(600px 200px at 30% 0,#3a2f1a,transparent),linear-gradient(135deg,#1a1918,#0f0e0d);overflow:hidden}
.banner .big{position:absolute;inset:0;display:grid;place-items:center;font-family:Cinzel,serif;font-size:56px;color:#ffffff14;letter-spacing:.1em;text-transform:uppercase}
.pfhead{display:flex;gap:16px;align-items:flex-end;padding:0 16px;margin-top:-60px;position:relative}
.attr{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.attr:last-child{border-bottom:none}
.attr .ic{font-size:26px;width:40px;text-align:center}

/* modal & toast */
#modal{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:16px}
#modal .box{background:var(--card);border:1px solid var(--gold);border-radius:16px;padding:20px;width:100%;max-width:520px;max-height:90vh;overflow:auto}
#modal .box h2{margin:0 0 12px;font-family:Cinzel,serif;color:var(--gold2);letter-spacing:.06em}
#toasts{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;align-items:center}
#toasts div{background:#1e1d1c;border:1px solid var(--gold);border-radius:10px;padding:10px 16px;box-shadow:0 10px 30px #0008;animation:pop .2s;max-width:90vw}
#toasts div.err{border-color:var(--red)}

/* giriş */
.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 500px at 25% 30%,#2a2113 0,transparent 60%),radial-gradient(700px 500px at 85% 80%,#1d1c1b 0,transparent 60%)}
.authwrap{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;width:100%;max-width:1040px}
@media(max-width:860px){.authwrap{grid-template-columns:1fr}}
.hero .crest{font-size:46px;filter:drop-shadow(0 0 18px #d9b36c66)}
.hero h1{font-family:Cinzel,serif;color:var(--gold2);letter-spacing:.2em;margin:6px 0 4px;font-size:48px;text-shadow:0 0 30px #d9b36c44}
.hero .lead{color:#cfc9bd;font-size:16px;margin:0 0 20px}
.feats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.feats>div{background:#141311cc;border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-template-columns:34px 1fr;column-gap:8px}
.feats span{font-size:22px;grid-row:span 2}
.feats small{color:var(--muted);font-size:12px}
.hstats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;text-align:center}
.hstats>div{border:1px solid #3a3020;background:#1a160ecc;border-radius:12px;padding:10px 4px}
.hstats b{display:block;color:var(--gold2);font-size:20px}
.hstats small{color:var(--muted);font-size:11px}
.auth .box{width:100%;background:linear-gradient(180deg,#1c1b1a,#151413);border:1px solid #3a3020;border-radius:18px;padding:24px;box-shadow:0 20px 60px #000a}
.auth input{width:100%;margin:4px 0 12px}

/* üst çubuk ekleri */
.lvchip{display:flex;gap:8px;align-items:center;padding:4px 10px 4px 4px;border:1px solid var(--line2);border-radius:12px;background:#141311}
.lvchip .av{width:30px;height:30px;border-radius:8px;font-size:13px}
.locchip{padding:5px 10px;border:1px solid var(--line2);border-radius:99px;background:#141311}
.nbadge{margin-left:auto;background:var(--red);color:#fff;font-size:11px;font-weight:800;border-radius:99px;padding:1px 7px;line-height:16px}
.nav a{position:relative}

/* görevler */
.quests{border-color:#3a3020;background:linear-gradient(180deg,#1d1a12,#181716)}
.quest{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}
.quest.ready .b{color:var(--gold2)}

/* harita ekleri */
.mapbox .grid line{stroke:#ffffff0d;stroke-width:1;vector-effect:non-scaling-stroke}
.mapbox .labels text{fill:#e9e6dfdd;text-anchor:middle;dominant-baseline:middle;font-weight:600;paint-order:stroke;stroke:#121110cc;stroke-linejoin:round;pointer-events:none;letter-spacing:.02em}
.wmark circle{fill:#e5484d;stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}
.wmark text{fill:#fff;font-size:11px;text-anchor:middle;pointer-events:none}
.wmark,.pin{pointer-events:none}
.pin circle{fill:#f1d08f;stroke:#121110;stroke-width:1.5;vector-effect:non-scaling-stroke}
.pin .pulse{fill:#f1d08f55;stroke:none;animation:pulse 1.8s infinite;transform-origin:center;transform-box:fill-box}
@keyframes pulse{from{transform:scale(1);opacity:.9}to{transform:scale(3.2);opacity:0}}
.mtip{position:absolute;pointer-events:none;background:#0d0c0bee;border:1px solid var(--gold);border-radius:8px;padding:6px 10px;font-size:13px;z-index:3;white-space:nowrap}

/* genel cila */
.card{background:linear-gradient(180deg,#1a1918,#161514);box-shadow:0 1px 0 #ffffff06 inset,0 8px 24px #0005}
a.card:hover,.wcard:hover,.acard:hover{border-color:#4a3f28;transform:translateY(-1px)}
a.card,.wcard,.acard{transition:transform .12s,border-color .12s}
.ptitle h1{text-shadow:0 0 24px #d9b36c33}
.spark{width:60px;height:22px}

/* ikonlar */
.ico{display:inline-block;vertical-align:middle;object-fit:contain;flex:none;filter:drop-shadow(0 2px 3px #0009)}
.nav a .ic{width:28px;filter:none}
.nav a .ico{opacity:.85}
.nav a.on .ico,.nav a:hover .ico{opacity:1}
.side .foot .logout{font-size:18px;color:var(--muted)}
.res4 .ic,.weaps .ic{display:flex;justify-content:center}
.stars{color:var(--gold2);letter-spacing:1px;font-size:12px}
.stars i{color:#373635;font-style:normal}

/* yeni ana sayfa */
.welcome{display:flex;align-items:center;gap:18px;margin-bottom:14px;border-color:#3a3020;background:linear-gradient(90deg,#1f1a10,#161514 60%)}
.wstat{display:flex;align-items:center;gap:8px;padding:0 10px;border-left:1px solid var(--line)}
.wstat b{display:block;font-size:18px;color:var(--gold2);line-height:1}
.wstat small{color:var(--muted);font-size:11px}
@media(max-width:900px){.welcome{flex-wrap:wrap}.wstat{border:none;padding:0}}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px}
.qa a{display:flex;flex-direction:column;align-items:center;gap:4px}
.qa a.wait{opacity:.55}
.qa a.ready{animation:glow 2s infinite}
@keyframes glow{50%{background:#2a2212}}
.frontline{display:block;padding:10px 0;border-top:1px solid var(--line)}
.frontline:first-of-type{border-top:none}
.frontline:hover b{color:var(--gold2)}
.meter{height:7px;background:linear-gradient(90deg,#1d3d6e,#2c5fa8);border-radius:99px;overflow:hidden}
.meter i.a{display:block;height:100%;background:linear-gradient(90deg,#9b2c31,#d4474d);box-shadow:2px 0 0 #f1d08f}
.meter.big{height:14px;margin-top:12px;border:1px solid var(--line2)}
.spot{display:flex;gap:12px;align-items:center}
.dotlive{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px;box-shadow:0 0 8px var(--green)}

/* yeni cephe kartı */
.wtop{display:flex;gap:10px;align-items:center}
.wtop .mini{width:76px;height:52px;flex:none}
.sides{display:flex;justify-content:space-between;gap:10px;margin:10px 0 8px}
.sides .sn{font-size:13px;font-weight:600;margin:2px 0}
.tag{font-size:10px;font-weight:800;letter-spacing:.14em;padding:1px 6px;border-radius:4px}
.tag.a{background:#3a1a1c;color:#ff9da0}.tag.d{background:#222120;color:#a9c8ff}

.trainbox{border:1px solid #4a3f28;background:#1f1a10;border-radius:10px;padding:10px;margin-bottom:6px}

/* ================= MOBİL ================= */
.bnav,.backdrop{display:none}
@media(max-width:900px){
  body{padding-bottom:64px}
  .bnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:25;height:62px;background:rgba(13,12,11,.97);border-top:1px solid #3a3020;backdrop-filter:blur(8px);padding-bottom:env(safe-area-inset-bottom)}
  .bnav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;color:var(--muted);position:relative}
  .bnav a.on{color:var(--gold2)}
  .bnav a.on::before{content:'';position:absolute;top:0;left:25%;right:25%;height:2px;background:var(--gold)}
  .bnav a i{position:absolute;top:8px;right:28%;width:8px;height:8px;border-radius:50%;background:var(--red)}
  .backdrop{position:fixed;inset:0;z-index:29;background:#000a}
  body.menu-open .backdrop{display:block}
  .side{width:260px}
  .burger{display:none!important}
  .topbar{gap:10px;padding:8px 12px;flex-wrap:wrap}
  .topbar .lvchip>div{display:none}
  .topbar .lvchip{padding:3px}
  .topbar .ebar{width:70px}
  .topbar #ent{display:none}
  .topbar .locchip{display:none}
  .topbar .st{gap:4px;font-size:13px}
  .topbar .st button{padding:3px 8px;font-size:11px}
  .page{padding:12px 10px 20px}
  .ptitle h1{font-size:18px}
  .ptitle{flex-wrap:wrap}
  .card{padding:12px}
  .card{overflow-x:auto}
  .home>.chat{height:70vh;min-height:420px}
  .welcome .serif{font-size:17px!important}
  .welcome .wstat .ico{width:24px;height:24px}
  .mapbox{height:calc(100vh - 190px);min-height:420px}
  .maplegend{display:none}
  .mappanel{max-height:60%;padding:10px 12px}
  .mapctl{bottom:auto;top:12px;right:10px}
  .mapctl button{width:36px;height:36px}
  .wvs{grid-template-columns:1fr 84px 1fr}
  .wvs .mini{width:84px;height:56px}
  .big-btns button{padding:12px 6px;font-size:13px}
  .av.lg{width:78px;height:78px;font-size:32px}
  .banner{height:150px}.banner .big{font-size:34px}
  .pfhead{margin-top:-44px}
  table{font-size:13px}
  td,th{padding:7px 6px}
  .res4 .ico{width:34px;height:34px}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qa a{font-size:11px}
  #toasts{bottom:76px}
  .hero h1{font-size:36px}
  .feats{grid-template-columns:1fr}
  .hstats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .g4{grid-template-columns:1fr}
  .weaps{grid-template-columns:repeat(2,1fr)}
  .welcome .wstat{flex:1 1 40%}
  .sides .sn{font-size:12px}
  .topbar .st:nth-of-type(2) button{display:none}
  .row.wrap input{min-width:0!important}
}

/* logo */
.brandrow{display:flex;align-items:center;justify-content:center;gap:10px}
.crest-sm{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 8px #d9b36c55)}
.brand .logo,.hero h1{background:linear-gradient(180deg,#fbe7b0,#d9b36c 55%,#9c7330);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand .logo{font-size:21px;letter-spacing:.16em;font-weight:700}
.hero .crest img{filter:drop-shadow(0 0 24px #d9b36c55)}

.hero h1.logoimg{background:none;margin:0 0 6px -8px;line-height:0}
.hero h1.logoimg img{width:min(440px,100%);height:auto;filter:drop-shadow(0 10px 30px #000c) drop-shadow(0 0 30px #d9b36c22)}
@media(max-width:860px){.hero{text-align:center}.hero h1.logoimg{margin:0 auto 6px}.hero h1.logoimg img{width:min(320px,90%)}}
.feats>div{text-align:left}

/* profil/parti görselleri */
img.av{object-fit:cover;background:#111;display:block}
.banner.has{background-size:cover;background-position:center}
.banner.has::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#161514cc)}
.banner .pill,.banner .imgbtns{z-index:2}
.imgbtns{position:absolute;left:12px;top:12px;display:flex;gap:6px}
.imgbtns button{background:#0d0c0bcc;backdrop-filter:blur(4px)}
.avwrap{position:relative;flex:none}
.avedit{position:absolute;right:-6px;bottom:-6px;width:34px;height:34px;padding:0;border-radius:50%;background:#1e1d1c;border:1px solid var(--gold);font-size:15px;z-index:2}
.pfhead{z-index:2}

/* ===== Modern harita ===== */
.mapbox{background:#0d0c0b;box-shadow:inset 0 0 0 1px #ffffff08}
.mapbox #mpaths path{stroke:#0e0d0b;stroke-width:.7;transition:fill .25s,filter .2s}
.mapbox #mpaths path.own{stroke:color-mix(in srgb,var(--sc) 55%,#000);stroke-width:.9}
.mapbox #mpaths path:hover{filter:brightness(1.4) saturate(1.15)}
.mapbox #mpaths path.sel{stroke:#f1d08f;stroke-width:2.4}
.mapbox #mpaths path.me{stroke:#fff;stroke-width:1.6}
.mapbox #mpaths path.war{stroke:#ff4d4f;stroke-width:1.8}
.mapvignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,#060504cc 100%)}
.slabels text{text-anchor:middle;dominant-baseline:middle;font-weight:800;letter-spacing:.22em;paint-order:stroke;stroke:#0a0908dd;stroke-linejoin:round;pointer-events:none;opacity:.92;font-family:Georgia,'Times New Roman',serif}
/* savaş efektleri */
#mwars{pointer-events:none}
#mwars .war-badge{pointer-events:all;cursor:pointer}
.mapbox #mwars path.war-zone{fill:#ff2a2a;stroke:#ff6b6b;stroke-width:1.5;animation:warzone 1.6s ease-in-out infinite}
@keyframes warzone{0%,100%{fill-opacity:.12;stroke-opacity:.5}50%{fill-opacity:.42;stroke-opacity:1}}
.mapbox #mwars path.war-arc{fill:none;stroke:#ffd27a;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:9 7;animation:dashmove .6s linear infinite;filter:drop-shadow(0 0 3px #000)}
.mapbox #mwars path.war-arc-glow{fill:none;stroke-width:10;stroke-opacity:.35;stroke-linecap:round}
@keyframes dashmove{to{stroke-dashoffset:var(--d,-16)}}
.war-shot{filter:drop-shadow(0 0 4px #fff) brightness(1.5)}
.war-hit .ring{fill:none;stroke:#ff4d4f;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:warring 1.8s ease-out infinite}
.war-hit .ring.r2{animation-delay:.9s}
@keyframes warring{0%{transform:scale(.4);opacity:1}100%{transform:scale(2.6);opacity:0}}
.war-hit .boom{fill:#ffcf5a;transform-box:fill-box;transform-origin:center;opacity:0;animation:boom 1.4s ease-out infinite;filter:drop-shadow(0 0 4px #ff6a00)}
@keyframes boom{0%{transform:scale(.1);opacity:0;fill:#fff7c2}10%{opacity:1}40%{fill:#ff8a1f}70%{transform:scale(1.5);opacity:.55;fill:#d6311d}100%{transform:scale(1.9);opacity:0;fill:#3a1410}}
.war-badge circle{fill:#c8262c;stroke:#fff;stroke-width:1.6;filter:drop-shadow(0 2px 4px #000a)}
.war-badge text{fill:#fff;font-size:12px;text-anchor:middle;pointer-events:none}
.war-badge:hover circle{fill:#ff3b40}
.cap{pointer-events:none;filter:drop-shadow(0 2px 3px #000c)}
/* aktif cepheler paneli */
.warlist{position:absolute;left:12px;top:12px;width:250px;max-width:calc(100% - 90px);background:linear-gradient(180deg,#1a0b0dee,#0d0c0bee);border:1px solid #c8262c88;border-radius:12px;padding:8px;font-size:12px;backdrop-filter:blur(6px);box-shadow:0 8px 24px #0008;z-index:2}
.wl-h{font-weight:800;letter-spacing:.12em;color:#ff8085;font-size:11px;padding:2px 4px 6px;display:flex;align-items:center;gap:7px}
.livedot{width:8px;height:8px;border-radius:50%;background:#ff3b40;box-shadow:0 0 0 0 #ff3b40;animation:live 1.4s infinite}
@keyframes live{0%{box-shadow:0 0 0 0 #ff3b4099}100%{box-shadow:0 0 0 8px #ff3b4000}}
.wl-i{display:flex;align-items:center;gap:6px;padding:6px;border-radius:8px;cursor:pointer;white-space:nowrap;overflow:hidden}
.wl-i b{overflow:hidden;text-overflow:ellipsis}
.wl-i:hover{background:#ffffff10}
.wl-i .num{color:#ffcf5a}
.mapctl button{border-radius:12px;backdrop-filter:blur(6px);background:#0d0c0bbb;border:1px solid #ffffff22;box-shadow:0 4px 14px #0007}
.mapctl button:hover{border-color:var(--gold);color:var(--gold)}
.maplegend,.mappanel{backdrop-filter:blur(8px)}
.mtip{backdrop-filter:blur(6px)}
@media (max-width:900px){.warlist{width:200px;top:10px;left:10px}.warlist .wl-i .muted{display:none}}

.mapbox .mapctl{top:50%;bottom:auto;transform:translateY(-50%)}
@media (max-width:900px){.mapbox .mapctl{top:12px;transform:none}}

/* ===== Devlet sayfası ===== */
.st-page{max-width:1180px;margin:0 auto}
.st-hero{overflow:hidden;border-color:color-mix(in srgb,var(--c) 40%,var(--line))}
.st-cover{position:relative;height:230px;background:radial-gradient(ellipse at 30% 0%,color-mix(in srgb,var(--c) 55%,transparent),transparent 70%),linear-gradient(135deg,#17110a,#0d0c0b 60%,color-mix(in srgb,var(--c) 25%,#0d0c0b));background-size:cover;background-position:center}
.st-cover:not(.has)::before{content:"";position:absolute;inset:0;opacity:.18;background-image:repeating-linear-gradient(45deg,#f1d08f22 0 2px,transparent 2px 22px),repeating-linear-gradient(-45deg,#f1d08f14 0 2px,transparent 2px 22px)}
.st-cover-fx{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#0d0c0b 100%)}
.st-back{position:absolute;left:12px;top:12px;z-index:2;background:#0d0c0baa;backdrop-filter:blur(6px)}
.st-topchips{position:absolute;right:12px;top:12px;z-index:2;display:flex;gap:6px}
.st-topchips .pill{background:#1a0b0ddd;border-color:#c8262c88;cursor:pointer}
.st-cover .imgbtns{z-index:2}
.st-head{display:flex;gap:16px;align-items:flex-end;padding:0 20px;margin-top:-58px;position:relative;z-index:1}
.st-emb{width:110px;height:110px;border-radius:22px;object-fit:cover;border:3px solid var(--gold);box-shadow:0 10px 30px #000a;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 85%,#fff),color-mix(in srgb,var(--c) 60%,#000));display:grid;place-items:center;flex:none}
.st-emb span{font-family:Georgia,serif;font-size:54px;font-weight:700;color:#fff;text-shadow:0 3px 8px #0008}
.st-name{font-family:Georgia,'Times New Roman',serif;font-size:30px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin:0;text-shadow:0 2px 12px #000}
.st-motto{font-style:italic;color:#cfc6b4;font-size:14px;margin-top:2px}
.st-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.st-chips .chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid #f1d08f44;background:#f1d08f10;font-size:12px;color:#ead9b1}
.st-chips .chip.ok{border-color:#30a46c66;color:#7ee0a8;background:#30a46c14}
.st-chips .chip.bad{border-color:#e5484d66;color:#ff9a9e;background:#e5484d14}
.st-leader{display:flex;align-items:center;gap:14px;margin:16px 20px 0;padding:12px 14px;border-radius:14px;background:linear-gradient(90deg,#f1d08f14,transparent);border:1px solid #f1d08f33;color:inherit;text-decoration:none}
.st-leader:hover{border-color:var(--gold)}
.st-leader .av.lg{width:58px;height:58px;border-radius:12px}
.st-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;margin:16px 0 0;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.st-tile{background:#11100f;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;transition:background .15s}
.st-tile[data-a]{cursor:pointer}.st-tile[data-a]:hover{background:#17140e}
.st-tile b{font-size:20px;font-variant-numeric:tabular-nums}
.st-tile span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.st-acts{display:flex;align-items:center;gap:8px;padding:12px 20px;flex-wrap:wrap}
.st-tabs{display:flex;gap:4px;margin:14px 0;padding:4px;background:#100f0e;border:1px solid var(--line);border-radius:12px;overflow-x:auto}
.st-tabs button{flex:1;white-space:nowrap;background:transparent;border:none;padding:10px 12px;border-radius:9px;color:var(--muted);font-weight:600}
.st-tabs button.on{background:linear-gradient(180deg,#2a2213,#1a150c);color:var(--gold);box-shadow:inset 0 0 0 1px #f1d08f55}
.st-tabs .nbadge{position:static;margin-left:4px}
/* meclis */
.hemi{width:100%;max-width:440px;display:block;margin:4px auto 0}
.hemi .seat{stroke:#0d0c0b;stroke-width:1.2;transition:transform .15s;transform-box:fill-box;transform-origin:center}
.hemi a:hover .seat{transform:scale(1.25);stroke:#fff}
.hemi .seat.empty{fill:#21201f;stroke:#2d2c2b;stroke-dasharray:2 2}
.hemi-n{text-anchor:middle;font-size:22px;font-weight:800;fill:var(--gold);font-family:Georgia,serif}
.hemi-l{text-anchor:middle;font-size:7px;letter-spacing:.2em;fill:#8a8f96}
.st-legend{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;font-size:12px;margin-top:6px}
.st-legend span{display:inline-flex;align-items:center;gap:5px}
.st-legend i,.st-party i{width:10px;height:10px;border-radius:3px;display:inline-block}
.law{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:8px;background:#100f0e}
.law.open{border-color:#f1d08f44;background:linear-gradient(180deg,#17140e,#100f0e)}
.law.passed{border-left:3px solid #30a46c}.law.failed{border-left:3px solid #e5484d;opacity:.85}
.lawk{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold)}
.lawt{display:block;margin:3px 0 7px;font-size:15px}
.lawbar{position:relative;height:8px;border-radius:99px;background:#21201f;display:flex;overflow:hidden;margin-bottom:5px}
.lawbar .y{background:linear-gradient(90deg,#1f7a4c,#30a46c)}.lawbar .n{background:linear-gradient(90deg,#b8323a,#e5484d);margin-left:auto}
.lawbar .half{position:absolute;left:50%;top:-2px;bottom:-2px;width:2px;background:#f1d08f}
.law button.on{box-shadow:inset 0 0 0 2px #fff}
.lawform label{margin-top:6px}.lawform input,.lawform select{width:100%}
/* seçim & listeler */
.cand{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.cand:last-of-type{border-bottom:none}
.cand .bar{height:6px;border-radius:99px;background:#21201f;margin-top:5px;overflow:hidden}
.cand .bar i{display:block;height:100%;background:linear-gradient(90deg,#b98a33,#f1d08f)}
.st-pdot{width:6px;align-self:stretch;border-radius:3px}
.st-party{display:flex;align-items:center;gap:9px;padding:7px 4px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.st-party:last-child{border-bottom:none}.st-party:hover{background:#ffffff08}
/* hazine */
.st-resrow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.st-res{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 6px;border-radius:12px;background:linear-gradient(180deg,#16130c,#100f0e);border:1px solid #f1d08f22}
.st-res b{font-size:18px;font-variant-numeric:tabular-nums}
.st-taxrow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.st-taxrow>div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:10px;background:#100f0e;border:1px solid var(--line)}
.st-taxrow b{font-size:17px;color:var(--gold)}
.st-verim span{display:inline-flex;align-items:center;gap:2px;margin-right:6px;font-size:12px}
.st-cits{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.st-cits .it{display:flex;align-items:center;gap:9px;padding:8px;border-radius:10px;background:#100f0e;border:1px solid var(--line);color:inherit;text-decoration:none}
.st-cits .it:hover{border-color:var(--gold)}
@media (max-width:900px){
  .st-cover{height:160px}
  .st-head{flex-direction:column;align-items:flex-start;margin-top:-50px;padding:0 14px}
  .st-emb{width:86px;height:86px;border-radius:18px}.st-emb span{font-size:42px}
  .st-name{font-size:22px}
  .st-leader{margin:12px 14px 0}
  .st-tiles{grid-template-columns:repeat(3,1fr)}
  .st-resrow,.st-taxrow{grid-template-columns:repeat(3,1fr)}
  .st-acts{padding:10px 14px}
  .st-tabs button{flex:none}
}

/* ===== Savaş sayfası ===== */
.wpage{max-width:960px;margin:0 auto}
.whead{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;margin-bottom:12px}
.whead h2{text-align:center;margin:0;font-family:Georgia,serif;letter-spacing:.4em;color:var(--gold);font-size:18px}
.wnote{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #f1d08f44;border-radius:10px;background:linear-gradient(90deg,#1d180e,#100f0e);font-size:14px;flex-wrap:wrap}
.wnote b{font-family:Georgia,serif;letter-spacing:.06em;color:var(--gold)}
.wstatus{display:flex;align-items:center;gap:10px;width:max-content;margin:14px auto;padding:8px 16px;border:1px solid #c8262c;border-radius:8px;background:#1a0b0d;font-weight:800;letter-spacing:.14em;font-size:12px}
.wstatus b{font-size:18px;letter-spacing:.04em;color:#ff6b6b}
.wstatus.done{border-color:var(--gold);color:var(--gold);background:#1d180e}
.wstatus.done.def{border-color:#3e8cf0;color:#7fb4ff;background:#131211}
.wvs2{display:grid;grid-template-columns:1fr 220px 1fr;gap:14px;align-items:center}
.wteam{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.wteam.def{align-items:flex-end;text-align:right}
.wemb{width:72px;height:72px;border-radius:14px;object-fit:cover;border:2px solid #ffffff22;box-shadow:0 8px 22px #0009;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 85%,#fff),color-mix(in srgb,var(--c) 55%,#000));display:grid;place-items:center;flex:none}
.wemb span{font-family:Georgia,serif;font-size:34px;font-weight:700;color:#fff;text-shadow:0 2px 6px #0008}
.wemb.sm{width:42px;height:42px;border-radius:10px}.wemb.sm span{font-size:20px}
.wteam.att .wemb{border-color:#e5484d88}.wteam.def .wemb{border-color:#3e8cf088}
.wtag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.2em;padding:2px 8px;border-radius:4px;border:1px solid}
.wtag.att{color:#ff6b6b;border-color:#e5484d;background:#e5484d18}.wtag.def{color:#7fb4ff;border-color:#3e8cf0;background:#3e8cf018}
.wname{font-family:Georgia,serif;font-size:18px}.wname a{color:inherit}
.wmid{position:relative;text-align:center;height:130px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.wmid>svg,.wmid>div:not(.wvs-t){width:100%;height:100%;display:block}
.wvs-t{position:absolute;left:0;right:0;bottom:4px;font-family:Georgia,serif;font-size:22px;letter-spacing:.3em;color:#ffffffaa;font-weight:700;text-shadow:0 2px 8px #000;pointer-events:none}
.wscore{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.wscore>div{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:10px;font-size:26px;font-variant-numeric:tabular-nums}
.wscore .att{background:linear-gradient(180deg,#2a0e10,#160709);border:1px solid #e5484d55;color:#ff6b6b}
.wscore .def{background:linear-gradient(180deg,#161514,#0d0c0a);border:1px solid #3e8cf055;color:#7fb4ff}
.wscore .lead{box-shadow:0 0 0 1px currentColor,0 0 24px -6px currentColor}
.wratio{display:flex;height:10px;border-radius:99px;overflow:hidden;margin-top:14px;background:#21201f;gap:3px}
.wratio .a{background:linear-gradient(90deg,#8f1d22,#e5484d);transition:width .5s}.wratio .d{background:linear-gradient(90deg,#3e8cf0,#1d4f96);transition:width .5s}
.wratio-l{display:flex;justify-content:space-between;font-size:12px;margin-top:5px;font-weight:700}
.wlistbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;padding:11px;letter-spacing:.2em;font-weight:800;font-size:12px;color:var(--gold);background:#16130c;border:1px solid #f1d08f55}
.wlistbtn:hover{background:#221d12}
.wsec-t{display:flex;align-items:center;gap:12px;margin:18px 0 10px;color:var(--gold);font-size:11px;letter-spacing:.3em;font-weight:800}
.wsec-t::before,.wsec-t::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#f1d08f55,transparent)}
.wsides{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wside{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 10px 14px;border-radius:12px;border:1px solid var(--line);background:#100f0e;cursor:pointer;transition:all .15s;overflow:hidden;text-align:center}
.wside-h{align-self:stretch;margin:0 -10px 6px;padding:6px;font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--muted);border-bottom:1px solid var(--line)}
.wside:hover{border-color:#ffffff33}
.wside.att.on{border-color:#e5484d;background:linear-gradient(180deg,#2a0e10,#100f0e)}.wside.att.on .wside-h{color:#ff6b6b;background:#e5484d22}
.wside.def.on{border-color:#3e8cf0;background:linear-gradient(180deg,#161514,#100f0e)}.wside.def.on .wside-h{color:#7fb4ff;background:#3e8cf022}
.wpick-hint{margin-top:12px;text-align:center;padding:14px;border:1px dashed var(--line2);border-radius:12px;color:var(--muted);font-size:14px}
.wdeploy{margin-top:12px;padding:14px;border-radius:12px;border:1px solid;background:#100f0e}
.wdeploy.att{border-color:#e5484d66}.wdeploy.def{border-color:#3e8cf066}
.wdeploy .weaps{margin-top:10px}
.wpn{cursor:pointer;border-radius:10px;border:1px solid transparent}.wpn.on{background:#221d12;border-color:var(--gold)}
.wgo{width:100%;padding:15px;font-size:16px;font-weight:800;letter-spacing:.12em;border:none;color:#fff}
.wgo.att{background:linear-gradient(180deg,#e5484d,#9b1f25);box-shadow:0 6px 20px -6px #e5484d}
.wgo.def{background:linear-gradient(180deg,#3e8cf0,#1d4f96);box-shadow:0 6px 20px -6px #3e8cf0}
.wgo:hover{filter:brightness(1.12)}
.wgoal{margin-top:14px;border-color:#c8262c66;background:linear-gradient(180deg,#1a0b0d,#11100f)}
.wgoal h3{letter-spacing:.2em;font-size:13px}
.wobj{display:flex;gap:12px;align-items:center;padding:10px 12px;margin-top:8px;border-radius:10px;background:#00000040;border:1px solid #ffffff12}
.wpage>.card{margin-top:14px}
.wchart{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;height:150px;align-items:end;padding-top:6px;border-bottom:1px solid var(--line)}
.wcol{display:flex;flex-direction:column;align-items:center;height:100%;cursor:default;border-radius:6px}
.wcol:hover{background:#ffffff08}
.wcol.now{background:#f1d08f0d;box-shadow:inset 0 0 0 1px #f1d08f33}
.wcol.fut{opacity:.35}
.wbars{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}
.wbars i{width:36%;max-width:12px;border-radius:3px 3px 0 0;transition:height .4s}
.wbars .a{background:linear-gradient(180deg,#ff6b6b,#9b1f25)}.wbars .d{background:linear-gradient(180deg,#7fb4ff,#1d4f96)}
.wcol span{font-size:9px;color:var(--muted);margin:3px 0 2px}
.wchat{max-height:340px;overflow:auto;display:flex;flex-direction:column;gap:6px}
.wmsg{display:flex;gap:10px;padding:8px 10px;border-radius:10px;background:#100f0e;border-left:3px solid #ffffff22}
.wmsg.att{border-left-color:#e5484d}.wmsg.def{border-left-color:#3e8cf0}
.wmsg .wtag{margin-left:6px;font-size:9px;padding:1px 5px}
.dlist{max-height:60vh;overflow:auto;display:flex;flex-direction:column;gap:4px;min-width:min(440px,80vw)}
.drow{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;color:inherit;text-decoration:none}
.drow:hover{background:#ffffff08}
.drank{width:24px;text-align:center;font-weight:800;color:var(--gold)}
.dbar{height:4px;border-radius:99px;background:#21201f;margin-top:4px;overflow:hidden}
.dbar i{display:block;height:100%}.dbar.att i{background:#e5484d}.dbar.def i{background:#3e8cf0}
@media (max-width:700px){
  .wvs2{grid-template-columns:1fr 1fr}.wmid{display:none}
  .wemb{width:56px;height:56px}.wemb span{font-size:26px}
  .wname{font-size:15px}
  .wscore>div{font-size:20px;padding:10px}
  .wchart span{display:none}
}

/* ===== Yönetim paneli ===== */
.rolebadge{font-family:system-ui,sans-serif;font-size:10px;font-weight:800;letter-spacing:.06em;padding:2px 7px;border-radius:99px;vertical-align:middle;white-space:nowrap}
.rolebadge.admin{background:#c8262c22;color:#ff8085;border:1px solid #c8262c88}
.rolebadge.mod{background:#3e8cf022;color:#7fb4ff;border:1px solid #3e8cf088}
.adstats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.adstat{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:12px;background:#100f0e;border:1px solid var(--line)}
.adstat[data-a]{cursor:pointer}.adstat[data-a]:hover{border-color:var(--gold)}
.adstat b{font-size:26px;font-variant-numeric:tabular-nums}.adstat span{font-size:12px;color:var(--muted)}
.adstat.red{border-color:#e5484d88;background:linear-gradient(180deg,#2a0e10,#100f0e)}.adstat.red b{color:#ff6b6b}
.adstat.gold{border-color:#f1d08f77;background:linear-gradient(180deg,#221d12,#100f0e)}.adstat.gold b{color:var(--gold)}
.adtog{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:10px;border:1px solid var(--line);margin-top:8px;cursor:pointer;background:#100f0e}
.adtog input{width:18px;height:18px;margin-top:2px;accent-color:var(--gold);flex:none}
.adrep{border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:10px;background:#100f0e}
.adrep.open{border-color:#e5484d55;background:linear-gradient(180deg,#1a0b0d,#100f0e)}
.adrep:not(.open){opacity:.75}
.adtext{white-space:pre-wrap;word-break:break-word;background:#00000055;border:1px solid #ffffff12;border-radius:8px;padding:8px 10px;margin:6px 0;font-size:13px;max-height:180px;overflow:auto}
.adimg img{max-width:160px;max-height:110px;border-radius:8px;border:1px solid var(--line);display:block;object-fit:cover}
.adgal{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.adg{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:10px;background:#100f0e;border:1px solid var(--line)}
.adg img{width:100%;height:120px;object-fit:cover;border-radius:8px;background:#000}
.adart{padding:10px 0;border-bottom:1px solid var(--line)}
.adwarn{margin-top:8px;padding:8px 10px;border-radius:8px;border:1px solid #f1d08f66;background:#221d12;font-size:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.adwarn.red{border-color:#e5484d88;background:#2a0e10}
.adgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.adgrid>div{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:10px;background:#100f0e;border:1px solid var(--line)}
.msg .act.red-t{color:#ff6b6b}
@media (max-width:900px){.adstats{grid-template-columns:repeat(2,1fr)}.adgrid{grid-template-columns:1fr}}
.click{cursor:pointer}
#modal h2 .av{width:38px;height:38px;vertical-align:middle;display:inline-grid;margin-right:6px}
#modal label.small{display:block;margin-top:10px}
#modal #adReason{width:100%}

/* ===== Çoklu hesap ===== */
.altbar{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:12px;border-radius:12px;border:1px solid #e5484d88;background:linear-gradient(90deg,#2a0e10,#151413);flex-wrap:wrap}
.altgroup{padding:10px;border-radius:12px;border:1px solid var(--line);background:#100f0e;margin-top:8px}
.altm{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#151413}
.altm.ismain{border-color:#30a46c88}.altm.isalt{border-color:#e5484d66;opacity:.9}
.altpair{padding:10px;border-radius:10px;border:1px solid var(--line);background:#100f0e;margin-top:8px}
.altpair.okp{border-color:#30a46c66}
.altscore{font-size:12px;font-weight:800;padding:3px 10px;border-radius:99px;background:linear-gradient(90deg,#e5484d55 var(--v),#21201f var(--v));border:1px solid #e5484d66}
.adstats{grid-template-columns:repeat(5,1fr)}
@media (max-width:900px){.adstats{grid-template-columns:repeat(2,1fr)}}
.card.army .qty{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.card.army .qty button{flex:1;min-width:44px;padding-left:4px;padding-right:4px}
.card.army .qty .maxb{flex-basis:100%;letter-spacing:.06em;font-weight:800}
.card.army button:disabled{opacity:.4;cursor:not-allowed}

/* =====================================================================
   PROFESYONEL ARAYÜZ KATMANI — renk, tipografi, derinlik, etkileşim
   ===================================================================== */
:root{
  --bg:#080706; --side:#0f0e0d; --card:#151412; --card2:#1b1a18; --line:#242321; --line2:#2e2d2c;
  --text:#ece8df; --muted:#8e969f; --dim:#5d656e; --gold:#d6ae62; --gold2:#f0cf8c;
  --r:14px; --ease:cubic-bezier(.2,.7,.2,1);
  --shadow:0 1px 0 #ffffff07 inset,0 12px 32px -18px #000;
  --shadow-lg:0 1px 0 #ffffff0a inset,0 24px 60px -24px #000;
}
html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
::selection{background:#d6ae6244;color:#fff}
*{scrollbar-width:thin;scrollbar-color:#2c2b2a transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#272625;border-radius:99px;border:3px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background-color:#373635}
:focus-visible{outline:2px solid #f0cf8c99;outline-offset:2px;border-radius:8px}

/* çerçeve */
.side{background:linear-gradient(180deg,#11100f,#0d0c0b);border-right:1px solid #1e1d1b}
.brand{border-bottom:1px solid #1e1d1b}
.nav a{position:relative;padding:9px 12px;border-radius:10px;color:#b9b5ad;font-weight:500;transition:background .15s var(--ease),color .15s}
.nav a:hover{background:#ffffff07;color:#ece8df}
.nav a.on{background:linear-gradient(90deg,#d6ae6224,#d6ae6206 70%,transparent);color:#fff;font-weight:600;box-shadow:none}
.nav a.on::before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--gold2),var(--gold))}
.nav a .ic{filter:none;opacity:.9}
.nav .sec{font-size:10px;letter-spacing:.24em;color:#4f5760;font-weight:700}
.nbadge{box-shadow:0 0 0 2px #0f0e0d}
.topbar{background:linear-gradient(180deg,rgba(10,9,9,.94),rgba(10,9,9,.82));border-bottom:1px solid #1d1c1b;box-shadow:0 8px 24px -16px #000}
.page{padding:22px 26px 70px}
.ptitle{margin:2px 0 18px;padding-bottom:12px;border-bottom:1px solid #1d1c1b;position:relative}
.ptitle::after{content:"";position:absolute;left:0;bottom:-1px;width:72px;height:2px;background:linear-gradient(90deg,var(--gold2),transparent)}
.ptitle h1{font-size:20px;letter-spacing:.18em;text-shadow:0 2px 16px #d6ae6222}

/* kartlar */
.card{background:linear-gradient(180deg,#181716,#141312);border:1px solid var(--line);box-shadow:var(--shadow);padding:16px 18px}
.card h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#d8cebb;font-weight:700;margin-bottom:12px}
.card h3 img{opacity:.95}
.card .hd{border-bottom:1px solid var(--line)}
.wcard,.acard{background:linear-gradient(180deg,#181716,#141312);box-shadow:var(--shadow);transition:border-color .15s,transform .15s var(--ease),box-shadow .15s}
.wcard:hover,.acard:hover{border-color:#3a3937;transform:translateY(-1px);box-shadow:var(--shadow-lg)}
.g{gap:16px}

/* düğmeler */
button{border-radius:10px;font-weight:600;letter-spacing:.01em;border-color:#302f2d;background:linear-gradient(180deg,#1e1d1c,#191817);transition:border-color .15s,color .15s,background .15s,transform .08s,filter .15s}
button:hover:not(:disabled){border-color:#d6ae6299;color:var(--gold2);background:linear-gradient(180deg,#21201f,#1b1a19)}
button:active:not(:disabled){transform:translateY(1px)}
button.sm{padding:5px 11px;font-size:12px;border-radius:8px}
button.gold{background:linear-gradient(180deg,#ecc983,#c09449);border-color:#e3bf78;color:#1a1306;box-shadow:0 6px 16px -8px #d6ae62aa,0 1px 0 #fff4 inset}
button.gold:hover:not(:disabled){filter:brightness(1.06);color:#1a1306;background:linear-gradient(180deg,#f0cf8c,#c79b4f)}
button.green{background:linear-gradient(180deg,#2f2e2d,#262524);border-color:#2f6b4c;color:#a6f2c9}
button.red{background:linear-gradient(180deg,#441d20,#371719);border-color:#7d2f33;color:#ffb8ba}
button.subtle{background:none;border-color:transparent;color:var(--muted)}
button.subtle:hover:not(:disabled){background:#ffffff08;border-color:#302f2d;color:#ece8df}
input,select,textarea{background:#0d0c0b;border-color:#2b2a28;transition:border-color .15s,box-shadow .15s}
input:hover,select:hover,textarea:hover{border-color:#373635}
input:focus,select:focus,textarea:focus{border-color:#d6ae62;box-shadow:0 0 0 3px #d6ae621f}

/* etiketler, tablolar, listeler */
.pill{background:#100f0e;border-color:#2b2a29;font-weight:600;font-size:11.5px;padding:3px 10px}
.pill.on{background:#d6ae6214;border-color:#d6ae6288}
.chip2{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;font-size:12px;font-weight:600;border:1px solid #2d2c2b;background:#11100f;color:#d4cfc5}
.chip2.ok{border-color:#2f6b4c;background:#1e1d1c;color:#9fe8bf}
.chip2.gold{border-color:#d6ae6288;background:#d6ae6214;color:var(--gold2)}
table{border-collapse:separate;border-spacing:0}
th{background:#11100f;color:#7f8790;font-size:10.5px;letter-spacing:.1em;border-bottom:1px solid var(--line);padding:10px}
th:first-child{border-top-left-radius:8px}th:last-child{border-top-right-radius:8px}
td{border-bottom:1px solid #1f1e1c}
tr:hover td{background:#ffffff04}
tr.click:hover td{background:#d6ae620b}
.list .it{border-bottom:1px solid #1f1e1c;transition:background .15s}
a.it:hover,.list a.it:hover{background:#ffffff05}
.kv{border-bottom:1px solid #1f1e1c}
.kv>span:first-child{color:#a9b0b7}
.bar{background:#0c0b0a;border-color:#21201f}
.bar>i{background:linear-gradient(90deg,#b98a3f,#f0cf8c)}
.bar.green>i{background:linear-gradient(90deg,#2b8a5c,#4fd08f)}
.tabs button{font-weight:600}
.tabs button.on{border-bottom-width:2px}
.chips button.on{background:#d6ae6218}
.empty{color:#717981;font-size:13px}
.av{box-shadow:0 0 0 1px #ffffff10}

/* modal & bildirim */
#modal{background:rgba(5,4,3,.72);backdrop-filter:blur(4px)}
#modal .box{background:linear-gradient(180deg,#1a1917,#151412);border:1px solid #d6ae6266;box-shadow:0 30px 80px -20px #000,0 0 0 1px #ffffff06 inset;border-radius:18px;animation:pop .18s var(--ease)}
#toasts div{background:rgba(23,22,22,.96);backdrop-filter:blur(8px);border:1px solid #d6ae6288;border-radius:12px;font-weight:500;box-shadow:0 16px 40px -12px #000}
#toasts div.err{border-color:#e5484daa}

/* açılır menü (yönetim araçları vb.) */
.dmenu{position:relative}
.dmenu>summary{list-style:none;cursor:pointer}
.dmenu>summary::-webkit-details-marker{display:none}
.sm-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;border-radius:8px;border:1px solid #302f2d;background:linear-gradient(180deg,#1e1d1c,#191817);user-select:none}
.dmenu[open]>.sm-btn,.sm-btn:hover{border-color:#d6ae6299;color:var(--gold2)}
.dmenu-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:200px;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:12px;background:#171615;border:1px solid #302f2d;box-shadow:0 18px 40px -12px #000}
.dmenu-pop button{text-align:left;background:none;border-color:transparent}
.dmenu-pop button:hover:not(:disabled){background:#ffffff08;border-color:#302f2d}

/* devlet sayfası: eylem çubuğu */
.st-acts{display:flex;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid #1f1e1c;background:#11100f}
.st-status,.st-btns{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.st-hero{box-shadow:var(--shadow-lg)}
.st-tile{background:#131211}
.st-tile:hover{background:#171615}
.st-tabs{background:#11100f;border-color:#21201f;padding:5px;border-radius:14px}
.st-tabs button{border-radius:10px;font-weight:600}
.st-tabs button:hover:not(.on){background:#ffffff06;color:#ece8df}
@media (max-width:700px){.st-acts{flex-direction:column;align-items:stretch}.st-btns{justify-content:flex-start}}
.card.st-hero{overflow:visible}
.st-hero .st-cover{border-radius:var(--r) var(--r) 0 0;overflow:hidden}
.st-hero .st-acts{border-radius:0 0 var(--r) var(--r)}
/* savaş: konum */
.wpos{display:flex;gap:12px;align-items:flex-start;margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid #2d2c2b;background:#11100f}
.wpos-ic{font-size:22px;line-height:1}
.wpos.ok{border-color:#2f6b4c;background:linear-gradient(90deg,#1e1d1c,#11100f)}
.wpos.bad{border-color:#d6ae6266;background:linear-gradient(90deg,#221c10,#11100f)}
.wpos.travel{border-color:#3e8cf066;background:linear-gradient(90deg,#181716,#11100f)}
.wfronts{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-top:10px}
.wfront{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:9px 11px}
.wpn.oor{opacity:.45}
.wgo:disabled{filter:grayscale(.7);opacity:.5}
.rangechip{display:inline-block;margin-top:8px;font-size:11px;font-weight:600;color:#cfc6b4;padding:3px 9px;border-radius:99px;border:1px solid #2d2c2b;background:#11100f}
/* kuruluş & hükümet */
.fbox{margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid #d6ae6255;background:linear-gradient(180deg,#1a160e,#11100f)}
.fsteps{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 14px;margin-top:8px;font-size:12px;color:var(--muted)}
.fsteps .ok{color:#9fe8bf}
.govhead .av{width:52px;height:52px;border-radius:12px}
.prio,.priobar{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 14px;border-radius:12px;border:1px solid #e5484d88;background:linear-gradient(90deg,#2a0e10,#151413);color:#ffd2d3}
.priobar{margin:0 0 12px;animation:priopulse 2s ease-in-out infinite}
@keyframes priopulse{50%{box-shadow:0 0 0 3px #e5484d22}}
.mincard{display:flex;flex-direction:column}
.mincard.mine{border-color:#d6ae6288;box-shadow:0 0 0 1px #d6ae6233,var(--shadow)}
.minic{font-size:26px;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#11100f;border:1px solid #2b2a29}
.mpanel{margin-top:12px;padding-top:12px;border-top:1px dashed #2b2a29}
.arsenal{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}
.arsenal>div{display:flex;flex-direction:column;align-items:center;padding:6px;border-radius:10px;background:#11100f;border:1px solid #242322}
.taxgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.taxgrid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}
.taxgrid input{width:100%}
/* devlet ordusu */
.hitmode{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.hitmode button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:11px 14px;border-radius:12px}
.hitmode button.on{border-color:var(--gold);background:linear-gradient(180deg,#2a2213,#16130c);box-shadow:0 0 0 1px #d6ae6255}
.bystate{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #1f1e1c}
.wlog{max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:4px}
.wlrow{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:10px;background:#11100f;border-left:3px solid #ffffff18}
.wlrow.att{border-left-color:#e5484d}.wlrow.def{border-left-color:#3e8cf0}
.opb{color:var(--gold2);font-weight:600}
.rankb{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;border:1px solid #d6ae6266;background:#d6ae6214;color:var(--gold2);white-space:nowrap}
.rkic{font-size:11px;letter-spacing:-1px}
.rankbig{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;border:1px solid #d6ae6288;background:radial-gradient(circle at 30% 30%,#3a2f18,#14110a);font-size:16px;color:var(--gold2)}
.armystats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.armystats>div{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:10px;background:#11100f;border:1px solid #242322}
.armystats b{font-size:17px;font-variant-numeric:tabular-nums}.armystats span{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.mycard{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;border-radius:12px;border:1px solid #2d2c2b;background:#11100f;flex-wrap:wrap}
.order{padding:10px 12px;border-radius:12px;border:1px solid #2d2c2b;background:#11100f;margin-top:8px}
.order.active{border-color:#d6ae6277;background:linear-gradient(180deg,#1a160e,#11100f)}
.order:not(.active){opacity:.7}
.opbar{border-color:#d6ae6299;background:linear-gradient(90deg,#2a2213,#151413);color:#f6e2b6}
@media (max-width:700px){.hitmode{grid-template-columns:1fr}.armystats{grid-template-columns:repeat(2,1fr)}}

/* ===== Hafif harita (her cihazda akıcı) — eski ağır efektleri geçersiz kılar ===== */
.mapbox #mpaths path{transition:none;filter:none!important}
.mapbox #mpaths path:hover{filter:none!important;stroke:#f0cf8c;stroke-width:1.4}
.mapbox #mwars path.war-zone{animation:none;fill:#ff2a2a;fill-opacity:.22;stroke:#ff5a5f;stroke-width:1.6;stroke-opacity:.9}
.mapbox #mwars path.war-arc{animation:none;filter:none;fill:none;stroke-dasharray:none;stroke-linecap:round;stroke-opacity:.95}
.mapbox #mwars path.war-arc-glow,.war-shot,.war-hit .boom{display:none}
.war-hit .ring{animation:none;fill:none;stroke:#ff5a5f;stroke-width:1.5;opacity:.7;transform:none}
.war-badge circle{filter:none;fill:#c8262c;stroke:#fff;stroke-width:1.5}
.cap{filter:none}
.mapvignette{display:none}
.mapbox .warlist,.mapbox .maplegend,.mapbox .mappanel,.mapbox .mtip,.mapbox .mapctl button{backdrop-filter:none;-webkit-backdrop-filter:none}
.mapbox .warlist{background:#140a0cf2}
.mapbox .maplegend,.mapbox .mappanel{background:#0d0c0bf2}
.mapbox .livedot{animation:none}
.slabels text{paint-order:stroke;stroke-width:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* ayrıntılı hasar listesi */
#modal .box:has(.dlist){max-width:680px}
.dsum{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
.dsum>div{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:10px;background:#11100f;border:1px solid #242322}
.dsum b{font-size:16px}.dsum span{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.drow2{display:flex;gap:10px;align-items:flex-start;padding:9px 8px;border-radius:10px;border:1px solid transparent}
.drow2:hover{background:#ffffff05}
.drow2.hasop{border-color:#d6ae6233;background:linear-gradient(90deg,#1a160e,transparent 60%)}
.drow2 .drank{padding-top:8px}
.dchip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;border:1px solid #2d2c2b;background:#11100f;color:#cfc9bd;white-space:nowrap}
.dchip.op{border-color:#d6ae6288;background:#d6ae6218;color:var(--gold2)}
.dchip .dot{width:8px;height:8px;margin-right:2px}
.dbar2{display:flex;height:6px;border-radius:99px;background:#1c1b1a;overflow:hidden;margin:5px 0 3px}
.dbar2 i{display:block;height:100%}
.dbar2 .op,.lg.op{background:linear-gradient(90deg,#b98a3f,#f0cf8c)}
.dbar2 .solo.att,.lg.solo.att{background:#e5484d}.dbar2 .solo.def,.lg.solo.def{background:#3e8cf0}
.lg{display:inline-block;width:10px;height:10px;border-radius:3px;vertical-align:middle;margin:0 4px 0 8px}
@media (max-width:600px){.dsum{grid-template-columns:repeat(2,1fr)}}

/* ===== Hazır görsel galerisi ===== */
#modal .box:has(.pz){max-width:760px}
.pz-up{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px dashed #d6ae6255;border-radius:12px;background:#d6ae620a}
.pz-h{margin:16px 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold2);opacity:.85}
.pz-g{display:grid;gap:8px}
.pz-g.pz-cv{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.pz-g.pz-av{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}
.pz-t{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:5px;border-radius:12px;padding:4px;border:2px solid transparent;transition:border-color .15s,transform .15s,background .15s}
.pz-t img{width:100%;display:block;border-radius:9px;background:#0f0e0d;object-fit:cover;image-rendering:auto}
.pz-g.pz-cv .pz-t img{aspect-ratio:1200/340}
.pz-g.pz-av .pz-t img{aspect-ratio:1}
.pz-t span{font-size:12px;text-align:center;color:var(--muted,#9aa4ae);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pz-t:hover{background:#ffffff08;transform:translateY(-1px)}
.pz-t:hover span{color:#e8e2d4}
.pz-t:focus-visible{border-color:#d6ae6299}
.pz-t.on{border-color:var(--gold,#d6ae62);background:#d6ae6214}
.pz-t.on span{color:var(--gold2,#f0cf8c)}
@media (max-width:560px){.pz-g.pz-cv{grid-template-columns:repeat(2,minmax(0,1fr))}.pz-g.pz-av{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pz-t{min-width:0}

/* ===== Yapay zekâ yönetimi (yalnız yönetici) ===== */
.npcb{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font:600 11px/1.6 Inter,system-ui,sans-serif;letter-spacing:.04em;vertical-align:middle;color:#9fe3ff;background:#201f1d;border:1px solid #2f7a96}
.npcbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;padding:8px 10px;border-radius:10px;background:#ffffff06;border:1px solid #ffffff10}
.npcbar input{vertical-align:middle;margin-right:4px}
.npcbar #npcSelN{margin-left:4px}

/* ======================================================================
   MOBİL UYUM KATMANI
   ====================================================================== */
/* Pencere yapısı: ✕ her zaman görünür, içerik kendi içinde kayar */
#modal .box{position:relative;display:flex;flex-direction:column;padding:0;overflow:hidden;max-height:min(90vh,90dvh)}
#modal .mbody{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:20px;min-height:0}
#modal .mbody>h2:first-child{padding-right:40px}
#modal .mclose{position:absolute;top:10px;right:10px;z-index:4;width:36px;height:36px;padding:0;display:grid;place-items:center;border-radius:50%;
  font-size:16px;line-height:1;background:#11100fe6;border:1px solid #302f2d;color:#e8e2d4;box-shadow:0 4px 14px -6px #000}
#modal .mclose:hover{border-color:var(--gold);color:var(--gold2)}
#modal .mgrab{display:none}
body.modal-open{overflow:hidden}

/* Hasar listesi satırları: ad + hasar üstte, rozetler + yüzde altta */
.drow2 .dtop{display:flex;align-items:baseline;gap:6px;min-width:0}
.drow2 .dname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.drow2 .dtop .num{flex-shrink:0;font-size:15px}
.drow2 .dsub{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}
.drow2 .dpct{flex-shrink:0}
.drow2>.sp{min-width:0}

/* Harita bölge paneli kapatma */
.mappanel{position:absolute}
.mappanel .mpclose{position:sticky;top:0;float:right;margin:-4px -6px 4px 8px;z-index:2;width:32px;height:32px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:14px;background:#11100f;border:1px solid #302f2d}

.sm-only{display:none}
.cmtrow{gap:8px}

@media (max-width:640px){
  /* alttan açılan sayfa */
  #modal{align-items:flex-end;padding:0}
  #modal .box{max-width:none!important;width:100%;max-height:92dvh;border-radius:20px 20px 0 0;border-left:none;border-right:none;border-bottom:none;animation:sheetup .22s var(--ease,ease-out);transition:transform .15s}
  #modal .mbody{padding:14px 16px calc(18px + env(safe-area-inset-bottom))}
  #modal .mgrab{display:block;width:44px;height:5px;border-radius:99px;background:#393837;margin:8px auto 2px;flex-shrink:0}
  #modal .mclose{top:12px;right:12px}
  #modal .mbody>h2:first-child{font-size:20px;margin-top:2px}
  /* hasar listesi */
  .dsum{gap:6px}
  .drow2{padding:9px 4px;gap:8px}
  .drow2 .av{width:38px;height:38px}
  /* tablolar: önemsiz sütunlar gizlenir */
  table.mtab .hm{display:none}
  .sm-only{display:block}
  /* devlet sayfası yönetim menüsü ekrandan taşmasın */
  .dmenu-pop{right:auto;left:0;max-width:calc(100vw - 32px)}
  .dmenu[open] .dmenu-pop{position:fixed;left:16px;right:16px;top:auto;bottom:calc(76px + env(safe-area-inset-bottom));min-width:0}
  /* taarruz düğmesi tek satır */
  .wgo{letter-spacing:.06em;font-size:15px;padding:14px 10px}
  .wgo .wgo-est{display:block;font-size:11.5px;letter-spacing:.04em;font-weight:600;opacity:.85;margin-top:2px}
  /* harita paneli */
  .mappanel{left:8px;right:8px;bottom:8px;max-height:58%;padding:10px 12px}
  /* sayfa başlıkları ve satır içi düğmeler sarılsın */
  .row{min-width:0}
  .pfhead .row{flex-wrap:wrap}
  .imgbtns{flex-wrap:wrap}
}
@keyframes sheetup{from{transform:translateY(40%);opacity:.4}to{transform:none;opacity:1}}

/* Dokunmatik ekranlar: rahat dokunma alanları */
@media (pointer:coarse){
  button,.btn,select{min-height:38px}
  button.sm,.sm-btn,.chips button{min-height:34px}
  .bnav a{min-height:48px}
  input[type=checkbox],input[type=radio]{width:20px;height:20px}
  a,button{-webkit-tap-highlight-color:transparent}
}
/* iOS odaklanınca yakınlaştırma yapmasın: yazı alanları en az 16px */
@media (max-width:900px){
  input,select,textarea{font-size:16px!important}
}
/* Çentik ve ana ekran çubuğu (ana ekrana eklenen uygulama) */
@supports (padding:max(0px)){
  @media (max-width:900px){
    .topbar{padding-top:max(8px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
    .bnav{height:calc(62px + env(safe-area-inset-bottom))}
    body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
    .side{padding-top:env(safe-area-inset-top)}
  }
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* ======================================================================
   SİYAH ELİT TEMA
   Saf siyah zemin, kömür kartlar, şampanya altını çizgiler
   ====================================================================== */
:root{
  --bg:#030303; --side:#08080a; --card:#0d0d0f; --card2:#141416; --line:#1c1c1f; --line2:#2a2a2e;
  --text:#ece8df; --muted:#8a8780; --dim:#5c5a55;
  --gold:#cfa65a; --gold2:#ecd39a; --gold3:#8a6a33;
  --elite-card:linear-gradient(180deg,#111113 0%,#0b0b0c 100%);
  --elite-line:linear-gradient(90deg,transparent,#cfa65a55 20%,#ecd39a99 50%,#cfa65a55 80%,transparent);
  --r:18px;
}
html,body{background:#030303}
#stars{background:
  radial-gradient(900px 420px at 50% -120px,#2a2112a6 0,transparent 70%),
  radial-gradient(600px 600px at 100% 100%,#1209044d 0,transparent 70%),
  #030303}

/* kartlar */
.card{background:var(--elite-card);border:1px solid #1d1d20;border-radius:var(--r);
  box-shadow:0 1px 0 #ffffff07 inset,0 20px 40px -28px #000}
.card h3{color:#d9d4c8;letter-spacing:.14em;font-size:11.5px;font-weight:700;text-transform:uppercase}
.card h3::after{content:'';display:block;height:1px;margin-top:10px;background:linear-gradient(90deg,#cfa65a44,transparent 70%)}

/* sayfa başlığı: altın varak yazı */
.ptitle h1{background:linear-gradient(180deg,#f6e3b4 0%,#d7b06a 55%,#9c7638 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.22em}
.ptitle::after{background:var(--elite-line)!important}

/* düğmeler */
button{background:linear-gradient(180deg,#18181a,#111113);border-color:#2a2a2e;border-radius:12px}
button:hover:not(:disabled){border-color:#cfa65a99;color:var(--gold2);background:linear-gradient(180deg,#1c1a15,#121110)}
button.gold{background:linear-gradient(180deg,#f0d394 0%,#cfa65a 55%,#a77d3a 100%);border-color:#f0d39488;color:#140f06;box-shadow:0 6px 18px -8px #cfa65a88,0 1px 0 #fff6 inset}
button.gold:hover:not(:disabled){filter:brightness(1.06)}
input,select,textarea{background:#0a0a0b!important;border-color:#26262a!important;border-radius:12px}
input:focus,select:focus,textarea:focus{border-color:#cfa65a!important;box-shadow:0 0 0 3px #cfa65a1f;outline:none}
.pill{background:#151412;border-color:#2e2a22;color:#e2d6bb}
.chips button.on,.chips .on{background:linear-gradient(180deg,#221d12,#15120b);border-color:#cfa65a;color:var(--gold2)}

/* tablolar */
table th{color:#8d8a83;letter-spacing:.12em;font-size:10.5px;border-bottom:1px solid #1f1f22;background:transparent}
table td{border-bottom:1px solid #161618}
table tr.click:hover td{background:#cfa65a0a}

/* sol menü */
.side{background:linear-gradient(180deg,#0b0b0c,#050505);border-right:1px solid #18181a}
.nav a{border-radius:12px}
.nav a.on{background:linear-gradient(90deg,#cfa65a1f,transparent 85%);color:var(--gold2);box-shadow:inset 2px 0 0 var(--gold)}
.nav .sec{color:#6e6a62;letter-spacing:.22em}

/* üst çubuk */
.topbar{background:linear-gradient(180deg,#060606f2,#060606d9)!important;border-bottom:1px solid #17171a!important;box-shadow:0 10px 30px -20px #000!important}
.topbar::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--elite-line);opacity:.55}

/* pencere */
#modal{background:#000000c4;backdrop-filter:blur(3px)}
#modal .box{background:linear-gradient(180deg,#131315,#0b0b0c)!important;border-color:#cfa65a55!important}
#modal .mclose{background:#0b0b0ce6;border-color:#2c2c30}

/* harita: daha koyu okyanus, altın seçim */
.mapbox{border-color:#1d1d20!important;background:#020406}
.mappanel,.mapbox .mappanel{background:#0a0a0bf5!important;border-color:#cfa65a77!important;border-radius:16px}
.mappanel .mpopen{float:right;margin:2px 10px 0 0;font-size:12px;font-weight:700;color:var(--gold2);padding:6px 10px;border:1px solid #cfa65a55;border-radius:999px;background:#17140d}
#msvg{touch-action:none;-webkit-user-select:none;user-select:none}
.mapbox{touch-action:none}

/* bölge sayfası */
.rp-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.rp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 14px;border-radius:12px;border:1px solid #2a2a2e;background:linear-gradient(180deg,#18181a,#111113);font-weight:600}
.rp-btn:hover{border-color:#cfa65a99;color:var(--gold2)}
.rp-x{width:40px;padding:0;font-size:16px}
.rp-hero{position:relative;display:flex;align-items:center;gap:16px;padding:18px;margin-bottom:14px;border-radius:20px;overflow:hidden;
  background:radial-gradient(400px 200px at 0% 50%,color-mix(in srgb,var(--sc) 22%,transparent),transparent 70%),linear-gradient(180deg,#121214,#0a0a0b);border:1px solid #1f1f22}
.rp-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--elite-line)}
#rpshape{width:110px;height:110px;flex-shrink:0;filter:drop-shadow(0 8px 18px #000)}
#rpshape path{fill:color-mix(in srgb,var(--sc) 55%,#1a1a1a);stroke:#ecd39a;stroke-width:.8%;vector-effect:non-scaling-stroke;stroke-width:1.5px}
.rp-hl{min-width:0}
.rp-hl h1{margin:2px 0 4px;font-size:26px;line-height:1.1;background:linear-gradient(180deg,#f6e3b4,#c99a50);-webkit-background-clip:text;background-clip:text;color:transparent}
.rpage{padding:16px}
.rpage .mpclose,.rpage .mpopen{display:none}

/* alt menü: seçili sekme altın çerçeveli hap */
@media (max-width:900px){
  .bnav{background:linear-gradient(180deg,#0a0a0bf7,#050505)!important;border-top:1px solid #1d1d20!important;padding-left:6px;padding-right:6px;gap:2px}
  .bnav::before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--elite-line);opacity:.7}
  .bnav a{border-radius:16px;margin:7px 0;transition:flex .2s,background .2s;color:#8d8a83}
  .bnav a span{font-size:10px}
  .bnav a.on{flex:1.9;flex-direction:row;gap:8px;color:var(--gold2);
    background:linear-gradient(180deg,#221d12,#120f09);border:1px solid #cfa65a66;box-shadow:0 0 0 1px #00000080,0 8px 20px -10px #cfa65a55,inset 0 1px 0 #ffffff10}
  .bnav a.on::before{display:none}
  .bnav a.on span{font-size:12.5px;font-weight:700;letter-spacing:.02em}
  .bnav a:not(.on) span{opacity:.75}
  /* üst çubuk: sade iki satır */
  .topbar{gap:8px 12px!important}
  .topbar .st{background:#0d0d0f;border:1px solid #1d1d20;border-radius:999px;padding:3px 10px 3px 6px}
  .topbar .lvchip{border-radius:999px}
  .ptitle h1{font-size:19px}
  .card{border-radius:16px}
}
.rpage .rp-head{display:none}
.rpage>.row{gap:14px!important}
.godchip{font-size:10px;font-weight:800;letter-spacing:.08em;color:#1a1206;background:linear-gradient(180deg,#f0d394,#b98a3f);border-radius:99px;padding:1px 6px;margin-left:2px}
#msvg path.closed{fill:url(#closedpat);stroke:#1a1a1c;stroke-width:.6;opacity:.9}
#msvg path.closed:hover{fill:url(#closedpat);opacity:1}
#msvg path.closed.sel{stroke:#8a8780;stroke-width:1.4}
.closedbox{display:flex;gap:14px;align-items:flex-start;padding:4px 2px}
.closedbox .lock{font-size:28px;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#141416;border:1px solid #2a2a2e;flex-shrink:0}
#msvg .labels text.cl{fill:#55524c!important;opacity:.6}

/* ======================================================================
   REFERANS TASARIM KATMANI: zil, posta, mesajlar, ana sayfa küresi, menü ızgarası
   ====================================================================== */
.tb-ic{display:flex;gap:6px;align-items:center}
.icbtn{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border-radius:12px;background:linear-gradient(180deg,#151517,#0c0c0d);border:1px solid #26262a;color:#e3cf9f}
.icbtn:hover{border-color:#cfa65a99;color:var(--gold2)}
.bdg{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:linear-gradient(180deg,#ff6a60,#d6363d);color:#fff;font:700 10.5px/18px Inter,system-ui,sans-serif;font-style:normal;text-align:center;box-shadow:0 0 0 2px #050505}
/* bildirim listesi */
.nlist{display:flex;flex-direction:column;gap:6px}
.nitem{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:#0f0f11;border:1px solid #1d1d20}
.nitem.unread{border-color:#cfa65a55;background:linear-gradient(90deg,#1c180f,#0f0f11 70%)}
.nitem .nic{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#17171a;font-size:17px;flex-shrink:0}
.nitem .nm{font-size:13.5px;line-height:1.35}
/* mesajlar */
.ellip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btnlink{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:12px;font-weight:700;font-size:13px;border:1px solid #2a2a2e;background:linear-gradient(180deg,#18181a,#111113)}
.btnlink.gold,.sm-btn.gold{background:linear-gradient(180deg,#f0d394,#cfa65a 55%,#a77d3a);color:#140f06;border-color:#f0d39488}
.sm-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:10px;font-size:12px;font-weight:600;border:1px solid #2a2a2e;background:linear-gradient(180deg,#18181a,#111113)}
.dm-list{padding:6px}
.dm-row{position:relative;display:flex;gap:12px;align-items:center;padding:11px 10px;border-radius:14px}
.dm-row+.dm-row{border-top:1px solid #17171a}
.dm-row:hover{background:#ffffff05}
.dm-row.unread b{color:var(--gold2)}
.dm-row .av,.dm-row .idav,.dm-who .av,.dm-who .idav{width:44px;height:44px;flex-shrink:0}
.dm-row>.bdg{position:static;margin-left:4px}
.idav{display:grid;place-items:center;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--c) 35%,#111);border:1px solid color-mix(in srgb,var(--c) 60%,#000);font-weight:800;color:#fff}
.idav img{width:100%;height:100%;object-fit:cover}
.pill.gold{background:#2a2213;border-color:#cfa65a66;color:var(--gold2)}
.dm-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.dm-who{gap:10px;min-width:0}
.dm-thread{display:flex;flex-direction:column;gap:8px;padding:14px;height:min(58vh,560px);height:min(58dvh,560px);overflow:auto;overscroll-behavior:contain}
.bub{max-width:82%;align-self:flex-start;background:#17171a;border:1px solid #232327;border-radius:16px 16px 16px 4px;padding:9px 12px}
.bub.me{align-self:flex-end;background:linear-gradient(180deg,#2a2314,#1b170e);border-color:#cfa65a55;border-radius:16px 16px 4px 16px}
.bub .bt{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.4}
.bub .bm{font-size:10.5px;color:#7d7a73;margin-top:4px;text-align:right}
.dm-input{display:flex;gap:8px;align-items:flex-end;margin-top:10px;position:sticky;bottom:calc(70px + env(safe-area-inset-bottom));z-index:3}
.dm-input textarea{flex:1;resize:none;min-height:46px;max-height:140px;padding:12px 14px;border-radius:16px;line-height:1.35}
.dm-send{width:48px;height:46px;padding:0;display:grid;place-items:center;border-radius:14px;flex-shrink:0}
.dm-res{display:flex;flex-direction:column;margin-top:6px}
@media (min-width:901px){.dm-input{bottom:12px}}
/* ana sayfa: küre */
.hero-home{position:relative;display:flex;align-items:center;min-height:190px;margin-bottom:14px;padding:18px 20px;border-radius:22px;overflow:hidden;
  background:radial-gradient(500px 260px at 85% 50%,#2a21125e,transparent 70%),linear-gradient(180deg,#0e0e10,#060607);border:1px solid #1d1d20}
.hero-home::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--elite-line)}
.hh-txt{position:relative;z-index:2;min-width:0}
.hh-hi{font-size:22px;font-weight:600;margin-top:6px;color:#ece8df}
.hh-name{font-family:Cinzel,serif;font-weight:700;font-size:clamp(28px,7vw,44px);line-height:1.05;letter-spacing:.06em;text-transform:uppercase;
  background:linear-gradient(180deg,#fff0c4,#d9ae5c 55%,#9c7638);-webkit-background-clip:text;background-clip:text;color:transparent;word-break:break-word}
.hh-go{display:inline-block;margin-top:10px;color:var(--gold2);font-size:26px;line-height:1}
.globe{position:absolute;right:-30px;top:50%;width:260px;height:260px;transform:translateY(-50%)}
.statrow{display:grid!important;grid-template-columns:repeat(4,1fr);padding:4px!important;margin-bottom:14px}
.statrow a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;border-radius:14px}
.statrow a+a{border-left:1px solid #1a1a1d}
.statrow a:hover{background:#cfa65a0d}
.statrow b{font-size:20px;color:#f1ead9}
.statrow small{font-size:11px;color:#8a8780}
@media (max-width:640px){.hero-home{min-height:170px;padding:16px}.globe{width:210px;height:210px;right:-48px;opacity:.95}.hh-hi{font-size:19px}}
/* menü ızgarası */
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mtile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:1.05;border-radius:18px;
  background:var(--elite-card);border:1px solid #1d1d20;font-weight:600;font-size:13px;color:#ddd6c6;text-align:center;box-shadow:0 1px 0 #ffffff07 inset}
.mtile:hover,.mtile:active{border-color:#cfa65a88;color:var(--gold2)}
.mtile .mic{display:grid;place-items:center;height:38px;color:#e7cf96}
.mtile .mic svg{width:30px;height:30px}
.mtile .bdg{top:8px;right:8px}
@media (min-width:901px){.mgrid{grid-template-columns:repeat(6,1fr)}}
/* sayfa başlığı görselleri */
.ptitle.art{position:relative;min-height:84px;align-items:flex-end;padding:18px 16px 14px;border-radius:18px;overflow:hidden;border:1px solid #1d1d20;
  background:linear-gradient(90deg,#060607 30%,#060607cc 55%,#06060722),var(--art) right center/cover no-repeat,#0b0b0c}
.ptitle.art::after{left:16px!important;right:16px!important}
.ptitle.art h1{position:relative;z-index:1;text-shadow:0 2px 12px #000}
.ptitle.art>*{position:relative;z-index:1}
/* alt menü: referanstaki gibi çerçeveli kutu */
@media (max-width:900px){
  .bnav{height:calc(70px + env(safe-area-inset-bottom))!important}
  .bnav a{flex:1!important;flex-direction:column!important;gap:3px!important;margin:7px 2px!important;border-radius:14px;border:1px solid transparent}
  .bnav a span{display:block;font-size:10.5px!important;opacity:1!important}
  .bnav a svg,.bnav a img{width:24px;height:24px}
  .bnav a.on{background:linear-gradient(180deg,#221d12,#100e09)!important;border-color:#cfa65a!important;box-shadow:0 0 18px -6px #cfa65a88,inset 0 1px 0 #ffffff12!important}
  .bnav a.on span{font-size:10.5px!important;font-weight:700}
  .bnav a>i{position:absolute;top:6px;right:22%;width:8px;height:8px;border-radius:50%;background:#e5484d}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}
  .tb-ic .icbtn{width:38px;height:38px}
  .topbar .locchip{display:none}
}
/* üst çubuk: masaüstünde sarmalayıcı görünmez; telefonda iki satır */
.tb-res{display:contents}
@media (max-width:900px){
  .topbar{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"av en ic" "res res res";align-items:center;gap:8px 8px!important;padding-bottom:10px!important}
  .topbar .burger{display:none!important}
  .topbar .lvchip{grid-area:av}
  .topbar>.st{grid-area:en;min-width:0}
  .topbar>.st .ebar{flex:1;width:auto!important;min-width:40px}
  .topbar>.sp{display:none}
  .topbar .tb-ic{grid-area:ic}
  .topbar .tb-res{grid-area:res;display:flex;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}
  .topbar .tb-res::-webkit-scrollbar{display:none}
  .topbar .tb-res .st{flex-shrink:0;font-size:13px}
  .topbar .tb-res .st .sm{display:none}
  .topbar #ent{display:none}
}
.regtog{display:flex;flex-wrap:wrap;gap:6px}
.regtog .sm{opacity:.75}.regtog .sm.on{opacity:1;border-color:#3fbf7f66;background:linear-gradient(180deg,#12201a,#0c130f)}
.godchip{white-space:nowrap;display:inline-flex;align-items:center}.topbar .lvchip .row{flex-wrap:nowrap;white-space:nowrap}
/* ===== Ana sayfa karşılama afişi (görselli) ===== */
.hero-home.img{display:flex;align-items:center;aspect-ratio:3/1;min-height:200px;padding:0 0 0 5%;border:none;border-radius:20px;
  background:url(/img-hero.jpg) center/cover no-repeat,#050505;box-shadow:0 20px 50px -30px #000}
.hero-home.img::after{display:none}
.hero-home.img .hh-txt{max-width:56%}
.hh-date{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#a29b8c;margin-bottom:6px}
.hero-home.img .hh-hi{font-family:Cinzel,serif;font-weight:600;font-style:italic;font-size:clamp(17px,2.6vw,34px);letter-spacing:.04em;margin:0;
  background:linear-gradient(180deg,#ffffff,#d6d3cc 55%,#8f8b84);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 6px #000c)}
.hero-home.img .hh-name{font-family:Cinzel,serif;font-weight:700;line-height:1.02;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;
  font-size:min(clamp(30px,7.2vw,96px),calc(52vw / var(--nl)));
  background:linear-gradient(180deg,#fff3cf 0%,#f0cf86 30%,#c9963f 55%,#f5d58f 72%,#9a6c2a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 0 #3a2a10) drop-shadow(0 6px 14px #000)}
.hh-orn{display:flex;align-items:center;gap:6px;margin-top:8px;max-width:340px}
.hh-orn i{flex:1;height:1px;background:linear-gradient(90deg,transparent,#d9b06a)}
.hh-orn i:last-child{background:linear-gradient(90deg,#d9b06a,transparent)}
.hh-orn svg{filter:drop-shadow(0 0 6px #d9b06a88)}
@media (min-width:901px){.hero-home.img .hh-name{font-size:min(84px,calc(60vw / var(--nl)))}}
@media (max-width:640px){
  .hero-home.img{aspect-ratio:auto;min-height:190px;padding-left:18px;background:url(/img-hero-m.jpg) right center/cover no-repeat,#050505}
  .hero-home.img::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000000d9 0%,#000000a0 45%,transparent 80%);border-radius:inherit}
  .hero-home.img .hh-txt{position:relative;max-width:78%}
  .hero-home.img .hh-name{font-size:min(44px,calc(80vw / var(--nl)))}
  .hh-orn{max-width:220px}
}

/* ===== Parti: profil kartı + parti sayfası ===== */
.av.md{width:58px;height:58px;border-radius:14px;font-size:24px;border:2px solid var(--gold)}
.pf-party{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none;background:linear-gradient(135deg,#d6ae6212,transparent 60%);border-color:#d6ae6244}
.pf-party:hover{border-color:#d6ae6299}
.pf-party-logo{flex:none}
.pf-party-logo .av{object-fit:cover}
.pf-party-name{display:block;font-family:Cinzel,serif;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-party-go{font-size:22px;color:var(--gold2);flex:none}
.pl-leader{display:block;color:inherit;text-decoration:none;position:relative;border-color:#d6ae6266;background:radial-gradient(400px 120px at 0 0,#d6ae6222,transparent),var(--card,#151413)}
.pl-leader:hover{border-color:var(--gold)}
.pl-crown{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--gold2);margin-bottom:8px}
.pstats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pstat{display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px;background:#121110;border:1px solid #2b2a29}
.pstat-ic{font-size:20px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#d6ae6214;flex:none}
.pstat-v{font-weight:700;font-size:16px;color:var(--gold2);font-variant-numeric:tabular-nums}
.pm-row .dmenu{flex:none}
.pm-lead{background:linear-gradient(90deg,#d6ae6216,transparent 70%);border-radius:10px;padding-left:8px!important;padding-right:8px!important}
@media (max-width:700px){
  .pstats{grid-template-columns:repeat(2,1fr)}
  .av.md{width:50px;height:50px}
  .pf-party-name{font-size:16px}
}

/* ===== Siyah Elit sayfa bannerları (/banners/*.jpg) ===== */
.ptitle.art.elite{min-height:118px;padding:20px 18px 14px;border:1px solid #d6ae6255;
  background:linear-gradient(90deg,#050506ee 0%,#050506aa 28%,#05050622 60%,transparent 100%),linear-gradient(0deg,#050506cc 0%,transparent 55%),var(--art) center/cover no-repeat,#0b0b0c;
  box-shadow:0 0 0 1px #00000088 inset,0 14px 34px -18px #000,0 0 22px -10px #d6ae6255}
.ptitle.art.elite::before{content:"";position:absolute;inset:5px;border:1px solid #d6ae6233;border-radius:14px;pointer-events:none;z-index:0}
.ptitle.art.elite h1{font-size:22px}
.maphead{margin-bottom:12px}
.maphead.art.elite{min-height:96px}
@media (max-width:900px){
  .ptitle.art.elite{min-height:96px;padding:16px 14px 12px}
  .ptitle.art.elite h1{font-size:18px}
  .maphead.art.elite{min-height:80px}
  .mapbox{height:calc(100vh - 300px)!important;min-height:360px!important}
}
@media (min-width:901px){ .mapbox{height:calc(100vh - 240px)!important} }

/* ===== Profil: devlet görevleri (lider / bakan) ===== */
.pf-gov{overflow:hidden;border-color:#d6ae6244}
.pf-gov-row{display:flex;align-items:center;gap:12px;padding:12px 14px;color:inherit;text-decoration:none;border-left:3px solid var(--sc);background:linear-gradient(90deg,color-mix(in srgb,var(--sc) 14%,transparent),transparent 65%)}
.pf-gov-row+.pf-gov-row{border-top:1px solid #1f1e1c}
.pf-gov-row:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--sc) 22%,transparent),transparent 70%)}
.pf-gov-av{flex:none;width:44px;height:44px;border-radius:10px;overflow:hidden;border:1px solid #d6ae6255;background:#0e0d0c;display:grid;place-items:center}
.pf-gov-av img{width:100%;height:100%;object-fit:cover}
.pf-gov-av span{width:22px;height:22px;border-radius:6px;display:block}
.pf-gov-name{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-gov-title{font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--gold2);margin-top:2px}
.pf-gov-row.pres .pf-gov-title{color:#f1d08f}

/* ===================== PROFİL 2.0 ===================== */
.pf3{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
.pf3 .c1{order:1}.pf3 .c3{order:2}.pf3 .c2{order:3}
@media (min-width:901px){
  .pf3{grid-template-columns:minmax(0,400px) minmax(0,1fr)}
  .pf3 .c1{order:1}.pf3 .c2{order:2}
  .pf3 .c3{order:3;grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
}
@media (min-width:1360px){
  .pf3{grid-template-columns:minmax(0,380px) minmax(0,1fr) minmax(0,1fr)}
  .pf3 .c3{grid-column:auto;display:flex;flex-direction:column;gap:10px}
}
.pf-name{font-size:20px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.pf-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.pf-actions button{background:none;border:none;border-radius:0;padding:12px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:18px;color:var(--gold2)}
.pf-actions button span{font-size:12.5px;font-weight:700;color:#e9e4da}
.pf-actions button+button{border-left:1px solid var(--line)}
.pf-actions button:hover{background:#ffffff06}

/* nitelik kartları */
.attr2{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #1f1e1c}
.attr2:last-of-type{border-bottom:none}
.attr2 .ic{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--ac) 12%,#0e0d0c);border:1px solid color-mix(in srgb,var(--ac) 35%,transparent)}
.attr2 .ic img{width:34px;height:34px}
.attr2 .fx{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:#a9b0b7;margin-top:3px}
.attr2 .fx b{color:#ece6da}
.abar{height:5px;border-radius:9px;background:#1d1c1b;overflow:hidden;margin-top:7px}
.abar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,color-mix(in srgb,var(--ac,#d7b06a) 55%,#000),var(--ac,#d7b06a));transition:width .8s cubic-bezier(.2,.8,.2,1)}
.attr2 .alv{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}
.attr2 .alv>b{font-size:26px;font-weight:800;color:var(--ac);font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 18px color-mix(in srgb,var(--ac) 35%,transparent)}

/* savaş özeti */
.warsum{display:grid;grid-template-columns:auto 1fr 1fr 1fr;align-items:center;gap:6px;text-align:center;padding:4px 0 10px}
.ring{--p:0;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green,#3ecf8e) calc(var(--p)*1%),#c8262c 0);box-shadow:0 0 22px -6px #3ecf8e55}
.ring>div{width:60px;height:60px;border-radius:50%;background:#121110;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05}
.ring b{font-size:17px}.ring span{font-size:10px;color:#a9b0b7}
.ws b{display:block;font-size:20px;font-variant-numeric:tabular-nums}.ws span{font-size:11.5px;color:#a9b0b7}
.warrow{color:inherit;text-decoration:none}
.wflags{display:flex;align-items:center;gap:3px;flex:none}.wflags i{font-size:9px;color:#6d6a65;font-style:normal}
.wflags .dot{width:12px;height:12px;border-radius:3px;margin:0}
.wres{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.06em;padding:1px 7px;border-radius:5px;margin-top:3px;text-transform:uppercase;background:#2a2927;color:#cfc8bb}
.wres.zafer{background:#163a2a;color:#5ee0a0}.wres.yenilgi{background:#3a1416;color:#ff7c80}.wres.berabere{background:#2b2a1a;color:#e8c27a}.wres.süren{background:#1a2333;color:#7fb6ff}
.donrow .av{width:36px;height:36px;border-radius:8px;object-fit:cover}

/* başarım ligi */
.league{display:flex;gap:14px;align-items:center;padding:10px 12px;border-radius:14px;margin-bottom:12px;background:linear-gradient(135deg,#ffffff08,transparent);border:1px solid #2b2a29}
.lg-badge{width:58px;height:58px;flex:none;display:grid;place-items:center;font-size:32px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff22,#0000 60%),var(--lgc,#6b4a2b);box-shadow:0 0 0 2px #ffffff14,0 0 26px -6px var(--lgc,#6b4a2b)}
.lg-name{font-family:Cinzel,serif;font-size:20px;letter-spacing:.14em;color:var(--lgc2,#e8c27a)}
.lg-bronz{--lgc:#8a5a33;--lgc2:#d9a066}.lg-gumus{--lgc:#8d96a3;--lgc2:#dfe6ef}.lg-altin{--lgc:#b8892e;--lgc2:#f6d98c}.lg-platin{--lgc:#3c8fa0;--lgc2:#9fe7f2}.lg-elmas{--lgc:#5b6cff;--lgc2:#b9c4ff}
.league .abar i{background:linear-gradient(90deg,var(--lgc),var(--lgc2))}
.achgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.ach{text-align:center;padding:10px 2px;border-radius:12px;background:#121110;border:1px solid #232220}
.ach-ic{font-size:22px;filter:grayscale(1) opacity(.45)}
.ach.t1 .ach-ic,.ach.t2 .ach-ic,.ach.t3 .ach-ic,.ach.t4 .ach-ic,.ach.t5 .ach-ic{filter:none}
.ach.t4,.ach.t5{border-color:#d6ae6266;background:linear-gradient(180deg,#d6ae6214,#121110)}
.ach-n{font-size:11px;font-weight:700;margin-top:4px;color:#d9d3c7}
.pips{display:flex;justify-content:center;gap:3px;margin-top:6px}.pips i{width:6px;height:6px;border-radius:2px;background:#2c2b29}.pips i.on{background:var(--gold2,#e8c27a);box-shadow:0 0 6px #e8c27a88}

/* madalyalar */
.medals{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}
.medal{text-align:center;cursor:default}
.md-ic{position:relative;width:58px;height:58px;margin:0 auto;display:grid;place-items:center;font-size:28px;border-radius:50%;
  background:radial-gradient(circle at 35% 28%,#f6e3b4 0,#d7b06a 38%,#7a5a26 100%);box-shadow:0 0 0 3px #2a2213,0 0 0 4px #d7b06a66,0 8px 18px -8px #000;transition:transform .2s}
.medal:hover .md-ic{transform:translateY(-3px) scale(1.05)}
.md-x{position:absolute;right:-6px;bottom:-4px;font-size:10.5px;font-weight:800;padding:1px 5px;border-radius:8px;background:#121110;border:1px solid #d7b06a;color:#f6e3b4}
.md-n{font-size:11.5px;font-weight:700;margin-top:7px;line-height:1.2;color:#e3ddd0}

/* avatar çerçeveleri */
.avwrap.frame{border-radius:18px}
.avwrap.frame>.av{border:none!important}
.avwrap.frame::after{content:"";position:absolute;inset:-4px;border-radius:20px;pointer-events:none;border:3px solid var(--fc,#d7b06a);box-shadow:0 0 18px -4px var(--fc,#d7b06a)}
.frame-altin{--fc:#d7b06a}
.frame-gumus{--fc:#cfd6df}
.frame-kizil{--fc:#e0353c}
.frame-zumrut{--fc:#2fbf7f}
.frame-kraliyet{--fc:#b28bff}
.avwrap.frame.frame-kraliyet::before{content:"👑";position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:20px;z-index:3;filter:drop-shadow(0 2px 4px #000)}
.frame-yonetim{--fc:#ff4d5a}
.avwrap.frame.frame-alev::after{border-color:transparent;background:conic-gradient(from var(--fa,0deg),#ff3d00,#ffb300,#ff6a00,#ff1f1f,#ff3d00) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:frspin 3s linear infinite;box-shadow:0 0 22px -2px #ff6a00aa}
.avwrap.frame.frame-elmas::after{border-color:transparent;background:conic-gradient(from var(--fa,0deg),#9fe7f2,#5b6cff,#ffffff,#b9c4ff,#9fe7f2) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:frspin 4s linear infinite;box-shadow:0 0 24px -2px #8fa0ffaa}
@property --fa{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes frspin{to{--fa:360deg}}
.framegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:60vh;overflow:auto;padding:8px 4px}
.frpick{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 6px 10px;border-radius:14px;background:#121110;border:1px solid #2b2a29;white-space:normal;text-align:center}
.frpick.sel{border-color:var(--gold);background:#d6ae6212}
.frpick.locked{opacity:.5;cursor:not-allowed}
.frpick .avwrap{position:relative}

/* boş durumlar */
.empty-art{text-align:center;padding:16px 10px;color:#8f8a82;font-size:13px}
.ea-ic{font-size:30px;width:60px;height:60px;margin:0 auto 8px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#d6ae6218,transparent 70%);border:1px dashed #d6ae6244}
.empty::before{content:"✦";display:block;font-size:18px;color:#d6ae6266;margin-bottom:4px}

/* sayfa açılış animasyonu */
@keyframes pgIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#page.pg-anim>*,#page.pg-anim .pf3>.col>*{animation:pgIn .45s cubic-bezier(.2,.8,.2,1) both}
#page.pg-anim .pf3>.col>*:nth-child(2){animation-delay:.05s}
#page.pg-anim .pf3>.col>*:nth-child(3){animation-delay:.1s}
#page.pg-anim .pf3>.col>*:nth-child(4){animation-delay:.15s}
#page.pg-anim .pf3>.col>*:nth-child(n+5){animation-delay:.2s}
#page.pg-anim .pf3>.col{animation:none}

/* kutlama */
.celebrate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle,#0008,#000c);overflow:hidden;animation:pgIn .3s both;cursor:pointer}
.celebrate.out{transition:opacity .5s;opacity:0}
.celebrate>i{position:absolute;top:-12px;width:8px;height:14px;border-radius:2px;animation:conf linear both}
@keyframes conf{to{top:105%;transform:translateX(40px) rotate(720deg)}}
.cel-box{text-align:center;animation:celPop .6s cubic-bezier(.2,1.6,.4,1) both;position:relative;z-index:1}
.cel-ic{font-size:76px;filter:drop-shadow(0 0 30px #f6d98c)}
.cel-t{font-family:Cinzel,serif;font-size:30px;letter-spacing:.14em;background:linear-gradient(180deg,#f6e3b4,#d7b06a 55%,#9c7638);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:6px}
.cel-s{color:#e9e4da;font-size:16px;margin-top:4px}
@keyframes celPop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){#page.pg-anim *{animation:none!important}.frame-alev::after,.frame-elmas::after{animation:none}}
@media (max-width:700px){
  .achgrid{gap:4px}.ach{padding:8px 0}.ach-ic{font-size:19px}.ach-n{font-size:10px}
  .warsum{grid-template-columns:auto 1fr 1fr 1fr}.ring{width:64px;height:64px}.ring>div{width:52px;height:52px}
  .attr2 .alv>b{font-size:22px}
}
@media (min-width:1360px){ .pf3 .c3{align-items:stretch} }
.pf3 .col>.card{width:auto}

/* madalya / başarım / lig görselleri (public/medals/*.png) */
.mdimg{width:100%;height:100%;object-fit:contain;display:block}
.md-ic.hasimg{background:none;box-shadow:none;width:72px;height:72px;filter:drop-shadow(0 8px 14px #000a)}
.medal:hover .md-ic.hasimg{filter:drop-shadow(0 10px 18px #000c) drop-shadow(0 0 12px #d7b06a55)}
.ach-ic.hasimg{width:40px;height:40px;margin:0 auto}
.ach.t0 .ach-ic.hasimg{filter:grayscale(1) opacity(.4)}
.lg-badge.hasimg{background:none;box-shadow:none;width:72px;height:72px;border-radius:0;filter:drop-shadow(0 0 18px var(--lgc,#b8892e))}

/* ===== Yeni sürüm uyarısı ===== */
#upd{position:fixed;left:50%;top:12px;z-index:9000;display:flex;align-items:center;gap:10px;width:min(560px,calc(100% - 20px));padding:12px 14px;border-radius:16px;
  background:linear-gradient(135deg,#1d1810,#121110);border:1px solid #d6ae6288;box-shadow:0 18px 40px -14px #000,0 0 30px -12px #d6ae62aa;
  transform:translate(-50%,-140%);opacity:0;transition:transform .45s cubic-bezier(.2,1.2,.4,1),opacity .3s;pointer-events:none}
#upd.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}
#upd .upd-ic{font-size:24px;flex:none;animation:updPulse 1.8s ease-in-out infinite}
#upd b{color:var(--gold2,#e8c27a)}
#upd .tiny{color:#cfc8bb;white-space:normal}
#upd button{flex:none}
@keyframes updPulse{50%{transform:scale(1.18)}}
@media (max-width:700px){#upd{top:calc(env(safe-area-inset-top,0px) + 8px)}}

/* ===================== GÜNLÜK SERİ ===================== */
.streak{background:radial-gradient(500px 140px at 100% 0,#d6ae6218,transparent),var(--card,#151413)}
.sdays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.sd{text-align:center;padding:8px 2px;border-radius:12px;background:#121110;border:1px solid #262523;position:relative}
.sd-n{font-size:10px;color:#8f8a82;font-weight:600}
.sd-ic{font-size:20px;margin:3px 0;filter:grayscale(.6) opacity(.6)}
.sd-m{font-size:11px;font-weight:800;color:#bdb6a9}
.sd.done{background:#16261c;border-color:#2f6b47}.sd.done .sd-ic{filter:none;color:#5ee0a0}.sd.done .sd-m{color:#5ee0a0}
.sd.today{border-color:var(--gold);background:linear-gradient(180deg,#d6ae6226,#121110);box-shadow:0 0 18px -6px #d6ae62;animation:sdPulse 1.6s ease-in-out infinite}
.sd.today .sd-ic,.sd.tomorrow .sd-ic{filter:none}.sd.today .sd-m{color:var(--gold2)}
.sd.tomorrow{border-style:dashed;border-color:#d6ae6266}
.sd.chest{background:linear-gradient(180deg,#2a1f0c,#121110);border-color:#d6ae6277}.sd.chest .sd-ic{filter:none;font-size:22px}.sd.chest .sd-m{color:#f6d98c}
@keyframes sdPulse{50%{box-shadow:0 0 26px -4px #d6ae62}}
.chestbox{text-align:center;padding:10px 4px 4px;position:relative;min-height:280px}
.chest-lid{font-size:90px;animation:chestShake .9s ease-in-out both}
.chest-open{opacity:0;animation:pgIn .5s 1s both}
.chestbox .chest-lid{position:absolute;left:0;right:0;top:20px;animation:chestShake .9s ease-in-out both,chestGone .3s .9s forwards}
.chest-ic{font-size:76px;filter:drop-shadow(0 0 26px #f6d98c)}
.chest-n{font-family:Cinzel,serif;font-size:24px;letter-spacing:.1em;color:var(--gold2);margin-top:6px}
.chest-r{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap;font-size:18px;font-weight:800;margin-top:8px}
.chestbox.rare .chest-ic{filter:drop-shadow(0 0 30px #9fb4ff)}.chestbox.rare .chest-n{color:#b9c4ff}
@keyframes chestShake{0%,100%{transform:none}20%{transform:rotate(-8deg) scale(1.05)}40%{transform:rotate(8deg) scale(1.1)}60%{transform:rotate(-6deg) scale(1.15)}80%{transform:rotate(4deg) scale(1.2)}}
@keyframes chestGone{to{transform:scale(1.8);opacity:0}}

/* ===================== KOMUTAN REHBERİ ===================== */
.guide .gsteps{display:flex;gap:4px;margin-bottom:12px}.guide .gsteps i{flex:1;height:5px;border-radius:4px;background:#262523}
.guide .gsteps i.done{background:#3ecf8e}.guide .gsteps i.cur{background:var(--gold2);box-shadow:0 0 8px #e8c27a}
.gcur{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;background:#121110;border:1px solid #2b2a29}
.gcur.ready{border-color:#3ecf8e88;background:linear-gradient(135deg,#16261c,#121110)}
.gnum{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#121110;background:linear-gradient(180deg,#f6e3b4,#d7b06a)}
.gnum.sm{width:22px;height:22px;font-size:11px;background:#262523;color:#9a958d;display:inline-grid;margin-right:8px}
.gnext{margin-top:10px;display:flex;flex-direction:column;gap:6px;font-size:12.5px}
.seasonmini{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;border-color:#d6ae6244;background:linear-gradient(135deg,#d6ae6214,transparent 60%)}
.smi-ic{font-size:30px;flex:none}

/* ===================== HAFTALIK SEZON ===================== */
.seasonhead{display:flex;gap:16px;align-items:center;background:radial-gradient(600px 160px at 0 0,#d6ae6222,transparent),var(--card,#151413);border-color:#d6ae6255}
.sh-l{flex:1;min-width:0}.sh-t{font-size:24px;color:var(--gold2);margin:2px 0}
.sh-cd{text-align:center;padding:10px 14px;border-radius:14px;background:#0e0d0c;border:1px solid #d6ae6255;flex:none}.sh-cd b{font-size:20px;color:var(--gold2)}
.sprizes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}
.spz{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 6px;border-radius:14px;background:#121110;border:1px solid #2b2a29;text-align:center}
.spz>span:first-child{font-size:30px}.spz.p1{border-color:#d6ae6288;background:linear-gradient(180deg,#d6ae621c,#121110)}
.g3s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px;align-items:start}
.srow{text-decoration:none;color:inherit}.srow.me{background:#221d12;border-radius:10px}
.srk{width:26px;text-align:center;font-weight:800;color:#9a958d;flex:none}.srow.p1 .srk,.srow.p2 .srk,.srow.p3 .srk{font-size:18px}
@media (max-width:900px){.g3s{grid-template-columns:1fr}.seasonhead{flex-direction:column;align-items:stretch}.sprizes{gap:6px}.spz b{font-size:12px}}

/* ===================== GAZETE ===================== */
.gazette{overflow:hidden;background:linear-gradient(180deg,#17140f,#121110)}
.gz-mast{display:flex;align-items:center;gap:12px;padding:16px 16px 4px}.gz-mast b{font-family:Cinzel,serif;letter-spacing:.22em;font-size:18px;color:var(--gold2);white-space:nowrap}
.gz-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#d6ae6288,transparent)}
.gz-date{text-align:center;font-size:11px;color:#8f8a82;letter-spacing:.06em;padding-bottom:10px;border-bottom:3px double #d6ae6244;margin:0 16px}
.gz-head{display:flex;gap:14px;align-items:center;padding:16px;color:inherit;text-decoration:none;border-bottom:1px solid #2b2a29}
.gz-head:hover{background:#ffffff05}
.gz-ic{flex:none;filter:drop-shadow(0 6px 14px #000)}
.gz-kick{font-size:10.5px;font-weight:800;letter-spacing:.12em;color:#ff7c80;text-transform:uppercase}
.gz-title{font-family:Cinzel,serif;font-size:21px;line-height:1.25;color:#f3ecdc;margin-top:4px}
.gz-subs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #2b2a29}
.gz-sub{padding:12px 16px;color:inherit;text-decoration:none}.gz-sub+.gz-sub{border-left:1px solid #2b2a29}.gz-sub:hover{background:#ffffff05}
.gz-sub .gz-kick{color:var(--gold2)}.gz-st{font-size:13.5px;font-weight:600;line-height:1.35;margin-top:3px}
.gz-list{padding:4px 12px 10px}
@media (max-width:600px){.gz-title{font-size:18px}.gz-subs{grid-template-columns:1fr}.gz-sub+.gz-sub{border-left:none;border-top:1px solid #2b2a29}}

/* ===================== SAVAŞ: canlı + rapor ===================== */
.wtug{position:relative;display:flex;height:16px;border-radius:10px;overflow:visible;margin:10px 0 4px;background:#1a1918}
.wtug i{display:block;height:100%;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.wtug .a{background:linear-gradient(90deg,#7a1418,#e0353c);border-radius:10px 0 0 10px;box-shadow:0 0 16px -4px #e0353c}
.wtug .d{background:linear-gradient(90deg,#2f7bd6,#123a6e);border-radius:0 10px 10px 0;box-shadow:0 0 16px -4px #2f7bd6}
.wtug-mk{position:absolute;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#121110;border:2px solid #f6e3b4;box-shadow:0 0 14px #f6e3b488;transition:left 1.1s cubic-bezier(.2,.8,.2,1);z-index:2}
.wtug-mk b{font-size:14px}.wtug-mk.bump{animation:mkBump .7s ease}
@keyframes mkBump{30%{transform:translate(-50%,-50%) scale(1.35);box-shadow:0 0 26px #f6e3b4}}
.wlrow.new{animation:logIn .6s cubic-bezier(.2,.8,.2,1) both}
.wlrow.new::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#f6e3b4;opacity:0;animation:logFlash 1.2s ease-out}
.wlrow{position:relative}
.wlrow.crit{box-shadow:inset 3px 0 0 #ffb300;background:linear-gradient(90deg,#ffb30014,transparent 60%)}
@keyframes logIn{from{opacity:0;transform:translateX(-18px)}}
@keyframes logFlash{0%{opacity:.18}100%{opacity:0}}
.critfx{position:fixed;inset:0;z-index:9500;pointer-events:none;display:grid;place-items:center;background:radial-gradient(circle,#ff8a1f33,transparent 60%);animation:cfBg 1.3s ease-out forwards}
.cf-ring{position:absolute;width:120px;height:120px;border-radius:50%;border:6px solid #ffb300;animation:cfRing .9s ease-out forwards}
.cf-t{font-family:Cinzel,serif;font-size:54px;font-weight:700;letter-spacing:.12em;color:#ffd27a;text-shadow:0 0 24px #ff8a1f,0 4px 0 #7a3a00;animation:cfPop .5s cubic-bezier(.2,1.6,.4,1) both;z-index:1}
.cf-d{position:absolute;margin-top:90px;font-size:26px;font-weight:800;color:#fff;text-shadow:0 0 12px #ff8a1f;animation:cfPop .5s .1s cubic-bezier(.2,1.6,.4,1) both}
@keyframes cfRing{to{transform:scale(5);opacity:0;border-width:1px}}
@keyframes cfPop{from{transform:scale(.3);opacity:0}}
@keyframes cfBg{0%{opacity:1}70%{opacity:1}100%{opacity:0}}
body.shake #root{animation:shake .45s cubic-bezier(.36,.07,.19,.97)}
@keyframes shake{10%,90%{transform:translate(-1px,0)}20%,80%{transform:translate(3px,1px)}30%,50%,70%{transform:translate(-5px,-1px)}40%,60%{transform:translate(5px,1px)}}
.warreport{border-color:color-mix(in srgb,var(--wc) 55%,transparent);background:radial-gradient(500px 160px at 50% 0,color-mix(in srgb,var(--wc) 20%,transparent),transparent),var(--card,#151413);margin-bottom:12px}
.rp-kick{font-size:10.5px;letter-spacing:.14em;font-weight:800;color:#8f8a82;text-align:center}
.rp-title{font-family:Cinzel,serif;font-size:22px;text-align:center;color:#f6e3b4;margin:6px 0 12px;line-height:1.25}
.rp-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;text-align:center;padding:10px 0;border-top:1px solid #2b2a29;border-bottom:1px solid #2b2a29}
.rp-stats b{display:block;font-size:17px}.rp-stats span{font-size:10.5px;color:#9a958d}
.rp-hero{display:flex;gap:12px;align-items:center;margin:12px 0;padding:12px;border-radius:14px;background:linear-gradient(135deg,#d6ae621c,#121110);border:1px solid #d6ae6266;color:inherit;text-decoration:none}
.rp-hero-ic{width:50px;height:50px;flex:none;font-size:34px;display:grid;place-items:center}
.rp-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rp-row{display:flex;align-items:center;gap:8px;padding:6px 0;color:inherit;text-decoration:none;font-size:13px}.rp-row .av{width:28px;height:28px}
@media (max-width:600px){.rp-stats{grid-template-columns:repeat(3,1fr)}.rp-title{font-size:19px}.cf-t{font-size:40px}}

/* ===================== HARİTA EFEKTLERİ (hafif) ===================== */
.mapbox path.conq-wave{fill:#fff3c4;fill-opacity:0;stroke:#ffe08a;stroke-width:2;filter:drop-shadow(0 0 6px var(--cw));pointer-events:none;transform-box:fill-box;transform-origin:center;animation:conqWave 2.2s cubic-bezier(.2,.8,.2,1) both}
@keyframes conqWave{0%{fill-opacity:.85;stroke-width:6;transform:scale(.9);opacity:1}40%{fill-opacity:.35}100%{fill-opacity:0;stroke-width:1;transform:scale(1.9);opacity:0}}
.war-dot{pointer-events:none;stroke:#fff;stroke-width:.8}

/* ses anahtarı */
.toggle{width:52px;height:30px;border-radius:30px;padding:3px;background:#2b2a29;border:1px solid #3a3937;position:relative;flex:none}
.toggle i{display:block;width:22px;height:22px;border-radius:50%;background:#9a958d;transition:transform .25s,background .25s}
.toggle.on{background:#3a2d12;border-color:var(--gold)}.toggle.on i{transform:translateX(22px);background:var(--gold2)}
@media (prefers-reduced-motion:reduce){.sd.today,.wtug-mk.bump,.wlrow.new,.critfx *,.mapbox path.conq-wave{animation:none!important}}

/* ===== Taarruz / mesai bekleme süresi ===== */
.wgo.cd{background:linear-gradient(180deg,#24221f,#171614)!important;color:#cfc8bb!important;border:1px dashed #d6ae6266!important;box-shadow:none!important;cursor:not-allowed}
.wgo.cd b{color:var(--gold2);font-variant-numeric:tabular-nums}
.cdbtn{min-width:96px;font-variant-numeric:tabular-nums}

/* ===== Oto saldırı ===== */
.autohit{border-color:#d6ae6244;background:radial-gradient(400px 120px at 0 0,#d6ae6214,transparent),var(--card,#151413)}
.autohit .ah-ic{font-size:28px;flex:none}
.autohit .ah-ic.spin{animation:ahBob 2s ease-in-out infinite}
@keyframes ahBob{50%{transform:translateY(-3px) rotate(-6deg)}}
.autohit.on.att{border-color:#e0353c77;background:radial-gradient(400px 120px at 0 0,#e0353c22,transparent),var(--card,#151413)}
.autohit.on.def{border-color:#2f7bd677;background:radial-gradient(400px 120px at 0 0,#2f7bd622,transparent),var(--card,#151413)}
.ah-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center;margin:12px 0 8px}
.ah-stats b{display:block;font-size:16px;font-variant-numeric:tabular-nums}.ah-stats span{font-size:10.5px;color:#9a958d}
.wgo.auto{background:linear-gradient(180deg,#2a2416,#1a1610)!important;border:1px solid var(--gold)!important;color:var(--gold2)!important}
.autohit.mini,.autohit.other{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
@media (max-width:600px){.ah-stats{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){.autohit .ah-ic.spin{animation:none}}

/* ===================== SAVAŞ: Güç gönder + otomatik mod (Diplomacia düzeni) ===================== */
.wsr-list{display:flex;flex-direction:column;gap:6px;margin:12px 0}
.wsr{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#0f0e0d;border:1px solid #262523;font-size:13px}
.wsr-ic{width:18px;text-align:center;flex:none;opacity:.85}
.wsr-k{font-size:10.5px;font-weight:800;letter-spacing:.14em;color:#9a958d;flex:none}
.wsr-bar{position:relative;flex:1;height:6px;border-radius:6px;background:#22211f;overflow:visible;min-width:60px}
.wsr-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#2f9e6a,#5ee0a0)}
.wsr-bar em{position:absolute;top:-4px;bottom:-4px;width:2px;background:#f6e3b4;opacity:.7}
.wsr-tag{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:6px;border:1px solid #3a3937;color:#cfc8bb;white-space:nowrap}
.wsr-tag.ok{border-color:#2f6b47;color:#5ee0a0}
.gucgonder{width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;text-align:left;white-space:normal;
  background:linear-gradient(90deg,#3a0e10,#1a0a0b 70%);border:1.5px solid #c8262c;color:#fff;box-shadow:0 0 0 1px #000 inset,0 10px 30px -14px #e0353c;transition:transform .15s,box-shadow .2s}
.gucgonder.def{background:linear-gradient(90deg,#0d2440,#0a1220 70%);border-color:#2f7bd6;box-shadow:0 0 0 1px #000 inset,0 10px 30px -14px #2f7bd6}
.gucgonder:not(.off):hover{transform:translateY(-1px);box-shadow:0 0 0 1px #000 inset,0 14px 34px -12px #e0353c}
.gucgonder.off{filter:saturate(.35) brightness(.8);cursor:not-allowed}
.gg-ic{font-size:30px;width:44px;text-align:center;flex:none}
.gucgonder b{display:block;font-family:Cinzel,serif;letter-spacing:.16em;font-size:18px}
.gucgonder span:not(.gg-ic):not(.gg-go){display:block;font-size:12px;color:#d7cfc2;margin-top:2px}
.gg-go{font-size:24px;opacity:.7;flex:none}
.wformula{margin-top:10px}.wformula summary{cursor:pointer;font-size:12px;color:#9a958d}
.automode-open{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;margin-top:12px;border-radius:12px;text-align:left;white-space:normal;background:#121110;border:1px solid #d6ae6244;color:inherit}
.automode-open b{display:block;font-size:12px;letter-spacing:.14em;color:#ff7c80}.automode-open span:not(.ah-ic):not(.gg-go){display:block;font-size:12px;color:#9a958d;margin-top:2px}
.automode{margin-top:12px;border-color:#3a2a1a}
.am-h{font-size:11.5px;font-weight:800;letter-spacing:.16em;color:#ff7c80;margin-bottom:6px}
.am-mode{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;margin-top:8px;border-radius:10px;text-align:left;white-space:normal;background:#0f1218;border:1px solid #2a3140;color:inherit;transition:border-color .2s,transform .15s}
.am-mode:hover{border-color:#d6ae62;transform:translateY(-1px)}
.am-mode.odak{background:linear-gradient(90deg,#2a0c0e,#140a0b);border-color:#7a1f24}.am-mode.odak:hover{border-color:#e0353c}
.am-ic{font-size:24px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid #d6ae6255;flex:none}
.am-mode b{display:block;font-size:13px;letter-spacing:.12em;color:var(--gold2)}.am-mode.odak b{color:#ff7c80}
.am-mode span:not(.am-ic){display:block;font-size:12px;color:#bdb6a9;margin-top:2px}.am-mode em{font-style:normal;color:#9a958d}
.am-cancel{display:block;margin:12px auto 0;background:none;border:none;font-size:11.5px;letter-spacing:.2em;color:#8f8a82}
@media (max-width:600px){.wsr{flex-wrap:wrap}.gucgonder b{font-size:16px}}
/* ücretsiz saldırı */
.gucgonder.free{margin-bottom:8px;background:linear-gradient(90deg,#3a2a0c,#1a140a 70%);border-color:#d7b06a;box-shadow:0 0 0 1px #000 inset,0 10px 30px -14px #d7b06a;animation:freeGlow 2.2s ease-in-out infinite}
.gucgonder.free b{color:#f6e3b4}
@keyframes freeGlow{50%{box-shadow:0 0 0 1px #000 inset,0 10px 34px -8px #d7b06a}}
.wsr.free{border-color:#d7b06a66;background:linear-gradient(90deg,#d7b06a14,#0f0e0d)}
.wsr .sm{flex:none}
@media (prefers-reduced-motion:reduce){.gucgonder.free{animation:none}}

/* ===== Savaş / günlük / sezon ikonları ===== */
.wico{display:block;object-fit:contain;filter:drop-shadow(0 2px 4px #000a);flex:none}
.wico.inl{display:inline-block;vertical-align:-3px}
.wsr-ic{width:24px;display:grid;place-items:center}
.gg-ic{display:grid;place-items:center}.gg-ic .wico{filter:drop-shadow(0 4px 10px #000) drop-shadow(0 0 10px #ffb30044)}
.gucgonder.off .gg-ic .wico{filter:grayscale(.6) brightness(.7)}
.wtug-mk .wico{width:20px;height:20px}
.ah-ic .wico{width:34px;height:34px}
.am-h .wico{display:inline-block;vertical-align:-4px}
.wgoal h3 .wico,.card h3 .wico{display:inline-block;vertical-align:-6px;margin-right:2px}
.bigico{filter:drop-shadow(0 6px 14px #000c) drop-shadow(0 0 16px #d7b06a33)}
.streak-h{display:flex;align-items:center;gap:10px}.streak-h .bigico{margin:-8px 0}
.seasonhead .sh-ic{flex:none}
@media (max-width:900px){.seasonhead .sh-ic{width:64px;height:64px;align-self:center}}
.wpos-ic .wico{width:34px;height:34px}
.hitmode b .wico{margin-right:2px}

/* ===================== KRİSTAL ===================== */
.dvbtn{background:linear-gradient(180deg,#3a1518,#22100f)!important;border:1px solid #ff6b7a66!important;color:#ffd7db!important;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.dvbtn:not([disabled]):hover{border-color:#ff6b7a!important;box-shadow:0 0 12px -4px #ff6b7a}
.dvbtn[disabled]{opacity:.45}
.dvbtn img{flex:none}
.dvhead{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:radial-gradient(500px 140px at 0 0,#ff6b7a1c,transparent),var(--card,#151413);border-color:#ff6b7a44}
.dvbal{display:flex;gap:12px;align-items:center}.dvbal b{font-size:30px;color:#ff8a95;font-variant-numeric:tabular-nums}
.dvrow{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #1f1e1c}.dvrow:last-child{border-bottom:none}
.dv-ic{width:44px;height:44px;flex:none;display:grid;place-items:center;font-size:26px;border-radius:12px;background:#121110;border:1px solid #2b2a29}
.dv-ic .wico{width:30px;height:30px}.dv-ic .av{width:40px;height:40px}
.dv-r{flex:none;max-width:55%}
.sbroken{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px;border-radius:12px;background:#2a1012;border:1px solid #ff6b7a55;font-size:13px;flex-wrap:wrap}
.facxp{margin-top:10px;padding:10px;border-radius:12px;background:#121110;border:1px solid #2b2a29}
.frpick.locked{cursor:default}.frpick .dvbtn{margin-top:4px;cursor:pointer;opacity:1}
.tb-res a.st{color:inherit;text-decoration:none}
@media (max-width:700px){.dvrow{flex-wrap:wrap}.dv-r{max-width:100%;width:100%}.dv-r .row{justify-content:flex-start!important}}
.frpick.locked{opacity:1}.frpick.locked .avwrap,.frpick.locked b{opacity:.55}
.frpick .dvbtn{width:100%;justify-content:center;font-size:11.5px;padding:5px 6px;white-space:normal;line-height:1.2}

/* ===================== GÖRSEL AVATAR ÇERÇEVELERİ ===================== */
.avfr{--fs:190px;--hr:.27;position:relative;width:var(--fs);height:var(--fs);flex:none;display:grid;place-items:center}
.avfr-pic{width:calc(var(--fs) * var(--hr) * 2.06);height:calc(var(--fs) * var(--hr) * 2.06);border-radius:50%;overflow:hidden;background:#0e0d0c;position:relative;z-index:1}
.avfr-pic>.av,.avfr-pic>img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover;border:none!important;margin:0!important;display:grid;place-items:center;font-size:calc(var(--fs) * .2)}
.avfr-frame{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;filter:drop-shadow(0 8px 16px #000c)}
.avfr.none{--hr:.33}
.avfr.none .avfr-pic{border:3px solid #d7b06a88;box-shadow:0 8px 20px -6px #000}
.avfr .avedit{z-index:3;position:absolute;right:calc(var(--fs) * .2);bottom:calc(var(--fs) * .2)}
.pfhead .avfr.pf{margin:-30px -14px calc(var(--fs) * -.12) -24px}
.avfr.pick{--fs:120px}
@media (max-width:700px){.avfr.pf{--fs:150px}}
.pf-actions button .wico{width:30px;height:30px}
.card h3 .sm .wico{display:block}
.cel-ic .wico{display:inline-block}

/* nitelik eğitimi: kredi / kristal seçenekleri */
.trainopt{display:flex;gap:6px;flex-wrap:wrap}
.trainopt .sm{display:inline-flex;align-items:center;gap:5px;font-size:12px}
/* meydan: profil resimli mesajlar */
.msg.hasav{display:flex;gap:8px;align-items:flex-start}
.msg.hasav .msg-av{flex:none;margin-top:2px}
.msg.hasav .msg-av .av{width:34px;height:34px;border-radius:50%;object-fit:cover;font-size:14px;display:grid;place-items:center;border:1px solid #d7b06a55}
.msg.hasav .msg-body{flex:1;min-width:0}
.msg.hasav.me{flex-direction:row-reverse}
.msg.hasav.me .msg-body{display:flex;flex-direction:column;align-items:flex-end}

/* ===== Ayaklanma çağrısı ===== */
.rebelbox{padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#3a1408,#160c09);border:1px solid #ff7a2a66;margin:8px 0}
.rb-pips{display:flex;gap:6px;margin-top:8px}
.rb-pips i{width:34px;height:34px;border-radius:50%;border:2px dashed #ff7a2a55;display:grid;place-items:center;overflow:hidden;font-style:normal}
.rb-pips i.on{border:2px solid #ff7a2a;box-shadow:0 0 10px -2px #ff7a2a}
.rb-pips i .av{width:100%;height:100%;border-radius:50%;object-fit:cover;font-size:13px;display:grid;place-items:center}

/* yönetici yetkileri */
.adgrant{margin-top:12px;padding:12px;border-radius:12px;background:linear-gradient(135deg,#2a2210,#121110);border:1px solid #d6ae6266}
.adg-h{font-weight:800;color:var(--gold2);margin-bottom:8px}
.adg-sub{font-size:12px;font-weight:700;margin:10px 0 6px;color:#d9d3c7}
.adg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.adg-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#cfc8bb}
.adg-grid label img{vertical-align:-3px}
.adg-in{width:100%;padding:7px 9px!important;font-size:13px}
.adg-l{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adg-l img{width:18px!important;height:18px!important;flex:none}
.lvlpill{display:inline-block;padding:2px 9px;border-radius:8px;background:#d6ae6218;border:1px solid #d6ae6255;color:var(--gold2);font-weight:800;font-size:12px;white-space:nowrap}
@media (max-width:700px){ table.ranktab .hm{display:none} table.ranktab td,table.ranktab th{padding-left:6px;padding-right:6px} }

/* ===================== DİPLOMACİA TARZI ÇERÇEVELİ ARAYÜZ (v25) ===================== */
:root{--r:6px; --fr:#c9a25a; --fr2:#c9a25a55; --fr3:#c9a25a22}
.card{border-radius:var(--r);border-color:var(--fr2);box-shadow:inset 0 0 0 2px #0a0908,inset 0 0 0 3px var(--fr3),0 6px 18px -10px #000}
.card .hd{border-bottom-color:var(--fr2)}
.card h3{letter-spacing:.03em}
button{border-radius:6px}
input,select,textarea{border-radius:6px}
.pill{border-radius:5px}
.ptitle{border-radius:var(--r)}
#modal .box{border-radius:8px!important;border-color:var(--fr2)!important;box-shadow:inset 0 0 0 2px #0a0908,inset 0 0 0 3px var(--fr3),0 30px 80px -20px #000!important}
/* köşe süsleri: .framed ve ana panellerde */
.framed,.card.gazette,.ws,.wr-card{position:relative}
.framed::before,.framed::after,.card.gazette::before,.card.gazette::after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;z-index:1}
.framed::before,.card.gazette::before{top:-1px;left:-1px;border-top:2px solid var(--fr);border-left:2px solid var(--fr)}
.framed::after,.card.gazette::after{bottom:-1px;right:-1px;border-bottom:2px solid var(--fr);border-right:2px solid var(--fr)}
.topbar{border-bottom:1px solid var(--fr2)}
.bnav{border-top:1px solid var(--fr2)!important}

/* Dünya durumu */
.ws{margin-bottom:14px;padding:12px 14px}
.ws-h{display:flex;align-items:center;gap:10px;justify-content:center;font-family:Cinzel,serif;color:var(--gold2);font-size:15px;letter-spacing:.16em;margin:0 0 10px}
.ws-ln{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--fr2),transparent)}
.ws-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.ws-it{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border:1px solid var(--fr3);border-radius:5px;background:#0f0e0d;color:inherit;text-decoration:none;transition:.12s}
.ws-it:hover{border-color:var(--fr)}
.ws-it b{font-size:20px;color:#fff;font-variant-numeric:tabular-nums}
.ws-it small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:center}
.ws-dot{width:30px;height:30px;display:grid;place-items:center}.ws-dot .dotlive{transform:scale(1.6)}
.ws-me{display:block;text-align:center;margin-top:10px;font-size:13px;color:var(--muted);text-decoration:none}
@media(max-width:700px){.ws-grid{grid-template-columns:repeat(3,1fr)}.ws-it b{font-size:18px}}

/* Ana sayfa gazete bağlantısı */
.gzlink{margin-top:14px;text-decoration:none;color:inherit;gap:12px}
.gzlink b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kursu-gz{margin-bottom:14px}

/* Katlanır kartlar */
details.fold>summary{list-style:none;cursor:pointer;user-select:none}
details.fold>summary::-webkit-details-marker{display:none}
details.fold>summary h3{display:flex;align-items:center;gap:8px;margin:0}
details.fold[open]>summary h3{margin-bottom:12px}
.foldi{margin-left:auto;padding-left:8px;color:var(--gold2);transition:transform .2s;display:inline-block}
details.fold:not([open]) .foldi{transform:rotate(-90deg)}
details.fold>summary .sp{flex:1}

/* Profil: sıralama bağlantısı, son hasarlar */
.ranklink{color:inherit;text-decoration:none;border-bottom:1px dashed var(--fr2)}
.ranklink:hover{color:var(--gold2)}
.kvbtn{width:100%;background:none;border:none;border-bottom:1px solid var(--line);border-radius:0;padding:9px 0;text-align:left;font:inherit;color:inherit}
.kvbtn:hover{color:var(--gold2)}
.kvbtn .wico.inl{vertical-align:-3px;margin-right:4px}
.lh-list .lh{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.lh .pill.red{background:#e5484d22;color:#ff8a8d}.lh .pill.blue{background:#3e8cf022;color:#8cbcff}
.crit-t{color:#ff9d4a}

/* Yazı yaz sayfası (mobil uyumlu) */
.wr-page{max-width:820px;margin:0 auto}
.wr-card{display:flex;flex-direction:column;gap:10px}
.wr-t{width:100%;font-size:18px;font-weight:700;font-family:Cinzel,serif}
.wr-b{width:100%;min-height:55vh;min-height:55dvh;resize:vertical;line-height:1.6;font-size:16px}
@media(max-width:900px){
  .wr-t,.wr-b,#modal input,#modal textarea{font-size:16px}  /* iOS yakınlaştırmasını önler */
  .wr-page .ptitle{position:sticky;top:0;z-index:4}
  .wr-b{min-height:50dvh}
}

/* Mobil öncelik: sıkı boşluklar, büyük dokunma alanları */
@media(max-width:700px){
  .card{padding:12px 12px}
  .card h3{font-size:15px}
  button{min-height:40px}
  button.sm{min-height:34px}
  .kv{padding:10px 0}
  .mgrid .mtile{min-height:88px}
}
.ws-me b{display:inline;font-size:inherit}.ws-me{white-space:nowrap}
/* v25.1: uzun başlıklar mobilde sayfayı genişletmesin */
.g>.col,.g>*,.pf3>.col{min-width:0}
.gzlink{overflow:hidden;max-width:100%}
.gzlink .sp{overflow:hidden}
html,body{overflow-x:hidden}
/* Google ile giriş */
.gbtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 16px;border-radius:8px;background:#fff;color:#1f1f1f;font:600 16px Inter,sans-serif;text-decoration:none;border:1px solid #dadce0;box-shadow:0 2px 10px -4px #000;transition:.15s}
.gbtn:hover{background:#f3f4f6;transform:translateY(-1px)}
.gbtn svg{flex:none}
.gerr{background:#e5484d22;border:1px solid #e5484d66;color:#ffb3b5;border-radius:6px;padding:9px 12px;font-size:13px;margin-bottom:12px}
@media(max-width:700px){.auth .feats{display:none}.auth .hero .lead{margin-bottom:10px}}
/* v27: Pazar takviye kartı */
.drinkbuy .db-qty{display:flex;align-items:center;gap:10px;margin:14px 0 10px}
.drinkbuy .db-qty input{width:120px;min-width:0;font-size:16px}
.db-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.db-opt{position:relative;border:1px solid var(--fr2);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;background:#0f0e0d;min-width:0}
.db-opt.best{border-color:var(--fr);box-shadow:0 0 0 1px var(--fr3) inset,0 0 24px -12px #d9a24a}
.db-h{display:flex;align-items:center;gap:6px;font-weight:700}
.db-p{line-height:1.3}.db-p b{font-size:20px;color:#fff}.db-p small{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:13px;margin-top:2px}
.db-opt button{width:100%}
.db-tag{position:absolute;top:-10px;right:10px;background:linear-gradient(180deg,#ffe3a3,#d9a24a);color:#1a1206;font:800 11px Inter,sans-serif;padding:3px 8px;border-radius:20px;letter-spacing:.04em}
/* v27: mobil taşma düzeltmeleri */
.row>input,.row>select{min-width:0}
.row>button{white-space:nowrap;flex:none}
.kursu-bar #aq{min-width:0;width:100%}
@media(max-width:700px){.kursu-bar>.serif{display:none}.kursu-bar{gap:8px}.kursu-bar button{padding-left:12px;padding-right:12px}}
/* v30: haritada hızlı bölge kartı */
.qr{position:relative}
.qr .mpclose{position:absolute;top:-4px;right:-6px}
.qr-top{display:flex;gap:14px;align-items:center;padding-right:30px}
.qr-emb{width:64px;height:64px;flex:none;border:1px solid var(--fr2);border-radius:6px;object-fit:cover;display:grid;place-items:center;background:var(--c,#1a1712);box-shadow:inset 0 0 0 2px #0008}
.qr-emb span{font:700 28px 'Bitstream Charter',Georgia,serif;color:#fff;text-shadow:0 2px 6px #000}
.qr-emb.free{background:#141210}
.qr-k{font-size:10px;letter-spacing:.3em;color:var(--muted)}
.qr-n{font:700 22px 'Bitstream Charter',Georgia,serif;color:#f3e7cc;line-height:1.15;margin:2px 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qr-o{display:flex;align-items:center;gap:6px;font-size:13px;flex-wrap:wrap}.qr-o i{width:10px;height:10px;border-radius:2px;flex:none}.qr-o b{color:var(--gold2);letter-spacing:.06em}
.qr-war{display:inline-block;margin-top:6px;font-size:12px;color:#ff8a8d;text-decoration:none}
.qr-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--fr3)}
.qr-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;border:1px solid var(--fr2);border-radius:5px;background:#16130e;color:var(--gold2);font:700 12px Inter,sans-serif;letter-spacing:.16em;text-decoration:none;white-space:nowrap}
.qr-btn.blue{border-color:#3e8cf088;background:#0e1626;color:#9cc2ff}
.qr-btn.off{opacity:.4}
.qr-btn:active{transform:scale(.98)}
/* v30: devlet sayfası özet */
.st-over{display:flex;flex-direction:column;gap:14px;margin-bottom:14px}
.st-age{display:flex;gap:12px;align-items:center}
.st-age-t{font-style:italic;font-weight:700;margin-top:4px;color:#efe3c6}
.st-eco-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--fr3)}
.st-tre{display:flex;align-items:center;gap:6px;font-size:28px;color:var(--green);margin-top:4px}
.st-eco-res{display:flex;gap:14px;margin-left:auto;flex-wrap:wrap}
.st-eco-res span{display:flex;flex-direction:column;align-items:center;gap:4px}.st-eco-res b{color:var(--gold2);font-size:14px}
.st-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.st-nv{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;border:1px solid var(--fr2);border-radius:6px;background:var(--card);color:inherit;text-decoration:none;text-align:center;white-space:normal;box-shadow:inset 0 0 0 2px #0a0908}
.st-nv b{font:700 15px 'Bitstream Charter',Georgia,serif;letter-spacing:.14em;color:var(--gold2)}
.st-nv span{font-size:12px;color:var(--muted)}
.st-nv.nv-b{border-color:#3e8cf077}.st-nv.nv-b b{color:#8cbcff}
.st-nv.nv-r{border-color:#e5484d77}.st-nv.nv-r b{color:#ff7b7f}
.st-nv.wide{grid-column:1/-1;flex-direction:row;justify-content:center;gap:14px;text-align:left}
.st-nv.wide>b+span{display:block}
.st-nv.wide{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;justify-items:start}
.st-nv.wide>img{grid-row:1/3}
.st-reg{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.st-reg:last-child{border-bottom:none}
.st-capb{display:inline-block;margin-left:6px;padding:1px 7px;border:1px solid var(--fr);border-radius:3px;font-size:10px;letter-spacing:.12em;color:var(--gold2);vertical-align:2px}
.st-go{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--fr2);border-radius:4px;color:var(--gold2)}
@media(max-width:700px){.st-eco-res{margin-left:0;gap:12px}.st-tre{font-size:24px}}
.st-nv,.st-nv:hover{background:var(--card)!important}
/* v31: Kürsü yazı editörü */
.wr-card{gap:14px}
.wr-lbl{font-size:11px;letter-spacing:.3em;color:var(--muted);font-weight:700;margin-bottom:8px}
.wr-cats{display:flex;gap:8px;flex-wrap:wrap}
.wr-cat{padding:8px 14px;border-radius:20px!important;background:#121110;border:1px solid var(--line2);font-weight:700;font-size:14px}
.wr-cat.on{border-color:var(--fr);color:var(--gold2);background:#1d1810;box-shadow:0 0 0 1px var(--fr3) inset}
.wr-box{border:1px solid var(--fr3);border-radius:8px;padding:12px;background:#0d0c0b}
.wr-box .wr-t{background:none;border:none;border-bottom:1px solid var(--line2);border-radius:0;padding:6px 0 10px}
.wr-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;border:1px solid var(--line2);border-radius:6px;background:#121110;margin-bottom:10px}
.wr-tools>button{width:38px;height:38px;padding:0;display:grid;place-items:center;font-size:16px;min-height:0}
.wr-sep{width:1px;height:26px;background:var(--line2);margin:0 4px}
.wr-colors{display:flex;gap:6px;flex-wrap:wrap}
.wr-col{width:22px;height:22px;min-height:0!important;padding:0;border-radius:50%!important;background:var(--c)!important;border:2px solid #0008!important;box-shadow:0 0 0 1px #fff2}
.wr-col:hover{transform:scale(1.15)}
.yt-ic{display:inline-grid;place-items:center;width:22px;height:16px;border-radius:4px;background:#e5484d;color:#fff;font-size:9px}
.wr-box .wr-b{border-radius:6px}
.wr-prev{min-height:30vh;padding:12px;border:1px dashed var(--line2);border-radius:6px}
.wr-help{margin-top:10px;padding:8px 10px;border-radius:6px;background:#121110;font-size:12px;color:var(--muted);line-height:1.6}
/* yazı içeriği */
.abody{white-space:pre-wrap;word-break:break-word;line-height:1.7}
.abody .ab-h{font:700 20px 'Bitstream Charter',Georgia,serif;color:var(--gold2);margin:14px 0 4px;white-space:normal}
.ab-img{margin:12px 0;white-space:normal}.ab-img img{max-width:100%;max-height:70vh;border-radius:8px;border:1px solid var(--fr3);display:block;margin:0 auto}
.ab-yt{position:relative;width:100%;aspect-ratio:16/9;margin:12px 0;border-radius:8px;overflow:hidden;border:1px solid var(--fr3);background:#000}
.ab-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* kart küçük resmi + kategori */
.acard .ac-img{width:64px;height:64px;flex:none;object-fit:cover;border-radius:6px;border:1px solid var(--fr3)}
.ac-cat{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:2px 7px;border-radius:4px;margin-bottom:3px;background:#1d1810;color:var(--gold2)}
.ac-cat.c-haber{background:#3e8cf022;color:#8cbcff}.ac-cat.c-analiz{background:#3ecf8e22;color:#7ee2b0}.ac-cat.c-propaganda{background:#e5484d22;color:#ff8a8d}
@media(max-width:700px){.wr-tools>button{width:36px;height:36px}.wr-col{width:20px;height:20px}}
@media(max-width:700px){.wr-sep2{display:none}.wr-colors{width:100%;padding-top:4px}}
.ab-ytl{display:inline-block;margin:-4px 0 10px;font-size:12px;color:var(--muted);white-space:normal}
/* v33: eyalet altyapısı */
.infra{padding:14px}
.infra-h{display:flex;align-items:center;gap:10px;justify-content:center;font:700 13px 'Bitstream Charter',Georgia,serif;letter-spacing:.25em;color:var(--gold2);margin-bottom:12px}
.infra-g{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--fr3);border-radius:6px;overflow:hidden}
.infra-it{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border-right:1px solid var(--fr3);background:#0d0c0b;text-align:center}
.infra-it:last-child{border-right:none}
.infra-n{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.infra-it b{font-size:26px;color:var(--ic);line-height:1}.infra-it b small{font-size:13px;color:var(--muted);margin-left:1px}
.infra-bar{width:80%;height:4px;border-radius:4px;background:#ffffff12;overflow:hidden}.infra-bar i{display:block;height:100%;background:var(--ic)}
.infra-fx{font-size:11px;color:var(--muted)}
.infra-it button{margin-top:4px;font-size:11px;padding:5px 8px;display:flex;align-items:center;gap:3px;white-space:nowrap}
.infra-mi{display:inline-flex;align-items:center;gap:3px}
@media(max-width:700px){.infra-g{grid-template-columns:1fr 1fr}.infra-it:nth-child(2){border-right:none}.infra-it:nth-child(-n+2){border-bottom:1px solid var(--fr3)}}
/* v34: günlük görevler, haftalık hedefler, unvanlar */
.dmcard .dmtabs{margin:6px 0 10px}
.dmtabs .nbadge{margin-left:4px}
.dmq{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.dmq-ic{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--fr2);color:var(--gold2);font-size:13px;background:#13110e}
.dmq.ready .dmq-ic{background:#d9a24a33;border-color:var(--fr);animation:pulse 1.6s infinite}
.dmq.got{opacity:.6}.dmq.got .dmq-ic{color:#3ecf8e;border-color:#3ecf8e66}
.dmq-n{font-weight:700;font-size:14px;margin-bottom:5px}
.dmq button{flex:none}
.dmbonus{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border:1px dashed var(--fr2);border-radius:8px;background:#100e0b}
.dmbonus.ready{border-style:solid;border-color:var(--fr);box-shadow:0 0 24px -12px #d9a24a}
.dmbonus.got{opacity:.6}
.dmb-ic{font-size:24px}
.g4s{grid-template-columns:repeat(4,1fr)!important}
@media(max-width:1100px){.g4s{grid-template-columns:1fr 1fr!important}}
@media(max-width:700px){.g4s{grid-template-columns:1fr!important}}
.msg{padding:10px 0;border-bottom:1px solid var(--line)}.msg:last-of-type{border-bottom:none}
.msg-h{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;margin-bottom:6px}
.msl{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.msb{font-size:12px;padding:4px 8px;border-radius:20px;border:1px solid var(--line2);color:var(--muted);filter:grayscale(1);opacity:.55}
.msb.on{filter:none;opacity:1;color:var(--gold2);border-color:var(--fr);background:#1d1810}
@keyframes pulse{50%{box-shadow:0 0 0 6px #d9a24a22}}

/* ===== v35: bakım, pazar geçmişi, premium, oto nitelik, antrenman, başarımlar ===== */
.premtag{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:1px 7px;border-radius:20px;background:linear-gradient(180deg,#ffe3a3,#d9a24a);color:#1a1206;font:800 10.5px Inter,sans-serif;letter-spacing:.04em;vertical-align:middle}
.prem-lock{opacity:.92;border-style:dashed !important}
.pf-title{font:600 12px Inter,sans-serif;letter-spacing:.12em;color:var(--gold2);text-transform:uppercase;margin-top:2px}
.upk-warn{margin-top:8px;padding:8px 10px;border:1px solid #e5484d66;background:#e5484d14;border-radius:8px;font-size:12px;display:flex;flex-direction:column;gap:6px}
.upk-warn button{align-self:flex-start}
.upk-sum{margin-bottom:14px;gap:10px;font-size:22px}.upk-sum b{font-size:15px}.upk-sum .sp b{font-size:14px}
.upkbox{margin:12px 0}.cedebox{margin:12px 0;border-color:var(--gold)}
.infra-up{display:block;font-size:10px;color:#c9a25a;margin-top:2px}
.mk-rules{margin-top:10px;padding-top:8px;border-top:1px dashed var(--line);text-align:center;line-height:1.6}
.tabs.sm button{padding:4px 10px;font-size:12px}
.hchart{width:100%;height:auto;margin-top:8px;display:block}
.hchart text{fill:#8c949c;font:10px Inter,sans-serif}
.aabox{display:block;margin-top:10px;padding:10px 12px;border:1px solid var(--line2);border-radius:10px;background:#121110}
.aabox summary{cursor:pointer;list-style:none}.aabox summary::-webkit-details-marker{display:none}
.aabox summary::after{content:'›';float:right;color:var(--muted);transition:transform .2s}.aabox[open] summary::after{transform:rotate(90deg)}
.aabox.on{border-color:var(--gold);background:linear-gradient(180deg,#d9b36c14,transparent)}
.aabox.lock{border-style:dashed}.aabox.dim{opacity:.7}
.aagain{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.aagain b{font-size:22px}.aagain span{color:var(--muted);font-size:12px}
.aaprev{padding:8px 10px;background:#0c0b0a;border-radius:8px}
.premhead{border-color:var(--gold);background:linear-gradient(135deg,#d9b36c1f,transparent 60%)}
.premhead.on{box-shadow:0 0 0 1px var(--gold) inset}
.premplan{position:relative;text-align:center}.premplan.best{border-color:var(--gold)}
.premlink{border-color:#d9b36c66;gap:10px}
.talim{display:flex;flex-direction:column}
.achcat{margin:18px 0 8px;font:700 13px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.achc{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--card);display:flex;flex-direction:column;gap:8px}
.achc.t7{border-color:#ff6b6b88;box-shadow:0 0 18px #ff6b6b22}
.achic{width:40px;height:40px;flex:none;display:grid;place-items:center;font-size:22px;border-radius:50%;border:2px solid var(--tc);background:radial-gradient(circle,#ffffff10,transparent 70%)}
.achpips{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.achpips i{height:5px;border-radius:3px;background:#2a2928}
.achc .abar{margin:0}
.tierleg{gap:12px;font-weight:700;font-size:13px}.tierleg small{font-weight:400}
.achlink{display:block}.achmini{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 6px}
.achm{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:2px solid #333;font-size:15px;filter:grayscale(1);opacity:.5}
.achm.t1{border-color:#7d848c}.achm.t2{border-color:#b87333}.achm.t3{border-color:#c0c7cf}.achm.t4{border-color:#e8b84a}.achm.t5{border-color:#7fd1c7}.achm.t6{border-color:#8ec5ff}.achm.t7{border-color:#ff6b6b}
.achm:not(.t0){filter:none;opacity:1}
@media (max-width:640px){.ah-stats{grid-template-columns:repeat(2,1fr)}.tierleg{gap:8px;font-size:12px}}
/* v36: premium ikonları ve başarım rozetleri */
.pico{display:inline-block;object-fit:contain;flex:none;vertical-align:middle;filter:drop-shadow(0 2px 4px #0008)}
.premtag .pico{width:14px;height:14px;filter:none;margin-right:1px}
.premtag:has(.pico:only-child){padding:1px 4px}
.pf-prem{margin-left:6px;vertical-align:-4px}
.pico.spin-s{animation:ahspin 6s linear infinite}
@keyframes ahspin{to{transform:rotate(360deg)}}
.achic.img{width:64px;height:64px;border:none;background:none;font-size:30px}
.achic.img .achimg{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 3px 6px #000a)}
.achic.img.off .achimg{filter:grayscale(1) brightness(.55);opacity:.6}
.achm{width:38px;height:38px;border:none !important}
.achm .achimg{width:38px;height:38px;object-fit:contain}
.achm.t0 .achimg{filter:grayscale(1) brightness(.5)}
.premlink .pico,.premhead .pico{filter:drop-shadow(0 4px 10px #d9b36c55)}
.mtile .mic .pico{width:34px;height:34px}
/* v40: ülke sınırları (bölgeler ince, ülkeler kalın) */
.cborders path{fill:none;stroke:#05070a;stroke-width:1.6;stroke-linejoin:round;pointer-events:none;vector-effect:non-scaling-stroke;opacity:.9}
.mapbox #mpaths path{stroke-width:.4}.mapbox #mpaths path.own{stroke-width:.5}
/* v40: ayarlar, izinler, ada, görünüm tercihleri */
.settings{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.settings .card{margin:0}
.set-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.set-opt{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px;background:#141311;border:1px solid var(--line2);border-radius:12px;color:var(--text)}
.set-opt.on{border-color:var(--gold);background:#d9b36c1a}.set-opt span{font-size:12px}.set-opt small{font-size:10px;color:var(--muted)}
.set-opt.ff-resmi b{font-family:Georgia,'Times New Roman',serif}.set-opt.ff-sade b{font-family:system-ui,sans-serif}
.permchip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:12px;background:#ffffff0d;border:1px solid var(--sc,#d9b36c66)}
.permchip.yasama{border-color:#3fbf7f88}.pf-permits{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}
.permbox{margin:12px 0}.islecard{border-color:var(--gold);gap:12px;display:flex;align-items:center;margin-bottom:12px;background:linear-gradient(135deg,#d9b36c1c,transparent 60%)}
html.fs1 .page{zoom:1.08}html.fs2 .page{zoom:1.17}
html.ff-serif body,html.ff-serif button,html.ff-serif input,html.ff-serif textarea,html.ff-serif select{font-family:Georgia,'Times New Roman',serif}
html.ff-sys body,html.ff-sys button,html.ff-sys input,html.ff-sys textarea,html.ff-sys select{font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
html.rm *,html.rm *::before,html.rm *::after{animation-duration:.001s !important;animation-iteration-count:1 !important;transition-duration:.001s !important}
/* v42: eyalet sayfası ve armalar */
.regemb{display:block;flex:none;filter:drop-shadow(0 3px 6px #000b)}
.qr-emb.reg{background:none;border:none;box-shadow:none;width:auto;height:auto}
.eg{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.eg .card,.eg .g{margin:0}
.eg-head{position:relative;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 22%,transparent),transparent 55%),var(--card)}
.eg-top{display:flex;gap:18px;align-items:center}
.eg-name{font-size:28px;margin:2px 0 0;letter-spacing:.02em}
.eg-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.eg-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:12px;background:#0f0e0d;border:1px solid var(--line);font-size:20px}
.eg-tile b{font-size:17px}.eg-tile span{font-size:11px;color:var(--muted)}
.eg-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.eg-acts>*{flex:1 1 200px}
.eg-hist{display:flex;gap:12px;justify-content:space-between;padding:9px 0;border-bottom:1px solid #1f1e1c;font-size:13px}.eg-hist:last-child{border:0}
.eg-nb{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #1f1e1c}.eg-nb:last-child{border:0}
.eg-nb .dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle}
.btn-back{display:inline-flex;align-items:center;padding:6px 12px;border-radius:10px;background:#1e1d1c;border:1px solid var(--line2)}
@media (max-width:640px){.eg-top{flex-direction:column;text-align:center}.eg-tiles{grid-template-columns:repeat(2,1fr)}.eg-name{font-size:24px}}
.eg-provs{display:flex;flex-wrap:wrap;gap:6px}.eg-provs span{padding:4px 10px;border-radius:20px;background:#141311;border:1px solid var(--line2);font-size:12.5px}
.embw{display:inline-grid;place-items:center;flex:none;position:relative}
.embw img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 6px #000b)}
.embw .regemb{display:none}.embw.fb img{display:none}.embw.fb .regemb{display:block}
/* v44: yumuşak, göz yormayan sınırlar */
.mapbox #mpaths path{stroke:rgba(214,222,232,.16);stroke-width:.45;stroke-linejoin:round;stroke-linecap:round}
.mapbox #mpaths path.own{stroke:color-mix(in srgb,var(--sc) 55%,#ffffff 45%);stroke-opacity:.55;stroke-width:.5}
.mapbox #mpaths path.sel{stroke:#f1d08f!important;stroke-opacity:1!important;stroke-width:1.3!important}
.cborders path{stroke:rgba(236,226,200,.42);stroke-width:1.1;opacity:1}
/* v45: mobilde akıcı harita */
@media (pointer:coarse){
  .mapbox #mpaths path{transition:none!important}
  .mapbox #mpaths path:hover{filter:none!important}
  .mapbox #mpaths path.closed{fill:#101012!important}
  .cborders path{vector-effect:none;stroke-width:.8}
  #msvg{shape-rendering:optimizeSpeed}
}
/* ===== v47: mobil arayüz (alt sekme çubuğu, üst başlık, ana sayfa kartları) ===== */
@media (max-width:900px){
  .topbar{padding:0!important;display:block!important;height:auto!important;background:linear-gradient(180deg,#0b0a09,#070606)!important;border-bottom:1px solid #2a2418!important;position:sticky;top:0;z-index:20}
  .mh{display:flex;align-items:center;gap:4px;height:64px;padding:0 10px;padding-top:env(safe-area-inset-top)}
  .mh-b{width:42px;height:42px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 9px;background:none;border:0;position:relative}
  .mh-b span{display:block;height:2px;border-radius:2px;background:#cfc6b4}
  .mh-b .bdg-dot{position:absolute;top:8px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--red)}
  .mh-ic{width:44px;height:44px;display:grid;place-items:center;background:none;border:0;color:#d8cfbd;position:relative;flex:none}
  .mh-ic .bdg{position:absolute;top:2px;right:0;min-width:18px;height:18px;border-radius:9px;background:#c0392b;color:#fff;font:700 10px/18px Inter,sans-serif;text-align:center;padding:0 4px}
  .mh-logo{flex:1;display:flex;justify-content:center}.mh-logo img{height:50px;filter:drop-shadow(0 0 14px #d9b36c55)}
  .mh-b + .mh-ic{margin-right:auto}
  .mstrip{display:flex;align-items:center;gap:10px;padding:7px 14px 9px;border-top:1px solid #1c1913}
  .mstrip .bar{height:6px}
  .page{padding:12px 12px calc(96px + env(safe-area-inset-bottom))!important}
  /* alt sekmeler: etkin sekme genişleyip adını gösterir */
  .bnav{height:calc(78px + env(safe-area-inset-bottom))!important;padding:8px 6px calc(8px + env(safe-area-inset-bottom))!important;gap:4px!important;align-items:stretch;background:linear-gradient(180deg,#0e0d0b,#060505)!important;border-top:1px solid #3a3020!important}
  .bnav a{flex:1 1 0!important;margin:0!important;flex-direction:row!important;gap:8px!important;border-radius:16px;transition:flex .25s ease,background .25s;min-width:0}
  .bnav a::before{display:none!important}
  .bnav a .bn-l{display:none;font:600 14px Inter,sans-serif;color:#f1e3c2;white-space:nowrap}
  .bnav a .bn-ic{display:grid;place-items:center;filter:saturate(.85)}
  .bnav a.on{flex:2.6 1 0!important;background:linear-gradient(180deg,#3a2e18,#241c0f)!important;box-shadow:inset 0 0 0 1px #d9b36c66,0 6px 18px #00000080;position:relative}
  .bnav a.on::after{content:'';position:absolute;top:-9px;left:30%;right:30%;height:3px;border-radius:2px;background:var(--gold)}
  .bnav a.on .bn-l{display:inline}.bnav a.on .bn-ic{filter:none}
  .bnav a i{top:6px!important;right:calc(50% - 20px)!important}
  /* ortak mobil kart */
  .mcard{display:block;background:linear-gradient(180deg,#1a1815,#131210);border:1px solid #2c2720;border-radius:22px;padding:16px;margin-bottom:12px;color:var(--text);position:relative;overflow:hidden}
  .mcard.p0{padding:0}
  .mrow{display:flex;align-items:center;gap:14px;font-size:16px}
  .mh3{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:#d8cfbd;margin-bottom:10px}
  .mdiv{height:1px;background:#2c2720;margin:14px -16px}
  .ell{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .vsep{width:1px;align-self:stretch;background:#2c2720}
  .mpc-n{font-size:22px;letter-spacing:.02em;margin-bottom:6px}
  .mpc .av.mpc-av,.mpc .mpc-av{width:74px;height:74px;border-radius:14px}
  .mpc-g{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
  .mpc-g a{display:flex;align-items:center;gap:10px;min-width:0}
  .mpc-st{width:34px;height:34px;border-radius:8px;object-fit:cover;flex:none}.mpc-st.sm{width:22px;height:22px;border-radius:5px}
  .mpc-f{display:flex;align-items:center;gap:12px;margin:14px -16px -16px;padding:12px 16px;border-top:1px solid #2c2720;font-size:15px}
  .mt-g5{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.mt-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
  .mt-it{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;text-align:center;color:var(--text);min-width:0}
  .mt-it .mt-ic{height:46px;display:grid;place-items:center}
  .mt-it b{font-size:19px;font-weight:700;line-height:1.1}.mt-it small{font-size:12.5px;color:var(--muted)}
  .mt-it.ready small{color:var(--gold2);font-weight:600}
  .mq{padding:12px 8px}.mq small{color:#e8dfcc;font-size:13px}
  .mchat-h{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid #2c2720;font-size:15px}
  .mchat .msgs{max-height:340px;overflow:auto;padding:8px 12px}
  .mchat form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #2c2720}
  .mchat form input{flex:1;border-radius:14px;background:#0d0c0b}
  .mchat-s{width:48px;border-radius:14px;background:#2a2213;border:1px solid #d9b36c55;color:var(--gold2);display:grid;place-items:center}
  .mwar{background:linear-gradient(180deg,#1a1512cc,#120f0ccc),url(/banners/cepheler.jpg) center/cover}
  .mwar .fg{color:var(--text)}
  .mwar-r{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:12px 0}
  .mwar-r b{font-size:18px}
  .mwar-go{padding:12px 20px;border-radius:16px;background:linear-gradient(180deg,#5a1d1d,#3a1111);border:1px solid #e5484d77;color:#fff;font-weight:700;white-space:nowrap}
  .mtrain{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:16px;background:linear-gradient(90deg,#0f0e0cee,#0f0e0c88),url(/banners/ordu.jpg) right/cover;border:1px solid #2c2720;font-size:16px;font-weight:600}
  .mimg{background-size:cover;background-position:right center}
  .mart{background-image:linear-gradient(90deg,#141210 40%,#14121088),url(/banners/dunya.jpg)}
  .mart-t{font-size:19px;font-style:italic;margin-top:12px;line-height:1.35}
  .msol{background-image:linear-gradient(90deg,#141210 45%,#14121066),url(/banners/ordu.jpg)}
  .mfire{background-image:linear-gradient(90deg,#141210 40%,#1412107a),url(/banners/cepheler.jpg)}
  .mnews .it{padding:12px 16px;border-bottom:1px solid #221f1a}
  .red-t{color:#ff6b6b}.blue-t{color:#7fb2ff}
  .streak,.dmcard{border-radius:22px}
}
.osm-attr{position:absolute;left:8px;bottom:6px;z-index:3;font-size:10px;color:#a9a294;background:#0008;padding:2px 6px;border-radius:6px;pointer-events:none}
/* v51 — yönetim: eyalet armaları */
.embadm{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.embit{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(201,162,77,.18);border-radius:10px;background:rgba(255,255,255,.02)}
.embit .sp{min-width:0}.embit .sp b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.embit .sm.red{padding:4px 8px}