/* ===== Fetih Yolu — arayüz (gündüz: papirüs · gece: koyu) ===== */
:root{
 --hf:'Cinzel',Georgia,serif;--bf:'Alegreya Sans','Segoe UI',system-ui,sans-serif;--r:3px;
 /* gündüz — papirüs ve bordo */
 --bg:#e4d3ab;--panel:#f7efdc;--panel2:#eee1c2;--inset:#f1e6cc;--inset2:#e8d9b6;--line:#d2bc8f;--line2:#b79d6b;
 --txt:#2b1d12;--mut:#76614a;--strong:#1b1109;--head:#6e1424;--head2:#8b5d1e;
 --acc:#7c1a2c;--accd:#550f1c;--accl:#a6384b;--acct:#f8eacb;
 --gold:#a98330;--gold2:#8c6827;--goldl:#7c1a2c;
 --red:#a3271c;--redl:#a8261b;--grn:#4f7a2e;--grnl:#3d6f1f;--blue:#2f5f9a;--bluel:#2b5a93;
 --track:#dccaa1;--inbg:#fbf6e8;--ghbg:#f4e9cf;--ghtx:#7c1a2c;--ghbd:#b48e3e;
 --shadow:0 6px 18px rgba(90,60,25,.16);--hover:rgba(124,26,44,.06);--zebra:rgba(124,26,44,.035);
 --resbar:linear-gradient(#f0e3c4,#e5d3a9);--cardtop:inset 0 1px 0 rgba(255,255,255,.6);
 --paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .36 0 0 0 0 .25 0 0 0 0 .1 0 0 0 .13 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
 --fibers:repeating-linear-gradient(90deg,transparent 0 5px,rgba(120,85,35,.045) 5px 6px,transparent 6px 11px),repeating-linear-gradient(0deg,transparent 0 7px,rgba(120,85,35,.04) 7px 8px);
 color-scheme:light
}
:root[data-theme=dark]{
 --bg:#100c0b;--panel:#1e1816;--panel2:#171210;--inset:#120e0d;--inset2:#0d0a09;--line:#352a20;--line2:#4d3d2c;
 --txt:#ece2cf;--mut:#a59682;--strong:#fff;--head:#e8c97f;--head2:#c9a45c;
 --acc:#8e2235;--accd:#5a0f1c;--accl:#c64a5e;--acct:#f7e7c6;
 --gold:#c9a45c;--gold2:#9f7c3a;--goldl:#ead08e;
 --red:#b5402e;--redl:#ec7a63;--grn:#6e9a49;--grnl:#a6d07c;--blue:#4f7fbd;--bluel:#8cb4ea;
 --track:#000;--inbg:#0d0a09;--ghbg:#150f0e;--ghtx:#ead08e;--ghbd:#8a6a30;
 --shadow:0 8px 22px rgba(0,0,0,.45);--hover:rgba(255,255,255,.04);--zebra:rgba(255,255,255,.02);
 --resbar:linear-gradient(#1b1513,#130f0e);--cardtop:inset 0 1px 0 rgba(255,255,255,.04);
 --paper:none;--fibers:none;color-scheme:dark
}
*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}
body{margin:0;background-color:var(--bg);color:var(--txt);font:16px/1.5 var(--bf);overflow-x:hidden;overflow-x:clip}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1400px 600px at 50% -200px,rgba(255,250,235,.45),transparent 70%),radial-gradient(ellipse at center,transparent 55%,rgba(90,55,20,.22)),var(--paper),var(--fibers);transform:translateZ(0)}
[data-theme=dark] body::before{background-image:radial-gradient(1200px 500px at 50% -120px,#3a1018 0,transparent 70%),linear-gradient(180deg,#120d0c,#0b0908)}
a{color:var(--goldl);text-decoration:none}a:hover{color:var(--accl)}[data-theme=dark] a:hover{color:#fff}
main{max-width:1180px;margin:0 auto;padding:14px 16px 24px}main.narrow{max-width:470px;margin-top:40px}
h1,h2,h3,h4{font-family:var(--hf);color:var(--head);margin:.35em 0;line-height:1.2;font-weight:700;letter-spacing:.02em}h1{font-size:26px}h2{font-size:21px}h3{font-size:16px;letter-spacing:.06em}h4{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--head2)}
small,.muted{color:var(--mut);font-size:13px}.muted{font-size:14px}.gold{color:var(--goldl)}.okc{color:var(--grnl)}.lack{color:var(--redl)}
.ic{vertical-align:middle;flex:none;display:inline-block}
/* ---------- üst bar (her iki temada bordo) ---------- */
.top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;padding:0 18px;height:60px;background:linear-gradient(#741628,#4c0b17);border-bottom:1px solid #2a050b;box-shadow:inset 0 -2px 0 #c9a45c55,inset 0 1px 0 #ffffff1c,0 6px 18px #2a050b55}
[data-theme=dark] .top{background:linear-gradient(#4a0d18,#2a070e)}
.brand{display:flex;align-items:center;gap:10px;color:#f6e7c6;flex:none}.brand .logo{filter:drop-shadow(0 2px 4px #000)}
.wm{display:flex;flex-direction:column;line-height:1}.wm b{font:800 22px var(--hf);letter-spacing:.2em;background:linear-gradient(#fff3c8,#e2bc68 55%,#b48a3a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #2a050b)}
.dnav{display:flex;gap:2px;margin-left:auto;height:100%}.dnav a{position:relative;display:flex;align-items:center;gap:7px;padding:0 12px;color:#f1dfc0;font-weight:700;font-size:15px;border-bottom:3px solid transparent;white-space:nowrap}.dnav a:hover{color:#fff;background:#ffffff12}.dnav a.on{color:#ffe7a8;border-bottom-color:#e2bc68;background:linear-gradient(transparent,#ffffff14)}
.dnav .ic{color:#e2bc68}.hact{display:none}
.badge{display:inline-block;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#d23a28;color:#fff;font:800 11px/18px var(--bf);font-style:normal;text-align:center;box-shadow:0 0 0 2px #4c0b17}
.dnav .badge{position:absolute;top:8px;right:0}
.thm{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #e2bc6866;background:#00000026;cursor:pointer;padding:0;margin-left:6px;color:#ffe7a8}.thm:hover{background:#ffffff1a}
.thm .tsun{display:none}[data-theme=dark] .thm .tsun{display:inline-block}[data-theme=dark] .thm .tmoon{display:none}
.guestbar{position:fixed;top:10px;right:12px;z-index:50}.guestbar .thm{background:var(--acc);border-color:var(--gold)}
@media(max-width:1220px) and (min-width:821px){.dnav a{padding:0 10px}.dnav a span:not(.ic){display:none}.dnav a .ic{width:24px;height:24px}.dnav .badge{right:-2px}}
.announce{display:flex;gap:10px;align-items:center;justify-content:center;padding:8px 16px;background:linear-gradient(90deg,transparent,#c9a45c33,transparent),var(--panel2);border-bottom:1px solid var(--line2);color:var(--txt);font-weight:600;text-align:center}
/* kaynak çubuğu */
.resbar{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;padding:8px 18px;background:var(--resbar);border-bottom:1px solid var(--line2);box-shadow:0 3px 10px rgba(60,35,10,.12)}
.vsw{display:flex;align-items:center;gap:9px;min-width:0;color:var(--acc)}.vsw span{display:flex;flex-direction:column;min-width:0}.vsw b{font:700 15px var(--hf);color:var(--strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vsw small{font-size:12px}
.vsw select{width:auto;max-width:260px;padding:5px 8px}
.rg{display:flex;gap:6px}.rc{display:flex;align-items:center;gap:8px;min-width:132px;padding:4px 10px 4px 6px;background:var(--inset);border:1px solid var(--line);border-radius:var(--r)}
.rc>div{flex:1;display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:4px}.rc b{font-weight:800;font-size:15px;color:var(--strong);font-variant-numeric:tabular-nums}.rc small{font-size:11px;text-align:right}.rc .bar{grid-column:1/3}
.bar{display:block;height:4px;background:var(--track);border-radius:0;overflow:hidden;margin-top:3px;font-style:normal}.bar u{display:block;height:100%;background:linear-gradient(90deg,var(--gold2),#e2bc68);text-decoration:none}
.rc.wood .bar u,.rbox.wood .bar u{background:linear-gradient(90deg,#7b5228,#c9935a)}.rc.clay .bar u,.rbox.clay .bar u{background:linear-gradient(90deg,#8e3a1c,#da7b4e)}.rc.iron .bar u,.rbox.iron .bar u{background:linear-gradient(90deg,#5d6670,#a9b3bc)}.rc.pop .bar u,.rbox.pop .bar u{background:linear-gradient(90deg,#2c5487,#78a8e0)}.bar.red u{background:linear-gradient(90deg,#7e2118,#e0584a)}
/* alt menü (mobil) */
.bnav{display:none}.sheet{display:none}
@media(max-width:820px){
 .top{height:54px;padding:0 10px;gap:8px}.wm b{font-size:18px;letter-spacing:.16em}
 .dnav{display:none}.hact{display:flex;gap:5px;margin-left:auto}.hact a{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid #e2bc6655;background:#00000024;border-radius:50%;color:#ffe7a8}.hact a.on{background:#ffffff22;border-color:#e2bc68}
 .hact .badge{position:absolute;top:-5px;right:-5px}.hact .hinc{border-color:#ff8a70;background:#8a1a12;animation:pulse 1.6s infinite}
 .thm{margin-left:0}
 .resbar{padding:7px 12px;gap:7px}.vsw{width:100%}.vsw select{max-width:none;flex:1}
 .rg{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:5px}.rc{min-width:0;padding:3px 5px;gap:4px}.rc .ic{width:22px;height:22px}.rc>div{display:block}.rc b{font-size:13.5px;display:block;line-height:1.15}.rc small{display:block;text-align:left;font-size:10.5px;line-height:1.1}
 body.in{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
 .bnav{display:grid;grid-template-columns:1fr 1fr 76px 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#5e1020,#3a0812);border-top:1px solid #2a050b;box-shadow:inset 0 2px 0 #c9a45c55,0 -8px 24px #2a050b66}
 .bnav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#f0dcbc;font-size:11.5px;font-weight:700;letter-spacing:.02em}.bnav a.on{color:#ffe7a8}.bnav a.on::before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;background:#e2bc68}
 .bnav .badge{position:absolute;top:6px;left:calc(50% + 6px)}
 .bnav .mid{position:relative;align-self:start;justify-self:center;margin-top:-20px;width:64px;height:64px;border-radius:50%;border:0;padding:0;cursor:pointer;background:radial-gradient(circle at 50% 35%,#8e2235,#4a0b16 72%);box-shadow:0 0 0 3px #3a0812,0 0 0 5px #c9a45c,0 8px 18px #000a;color:#ffe7a8;display:grid;place-items:center}
 .bnav .mid .chev{transition:none}.bnav .mid[aria-expanded=true] .chev{transform:none}.bnav .mid .badge{position:absolute;top:2px;right:0}
 .sheet{display:block;position:fixed;inset:0;z-index:55;pointer-events:none}.sheet-bg{position:absolute;inset:0;background:#000a;opacity:0;transition:opacity .25s}
 .sheet-in{position:absolute;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));max-height:calc(100% - 140px);overflow:auto;background-color:var(--bg);background-image:var(--paper),var(--fibers);border-top:2px solid var(--gold);box-shadow:0 -14px 40px #0008;padding:6px 12px 18px;transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
 .sheet.open{pointer-events:auto}.sheet.open .sheet-bg{opacity:1}.sheet.open .sheet-in{transform:none}
 .sheet-h{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-6px;background:var(--bg);padding:10px 0 8px;z-index:2;border-bottom:1px solid var(--line2)}.sheet-h b{font:700 17px var(--hf);color:var(--head);letter-spacing:.12em}.sheet-h .x{background:none;border:1px solid var(--line2);color:var(--txt);width:34px;height:34px;font-size:22px;line-height:1;cursor:pointer}
 main{padding:10px 12px 20px}
}
@media(max-width:380px){.wm b{font-size:16px;letter-spacing:.1em}.hact a,.thm{width:36px;height:36px}.hact{gap:3px}}
@keyframes pulse{50%{box-shadow:0 0 0 4px #ff5a3a55}}
/* ---------- ana menü kutucukları ---------- */
.msec{margin:14px 0 6px}.msec h3{display:flex;align-items:center;gap:10px;font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--head2);margin:0 0 8px}.msec h3::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line2),transparent)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.tiles.cmp{grid-template-columns:repeat(2,1fr);gap:6px}
.tile{position:relative;display:flex;align-items:center;gap:11px;padding:11px 12px;min-height:62px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-left:3px solid var(--acc);border-radius:var(--r);color:var(--txt);box-shadow:var(--cardtop);transition:border-color .15s,background .15s,transform .1s}
.tile:hover{border-color:var(--gold);color:var(--strong);background:linear-gradient(180deg,var(--panel),var(--inset2))}.tile:active{transform:translateY(1px)}
.tile span{display:flex;flex-direction:column;min-width:0}.tile b{font-weight:800;font-size:15px;line-height:1.15}.tile small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile .badge{position:absolute;top:6px;right:6px}
.tiles.cmp .tile{padding:9px 10px;min-height:56px;gap:9px}.tiles.cmp .tile .ic{width:30px;height:30px}.tiles.cmp .tile b{font-size:14px}
.mhero{display:flex;align-items:center;gap:14px;padding:16px;margin:4px 0 6px;background:linear-gradient(90deg,rgba(124,26,44,.14),transparent 70%),var(--panel);border:1px solid var(--line);border-left:4px solid var(--acc);box-shadow:var(--shadow)}.mhero h1{margin:0}
/* ---------- kartlar, butonlar, formlar ---------- */
.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin:12px 0;box-shadow:var(--shadow),var(--cardtop);position:relative}
.card>h3:first-child{margin:-2px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;background:linear-gradient(var(--acc),var(--acc)) 0 100%/52px 2px no-repeat}
.hero{text-align:center;margin:30px 0 22px}.hero h1{font-size:46px;letter-spacing:.24em;margin:.1em 0;background:linear-gradient(#a6384b,#7c1a2c 55%,#4a0b16);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=dark] .hero h1{background-image:linear-gradient(#f6e3a8,#c9a45c 55%,#8d6a2a)}.hero p{color:var(--mut)}.hero.sm{margin:12px 0}.hero.sm h1{font-size:28px}.hico{display:inline-block}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:760px){.two{grid-template-columns:1fr}.hero h1{font-size:34px}}
.form label,.fl{display:block;margin:9px 0;color:var(--mut);font-size:14px}
label.chk{display:flex!important;align-items:center;gap:8px;cursor:pointer;color:var(--txt)!important}label.chk input{width:18px;height:18px;accent-color:var(--acc);margin:0}
input,select,textarea{background:var(--inbg);border:1px solid var(--line2);color:var(--txt);padding:9px 11px;border-radius:var(--r);width:100%;font:inherit;font-size:15px}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 2px rgba(124,26,44,.2)}input.num{width:86px;padding:6px 8px}textarea{resize:vertical}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(#972639,#64111f);color:var(--acct);border:1px solid #3d0811;border-radius:var(--r);padding:9px 18px;font:800 14px var(--bf);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff33,inset 0 0 0 1px #c9a45c33,0 2px 0 rgba(40,8,12,.6);white-space:nowrap;text-decoration:none}
.btn:hover{filter:brightness(1.12);color:#fff}.btn:active{transform:translateY(1px);box-shadow:none}.btn.sm{padding:6px 11px;font-size:12px}.btn.ghost{background:var(--ghbg);color:var(--ghtx);border-color:var(--ghbd);box-shadow:none}.btn.ghost:hover{background:var(--inset2);color:var(--acc)}[data-theme=dark] .btn.ghost:hover{color:#fff}
.btn.red{background:linear-gradient(#cf5a44,#8e2a1c);color:#fff;border-color:#4e140c}.btn.gold{background:linear-gradient(#e7c477,#a87e33);color:#2a1606;border-color:#5e4518}.btn .ic{margin:-4px 0}
.flash{padding:11px 14px;border-radius:var(--r);margin:10px 0;border:1px solid var(--line);border-left:4px solid var(--gold);background:var(--panel)}.flash.ok{border-left-color:var(--grn);background:linear-gradient(90deg,rgba(79,122,46,.14),var(--panel))}.flash.err{border-left-color:var(--red);background:linear-gradient(90deg,rgba(163,39,28,.14),var(--panel))}
.tabs{display:flex;gap:0;margin:10px 0 0;overflow-x:auto;scrollbar-width:none;border-bottom:2px solid var(--line2)}.tabs::-webkit-scrollbar{display:none}
.tabs a{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:9px 14px;color:var(--mut);font-weight:700;font-size:14.5px;border-bottom:3px solid transparent;margin-bottom:-2px}.tabs a:hover{color:var(--txt)}.tabs a.on{color:var(--acc);border-bottom-color:var(--acc);background:linear-gradient(transparent,rgba(124,26,44,.08))}[data-theme=dark] .tabs a.on{color:var(--goldl);border-bottom-color:var(--accl)}.tabs .badge{margin-left:2px}
.tag{display:inline-block;background:var(--inset);border:1px solid var(--gold2);color:var(--goldl);border-radius:var(--r);padding:0 7px;font-size:12px;font-weight:700;font-style:normal;letter-spacing:.04em;vertical-align:middle}.tag.mate{border-color:var(--blue);color:var(--bluel)}.tag.red{border-color:var(--red);color:var(--redl)}
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch}.tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tbl th,.tbl td{border-bottom:1px solid var(--line);padding:7px 8px;text-align:center;white-space:nowrap}.tbl tr:nth-child(even) td{background:var(--zebra)}.tbl .l{text-align:left}.tbl th{color:var(--mut);font-weight:700;font-size:13px}.zero{opacity:.33}
.bf{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.bf form{margin:0}
.cd{color:var(--goldl);font-variant-numeric:tabular-nums;font-weight:800}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:flex;align-items:center;gap:6px;background:var(--inset);border:1px solid var(--line);border-radius:var(--r);padding:4px 9px;color:var(--txt)}.chip b{color:var(--strong)}.chip.zero{opacity:.4}.chips.sm{gap:4px 10px}.chips.sm .ic{width:18px;height:18px}
.hint{text-align:center;color:var(--mut);font-size:13.5px;margin:6px 0}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#8c8676;margin-right:5px;vertical-align:middle}.dot.on{background:#3fb84f;box-shadow:0 0 6px #3fb84f}
.inl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inl input{flex:1;min-width:140px;width:auto}.inl input.num{flex:none}
details.rn{margin-top:4px}details.rn summary{cursor:pointer;color:var(--mut);font-size:13.5px;list-style:none;display:inline-flex;align-items:center;gap:5px}details.rn form{margin-top:6px}
/* ---------- köy ---------- */
.vhead{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:6px 0 10px}.vhead h1{margin:0;font-size:25px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vhead small{font-size:13.5px}
.loy{min-width:190px;font-size:14px}.loy .bar{width:100%;height:5px}
.mini{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.mini>span{display:inline-flex;align-items:center;gap:6px;background:var(--inset);border:1px solid var(--line);border-radius:var(--r);padding:4px 10px;font-size:13.5px}
.warn{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:8px 0;background:linear-gradient(90deg,#6e1424,#3a0a10);border:1px solid #3a0a10;border-left:4px solid #e0584a;color:#ffe3d8;box-shadow:var(--shadow)}.warn a{margin-left:auto}.warn .cd{color:#ffd88a}
.scenewrap{position:relative;border:1px solid #2a1a0c;box-shadow:0 0 0 3px var(--panel),0 0 0 4px var(--gold2),0 14px 34px rgba(40,20,5,.45);background:#6f7a3a;overflow:hidden;border-radius:2px}
.scroller{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.scene{display:block;width:100%;height:auto}
@media(max-width:820px){.scene{width:960px;max-width:none}.scenewrap{margin:0 -12px;border-left:0;border-right:0}#scroller.springpan{overflow-x:hidden;touch-action:pan-y;overscroll-behavior-x:none}}
.scene .bld{cursor:pointer}.scene a.bld:hover>g:first-of-type,.scene a.bld:hover .w-f,.scene a.bld:hover .w-b{opacity:.9}
.scene .bn{font:700 12.5px var(--bf);fill:#fbf1d9;stroke:#2a1608;stroke-width:3px;paint-order:stroke;stroke-linejoin:round;letter-spacing:.03em;pointer-events:none}
.scene .lv text{font:800 12px var(--bf);fill:#ffe7a8}.scene .lv .up text{fill:#2a1606;font-size:10.5px}.scene .lv .up{animation:bob 1.4s ease-in-out infinite}
.scene .plot{font:700 12px var(--bf);fill:#fbf1d9;stroke:#2a1608;stroke-width:3px;paint-order:stroke}
.scene .flame{animation:fl .45s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}.scene .flagw{animation:wave 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:0 50%}
.scene .smk{animation:smk 6s ease-in-out infinite}
@keyframes bob{50%{transform:translate(14px,-4px)}}@keyframes fl{to{transform:scale(1.12,.88)}}@keyframes wave{50%{transform:skewY(4deg) scaleX(.94)}}@keyframes smk{50%{opacity:.25;transform:translate(4px,-6px)}}@keyframes sway{50%{transform:skewX(1.6deg)}}
/* ordu tablosu */
.roster{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.roster th{font:700 11.5px var(--bf);letter-spacing:.14em;text-transform:uppercase;color:var(--mut);text-align:right;padding:6px 10px;border-bottom:1px solid var(--line2)}.roster th:first-child{text-align:left}
.roster td{padding:7px 10px;border-bottom:1px solid var(--line);text-align:right}.roster td:first-child{text-align:left}.roster tr.zero td{opacity:.38}.roster .un{display:flex;align-items:center;gap:10px;font-weight:700}.roster .un small{display:block;font-weight:400}
.roster td.n{font-size:17px;font-weight:800;color:var(--strong)}.roster tfoot td{border-top:1px solid var(--line2);border-bottom:0;font-weight:800;color:var(--goldl);padding-top:9px}
.rostrip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 12px}.rostrip div{background:var(--inset);border:1px solid var(--line);padding:8px 10px}.rostrip b{display:block;font-size:19px;color:var(--strong);font-variant-numeric:tabular-nums}.rostrip small{display:flex;align-items:center;gap:5px;text-transform:uppercase;letter-spacing:.1em;font-size:10.5px}
@media(max-width:600px){.rostrip{grid-template-columns:repeat(2,1fr)}.roster .hide-s{display:none}}
/* bina paneli */
.phead{display:flex;align-items:center;gap:12px;margin:4px 0 4px}.phead h2{display:flex;align-items:center;gap:12px;font-size:24px;margin:0;flex-wrap:wrap}.phead .lv{font:800 12px var(--bf);background:var(--acc);color:var(--acct);padding:2px 10px;letter-spacing:.08em;text-transform:uppercase}
.back{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--mut);margin-top:6px}.back:hover{color:var(--acc)}
.bgrid,.ucards{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:10px;margin-top:12px}
.bcard,.tcard{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-top:3px solid var(--acc);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:7px;box-shadow:var(--cardtop)}
.bh,.th{display:flex;align-items:center;gap:11px}.bh small,.th small{display:block}.bh b,.th b{font-size:16px}.bd{margin:0;color:var(--mut);font-size:13.5px;flex:1}
.cost{display:flex;flex-wrap:wrap;gap:4px 12px}.ci{display:inline-flex;align-items:center;gap:4px;font-size:14.5px;font-weight:700;font-variant-numeric:tabular-nums}.tm{display:inline-flex;align-items:center;gap:5px;color:var(--mut);font-size:13.5px}.maxed{color:var(--grnl);font-weight:800}
.sts{display:flex;flex-wrap:wrap;gap:4px 12px}.st{display:inline-flex;align-items:center;gap:3px;font-size:13.5px;font-weight:700}.st small{font-weight:600}.tcard.locked,.bcard.locked{opacity:.55}.trf{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.trf input{width:90px}
.all{font-size:13px;white-space:nowrap}
.ugrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin:10px 0}.ucard{display:flex;align-items:center;gap:10px;background:var(--inset);border:1px solid var(--line);border-radius:var(--r);padding:8px 10px;margin:0!important;color:var(--txt)!important}.ucard div{flex:1}.ucard b{display:block}.ucard.empty{opacity:.42}
.qrow{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--line)}.qrow:last-child{border:0}.qi{flex:1;min-width:0}.qi .bar{height:5px;margin-top:6px}.qi small{display:block}
.frow{display:flex;align-items:center;gap:12px;padding:8px 0}.fi{flex:1}.ft{text-align:right}.ft b{display:block;font-size:17px;color:var(--strong)}
.tinfo{background:var(--inset);border-left:3px solid var(--acc);padding:8px 11px;margin:8px 0}
/* karargah hareketleri */
.mrow{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:0 -12px;border-bottom:1px solid var(--line);color:var(--txt)}.mrow:hover{background:var(--hover);color:var(--txt)}.mrow .qi b{display:block}.mrow .when{text-align:right;flex:none}.mrow .when small{display:block}
.mrow.atk{border-left:3px solid var(--red)}.mrow.sup{border-left:3px solid var(--blue)}.mrow.ret{border-left:3px solid var(--grn)}.mrow.bat{border-left:3px solid #e0a040;background:rgba(224,160,64,.12)}
.kv2{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:8px 0}.kv2 dt{color:var(--mut)}.kv2 dd{margin:0;font-weight:700}
/* raporlar */
.rrow{display:flex;align-items:center;gap:11px;padding:10px 8px;border-bottom:1px solid var(--line);color:var(--txt)}.rrow:hover{background:var(--hover);color:var(--txt)}.rrow .ri{flex:none;display:grid;place-items:center;width:30px}.rrow .rt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rrow.unread .rt{font-weight:800;color:var(--strong)}.rrow.unread{box-shadow:inset 3px 0 0 var(--acc)}.rrow.err .rt{color:var(--redl)}.rrow.ok .rt{color:var(--grnl)}
.report.err{border-top:3px solid var(--red)}.report.ok{border-top:3px solid var(--grn)}.report.gold{border-top:3px solid var(--gold)}.report h4{margin:1.1em 0 .4em}
.rhead{padding:8px 12px;margin:6px 0 10px;font:800 18px var(--hf);letter-spacing:.14em;text-transform:uppercase;background:var(--inset);border:1px solid var(--line)}.rhead.win{color:var(--grnl);border-left:4px solid var(--grn)}.rhead.loss{color:var(--redl);border-left:4px solid var(--red)}
.rsides{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rsides>div{background:var(--inset);border:1px solid var(--line);padding:9px 11px}.rsides small{display:inline;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.rsides b{display:block;font-size:16px;margin-top:3px}.rsides span{font-size:13px;color:var(--mut)}
.luck{display:flex;align-items:center;gap:10px;margin:10px 0}.luck span{display:inline-flex;align-items:center;gap:5px;color:var(--mut);font-size:13.5px;flex:none}.luck .lk{position:relative;flex:1;max-width:260px;height:8px;background:var(--track);border:1px solid var(--line);font-style:normal}.luck .lk::after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--mut)}.luck .lk u{position:absolute;top:0;bottom:0}.luck u.pos{background:var(--grn)}.luck u.neg{background:var(--red)}
.rnote{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 10px;background:var(--inset);border:1px solid var(--line)}
.krow{display:flex;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid var(--line)}.krow.me{background:rgba(124,26,44,.08)}.rk{width:34px;text-align:center;font:800 17px var(--hf);color:var(--mut)}.rk.m1{color:#c9971e}.rk.m2{color:#8c95a0}.rk.m3{color:#b0703c}.kn{flex:1;min-width:0}.kn small{display:block}.kv{font-size:18px;font-weight:800;color:var(--strong);display:flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}.kact{display:flex;gap:4px}.kact form{display:flex;gap:4px;margin:0}
.ahead{display:flex;align-items:center;gap:12px;margin:10px 0}.ahead h1{margin:0}
.post{display:flex;gap:12px;border-top:1px solid var(--line);padding:10px 0}.pu{width:120px;flex:none}.pu small{display:block}.pb{flex:1;word-break:break-word}@media(max-width:600px){.post{flex-direction:column;gap:2px}.pu{width:auto}}
/* modal */
.modal{display:none;position:fixed;inset:0;background:rgba(20,8,4,.72);z-index:100;align-items:center;justify-content:center;padding:14px;backdrop-filter:blur(2px)}.modal.show{display:flex}.mbox{position:relative;background-color:var(--panel);background-image:var(--paper),var(--fibers);border:1px solid var(--gold2);border-radius:var(--r);padding:18px;max-width:460px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 0 0 4px var(--panel),0 0 0 5px var(--acc),0 20px 60px #000}
.mbox h2{display:flex;align-items:center;gap:9px;font-size:19px}.req{background:var(--inset);border:1px solid var(--line);padding:9px 12px;margin:8px 0}.req p{margin:4px 0;color:var(--mut)}.alert .mbox{border-color:var(--red)}.alert h2{color:var(--redl)}.req.atk{border-left:4px solid var(--red)}
/* günlük ödül sandığı */
.bonus .mbox{text-align:center;overflow:hidden;max-width:420px}.bonus h2{justify-content:center;font-size:22px}
.bon-rays{position:absolute;left:50%;top:52%;width:640px;height:640px;margin:-320px 0 0 -320px;background:repeating-conic-gradient(from 0deg,rgba(255,214,110,.28) 0 8deg,transparent 8deg 20deg);border-radius:50%;opacity:0;transition:opacity .6s;pointer-events:none;animation:spin 18s linear infinite}
.bonus.opened .bon-rays{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}
.chest{position:relative;margin:6px auto 0;width:220px;height:180px;cursor:pointer}.chest svg{display:block;overflow:visible}
.chest .lid{transform-origin:110px 92px;transition:transform .7s cubic-bezier(.3,1.6,.5,1)}.chest .glow{opacity:0;transition:opacity .6s .2s}
.bonus:not(.opened) .chest{animation:shake 2.4s ease-in-out infinite}.bonus.opened .chest .lid{transform:translateY(-34px) rotate(-14deg)}.bonus.opened .chest .glow{opacity:1}
@keyframes shake{0%,80%,100%{transform:none}84%{transform:rotate(-3deg)}88%{transform:rotate(3deg)}92%{transform:rotate(-2deg)}96%{transform:rotate(1deg)}}
.bon-res{position:relative;display:flex;justify-content:center;gap:10px;margin:8px 0 4px}.bon-res div{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:84px;padding:8px 6px;background:var(--inset);border:1px solid var(--gold);border-radius:var(--r);animation:pop .5s cubic-bezier(.3,1.7,.5,1) both}.bon-res div:nth-child(2){animation-delay:.15s}.bon-res div:nth-child(3){animation-delay:.3s}.bon-res b{font-size:20px;color:var(--strong);font-variant-numeric:tabular-nums}
@keyframes pop{from{opacity:0;transform:translateY(30px) scale(.4)}}
/* harita */
.mapbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:4px 0 8px}.gof{display:flex;gap:4px;margin-left:auto}.gof .num{width:64px}
.mapbox{position:relative;height:calc(100vh - 230px);min-height:420px;border:1px solid #2a1a0c;box-shadow:0 0 0 3px var(--panel),0 0 0 4px var(--gold2),0 14px 34px rgba(40,20,5,.45);background:#3b7ea0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
.mapbox canvas{display:block;width:100%;height:100%;cursor:grab}.mapbox canvas:active{cursor:grabbing}
.mapzoom{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:4px;z-index:3}.mapzoom button{width:38px;height:38px;background:#f6ecd4ee;border:1px solid #8c6827;color:#6e1424;font:800 20px var(--bf);cursor:pointer;border-radius:2px;box-shadow:0 2px 6px #0005}
.coord{position:absolute;left:10px;bottom:10px;z-index:3;background:#f6ecd4ee;border:1px solid #8c6827;padding:3px 10px;font-size:13px;color:#6e1424;font-weight:700;font-variant-numeric:tabular-nums}
.mlegend{position:absolute;left:10px;top:10px;z-index:3;background:#f6ecd4e6;border:1px solid #8c6827;padding:6px 10px;font-size:12.5px;color:#4a3420;display:flex;flex-direction:column;gap:2px}.mlegend i{display:inline-block;width:11px;height:11px;margin-right:6px;vertical-align:middle;border:1px solid #000}
.vpop{position:absolute;z-index:5;left:10px;right:10px;bottom:10px;max-width:420px;margin:0 auto;background-color:var(--panel);background-image:var(--paper);border:1px solid var(--gold2);border-top:3px solid var(--acc);box-shadow:0 12px 30px #000a;padding:12px 14px}.vpop h3{margin:0 0 4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-right:28px}.vpop .x{position:absolute;right:8px;top:6px;background:none;border:0;color:var(--mut);font-size:24px;cursor:pointer}.vpop p{margin:4px 0;font-size:14px}
@media(max-width:820px){.mapbox{height:calc(100vh - 290px);height:calc(100dvh - 290px);min-height:320px;margin:0 -12px;border-left:0;border-right:0}.mlegend{display:none}
 .vpop{position:fixed;left:8px;right:8px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:58;max-height:52vh;overflow:auto}}
/* genel bakış */
.vcardx.danger{border-color:var(--red);box-shadow:0 0 0 1px rgba(163,39,28,.5),var(--shadow)}.vch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.vch .pts{margin-left:auto;background:var(--inset);border:1px solid var(--gold2);color:var(--goldl);padding:1px 10px;font-size:13px;font-weight:700}
.rgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:6px 0}.rbox{display:flex;gap:9px;align-items:center;background:var(--inset);border:1px solid var(--line);padding:8px 10px}.rbox>div{flex:1;min-width:0}.rbox b{color:var(--strong)}.rbox small{display:block}
/* bölgeler */
.rgridc{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.region{margin:0}.region .vch b{font-family:var(--hf);font-size:16px;color:var(--head)}
.sflag{display:flex;align-items:center;gap:10px;margin:6px 0}.sflag small{display:block}.stack{display:flex;height:10px;overflow:hidden;margin:8px 0;background:var(--track);border:1px solid var(--line2)}.stack u{display:block;height:100%}
.flag{vertical-align:middle;border-radius:1px;box-shadow:0 1px 4px #0006;flex:none}
/* profil */
.prof{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.pflag .flag{width:120px;height:auto}.pinfo{flex:1;min-width:200px}.pinfo h1{margin:0}
.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.stat{background:linear-gradient(var(--panel),var(--panel2));border:1px solid var(--line);border-bottom:3px solid var(--acc);padding:10px;text-align:center;box-shadow:var(--cardtop)}.stat b{display:block;font-size:22px;color:var(--strong)}.stat small{display:flex;justify-content:center;align-items:center;gap:4px}
.fbuild{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.flagprev{width:180px;height:120px;box-shadow:0 3px 10px #0006;background:#0002}.fctl{flex:1;min-width:220px}.cols{display:flex;gap:10px;flex-wrap:wrap}.cols label{display:flex;flex-direction:column;gap:3px}
input[type=color]{width:60px;height:38px;padding:2px;cursor:pointer}.presets{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.pre{background:none;border:2px solid transparent;padding:0;cursor:pointer}.pre:hover{border-color:var(--acc)}
.pclan{display:flex;align-items:center;gap:14px;color:var(--txt);border-left:4px solid var(--acc)}.pclan:hover{color:var(--txt);border-color:var(--gold)}.pclan .pc-in{flex:1;min-width:0;display:flex;flex-direction:column}.pclan .pc-in>small:first-child{letter-spacing:.2em;font-weight:800;color:var(--head2);font-size:11px}.pclan b{font:700 18px var(--hf);color:var(--head)}.pclan.none{opacity:.85}.pclan .btn{flex:none}
/* ittifak */
.aav{display:inline-block;border-radius:10px;object-fit:cover;border:2px solid var(--gold);box-shadow:0 2px 8px rgba(40,20,5,.35);background:var(--inset2);flex:none;vertical-align:middle}
.aav.def{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#972639,#4a0b16);color:#ffe7a8;line-height:1}.aav.def b{font:800 1em var(--hf);letter-spacing:.06em;margin-top:2px}
.aban{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:18px;margin:8px 0;background:linear-gradient(100deg,rgba(124,26,44,.16),transparent 60%),linear-gradient(var(--panel),var(--panel2));border:1px solid var(--line);border-left:5px solid var(--acc);box-shadow:var(--shadow)}
.aban-in{flex:1;min-width:220px}.aban h1{margin:0 0 6px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.aban-st{display:flex;flex-wrap:wrap;gap:6px 16px;margin:4px 0}.aban-st span{display:inline-flex;align-items:center;gap:5px;color:var(--mut);font-size:14px}.aban-st b{color:var(--strong);font-size:16px}.aban-st.sm{gap:4px 12px}.aban-st.sm b{font-size:14px}
.adesc{white-space:normal;word-break:break-word;line-height:1.6}
.alist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin:12px 0}
.acard{display:flex;flex-direction:column;gap:6px;padding:12px;background:linear-gradient(var(--panel),var(--panel2));border:1px solid var(--line);border-top:3px solid var(--acc);box-shadow:var(--shadow)}
.acard-h{display:flex;gap:12px;align-items:center;color:var(--txt)}.acard-h span{display:flex;flex-direction:column}.acard-h b{font:700 16px var(--hf);color:var(--head)}.acard-d{margin:0;font-size:14px;color:var(--txt);flex:1}
.avedit{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:6px 0 10px}.avedit>div:last-child{flex:1;min-width:220px}
/* ---------- mesajlar ---------- */
.msgr{display:grid;grid-template-columns:330px 1fr;height:calc(100vh - 210px);min-height:460px;margin-top:6px;border:1px solid var(--line2);box-shadow:var(--shadow);background:var(--panel);overflow:hidden;border-radius:4px}
.mlist{display:flex;flex-direction:column;border-right:1px solid var(--line2);background:linear-gradient(var(--panel2),var(--panel));min-height:0}
.mlh{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--line)}.mlh h2{margin:0;font-size:19px;display:flex;gap:8px;align-items:center}
.msearch{position:relative;padding:8px 12px;border-bottom:1px solid var(--line)}.msearch .ic{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--mut)}.msearch input{padding:8px 10px 8px 34px;border-radius:20px}
.mitems{flex:1;overflow-y:auto}.mempty{padding:16px}
.mitem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--txt);position:relative}.mitem:hover{background:var(--hover);color:var(--txt)}.mitem.act{background:rgba(124,26,44,.12);box-shadow:inset 4px 0 0 var(--acc)}
.mav{position:relative;flex:none;display:block;line-height:0}.mav .flag{border-radius:50%;width:42px;height:42px;object-fit:cover}.mav .dot{position:absolute;right:-1px;bottom:-1px;margin:0;width:11px;height:11px;border:2px solid var(--panel)}
.mt{flex:1;min-width:0;display:flex;flex-direction:column}.mt b{font-size:15px}.mt small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mitem.unread .mt b,.mitem.unread .mt small{color:var(--strong);font-weight:800}
.mw{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.mw small{font-size:11.5px}
.rd{font-style:normal;color:var(--mut);font-size:11px;letter-spacing:-2px}.rd.on{color:#2f8fd6}
.mchat{display:flex;flex-direction:column;min-width:0;min-height:0;background-color:var(--inset);background-image:radial-gradient(circle at 20% 10%,rgba(124,26,44,.05),transparent 40%),var(--paper)}
.chead{display:flex;gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line2);background:var(--panel)}.chead .cht{flex:1;min-width:0}.chead small{display:block}.chead form{margin:0}.mback{display:none;color:var(--acc)}
.bubbles{flex:1;display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding:14px 16px}
.bub{position:relative;max-width:min(76%,560px);padding:8px 12px 6px;border-radius:14px;word-break:break-word;box-shadow:0 1px 2px rgba(40,20,5,.18);animation:bin .2s ease-out}
.bub .btx{line-height:1.45}.bub .bsub{display:block;font-size:13px;margin-bottom:2px;color:var(--head)}.bub small{display:block;font-size:11px;opacity:.8;margin-top:2px;text-align:right}
.bub.me{align-self:flex-end;background:linear-gradient(#8e2235,#6a1424);color:#fbeacb;border-bottom-right-radius:4px}.bub.me small{color:#f0d6ad}.bub.me .rd{color:#e8cfa3}.bub.me .rd.on{color:#9fd3ff}.bub.me .bsub{color:#ffe7a8}
.bub.th{align-self:flex-start;background:var(--panel);border:1px solid var(--line);border-bottom-left-radius:4px}
@keyframes bin{from{opacity:0;transform:translateY(6px)}}
.dsep{display:flex;justify-content:center;margin:8px 0}.dsep span{font-size:12px;font-weight:700;color:var(--mut);background:var(--panel);border:1px solid var(--line);padding:2px 12px;border-radius:12px}
.chatf{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid var(--line2);background:var(--panel)}.chatf textarea{flex:1;resize:none;border-radius:20px;padding:10px 16px;max-height:160px;line-height:1.35}.chatf .send{width:46px;height:46px;border-radius:50%;padding:0;flex:none}.chatf.sending .send{opacity:.6}
.mph{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--mut);text-align:center;padding:20px}.mph b{font:700 19px var(--hf);color:var(--head)}.mph .ic{opacity:.7}
.newmsg{padding:14px 16px;overflow:auto}.qsug{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:0 16px 16px}
@media(max-width:820px){
 .msgr{grid-template-columns:1fr;height:calc(100vh - 220px);height:calc(100dvh - 220px);margin:6px -12px 0;border-left:0;border-right:0;border-radius:0}
 .msgr .mchat{display:none}.msgr.open .mlist{display:none}.msgr.open .mchat{display:flex}.mback{display:grid;place-items:center;width:34px;height:34px}
 .bub{max-width:86%}
}
/* ---------- wiki ---------- */
.wunits{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px}.wunit{margin:0;scroll-margin-top:80px}.wunit:target{box-shadow:0 0 0 2px var(--acc),var(--shadow)}
.wuh{display:flex;gap:12px;align-items:center}.wuh h3{margin:0}
.wbars{display:grid;gap:3px;margin:10px 0}.wbars div{display:grid;grid-template-columns:190px 1fr 40px;align-items:center;gap:8px;font-size:13px}.wbars span{display:flex;align-items:center;gap:4px;color:var(--mut)}.wbars .bar{height:7px;margin:0}.wbars b{text-align:right;font-variant-numeric:tabular-nums}
.wst{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:13.5px;padding:8px 0;border-top:1px dashed var(--line2);border-bottom:1px dashed var(--line2)}.wst span{display:inline-flex;align-items:center;gap:4px}
.wanti{display:flex;flex-direction:column;gap:5px;margin-top:8px;font-size:14px}.wanti>div{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:5px 8px;background:var(--inset);border-left:3px solid var(--line2)}.wanti .weak{border-left-color:var(--red)}.wanti .strong{border-left-color:var(--grn)}
.wnote{margin:4px 0 0;font-size:13.5px;font-style:italic;color:var(--mut)}
.ulink{display:inline-flex;align-items:center;gap:3px;font-weight:700;padding:1px 6px 1px 2px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--txt);font-size:13.5px}.ulink:hover{border-color:var(--acc);color:var(--acc)}
.wmat th{vertical-align:bottom}.wmat th small{display:block;font-size:11px;font-weight:600}.wmat td b{display:block;font-size:15px}.wmat td small{font-size:11px}.wmat .wat{display:flex;gap:2px;margin-top:3px}
.wanti-list{display:grid;gap:6px}.wrow{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}.wrow .arr{color:var(--mut);font-size:13px}
.wbld summary{display:flex;gap:12px;align-items:center;cursor:pointer;list-style:none}.wbld summary::-webkit-details-marker{display:none}.wbld summary span{display:flex;flex-direction:column;flex:1}.wbld summary b{font:700 17px var(--hf);color:var(--head)}.wbld summary::after{content:"▾";color:var(--acc);font-size:18px;transition:transform .2s}.wbld[open] summary::after{transform:rotate(180deg)}.wbld[open] summary{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.wrules{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px}.wrules .card{margin:0}.wrules p{margin:0;line-height:1.6}
@media(max-width:520px){.wunits,.wrules{grid-template-columns:1fr}.wbars div{grid-template-columns:150px 1fr 34px}}
/* ---------- yönetim ---------- */
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px}.agrid .card{margin:0}
.set{display:flex!important;flex-direction:column;gap:3px;margin:10px 0!important;color:var(--txt)!important}.set small{line-height:1.3}
.savebar{position:sticky;bottom:0;z-index:5;display:flex;justify-content:flex-end;padding:10px 0;background:linear-gradient(transparent,var(--bg) 40%)}
@media(max-width:820px){.savebar{bottom:calc(64px + env(safe-area-inset-bottom))}}
.adt input.num{width:74px;padding:5px 6px}.adt select{width:auto;padding:5px}.adt .un{display:flex;align-items:center;gap:6px;font-weight:700;white-space:nowrap}
/* ---------- savaş (köy sahnesi üstünde, sabit koyu) ---------- */
.bhud{position:absolute;left:0;right:0;top:0;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;padding:8px;pointer-events:none;background:linear-gradient(#000c,transparent);color:#ece2cf}
.bside{background:#0e1013e6;border:1px solid #3b434c;padding:6px 9px;font-size:12.5px;pointer-events:auto;max-width:280px}.bside.d{justify-self:end;text-align:right}.bside b{display:block;font:700 14px var(--hf);letter-spacing:.04em}.bside.a b{color:#e8735d}.bside.d b{color:#8cb4ea}
.bside .us{display:flex;flex-wrap:wrap;gap:2px 8px;margin-top:4px}.bside.d .us{justify-content:flex-end}.bside .us span{display:inline-flex;align-items:center;gap:2px;font-weight:800;font-variant-numeric:tabular-nums}.bside .us .ic{width:18px;height:18px}
.bmid{text-align:center;background:#0e1013e6;border:1px solid #9f7c3a;padding:5px 12px;pointer-events:auto}.bmid b{display:block;font:800 18px var(--bf);color:#ead08e;font-variant-numeric:tabular-nums}.bmid small{display:block;letter-spacing:.12em;text-transform:uppercase;font-size:10.5px;color:#9b9587}
.bmid .blive{display:inline-flex;align-items:center;gap:5px;color:#e8735d;font-weight:800;font-size:11px;letter-spacing:.14em}.bmid .blive::before{content:"";width:7px;height:7px;border-radius:50%;background:#e23b2a;animation:blink 1s infinite}
@keyframes blink{50%{opacity:.2}}
.bwall{position:absolute;left:10px;bottom:10px;z-index:4;background:#0e1013e6;border:1px solid #3b434c;padding:5px 10px;display:flex;align-items:center;gap:8px;font-size:13px;pointer-events:none;color:#ece2cf}.bwall i{display:block;width:120px;height:7px;background:#000;border:1px solid #333;font-style:normal}.bwall i u{display:block;height:100%;background:linear-gradient(90deg,#8a8273,#d6cdb6);transition:width .4s}
.bctl{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}.bctl input[type=range]{flex:1;min-width:160px;accent-color:var(--acc);padding:0;border:0;background:none}.bctl .btn.on{background:linear-gradient(#e7c477,#a87e33);color:#2a1606}
.bres{position:absolute;inset:0;z-index:6;display:none;align-items:center;justify-content:center;background:#000a;pointer-events:none}.bres.show{display:flex}.bres div{text-align:center;padding:16px 26px;background:#0e1013f0;border:1px solid #c9a45c;pointer-events:auto}.bres b{display:block;font:800 26px var(--hf);letter-spacing:.16em}.bres .w{color:#a6d07c}.bres .l{color:#e8735d}
.bpop{font:800 15px var(--bf);fill:#fff;stroke:#000;stroke-width:3px;paint-order:stroke}
@media(max-width:820px){.bhud{grid-template-columns:1fr 1fr;padding:6px}.bmid{grid-column:1/3;grid-row:1;justify-self:center}.bside{font-size:11px;max-width:none}.bside .us .ic{width:15px;height:15px}}
.tagline{font:700 12px var(--bf);letter-spacing:.42em;color:var(--gold)!important;margin:-4px 0 8px}
/* harita seçimi + köy bilgisi + varış süresi */
.mtip{position:absolute;z-index:4;pointer-events:none;background:#f6ecd4f2;border:1px solid #8c6827;border-left:3px solid #7c1a2c;padding:4px 9px;box-shadow:0 4px 12px #0005;color:#2b1d12;max-width:260px}.mtip b{display:block;font:700 14px var(--hf);color:#6e1424}.mtip small{color:#5a4632;font-size:12px}
@media(hover:none){.mtip{display:none}}
.vtimes{display:flex;flex-wrap:wrap;gap:4px 12px;margin:6px 0 2px;padding:6px 8px;background:var(--inset);border:1px solid var(--line);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.vtimes span{display:inline-flex;align-items:center;gap:3px}
.btn.atk{padding:10px 22px;font-size:15px;background:linear-gradient(#c43a2c,#7e1a12);border-color:#3a0a06}.btn.big{padding:12px 26px;font-size:16px;background:linear-gradient(#c43a2c,#7e1a12);border-color:#3a0a06}
.vpop .bf{gap:6px}
.eta{display:flex;align-items:center;gap:8px;margin:8px 0;padding:9px 12px;background:var(--inset);border:1px dashed var(--line2);color:var(--mut)}.eta.on{border-style:solid;border-color:var(--acc);color:var(--txt);background:linear-gradient(90deg,rgba(124,26,44,.1),var(--inset))}.eta b{color:var(--strong)}
.vi-h{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.vi-h h1{margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.vi-h p{margin:6px 0 0}.vi-h>div{flex:1;min-width:220px}
.vi-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.vrow .vlink{display:flex;align-items:center;gap:11px;flex:1;min-width:0;color:var(--txt)}.vrow .vlink:hover b{color:var(--acc)}.vrow .kact{flex:none}
@media(max-width:520px){.vrow{flex-wrap:wrap}.vrow .kact{width:100%;justify-content:flex-end}}

/* ===== Yeni: bağlantılar, köy değiştirici, saldırı uyarısı, premium, pazar, duyuru ===== */
a.plink,a.vlink{font-weight:700;color:var(--goldl);border-bottom:1px dotted currentColor}a.plink:hover,a.vlink:hover{color:var(--accl);border-bottom-style:solid}a.vlink{color:var(--blue)}[data-theme=dark] a.vlink{color:var(--bluel)}
.vsw2{position:relative;display:flex;align-items:center;gap:4px;min-width:0;color:var(--acc)}
.vcur{display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--line2);border-radius:var(--r);padding:5px 10px;cursor:pointer;color:var(--acc);min-width:0;box-shadow:var(--cardtop)}.vcur:hover{border-color:var(--gold)}
.vcur .vnm,.vcur .vtags{display:flex;flex-direction:column;min-width:0;text-align:left}.vcur b{font:700 15px var(--hf);color:var(--strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.vcur small{font-size:12px}.chv{font-style:normal;color:var(--mut)}
.vcur.atk,.vitem.atk{animation:atkblink 1s steps(2,end) infinite}
.vnav{display:grid;place-items:center;width:30px;height:38px;border:1px solid var(--line2);background:var(--panel2);border-radius:var(--r);font:700 22px/1 var(--bf);color:var(--acc)}.vnav:hover{background:var(--acc);color:#fff}
.vlist{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:min(360px,92vw);background:var(--panel);border:1px solid var(--line2);border-radius:var(--r);box-shadow:var(--shadow);padding:8px}.vlist input{width:100%;margin-bottom:6px}
.vitems{display:grid;gap:5px;max-height:60vh;overflow:auto}.vitem{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--inset);color:var(--txt)}.vitem:hover{border-color:var(--gold)}.vitem.on{border-color:var(--acc);box-shadow:inset 3px 0 0 var(--acc)}.vitem>span:not(.ic){flex:1;min-width:0;display:flex;flex-direction:column}.vitem b{font-family:var(--hf);font-size:14px}
.atkb{font-style:normal;background:#d23a28;color:#fff;border-radius:10px;padding:1px 7px;font-weight:800;font-size:12px}
@keyframes atkblink{0%,100%{box-shadow:0 0 0 0 #ff4a30aa,inset 0 0 0 1px #ff4a30}50%{box-shadow:0 0 14px 2px #ff4a30;background:#ffd7cf}}
@keyframes atkbar{0%,100%{opacity:1}50%{opacity:.78}}
.atkbar{position:sticky;top:60px;z-index:39}.atkhead{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:2px solid #3a0a06;color:#fff;font:600 15px var(--bf);padding:9px 18px;cursor:pointer;background:linear-gradient(90deg,#9a1410,#d8301f);animation:atkbar .9s ease-in-out infinite;text-align:left}.atkhead span{flex:1}.atkhead .cd{color:#ffe49a;font-weight:800}
.atklist{background:#2a0a07;border-bottom:2px solid #c0261a}.atklist a{display:flex;align-items:center;gap:10px;padding:9px 18px;color:#ffe3d8;border-top:1px solid #ffffff18}.atklist a span:first-of-type{flex:1}.atklist a:hover{background:#ffffff14}.atklist .cd{color:#ffd88a;font-weight:700}.atklist em{font-style:normal;color:#ffb89e;font-size:13px}
.premchip{display:flex;align-items:center;gap:5px;margin-left:8px;padding:5px 10px;border:1px solid #e2bc6888;border-radius:18px;background:#00000026;color:#ffe7a8;font-weight:800}.premchip:hover{background:#ffffff1a;color:#fff}
@media(max-width:820px){.premchip{margin-left:auto;padding:4px 8px}.vcur b{max-width:140px}.atkbar{top:56px}}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:12px 0}.pitem .ph,.pack .ph{display:flex;align-items:center;gap:12px}.pitem.active{border-color:var(--grn);box-shadow:0 0 0 2px #4f7a2e44}.pbuy{display:flex;gap:8px;flex-wrap:wrap}.pp{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:1px 7px;border-radius:10px;background:#00000028}
.pack{text-align:center}.pack .ph{justify-content:center}.pack .btn{width:100%;margin-top:8px}
.qact{display:flex;flex-direction:column;gap:5px;align-items:flex-end}.qcancel{margin:0}
.mtg{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:7px;margin-bottom:8px}.mt{display:grid;grid-template-columns:1fr auto;text-align:left;gap:0 6px;padding:8px 10px;border:1px solid var(--line);background:var(--inset);border-radius:var(--r);cursor:pointer;color:var(--txt);font:inherit}.mt:hover{border-color:var(--gold)}.mt.on{border-color:var(--acc);background:var(--hover);box-shadow:inset 3px 0 0 var(--acc)}.mt b{font-family:var(--hf);font-size:13.5px;grid-column:1}.mt i{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-weight:700;color:var(--mut);font-size:13px}.mt small{grid-column:1}
.mres{display:grid;gap:8px;margin:10px 0}.mrow2{display:grid;grid-template-columns:auto 110px 1fr 100px auto;align-items:center;gap:10px;padding:8px 10px;background:var(--inset);border:1px solid var(--line);border-radius:var(--r)}.mrow2 .mi{display:flex;flex-direction:column}.mrow2 .rng{width:100%;accent-color:var(--acc)}.qk{display:flex;gap:4px}.qk a{padding:2px 8px;border:1px solid var(--line2);border-radius:10px;font-weight:700;font-size:13px}
@media(max-width:700px){.mrow2{grid-template-columns:auto 1fr 90px}.mrow2 .rng{grid-column:1/-1;order:5}.qk{grid-column:1/-1;order:6}}
.msum{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.msum .chip{padding:5px 10px}.two2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:700px){.two2{grid-template-columns:1fr}}.simopts{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin-top:12px}
.annmodal .ann{background:var(--inset);border:1px solid var(--line);border-left:4px solid var(--gold);padding:10px 14px;margin:10px 0}.annmodal .ann.state{border-left-color:var(--acc)}.annmodal .ann.fall{border-left-color:var(--red)}.annmodal .ann h3{margin:0 0 4px}.annmodal .mbox{max-width:560px}
.upc .bf{margin-top:8px}
#acwarn{position:fixed;inset:0;z-index:999;background:rgba(10,4,2,.94);display:grid;place-items:center;text-align:center;color:#f6e7c6;padding:24px}#acwarn b{font:700 22px var(--hf)}
.eta.on{border-color:var(--grn)}

/* ===== Köy sahnesi: canlı detaylar ===== */
.scene .wmill{animation:spin 14s linear infinite;transform-box:fill-box;transform-origin:50% 50%}
.scene .glow{opacity:.5;mix-blend-mode:screen}
.scene .sparks circle{animation:spk 1.1s ease-out infinite}
[data-theme=dark] .scenewrap{background:#14201a}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes ripple{to{stroke-dashoffset:-80}}
@keyframes cloud{from{transform:translateX(-220px)}to{transform:translateX(260px)}}
@keyframes spk{0%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(8px,-14px)}}
.scene .fg{pointer-events:none}
.mtargets{max-height:300px;overflow:auto;margin-bottom:8px;padding-right:4px}
.btn.xs{padding:3px 9px;font-size:12px;min-height:0;letter-spacing:.02em}
.crowned{position:relative;display:inline-block;vertical-align:bottom;line-height:0}.crowned .crown{position:absolute;left:50%;bottom:calc(100% - 1px);transform:translateX(-50%);filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45));pointer-events:none}
.hk{display:inline-block;font:800 11px var(--bf);letter-spacing:.08em;color:#fff;background:linear-gradient(#b8862a,#7a5512);border:1px solid #4a3008;padding:0 5px;border-radius:2px;vertical-align:middle}

.scene.night .wn{fill:#ffe2a0;filter:none}.scene.night .glow{opacity:.7}
.scenebox{position:relative}.scenebox>svg.scene{display:block;width:100%;height:auto}.scenebox>svg.over{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
@media(max-width:820px){.scenebox{width:960px}}

.scenebox>svg.scene,.scenebox>svg.over{isolation:isolate}
.scenewrap{contain:layout paint}.top{will-change:auto}

.ttls{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.ttl{display:inline-block;padding:2px 10px;border:1px solid var(--line2);border-radius:12px;font:700 13px var(--bf);background:var(--panel);color:var(--txt)}
.ttl.bey{border-color:#7b8f35}.ttl.lord{border-color:#2c5fa8;color:var(--bluel,#2c5fa8)}.ttl.ruler{background:linear-gradient(#e7c477,#a87e33);color:#2a1606;border-color:#5e4518}.ttl.hist{background:linear-gradient(#7c1a2c,#550f1c);color:#f8eacb;border-color:#2a050b}

.vtags{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.tag.cap{background:linear-gradient(#e7c477,#a87e33);color:#2a1606;border-color:#5e4518;font-size:11px;padding:1px 7px;white-space:nowrap}
.heart{flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.heart text{font:800 10px var(--bf);fill:#fff}.heart.low path{fill:#7a1a12}
.vcur .vnm{min-width:0}
@media(max-width:820px){.vcur{flex-wrap:nowrap;gap:6px;padding:4px 7px}.vcur .vtags{flex-direction:row}.vcur b{max-width:110px}.vcur small{font-size:11px;white-space:nowrap}.heart{width:32px;height:28px}.vsw2{flex:1;min-width:0}.vcur{flex:1;min-width:0}}

.mapbar .btn,.gof .btn,.gof .num{height:38px;box-sizing:border-box;margin:0}.mapbar{align-items:center}
@media(max-width:820px){.mapbar{flex-wrap:nowrap;gap:6px}.mapbar h1{display:none}.gof{margin-left:auto;flex:none}.gof .num{width:54px;padding:0 6px;text-align:center}.mapbar #gohome{flex:none}}
.toasts{position:fixed;right:14px;bottom:76px;z-index:120;display:flex;flex-direction:column;gap:8px;max-width:min(340px,92vw)}
.toast{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--panel);border:1px solid var(--gold2);border-left:4px solid var(--acc);box-shadow:var(--shadow);color:var(--txt);animation:tin .3s ease-out;transition:opacity .4s,transform .4s}.toast.out{opacity:0;transform:translateX(30px)}.toast span{display:flex;flex-direction:column;min-width:0}.toast small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.toast .rdx{color:var(--grn);font-weight:800;font-size:16px}
@keyframes tin{from{opacity:0;transform:translateX(30px)}}
@media(min-width:821px){.toasts{bottom:18px}}
.mtabs{display:flex;gap:6px;margin:6px 0}.mtabs button{flex:1;padding:8px 10px;border:1px solid var(--line2);background:var(--inset);color:var(--txt);font:700 14px var(--bf);cursor:pointer;border-radius:var(--r)}.mtabs button.on{background:var(--acc);color:var(--acct);border-color:var(--accd)}
.mfind{width:100%;margin:4px 0 8px}.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:7px;max-height:300px;overflow:auto;padding-right:4px}.mwho{grid-column:1/-1;margin:6px 0 0;font-size:12px}
.mtargets{max-height:none;overflow:visible}
.vtags{flex-wrap:nowrap}

/* ===== Profil başlığı ve unvanlar ===== */
.prof2{position:relative;padding:22px 20px 18px;overflow:visible;background:linear-gradient(180deg,color-mix(in srgb,var(--pc,#a98330) 16%,var(--panel)),var(--panel) 62%);border-top:5px solid var(--pc,#a98330);gap:22px}
.prof2::after{content:"";position:absolute;left:0;right:0;top:0;height:64px;background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(255,255,255,.08) 10px 11px);pointer-events:none}
.prof2 .pflag{position:relative;z-index:1;padding-top:6px}.prof2 .pflag .flag{box-shadow:0 6px 16px rgba(0,0,0,.35);border-radius:2px}
.prof2 .pinfo{position:relative;z-index:1}
.ttls{display:flex;flex-wrap:wrap;gap:10px 12px;margin:12px 0 10px}
.ttl{position:relative;display:inline-flex;align-items:center;gap:9px;padding:5px 16px 5px 6px;border-radius:999px;color:#fff;border:1px solid rgba(0,0,0,.45);box-shadow:0 2px 0 rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.35),0 6px 14px rgba(0,0,0,.18)}
.ttl b{font:800 13px var(--hf);letter-spacing:.09em;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.4)}
.ttl i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6cf,#d4a53c 70%,#8d5f12);box-shadow:inset 0 0 0 1.6px #5a3a08,0 1px 2px rgba(0,0,0,.4);color:#3a2408}
.ttl.bey{background:linear-gradient(#78993f,#41591f)}.ttl.lord{background:linear-gradient(#3f72b8,#183663)}
.ttl.ruler{background:linear-gradient(#f0cd7c,#a97a22);color:#2a1606}.ttl.ruler b{text-shadow:0 1px 0 rgba(255,255,255,.4)}
.ttl.hist{background:linear-gradient(#8e2236,#4c0c18);border-color:#2a050b;box-shadow:0 0 0 1.5px #d6aa45 inset,0 2px 0 rgba(0,0,0,.3),0 6px 14px rgba(0,0,0,.2)}
@media(max-width:700px){
 .prof2{flex-direction:column;align-items:center;text-align:center;padding-top:30px}
 .prof2 .pflag{margin-top:6px}
 .prof2 .pinfo{width:100%;min-width:0}.ttls{justify-content:center}.prof2 .bf{justify-content:center}
}
.ttl.bey,.ttl.lord,.ttl.hist{color:#fff}.ttl.ruler{color:#2a1606}
.tres{position:relative;z-index:30;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line2);box-shadow:var(--shadow);max-height:300px;overflow:auto;margin-top:-4px}
.tres .tr{display:grid;grid-template-columns:1fr auto;gap:0 8px;text-align:left;padding:8px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--txt);font:inherit;cursor:pointer}.tres .tr:hover{background:var(--hover)}.tres .tr b{font-family:var(--hf);font-size:14px}.tres .tr small{grid-column:1}.tres .tr em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-size:11px;font-weight:800;padding:1px 8px;border-radius:9px;background:var(--inset2);color:var(--mut)}
.tres .tr.k-mine em{background:#e2b34a;color:#2a1606}.tres .tr.k-clan em{background:#4f8fd6;color:#fff}.tres .tr.k-other em{background:#c0392b;color:#fff}.tnone{padding:10px 12px}
.quickpick{margin:8px 0;padding:8px 10px;border:1px dashed var(--line2);background:var(--inset)}.quickpick h4{margin:0 0 4px}
/* ===== İttifak yetkileri ve diplomasi ===== */
.tag.role{font-size:11px;padding:1px 8px;margin-left:4px;color:#fff;border:0}.tag.role.lead{background:linear-gradient(#e7c477,#a87e33);color:#2a1606}.tag.role.r1{background:#2f8f4e}.tag.role.r2{background:#2c5fa8}.tag.role.r4{background:#7c1a2c}
.mrow3{flex-wrap:wrap}.kact{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.permd{position:relative}.permd summary{list-style:none;cursor:pointer}.permd summary::-webkit-details-marker{display:none}
.permf{position:absolute;right:0;top:calc(100% + 4px);z-index:50;min-width:280px;background:var(--panel);border:1px solid var(--line2);box-shadow:var(--shadow);padding:10px;display:flex;flex-direction:column;gap:6px}
@media(max-width:700px){.permf{position:static;margin-top:6px;min-width:0;width:100%}.permd{flex:1 1 100%}.mrow3 .kn{flex:1 1 60%}.kact{width:100%;justify-content:flex-end}}
.warcard{border:1px solid var(--line2);border-left:5px solid var(--red);background:var(--inset);padding:10px 14px;margin:10px 0}.warcard.peace{border-left-color:var(--grn)}.warcard.peace_offer{border-left-color:var(--gold)}
.warcard .wh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.warcard .wh b{flex:1;min-width:0}.warcard .wm{margin:6px 0;font-style:italic}
a.alink{font-weight:800;color:var(--head)}.annmodal .ann.war{border-left-color:#c0261a;background:#fbe9e5}.annmodal .ann.peace{border-left-color:#2f8f4e;background:#e9f5ec}[data-theme=dark] .annmodal .ann.war,[data-theme=dark] .annmodal .ann.peace{background:var(--inset)}
.war-form textarea{min-height:90px}
/* ===== Yönetim: oyuncu satırları ===== */
.padm{border:1px solid var(--line);background:var(--inset);margin:10px 0;padding:10px 12px}.padm .phd{display:flex;align-items:center;gap:12px;min-width:0}.padm .qi{min-width:0;flex:1}.padm .qi small{display:block;overflow-wrap:anywhere}
.padm .pact{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line2)}.padm .pact form{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0}.padm .pact input.num{width:96px}.padm .pact select,.padm .pact input[name=reason]{width:auto;min-width:0;flex:1 1 130px}
@media(max-width:700px){.padm .pact form{flex:1 1 100%}.padm .pact form .btn{flex:1}.padm .pact input.num,.padm .pact select,.padm .pact input[name=reason]{flex:1 1 40%;width:auto}}

/* ===== Düzeltmeler: taç, köy seçici, sahne performansı ===== */
.crowned{display:inline-flex!important;flex-direction:column;align-items:center;margin-top:0!important;vertical-align:top}
.crowned .crown{position:static!important;transform:none!important;left:auto;bottom:auto;margin:0 0 -2px;flex:none}
.prof2 .pflag{display:flex;justify-content:center}
/* Ambient animation restored below with reduced-motion support. */
.scene .glow{mix-blend-mode:normal!important;opacity:.45}
@media(max-width:820px){
 .vsw2{position:static}
 .top,.vbar,.vwrap{position:relative}
 .vlist{position:fixed!important;left:8px!important;right:8px;top:112px!important;width:auto!important;max-height:calc(100vh - 140px);z-index:200}
 .vitems{max-height:calc(100vh - 230px)!important}
 .vcur .vtags{display:flex;flex-direction:row!important;flex-wrap:nowrap;gap:4px}
 .vcur .vtags .tag{white-space:nowrap;font-size:10px;padding:1px 6px}
 .vcur b{max-width:none!important;flex:1 1 auto}
}

/* ===== Sayfalama, açılır köy grupları ===== */
.pager{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;align-items:center;margin:12px 0 4px}.pager a,.pager b,.pager span{min-width:34px;padding:6px 10px;border:1px solid var(--line2);border-radius:var(--r);background:var(--inset);color:var(--txt);text-align:center;font-size:13px}.pager b{background:var(--acc);color:#fff;border-color:var(--acc)}.pager .off{opacity:.45}.pager .gap{border:0;background:none;min-width:0;padding:6px 2px}
.mlist .pager{margin:8px 6px}.moremsg{display:block;margin:6px auto 10px;width:max-content}
.mtabs button .chv{font-style:normal;transition:transform .15s}.mtabs button.on .chv{transform:rotate(180deg)}
.wlog{margin:6px 0 0;padding-left:20px}.wlog li{margin:5px 0;line-height:1.5}

/* ===== Mobil alt menü taşması ===== */
.tiles{grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr))}.tiles.cmp{grid-template-columns:repeat(2,minmax(0,1fr))}
.tile{min-width:0}.tile>span{min-width:0}.tile b,.tile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.sheet-in{overflow-x:hidden;box-sizing:border-box}
.war-pick{position:relative}.war-pick .wres{display:none;position:absolute;left:0;right:0;top:100%;z-index:20;background:var(--panel);border:1px solid var(--line2);border-radius:var(--r);box-shadow:var(--shadow);max-height:240px;overflow:auto}.war-pick .wres button{display:flex;gap:8px;width:100%;text-align:left;padding:8px 10px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--txt);cursor:pointer}.war-pick .wres button:hover{background:var(--inset)}.war-pick .wres em{font-style:normal;color:var(--acc);font-weight:700}

/* ===== Dünya seçimi ===== */
.worldpick{max-width:960px;margin:0 auto 14px}.wchips{display:flex;flex-wrap:wrap;gap:8px}.wchip{display:flex;flex-direction:column;gap:2px;min-width:150px;flex:1 1 150px;padding:10px 14px;border:1px solid var(--line2);border-left:4px solid var(--line2);border-radius:var(--r);background:var(--inset);color:var(--txt)}.wchip b{font:700 16px var(--hf);color:var(--strong)}.wchip small{color:var(--mut,#7a6a52)}.wchip.on{border-color:var(--acc);border-left-color:var(--gold);background:linear-gradient(180deg,var(--panel),var(--panel2));box-shadow:var(--cardtop)}
.worldtag{text-align:center;color:var(--mut,#7a6a52);font-size:12px;margin:18px 0 90px}

/* ===== Meydan savaşı ===== */
.fieldbar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(#7a1a12,#4a0c08);color:#fff3d6;border-bottom:2px solid #d6aa45;font-size:14px;line-height:1.3}.fieldbar span{flex:1;min-width:0}.fieldbar .btn{white-space:nowrap}.fieldbar.fight{background:linear-gradient(#1f3f7a,#12264a)}
.fwrap{border:2px solid var(--line2);border-radius:var(--r);overflow:hidden;background:#cfc3a0;box-shadow:var(--shadow)}.farena{display:block;width:100%;height:auto}
.fhud{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:8px 0}.fh{display:flex;flex-direction:column;gap:3px;min-width:0}.fh b{font:700 15px var(--hf);color:var(--strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fh.b{text-align:right}.fh small{font-size:12px;color:var(--mut,#7a6a52)}.fbar{display:block;height:9px;background:var(--inset);border:1px solid var(--line2);border-radius:5px;overflow:hidden}.fbar u{display:block;height:100%;width:100%;text-decoration:none;transition:width .25s}.fh.a .fbar u{background:#2c55a8}.fh.b .fbar u{background:#a82a24;float:right}
.fctl{display:flex;align-items:center;gap:6px;margin:8px 0}.fctl button{min-width:38px;height:34px;border:1px solid var(--line2);background:var(--inset);color:var(--txt);border-radius:var(--r);cursor:pointer;font-weight:700}.fctl button.on{background:var(--acc);color:#fff;border-color:var(--acc)}.fctl input[type=range]{flex:1;min-width:0}
.fsides{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fside{padding:10px 12px;border:1px solid var(--line2);border-left:4px solid #2c55a8;border-radius:var(--r);background:var(--inset);display:flex;flex-direction:column;gap:2px}.fside.b{border-left-color:#a82a24}.fside em{font-style:normal;color:var(--acc);font-weight:700;font-size:12px}.fcount{font:700 34px var(--hf);text-align:center;margin:6px 0;color:var(--strong)}
.fgrid{display:grid;gap:6px;margin:8px 0}.frow2{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--r);background:var(--inset)}.frow2 span{flex:1;min-width:0;display:flex;flex-direction:column}.frow2 small{color:var(--mut,#7a6a52)}.frow2 input{width:86px}
.fcols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fcol{padding:10px 12px;border:1px solid var(--line2);border-radius:var(--r);background:var(--inset)}.fcol.win{border-color:#2f8f4e}.fcol.lose{border-color:#a8362a}.frows{display:grid;gap:3px;margin-top:6px}.fr{display:grid;grid-template-columns:26px 1fr auto auto;gap:6px;align-items:center;font-size:13px}.fr i{font-style:normal;color:#a8362a;min-width:56px;text-align:right}
.fwin{font:700 20px var(--hf)}.vs{color:var(--acc);padding:0 4px}.rtable{display:grid}.rtable .rt{display:grid;grid-template-columns:34px 1fr 64px 64px 90px;gap:6px;padding:7px 8px;border-bottom:1px solid var(--line);align-items:center}.rtable .rt.h{font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--mut,#7a6a52)}.fcard{display:block;color:inherit}.fcard .wh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:700px){.rtable .rt.h{font-size:10px;letter-spacing:0}.fcols,.fsides{grid-template-columns:1fr}.fieldbar{font-size:13px;padding:8px 10px}.fieldbar .btn{display:none}.rtable .rt{grid-template-columns:26px 1fr 52px 62px 74px;font-size:13px}.fh b{font-size:13px}}

/* ===== Köy sanat güncellemesi ===== */
.scenewrap{border-radius:12px;border-color:#63533d;box-shadow:0 0 0 1px #c5aa7044,0 12px 32px #171d1833;background:#62734e}
.scene .bn{font-weight:600;letter-spacing:.02em;stroke-width:2.3px}
.scene .lv text{font-size:11px;fill:#f1dec0}
.scene .lv rect{rx:4;stroke:#c4ad80;stroke-width:.8px}
.scene .lv .up{animation:none}
.scene .flagw{animation:wave 3.6s ease-in-out infinite}
.scene .smk{animation:smk 7s ease-in-out infinite}
.scene .wmill{animation:spin 18s linear infinite}
.scene .art-scaffold{opacity:.85}
.scene a.bld:hover .art-foundation{opacity:.8}
.scene a.bld:focus-visible{outline:none}
.scene a.bld:focus-visible>g{filter:drop-shadow(0 0 3px #ffe2a0)}
.bhud{background:linear-gradient(180deg,#1f2925ed,#1f2925b8);border-bottom:1px solid #bba47955}
.bctl{gap:8px;border-radius:8px}
@media(prefers-reduced-motion:reduce){.scene .flame,.scene .flagw,.scene .smk,.scene .wmill,.scene .sparks circle{animation:none!important}}

/* ===== Papirüs ve mobil köy yerleşimi ===== */
:root{--fibers:none;--papyrus:url("assets/papyrus.svg?v=11")}
body::before{background-image:radial-gradient(ellipse at 45% 12%,#fff9e84d,transparent 65%),radial-gradient(ellipse at center,transparent 60%,#85602f28),var(--papyrus),var(--paper)}
.field-bonuses{display:flex;gap:4px;flex-wrap:wrap;margin:3px 0;min-width:0}
.field-bonuses .tag{font-size:10px;letter-spacing:0;white-space:normal;overflow-wrap:anywhere}
.fhud{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:stretch;max-width:100%}
.fh.a,.fh.b{padding:10px 12px;border:1px solid var(--line2);background:var(--panel);border-radius:8px}
.fh.mid{align-self:center;justify-self:center}
.fh b{white-space:normal;overflow-wrap:anywhere;line-height:1.3}
.fh small{font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}
.fsides,.fcols{grid-template-columns:repeat(2,minmax(0,1fr))}
.fside,.fcol,.fcol h4,.fside b{min-width:0;overflow-wrap:anywhere}
.mhero>div{min-width:0}.mhero h1{overflow-wrap:anywhere}
.frow2{display:grid;grid-template-columns:30px minmax(0,1fr) 86px auto}
.form .frow2 label{margin:0;min-width:0;display:flex;flex-direction:column;line-height:1.25;overflow-wrap:anywhere}
.frow2 .field-all{padding:7px 10px;letter-spacing:0}
#fsend-total{font-variant-numeric:tabular-nums}
@media(max-width:820px){
 body.village-home{display:flex;flex-direction:column}
 body.village-home>.top{order:0}
 body.village-home .village-main{display:contents}
 body.village-home #scenewrap{order:2;margin:0;width:100%;border:0;border-bottom:1px solid #695e43;border-radius:0;box-shadow:0 4px 16px #57402f24}
 body.village-home>.resbar{order:1;position:relative}
 body.village-home>.atkbar,body.village-home>.fieldbar,body.village-home>.announce,body.village-home .village-main>.warn,body.village-home .village-main>.flash,body.village-home .village-main>.mini{order:3}
 body.village-home .village-below{order:4;padding:8px 12px 20px;min-width:0}
 body.village-home>.legal-footer{order:6;margin:16px 12px 24px}
 body.village-home .village-main>.mini,body.village-home .village-main>.warn,body.village-home .village-main>.flash{margin:8px 12px}
 body::before{background-image:radial-gradient(ellipse at 35% 10%,#fff5d74d,transparent 65%),radial-gradient(ellipse at 90% 85%,#a4773224,transparent 60%),var(--papyrus),var(--paper)}
 [data-theme=dark] body::before{background-image:linear-gradient(180deg,#251c16dc,#130e0bdf),var(--papyrus)}
 .fhud{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .fh.mid{grid-column:1/-1;grid-row:1;min-height:22px}
 .fh.a{grid-column:1;grid-row:2}.fh.b{grid-column:2;grid-row:2;text-align:left}
 .fh.a,.fh.b{padding:9px 10px}.fh b{font-size:12px}.fh small{font-size:11px}
 .fsides,.fcols{grid-template-columns:minmax(0,1fr)}
 .frow2{grid-template-columns:28px minmax(0,1fr) 76px;gap:7px;padding:9px}
 .frow2 input.num{width:76px;min-width:0}
 .frow2 .field-all{grid-column:3;justify-self:stretch;font-size:11px}
 .frow2 .ic{grid-row:1/3}.form .frow2 label{grid-row:1/3;font-size:14px}
 .fctl{flex-wrap:wrap}.fctl input[type=range]{flex-basis:calc(100% - 100px)}
 .field-rule p{font-size:14px}
}

@media(max-width:820px){body.village-home .worldtag{order:5;margin-bottom:100px}}

.field-rule summary{cursor:pointer;color:var(--head);font-weight:700}.field-rule[open] summary{margin-bottom:8px}
/* Fetih Yolu: hakimiyet, yardım, destek */
.dom-globe{font-size:24px;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:6px;flex-shrink:0}.dom-globe.active{animation:dom-glow 1.8s ease-in-out infinite}
@keyframes dom-glow{0%,100%{filter:drop-shadow(0 0 1px #d9b566);opacity:.65}50%{filter:drop-shadow(0 0 8px #f6d368);opacity:1}}
.domination-hero{background:linear-gradient(135deg,#f6e8c7cc,#dbc59a80);border-color:#af8b49}.dom-countdown{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.dom-announcement{border:2px solid #b48f4d}.ticket-post{padding:16px 0;border-bottom:1px solid #ad957450;overflow-wrap:anywhere}.ticket-post.staff{border-left:3px solid #9c743c;padding-left:14px}.ticket-post p{white-space:normal}.intro{border-color:#b78d42}.help-nav{display:flex;gap:8px;flex-wrap:wrap}.help-nav a{padding:7px 10px}#invite-url{width:100%}.qact{flex-wrap:wrap;max-width:310px}[data-theme=dark] .domination-hero{background:linear-gradient(135deg,#473723,#241e18)}
@media(max-width:700px){.dom-globe{font-size:21px;padding:4px}.wm b{font-size:16px}.qact{max-width:190px}.domination-hero h1{font-size:24px}.dom-announcement h2{font-size:19px}.ticket-post small{display:block}.brand{min-width:0}.brand .wm{white-space:normal}}
@media(prefers-reduced-motion:reduce){.dom-globe{animation:none}}
@media(min-width:821px) and (max-width:1100px){.dnav a span:not(.ic){display:none}.top{gap:9px}.wm b{font-size:19px;letter-spacing:.12em}}
@media(max-width:700px){.top{padding:0 7px;gap:5px}.brand{gap:5px}.brand .logo{width:28px;height:28px}.wm b{font-size:14px;letter-spacing:.07em;white-space:nowrap}.hact .hwiki{display:none}.hact a{width:36px;height:36px;flex:none}.hact{flex:none}.hact .hinc{width:30px;height:30px}.premchip{font-size:12px;padding:4px 6px;gap:3px;max-width:84px}.premchip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premchip .ic{width:18px;height:18px}.thm{width:30px;height:30px}.dom-globe{font-size:21px;padding:3px}.dom-announcement h2{overflow-wrap:anywhere}}
/* Güvenlik, şikâyet ve sözleşme ekranları */
.report-text{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:26px;height:26px;margin:0 6px;border:1px solid #a74630;border-radius:50%;font:bold 18px Georgia;color:#9c3023;background:#f4e4cb;text-decoration:none;flex-shrink:0}.report-text:hover,.report-text:focus-visible{background:#f5c3ad;outline:2px solid #923d2b}.reported-copy{white-space:normal;overflow-wrap:anywhere;max-height:360px;overflow:auto;margin:12px 0;padding:14px;border-left:3px solid #b18d54;background:rgba(160,121,63,.09)}.legal-copy{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.legal-footer{margin:24px 0 16px;text-align:center;font-size:12px;line-height:2}.mod-player{padding:16px 0;border-bottom:1px solid var(--border,#ad9672)}.mod-player>small{display:block;margin:6px 0}.mod-ban{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.mod-ban input{min-width:180px}.bot-trap{position:absolute!important;width:1px;height:1px;overflow:hidden;left:-10000px}.legal-copy summary{cursor:pointer}.form .chk{align-items:flex-start;line-height:1.5}.form .chk input[type=checkbox]{width:18px;min-width:18px;height:18px;margin-top:2px}@media(max-width:600px){.mod-ban>*{max-width:100%}.mod-ban input,.mod-ban select{width:100%}.legal-copy{font-size:13px}.report-text{width:28px;height:28px}}

/* Narrow mobile headers retain clan/camp controls even during incoming attacks and claims. */
@media(max-width:420px){.top .brand .wm{display:none}.top .hact a{width:32px;height:32px}.top .hact{gap:3px}.top .premchip{max-width:64px}.top .hact .ic{width:22px;height:22px}}

/* Stable menu compositor and compact mobile actions. */
.sheet-in{will-change:transform;transform:translate3d(0,105%,0);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sheet.open .sheet-in{transform:translate3d(0,0,0)}
@media(max-width:550px){.top .brand .wm{display:none}.top .hact{gap:3px}.top .hact a{width:32px;height:32px}.top .premchip{max-width:64px}.top{gap:4px}.top .dom-globe{padding:2px}}
@media(prefers-reduced-motion:reduce){.sheet-in,.sheet-bg,.toast,.mtabs button .chv,.bwall i u,.fbar u{transition:none!important}.toast{animation:none!important}}
.dom-chart{display:grid;gap:12px}.dom-chart-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr) 65px;gap:10px;align-items:center}.dom-chart-label{overflow-wrap:anywhere;font-size:13px}.dom-chart-track{height:16px;background:var(--inset);border:1px solid var(--line);position:relative;border-radius:3px;overflow:hidden}.dom-chart-track::before,.dom-chart-track::after{content:"";position:absolute;top:0;bottom:0;border-left:1px dashed var(--mut);z-index:1}.dom-chart-track::before{left:50%}.dom-chart-track::after{left:70%}.dom-chart-fill{display:block;height:100%;background:linear-gradient(90deg,#7c1a2c,#c39b54)}.dom-chart-row strong{font-size:13px;text-align:right;font-variant-numeric:tabular-nums}

html.menu-open{overflow:hidden}.sheet:not(.open){visibility:hidden;transition:visibility 0s .28s}.sheet.open{visibility:visible;transition:none}

.dom-countdown{font-variant-numeric:tabular-nums;font-size:clamp(16px,3.5vw,24px);font-weight:700;overflow-wrap:anywhere}

.modal.show .mbox{animation:panel-enter .18s cubic-bezier(.2,.8,.2,1)}
@keyframes panel-enter{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){.modal.show .mbox{animation:none}.sheet:not(.open){transition:none}}
/* v.0.1: centered wordmark, compact mobile controls and separated map markers. */
.top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px}
.top>.brand{grid-column:2;grid-row:1;justify-self:center}
.header-left{grid-column:1;grid-row:1;min-width:0;height:100%;display:flex;align-items:center}
.header-right{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.header-left .dnav{margin-left:0}.header-left .dnav a{padding:0 9px}.header-left .dnav a span:not(.ic){display:none}
.mobile-left{display:none}
.alliance-incoming{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0;flex-wrap:wrap}
.alliance-incoming>div{flex:1;min-width:220px;overflow-wrap:anywhere}.alliance-incoming small{display:block;margin-top:6px}
.map-routes{display:flex;gap:8px;overflow-x:auto;padding:10px 1px;overscroll-behavior-x:contain}
.map-route{flex:0 0 230px;max-width:80vw;min-width:0;text-align:left;padding:8px 12px;background:var(--panel);border:1px solid #9a7e54;border-left:4px solid #8c6416;border-radius:5px;color:var(--txt);cursor:pointer}
.map-route.attack{border-left-color:#ad2925}.map-route.support{border-left-color:#2866ae}.map-route.on{outline:2px solid #c7a34e}
.map-route span,.map-route small{display:block;overflow-wrap:anywhere}.map-route small{font-size:12px;margin-top:3px}
@media(min-width:1800px){.header-left .dnav a span:not(.ic){display:inline}.header-left .dnav a{padding:0 8px}}
@media(max-width:820px){
 .top{gap:5px;padding:0 7px;height:58px}.top .brand{gap:4px}.top .brand .wm{display:flex!important;white-space:nowrap}.top .wm b{font-size:12px;letter-spacing:.025em}.top .brand .logo{width:25px;height:25px}
 .mobile-left{display:flex;gap:3px}.mobile-left a{display:grid;place-items:center;position:relative;width:27px;height:34px;color:#ffe7a8}.mobile-left .badge{position:absolute;top:0;right:-2px;font-size:10px}
 .top .hact{display:none}.header-right{gap:3px}.top .dom-globe{display:grid;place-items:center;width:27px;height:34px;padding:0}.top .dom-globe .ic{width:22px;height:22px}
 .top .premchip{padding:3px;gap:2px;max-width:49px;font-size:11px}.top .premchip .ic{width:14px;height:14px}.top .thm{width:25px;height:30px}.top .thm .ic{width:18px;height:18px}
}
@media(max-width:360px){.top .wm b{font-size:10px}.top .brand .logo{width:22px;height:22px}.mobile-left a{width:24px}.top{padding:0 5px;gap:3px}.top .premchip{max-width:42px}}

/* ===== v0.2 — performans: sahne animasyonları düşük kare hızında, görünmezken durur ===== */
.scene .flame{animation:fl .7s steps(3,end) infinite alternate}
.scene .flagw{animation:wave 3.6s steps(6,end) infinite}
.scene .smk{animation:smk 7s steps(10,end) infinite}
.scene .wmill{animation:spin 18s steps(36,end) infinite}
.scene .sparks circle{animation:spk 1.1s steps(5,end) infinite}
.scene.paused *{animation-play-state:paused!important}
.scene,.scenebox>svg.over{backface-visibility:hidden}

/* ===== v0.2 — mobil başlık: marka büyük ve ortada, kısayollar ikinci satırda; dünya ve premium sağda ===== */
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:820px){
 .top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;height:auto;gap:2px 8px;padding:calc(6px + env(safe-area-inset-top)) 10px 7px;align-items:center}
 .top>.brand{grid-column:1/-1;grid-row:1;justify-self:center;gap:9px;min-width:0}
 .top .brand .logo{width:42px;height:42px}
 .top .brand .wm{display:flex!important;white-space:nowrap}
 .top .wm b{font-size:23px;letter-spacing:.11em}
 .header-left{grid-column:1;grid-row:2;height:auto;justify-content:flex-start}
 .header-right{grid-column:2;grid-row:2;gap:6px;justify-content:flex-end}
 .mobile-left{display:flex;gap:6px}
 .mobile-left a{width:42px;height:42px;border-radius:50%;border:1px solid #e2bc6655;background:#00000024}
 .mobile-left a .ic{width:26px;height:26px}
 .mobile-left .badge{top:-3px;right:-4px;font-size:10.5px}
 .top .dom-globe{width:42px;height:42px;border-radius:50%;border:1px solid #e2bc6655;background:#00000024;padding:0;display:grid;place-items:center}
 .top .dom-globe .ic{width:27px;height:27px}
 .top .premchip{height:42px;max-width:none;margin:0;padding:0 13px 0 10px;gap:6px;font-size:18px;border-radius:21px;border-color:#e2bc68aa;background:linear-gradient(#ffffff1c,#00000030)}
 .top .premchip .ic{width:24px;height:24px}
 .top .thm{width:42px;height:42px;margin:0}
 .top .thm .ic{width:24px;height:24px}
 .atkbar{position:relative;top:auto}
}
@media(max-width:360px){
 .top .wm b{font-size:20px;letter-spacing:.07em}.top .brand .logo{width:36px;height:36px}
 .mobile-left a,.top .dom-globe,.top .thm{width:38px;height:38px}.top .premchip{height:38px;font-size:16px;padding:0 10px 0 8px}
}
/* saldırı uyarısı: kapatma düğmesi */
.atkbar{position:sticky}.atkbar .atkx{position:absolute;top:5px;right:8px;z-index:3;width:30px;height:30px;border-radius:50%;border:1px solid #ffffff55;background:#00000040;color:#fff;font:700 20px/1 var(--bf);cursor:pointer;display:grid;place-items:center;padding:0}
.atkbar .atkx:hover{background:#00000070}.atkbar .atkhead{padding-right:46px}
/* kışla: anında üretim düğmesi dar ve iki satırlı */
.qact{flex:0 0 auto}
.btn.inst{flex-direction:column;gap:1px;padding:5px 9px;min-width:0;width:100%;max-width:112px;line-height:1.15;white-space:normal;text-align:center;letter-spacing:.02em}
.btn.inst b{font:800 11.5px var(--bf);text-transform:none;letter-spacing:.02em}
.btn.inst small{display:flex;align-items:center;justify-content:center;gap:3px;font:700 10.5px var(--bf);text-transform:none;letter-spacing:0;color:inherit;opacity:.92}
.qinst{width:100%}
@media(max-width:820px){
 .qrow{flex-wrap:wrap;row-gap:6px}
 .qrow .qi{flex:1 1 0;min-width:0}.qrow>.cd{flex:0 0 auto;font-size:13px}
 .qrow .qact{flex:1 1 100%;flex-direction:row;justify-content:flex-end;align-items:center;gap:6px;width:100%;max-width:none}
 .qrow .qact form{width:auto;margin:0}.btn.inst{width:auto;min-width:118px;max-width:150px}
}

/* ===== v0.2 — ittifak listesi: arma yazısı ve kısaltma etiketi üst üste binmez ===== */
.acard-h .aav b{font:800 1em var(--hf);color:#ffe7a8;margin-top:2px;white-space:nowrap;max-width:100%;overflow:hidden;text-align:center}
.acard-h>span:not(.aav){display:flex;flex-direction:column;min-width:0;gap:2px}
.acard-h>span:not(.aav)>.tag{display:inline-block;align-self:flex-start;width:auto;white-space:nowrap;margin:2px 0}
.aav.def b{white-space:nowrap}
.rrow .aav.def b,.qi .aav.def b,.krow .aav.def b{color:#ffe7a8}

/* ===== v0.2 — masaüstü köy: kaynak, nüfus ve ordu köy görünümünün yanında ===== */
.vhome,.vcol-main{display:contents}.vside .vs-res{display:none}
.vsr{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.vsr:last-of-type{border-bottom:0}
.vsr-i{flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:baseline}
.vsr-i b{font:800 22px var(--bf);font-variant-numeric:tabular-nums;color:var(--strong);line-height:1.1}
.vsr-i em{font-style:normal;font-weight:700;color:var(--mut);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.vsr-i .bar{grid-column:1/3;height:6px;margin:4px 0 3px;border-radius:3px}.vsr-i small{grid-column:1/3;font-size:12px}
.vs-res>h3 small{margin-left:auto;font:600 12px var(--bf);letter-spacing:0;text-transform:none}
.vs-mini{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:10px;border-top:1px solid var(--line)}
.vs-mini>span{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;background:var(--inset);border:1px solid var(--line);border-radius:14px;font-size:12.5px;color:var(--mut)}.vs-mini b{color:var(--strong)}
@media(min-width:1100px){
 body.village-home main.village-main{max-width:1720px;padding:14px 24px 26px}
 .vhome{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:20px;align-items:start}.vcol-main{display:block}
 body.village-home>.resbar .rg{display:none}   /* kaynaklar yan panelde; üstte yalnızca köy seçici */
 .vside .vs-res{display:block}.vside>.card{margin:0 0 14px}.vside>.card:last-child{margin-bottom:0}
 .vside .roster{font-size:13px}.vside .roster th,.vside .roster td{padding:6px 5px}.vside .roster th{letter-spacing:.03em;font-size:10.5px}.vside .rostrip{grid-template-columns:repeat(2,1fr)}
 .vcol-main .hint{margin:10px 0 0}
}
@media(min-width:1500px){body.village-home main.village-main{max-width:1860px}.vhome{grid-template-columns:minmax(0,1fr) 430px}}

/* ===== v0.2 — masaüstü bina panelleri iki sütun ===== */
@media(min-width:1100px){
 main{max-width:1320px}
 .bwrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;align-items:start}
 .bwrap>.card:has(.ucards,.bgrid,.tw,.mres,.ugrid,.two2),.bwrap>.tabs,.bwrap>.flash,.bwrap>.warn,.bwrap>.eta,.bwrap>p,.bwrap>form{grid-column:1/-1}
}

/* ===== v0.2 — saldırı ekranı: oran düğmeleri ve taşıma kapasitesi ===== */
.fracbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0}.fracbar>span{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:var(--head2);margin-right:4px}
.carrybox{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:10px 0;padding:10px 12px;background:var(--inset);border:1px solid var(--line2);border-left:4px solid var(--gold);border-radius:var(--r)}
.carrybox>span{display:inline-flex;align-items:center;gap:6px;font-weight:700}.carrybox>b{font:800 22px var(--bf);color:var(--strong);font-variant-numeric:tabular-nums}.carrybox>small{flex:1 1 100%}

/* ===== v0.2 — giriş / kayıt sayfası ===== */
body.authpage{background:#1a0a0e}body.authpage::before{display:none}
.authmain{max-width:none!important;padding:0!important;margin:0!important}
.auth-bg{position:fixed;inset:0;z-index:-1;background:linear-gradient(105deg,#2a0a12f5 0%,#2a0a12dd 36%,#2a0a1290 62%,#2a0a1258 100%),url("assets/scene-realistic/village.webp?v=beta1.1") 62% 40%/cover no-repeat}
.auth{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,480px);gap:56px;align-items:center;max-width:1260px;margin:0 auto;padding:36px 28px}
.auth.single{grid-template-columns:minmax(0,500px);justify-content:center}
.auth-hero{color:#f6e7c6}
.auth-brand{display:flex;align-items:center;gap:22px}.auth-brand .logo{flex:none;filter:drop-shadow(0 6px 14px #000a)}
.auth-brand h1{margin:0;font:800 clamp(34px,5vw,62px) var(--hf);letter-spacing:.14em;background:linear-gradient(#fff3c8,#e2bc68 55%,#b48a3a);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.05;filter:drop-shadow(0 3px 0 #2a050b)}
.auth-brand p{margin:8px 0 0;font-size:clamp(16px,1.7vw,21px);color:#ecd9ae;line-height:1.45;text-shadow:0 2px 8px #000a}
.auth-feats{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:12px;max-width:540px}
.auth-feats li{display:flex;gap:14px;align-items:center;padding:12px 16px;background:#1a0a0e99;border:1px solid #e2bc6633;border-left:3px solid #e2bc68;border-radius:8px}
.auth-feats b{display:block;font:700 17px var(--hf);color:#ffe7a8;letter-spacing:.03em}.auth-feats small{color:#e4d2ab;font-size:14px}
.auth-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.auth-stats>span{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;background:#1a0a0e99;border:1px solid #e2bc6644;border-radius:20px;color:#ecd9ae;font-size:14px}.auth-stats b{color:#ffe7a8}
.auth-card{position:relative;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--gold);border-radius:16px;padding:24px 26px 22px;box-shadow:0 24px 70px #000b,0 0 0 4px #c9a45c33,var(--cardtop)}
.auth-worlds{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.auth-world{text-align:center;color:var(--mut);margin:0 0 8px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--inset2);border:1px solid var(--line);border-radius:12px;margin:0 0 16px}
.auth-tabs button{border:0;background:none;color:var(--mut);font:800 15px var(--bf);letter-spacing:.06em;text-transform:uppercase;padding:11px 8px;border-radius:9px;cursor:pointer}
.auth-tabs button.on{background:linear-gradient(#972639,#64111f);color:#fff2d0;box-shadow:inset 0 1px 0 #ffffff33,0 2px 6px #0004}
.single .auth-tabs{grid-template-columns:1fr}
.auth-card[data-tab=login] [data-pane=register],.auth-card[data-tab=register] [data-pane=login]{display:none}
.auth-card .form{margin:0;padding:0;background:none;border:0;box-shadow:none}
.fld{display:block;margin:12px 0;color:var(--txt)}.fld>span{display:block;font-weight:700;font-size:14px;margin-bottom:5px;color:var(--head2)}.fld>span small{font-weight:500;color:var(--mut)}
.fld input,.fld select{height:48px;font-size:16px;border-radius:9px}.fld .hint{display:block;margin-top:5px}
.pw{position:relative}.pw input{padding-right:48px}.pwt{position:absolute;right:5px;top:5px;width:38px;height:38px;border:0;background:none;cursor:pointer;font-size:18px;opacity:.7}.pwt:hover{opacity:1}
.auth-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 12px}.forgot{font-size:14px;font-weight:700}
.btn.big{width:100%;min-height:50px;font-size:16px;margin-top:8px;border-radius:10px}
.auth-sw{text-align:center;color:var(--mut);margin:14px 0 0;font-size:14px}.auth-sw a{font-weight:700}
.auth-card .chk{align-items:flex-start;margin:9px 0;font-size:14px;line-height:1.4}.auth-card .chk input{margin-top:2px;flex:none}
.more{margin:8px 0;border:1px dashed var(--line2);border-radius:9px;padding:2px 12px}.more summary{cursor:pointer;font-weight:700;color:var(--head2);padding:9px 0}
.resend{margin:0 0 12px}
.bot-trap{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
/* captcha */
.capbox{margin:12px 0}.capbox>label{display:block;font-weight:700;font-size:14px;color:var(--head2);margin-bottom:6px}.capbox>label small{font-weight:500;color:var(--mut);margin-left:6px}
.capimg{display:flex;align-items:center;gap:8px;margin-bottom:8px}.capimg img{border-radius:9px;border:1px solid var(--line2);background:#efe3c8;max-width:100%;height:auto;user-select:none}
.capref{width:44px;height:44px;flex:none;border-radius:50%;border:1px solid var(--ghbd);background:var(--ghbg);color:var(--ghtx);font-size:22px;cursor:pointer;line-height:1}.capref:hover{background:var(--inset2)}
.capbox input{height:48px;font-size:20px;letter-spacing:.3em;text-transform:uppercase;text-align:center;font-weight:800}
.authwrap{max-width:460px;margin:30px auto}
.capgate h2{display:flex;align-items:center;gap:10px}
@media(max-width:980px){
 .auth{grid-template-columns:minmax(0,520px);justify-content:center;gap:22px;padding:22px 16px 40px;align-content:start}
 .auth-brand{justify-content:center;text-align:center;flex-direction:column;gap:6px}.auth-brand .logo{width:72px;height:72px}.auth-brand h1{font-size:38px}
 .auth-feats,.auth-stats{display:none}
 .auth-bg{background-position:50% 30%}
 .auth-card{padding:18px 16px}
}

/* ===== v0.2 — hediye penceresi ===== */
.giftmodal .mbox{text-align:center;max-width:470px;overflow:hidden;background:radial-gradient(circle at 50% 0,#fff6dc,transparent 70%),linear-gradient(180deg,var(--panel),var(--panel2))}
.giftmodal .gift-rays{position:absolute;left:50%;top:70px;width:520px;height:520px;margin:-260px 0 0 -260px;background:repeating-conic-gradient(from 0deg,rgba(255,206,96,.30) 0 7deg,transparent 7deg 20deg);border-radius:50%;animation:spin 24s linear infinite;pointer-events:none}
.giftmodal .gift-ico{position:relative;display:inline-block;animation:giftbob 1.8s ease-in-out infinite;filter:drop-shadow(0 8px 10px #0005)}
.giftmodal h2{position:relative;margin:6px 0 2px;font-size:26px}.gift-lead{position:relative;margin:0 0 8px;color:var(--mut)}
.gift-row{position:relative}.gift-items{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0}
.gift-items .gi{display:flex;flex-direction:column;align-items:center;min-width:92px;padding:9px 10px;background:var(--inset);border:1px solid var(--gold2);border-radius:10px}.gift-items .gi b{font:800 20px var(--bf);color:var(--strong)}.gift-items .gi small{color:var(--mut)}
.gift-msg{margin:4px 0 8px;font-style:italic;color:var(--txt)}
.giftmodal .btn{position:relative;margin-top:8px}
@keyframes giftbob{50%{transform:translateY(-6px) rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){.giftmodal .gift-rays,.giftmodal .gift-ico{animation:none}}

/* ===== v0.2 — Yağmacı ===== */
.farm-pros{list-style:none;padding:0;margin:8px 0 14px;display:grid;gap:8px}.farm-pros li{display:flex;gap:10px;align-items:center}
.ftgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.ftcol{padding:10px 12px;background:var(--inset);border:1px solid var(--line2);border-radius:var(--r)}.ftcol h4{margin:0 0 6px}
.ftsum{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px;font-size:13px;color:var(--mut)}.ftsum span{display:inline-flex;align-items:center;gap:4px}.ftsum b{color:var(--strong)}
.ftrow{display:flex;align-items:center;gap:8px;margin:5px 0}.ftrow>span{flex:1;min-width:0;line-height:1.15}.ftrow small{display:block;font-size:11.5px;color:var(--mut)}.ftrow input{width:84px}
.farm-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 10px}
.ftable{display:grid;gap:0}
.fmrow{display:grid;grid-template-columns:minmax(0,1.5fr) 70px minmax(0,1fr) minmax(0,1.3fr) auto;gap:8px 12px;align-items:center;padding:9px 6px;border-bottom:1px solid var(--line);transition:background .4s}
.fmrow:last-child{border-bottom:0}.fmrow.hit{background:linear-gradient(90deg,rgba(124,26,44,.06),transparent)}.fmrow.sent{background:rgba(79,122,46,.22)}
.fmrow small{display:block;color:var(--mut);font-size:11.5px}.fmrow b{font-size:14.5px}.fmd b{font-size:18px;display:block}
.fmb{display:flex;gap:6px}
.fbtn{width:42px;height:42px;border-radius:50%;border:2px solid #fff;color:#fff;font:800 17px var(--bf);cursor:pointer;box-shadow:0 2px 6px #0005;background:#a8372a}.fbtn[data-slot=B]{background:#2c5ea5}.fbtn[data-slot=C]{background:#3f7a35}
.fbtn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.fbtn.wait{animation:pulse .8s infinite}.fbtn.bad{background:#555}
@media(max-width:700px){.fmrow{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:none;gap:6px 6px;padding:10px 2px;align-items:center}.fmrow .fmn{grid-column:1/4;grid-row:1;min-width:0}.fmrow .fmn b,.fmrow .fmn small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.fmrow .fmb{grid-column:4/7;grid-row:1;justify-self:end;gap:5px}.fmrow .fmd{grid-column:1/3;grid-row:2}.fmrow .fml{grid-column:3/5;grid-row:2}.fmrow .fmy{grid-column:5/7;grid-row:2}.fmrow .fmd small,.fmrow .fml small,.fmrow .fmy small{display:block;font-size:11px;white-space:nowrap;line-height:1.1}.fmrow .fmd b{display:block;font-size:15px;line-height:1.2}.fmrow .fml b,.fmrow .fmy b{display:block;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fbtn{width:38px;height:38px;font-size:15px}}
.toast.good{border-left-color:var(--grn)}.toast.bad{border-left-color:var(--red)}

/* Müzik düğmesi */
.thm.mus .moff{display:none}.thm.mus.off .mon{display:none}.thm.mus.off .moff{display:inline-block}.thm.mus.on{box-shadow:0 0 0 1px #e2bc6899,0 0 10px #e2bc6840}
.guestbar{display:flex;gap:6px}.guestbar .thm{margin:0}

/* Hakimiyet halka grafiği */
.dom-donuts{align-items:start}.dom-donuts h4{margin:4px 0 8px;font-family:var(--hf);letter-spacing:.04em}
.dom-dwrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.dom-donut{width:178px;height:178px;flex:none;overflow:visible;filter:drop-shadow(0 3px 6px #0003)}
.dom-donut .dd-bg{stroke:#8a7b6444}.dom-donut circle[stroke]{transition:stroke-width .2s}.dom-donut circle[stroke]:hover{stroke-width:7.4}
.dom-donut circle[stroke-dasharray]{animation:ddIn .9s ease-out both}@keyframes ddIn{from{stroke-dasharray:0 100}}
.dom-donut .dd-big{font:800 6.4px var(--hf);fill:var(--txt)}.dom-donut .dd-sm{font:600 2.7px var(--bf);fill:var(--mut)}
.dom-legend{list-style:none;margin:0;padding:0;flex:1;min-width:170px}.dom-legend li{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px dashed #8a7b6440}.dom-legend li:last-child{border:0}
.dom-legend i{width:12px;height:12px;border-radius:3px;flex:none;box-shadow:inset 0 0 0 1px #0003}.dom-legend .rest i{background:repeating-linear-gradient(45deg,#8a7b6455 0 3px,#8a7b6422 3px 6px)}
.dom-legend .n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dom-legend .n small{display:block;font-size:11px;color:var(--mut);white-space:normal}.dom-legend em{color:var(--gold);font-style:normal;font-size:12px}
@media(prefers-reduced-motion:reduce){.dom-donut circle[stroke-dasharray]{animation:none}}

/* Tüccar loncası */
.npcpick{display:grid;gap:6px}.npcres{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--inset);cursor:pointer;transition:border-color .15s,background .15s}
.npcres input{position:absolute;opacity:0;pointer-events:none}.npcres span{display:flex;flex-direction:column;line-height:1.2}.npcres small{color:var(--mut)}
.npcres:has(input:checked){border-color:var(--gold);background:var(--inset2);box-shadow:0 0 0 1px var(--gold) inset}.npcres:has(input:focus-visible){outline:2px solid var(--acc)}
.pack .btn.big.ghost{background:var(--ghbg);color:var(--ghtx);border:1px solid var(--ghbd);box-shadow:none}
.frow .fi>small{display:block}

/* ===== v0.2.1 — mobil: başlık sabit (iOS'ta kaybolma düzeltmesi), köy seçici ve kaynaklar başlığın hemen altında ===== */
@media(max-width:820px){
 .top{position:fixed;top:0;left:0;right:0;width:100%;z-index:60;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:auto;contain:layout style}
 body.in{padding-top:var(--hh,100px)}
 body.village-home .hint{order:3}
 .resbar{position:relative}
}

/* ===== v0.2.1 — büyük hazine ===== */
.treasure{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:6px 22px;margin:14px 0 4px;padding:6px 0 0;border-top:1px dashed var(--line2)}
.treasure img{width:100%;height:auto;max-height:300px;object-fit:contain;filter:drop-shadow(0 8px 14px #3d260a40)}
.treasure .tr-t small{display:block;font:700 13px var(--bf);letter-spacing:.2em;text-transform:uppercase;color:var(--head2)}
.treasure .tr-amt{display:block;margin:2px 0 8px;font:900 clamp(30px,5.2vw,52px)/1.05 var(--hf);color:var(--head);letter-spacing:.01em;text-shadow:0 2px 0 #fff6,0 6px 18px #d9a53a55;white-space:nowrap}
.treasure .tr-t p{margin:0 0 12px;color:var(--mut)}
.treasure.slim{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:12px 18px;margin:14px 0}
@media(max-width:720px){.treasure{grid-template-columns:1fr;text-align:center}.treasure img{max-height:220px}.treasure .tr-amt{white-space:normal}}
.rules-card h3{display:flex;align-items:center;gap:10px}.rn{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(#972639,#64111f);color:#ffe7a8;font:800 15px var(--bf);flex:none}
.rules{margin:6px 0 0;padding-left:20px}.rules li{margin:7px 0;line-height:1.55}

/* ===== v0.2.1 — devletler ===== */
.steps{margin:10px 0 2px;padding-left:22px}.steps li{margin:8px 0;line-height:1.55}
.perks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.perk{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--inset)}
.perk>.ic{flex:none;margin-top:2px}.perk>div>b{display:block;font-family:var(--hf);color:var(--head);margin-bottom:2px}.perk p{margin:0;font-size:14.5px;line-height:1.5;color:var(--txt)}
.slist{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px;margin-bottom:12px}
.sitem{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:var(--r);background:var(--inset);text-decoration:none;color:var(--txt);transition:transform .15s,box-shadow .15s}
.sitem:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.sitem.mine{background:var(--inset2);box-shadow:0 0 0 1px var(--gold) inset}
.sitem span{display:flex;flex-direction:column;min-width:0}.sitem b{font-family:var(--hf);color:var(--head);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sitem small{color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ===== v0.2.1 — topluluk forumu ===== */
.cftabs{flex-wrap:wrap}.cftabs small{opacity:.7}
.cf-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.cf-head h3{margin-bottom:2px}.cf-head p{margin:0 0 6px}
.cfrow{display:grid;grid-template-columns:34px minmax(0,1fr) 64px 118px;align-items:center;gap:12px;padding:11px 8px;border-bottom:1px solid var(--line);color:var(--txt)}
.cfrow:hover{background:var(--hover);color:var(--txt)}.cfrow:last-of-type{border-bottom:0}.cfrow.pin{background:linear-gradient(90deg,rgba(201,164,92,.16),transparent)}
.cf-t{min-width:0;display:flex;flex-direction:column}.cf-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--head)}.cf-t small,.cf-l small,.cf-n small{color:var(--mut);font-size:12px}
.cf-n{display:flex;flex-direction:column;align-items:center;line-height:1.15}.cf-n b{font-size:17px}.cf-l{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;min-width:0}.cf-l small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:118px}
@media(max-width:720px){.cfrow{grid-template-columns:30px minmax(0,1fr) 46px}.cf-l{display:none}}
.pager{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.pager a{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:var(--r);background:var(--inset);color:var(--txt);font-weight:700}.pager a.on{background:var(--acc);color:var(--acct);border-color:var(--accd)}
.cf-topic h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere}.cf-mod{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.cf-mod form{margin:0}
.tag.adm{background:var(--acc);color:var(--acct);border-color:var(--accd)}
@media(max-width:720px){.cftabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cftabs::-webkit-scrollbar{display:none}.cftabs a{white-space:nowrap;flex:none}}

.fmap{display:flex;align-items:center;gap:8px;margin:8px 0 2px}.fmap .fml{font-weight:800;color:var(--head2);margin-right:2px;letter-spacing:.03em}.fmap .fbtn{width:36px;height:36px;font-size:15px}
.fmsg{display:block;min-height:0;margin:2px 0 4px}.fmsg.ok{color:var(--grn)}.fmsg.bad{color:var(--red)}.fmsg:empty{display:none}

/* ===== v0.2.1 — davet sayfası hediye kutusu ===== */
.refhero{display:grid;grid-template-columns:minmax(200px,300px) minmax(0,1fr);gap:8px 26px;align-items:center}
.refhero .giftbox{width:100%;height:auto;animation:giftfloat 3.2s ease-in-out infinite;filter:drop-shadow(0 10px 12px #3d0b1440)}
@keyframes giftfloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
.refhero .rh-t{min-width:0}.refhero input{width:100%}
@media(max-width:720px){.refhero{grid-template-columns:1fr;text-align:center}.refhero .giftbox{max-width:230px;margin:0 auto}.refhero .bf{justify-content:center}}
@media(prefers-reduced-motion:reduce){.refhero .giftbox{animation:none}}

/* ===== v0.2.1 — meydan savaşı tanıtımı ===== */
.fintro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:6px 22px;align-items:center;padding:12px 16px}.fintro img{width:100%;height:auto;border-radius:10px;box-shadow:0 6px 16px #3d260a33}.fintro .fi-t h3{margin-top:0}
.fsteps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:0 0 14px}
.fstep{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--cardtop)}.fstep>.ic{flex:none;margin-top:2px}
.fstep>div>b{display:block;font-family:var(--hf);color:var(--head);margin-bottom:3px}.fstep p{margin:0;font-size:14.5px;line-height:1.5}
@media(max-width:720px){.fintro{grid-template-columns:1fr}}

.embgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;margin:6px 0 12px}
.embb{padding:2px;border:2px solid transparent;border-radius:6px;background:var(--inset);cursor:pointer;display:grid;place-items:center;min-height:42px}.embb:hover{border-color:var(--line2)}.embb.on{border-color:var(--acc);box-shadow:0 0 0 2px #7c1a2c33}
.embb svg{width:100%;height:auto;display:block;border-radius:3px}.embb .none{font-size:12px;color:var(--mut)}

.auth-brand .auth-sub{margin-top:8px;font-style:italic;color:#e2bc68;font-size:1.02em}

/* ===== v0.2.1 — Ana Bina: divan salonu ve gruplu bina kartları ===== */
.hall{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:8px 24px;align-items:center;margin:10px 0 18px;padding:12px;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--acc);border-radius:var(--r);box-shadow:var(--shadow)}
.hall img{width:100%;height:auto;border-radius:10px;box-shadow:0 8px 20px #3d260a40}
.hall-t small{font:700 12px var(--bf);letter-spacing:.2em;text-transform:uppercase;color:var(--head2)}.hall-t h2{margin:2px 0 6px;font-size:28px}.hall-t .lvl{font:700 13px var(--bf);letter-spacing:.1em;background:var(--acc);color:var(--acct);padding:3px 10px;border-radius:12px;vertical-align:middle;margin-left:6px}
.hall-s{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.hall-s>span{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:var(--inset);border:1px solid var(--line);border-radius:20px;font-size:14px}.hall-s b{color:var(--head)}.hall-s i{color:var(--grn);font-style:normal;font-weight:700}
.bsec{margin:20px 0 8px;font-family:var(--hf);letter-spacing:.06em;color:var(--head);display:flex;align-items:center;gap:10px}.bsec::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line2),transparent)}
.bwrap>.hall,.bwrap>.bsec,.bwrap>.bgrid{grid-column:1/-1}
.bgrid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}
.bcard .bar.lv{display:block;height:5px;margin:8px 0 2px;border-radius:3px}.bcard.new{border-style:dashed}
@media(max-width:720px){.hall{grid-template-columns:1fr}.hall-t h2{font-size:24px}}
/* ===== v0.2.1 — taşma düzeltmeleri ===== */
.two>*,.two2>*,.fcols>*{min-width:0}.tw{max-width:100%;overflow-x:auto}
@media(max-width:820px){.two{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){main .btn{max-width:100%;white-space:normal;text-align:center;line-height:1.25}}
/* ===== v0.4 — sekmeler: isimler asla kırpılmaz, taşarsa yatay kayar (iPhone Safari dahil) ===== */
.tabs{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.tabs a{flex:0 0 auto!important;min-width:max-content;text-overflow:clip;overflow:visible;scroll-snap-align:start}.tabs a>svg,.tabs a>.ic{flex:none}.tabs a .badge{flex:none}
.cftabs a,.ctabs a,.mtabs button{flex:0 0 auto;min-width:max-content;white-space:nowrap}

.announce.susp{position:relative;border-color:#b3262e;background:linear-gradient(90deg,#fbe4e0,var(--panel))}.announce.susp .atkx{top:50%;transform:translateY(-50%)}.announce.susp>span{padding-right:36px}
.announce .atkx{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:50%;border:1px solid var(--line2);background:var(--inset);color:var(--txt);font:700 20px/1 var(--bf);cursor:pointer;display:grid;place-items:center;padding:0}

.gsteps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.gsteps>div{padding:10px 12px;background:var(--inset);border:1px solid var(--line);border-radius:var(--r)}.gsteps b{display:block;font-family:var(--hf);color:var(--head);margin:4px 0 2px}.gsteps p{margin:0;font-size:14px;line-height:1.5}
.guildlog td.l{text-align:left}.guildlog small{display:block}
.bwrap>.card.guild-intro{grid-column:1/-1}
.map-route.incoming{border-left-color:#d96a12}.map-route.counter{border-left-color:#1f7d4d}.counter-card .rules{margin:6px 0 10px}

/* ===== v0.8 — mobil: kaynak/köy seçici başlığın altında yerinde durur (yapışkan değil); alt menü başlığın da üstüne çıkar ===== */
@media(max-width:820px){
 body.village-home>.resbar{position:relative}
 body.village-home>.resbar .vsw select{padding-top:5px;padding-bottom:5px}
 .sheet{z-index:65}
 .bnav{z-index:70}
 .sheet-in{max-height:calc(100% - 64px - env(safe-area-inset-bottom));padding-top:max(10px,env(safe-area-inset-top))}
}

/* ===== v0.6 — bakım uyarısı (yüzen geri sayım) ===== */
.maintbar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:12px;width:min(560px,calc(100vw - 24px));padding:10px 38px 10px 14px;border-radius:14px;color:#fff4d6;background:linear-gradient(#5a2a8a,#34185a);border:1px solid #e8c777aa;box-shadow:0 10px 30px #000a,inset 0 1px 0 #ffffff22;animation:mbin .5s ease-out}
.maintbar .mb-ic{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#e8c77730}.maintbar .mb-t{display:flex;flex-direction:column;line-height:1.3;font-size:14px}.maintbar .mb-t b{font:700 15px var(--hf,Georgia,serif);letter-spacing:.04em}.maintbar small{font-size:13px;color:#eadcf8}.maintbar a{color:#ffd98a;text-decoration:underline}
.maintbar .mb-cd{font-weight:800;color:#ffd98a;font-variant-numeric:tabular-nums}.maintbar .mb-x{position:absolute;top:4px;right:6px;width:28px;height:28px;border:0;background:none;color:#ffffffb0;font:700 20px/1 sans-serif;cursor:pointer}
.maintbar.quiet{display:none}.maintbar.urgent{background:linear-gradient(#a3201a,#6a0f0c);animation:mbin .5s ease-out,mbp 1.4s ease-in-out .5s infinite}.maintbar.urgent .mb-x{display:none}.maintbar.admin{background:linear-gradient(#3a3320,#262012)}
@keyframes mbin{from{opacity:0;transform:translate(-50%,16px)}}@keyframes mbp{50%{box-shadow:0 10px 30px #000a,0 0 0 4px #ff6a5a66}}
@media(max-width:820px){.maintbar{bottom:calc(88px + env(safe-area-inset-bottom))}}

/* ===== v0.6 — gece nöbetçileri: yerinde dururken hafifçe nefes alırlar, feneller titrer ===== */
.scene .sentries .gd{animation:gdb 3.8s ease-in-out infinite}@keyframes gdb{50%{transform:translateY(-.9px)}}
.scene .sentries .lantern{animation:lnt 2.2s ease-in-out infinite}@keyframes lnt{50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.scene .sentries .gd,.scene .sentries .lantern{animation:none!important}}

/* ===== v0.6 — bot tuzakları: gizli form alanı ve silik yem bağlantısı (insan görmez / tıklamaz) ===== */
.fy-hp{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.legal-footer{position:relative}.fy-faint{display:block;margin:6px auto 0;font-size:11px;line-height:1.3;color:rgba(110,90,60,.07);text-decoration:none;user-select:none;max-width:260px;text-align:center;pointer-events:auto}[data-theme=dark] .fy-faint{color:rgba(240,220,170,.06)}

/* ===== v0.6 — köy sahnesi: yavaş cihazda büyük zemin dokusu kapanır (bina/sur dokuları kalır) ===== */
.scene.lite .tex-grass{display:none}

/* ===== v0.8 — inşaat kuyruğu: sürükleyerek sıralama ===== */
.qh{flex:0 0 auto;width:22px;align-self:stretch;display:flex;align-items:center;justify-content:center;color:var(--gold,#a8863a);font-size:16px;letter-spacing:-3px;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;opacity:.85}
.qh.lock{cursor:not-allowed;letter-spacing:0;font-size:13px;touch-action:auto;opacity:.6}
.qrow.qdrag{background:rgba(226,179,74,.16);box-shadow:0 4px 14px rgba(60,35,10,.28);border-radius:8px;position:relative;z-index:2}.qrow.qdrag .qh{cursor:grabbing}
.qbusy{opacity:.6;pointer-events:none}.qhint{margin:8px 0 0;font-size:12.5px}

/* ===== v0.8 — depo / nüfus dolu: kırmızı yazı ve yanıp sönme ===== */
.rc.full,.vsr.full{animation:fyfull 1.1s ease-in-out infinite;border-radius:8px}
.rc.full b,.rc.full small,.vsr.full b,.vsr.full em,.vsr.full small{color:#d4231a!important}.rc.full small,.vsr.full small,.vsr.full small b{font-weight:800}.vsr.full small b{font-size:inherit!important}
.rc.full .bar u,.vsr.full .bar u{background:#d4231a!important}
@keyframes fyfull{0%,100%{opacity:1;background:rgba(212,35,26,.0)}50%{opacity:.45;background:rgba(212,35,26,.14)}}
@media(prefers-reduced-motion:reduce){.rc.full,.vsr.full{animation:none;background:rgba(212,35,26,.10)}}

/* ===== v0.8 — günlük ödül penceresi: kapatma düğmesi ===== */
.modal.bonus .mbox{position:relative}
.bonx{position:absolute;top:8px;right:8px;z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid var(--line2,#c9b88f);background:rgba(255,255,255,.65);color:#5a1a24;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.bonx:hover{background:#fff}

/* ===== v1.1 — yeni logo ===== */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.brand .logo-wide{display:block;height:50px;width:auto;max-width:44vw;filter:drop-shadow(0 2px 5px #000a)}
@media(max-width:820px){.brand .logo-wide{height:44px}}
.top .brand .wm{display:none!important}
.auth-brand .auth-logo{display:block;width:min(520px,100%);height:auto;filter:drop-shadow(0 8px 22px #000b)}
.auth-brand{flex-direction:column;align-items:flex-start;gap:10px}
@media(max-width:820px){.auth-brand{align-items:center}.auth-brand .auth-logo{width:min(380px,92%)}}
.mhero .logo{border-radius:0;filter:drop-shadow(0 2px 4px #0008)}

/* Selçuklu köy sahnesi — limestone, aged bronze and turquoise ceramic. */
.selcuk-scene{background:#839478;aspect-ratio:1500/920}
.selcuk-scene .sel-architecture{shape-rendering:geometricPrecision}
.selcuk-scene .sel-waterjets{stroke-dasharray:3 2;animation:sel-water 1.8s linear infinite}
.selcuk-scene .grain{fill-opacity:.28}
.selcuk-scene .clouds{opacity:.65}
.selcuk-scene .flagw{animation:wave 3.7s ease-in-out infinite}
.selcuk-scene .smk{animation:smk 8s ease-in-out infinite}
.selcuk-scene .flame{animation:fl 1.2s ease-in-out infinite alternate}
.selcuk-scene .lv rect{fill:#193a3d;fill-opacity:.93;stroke:#d2b982;rx:4}
.selcuk-scene .lv text{fill:#f5e6c3;font-family:Georgia,serif;font-weight:700}
.selcuk-scene a.bld:hover .sel-architecture{filter:drop-shadow(0 0 3px #f0db9d88)}
.selcuk-scene .nveil{fill:#101c2d;fill-opacity:.44}
.selcuk-scene .glows{opacity:.8}
.selcuk-scene .sel-night-guard{pointer-events:none}
#scenewrap:has(.selcuk-scene){border-color:#71674b;border-radius:14px;background:#273b34;box-shadow:0 0 0 1px #ccb88744,0 18px 38px #15272140}
#scenewrap:has(.selcuk-scene) .bhud{background:linear-gradient(180deg,#172d2df5,#172d2ddd);border-bottom:1px solid #c5b07c66;color:#f0e6cb;backdrop-filter:blur(8px)}
#scenewrap:has(.selcuk-scene) .bside small{color:#c4b78e;letter-spacing:.1em}
#scenewrap:has(.selcuk-scene) .bside.a{border-left:3px solid #ae5d46}
#scenewrap:has(.selcuk-scene) .bside.d{border-right:3px solid #5ea3a7}
#scenewrap:has(.selcuk-scene) .bwall{background:#172d2dde;color:#f2e6c9;border:1px solid #bba77566;backdrop-filter:blur(5px)}
.sel-camera{position:absolute;right:16px;bottom:16px;display:flex;gap:4px;padding:5px;border:1px solid #bca77988;border-radius:9px;background:#183333ed;z-index:6}
.sel-camera button,.sel-phases button{font:600 12px/1.3 system-ui,sans-serif;background:transparent;color:#d8cdb1;border:0;border-radius:5px;padding:9px 13px;cursor:pointer;min-height:36px}
.sel-camera button.on,.sel-phases button.on{background:#dbc495;color:#203a39}
.sel-camera button:hover,.sel-phases button:hover{box-shadow:inset 0 0 0 1px #dbc495}
.sel-camera button:focus-visible,.sel-phases button:focus-visible{outline:2px solid #81c9c5;outline-offset:2px}
.sel-phases{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:10px 12px;border:1px solid #97846066;border-radius:10px;background:#1e3634;color:#e1d6bc;margin:10px 0}
.sel-phases button{flex:0 1 auto}
.sel-phases button.done{color:#8cb8ac}
.sel-phases button:disabled{cursor:default;opacity:1}
.sel-battle-note{display:block;flex-basis:100%;font:11px/1.5 system-ui,sans-serif;color:#b8bea7;padding:4px 3px 0}
.bctl:has([aria-label="Savaş zaman çizelgesi"]){background:#1e3634;padding:12px;border:1px solid #97846066;flex-wrap:wrap}
.bctl input[aria-label]{accent-color:#64a6a5;min-width:120px}
.bctl:has([aria-label]) .btn{background:#e0cb9f;color:#223c38;border-color:#b7a176}
@keyframes sel-water{to{stroke-dashoffset:-10}}
@media(max-width:820px){.sel-camera{right:8px;bottom:8px}.sel-camera button{padding:8px 10px}.sel-phases{gap:3px;padding:6px}.sel-phases button{flex:1;padding:8px 5px;font-size:11px}#scenewrap:has(.selcuk-scene) .bmid .bp{font-size:10px}.bctl:has([aria-label]){gap:5px;padding:8px}}
@media(prefers-reduced-motion:reduce){.selcuk-scene .sel-waterjets,.selcuk-scene .flagw,.selcuk-scene .smk,.selcuk-scene .flame{animation:none!important}}

.fiction-note{display:block;margin:6px auto 0;max-width:640px;font-size:12px;line-height:1.45;color:var(--muted,#7a6a4d);text-align:center}
.auth .fiction-note{text-align:left;color:#6b5b3f}

/* ===== v1.2 — Oyunun hikâyesi ===== */
html.story-open{overflow:hidden}
.modal.story{z-index:200;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cg fill='none' stroke='%23c9a45c' stroke-opacity='.16' stroke-width='1'%3E%3Cpath d='M28 3l7 18l18 7l-18 7l-7 18l-7-18l-18-7l18-7z'/%3E%3Cpath d='M0 0l7 7M56 0l-7 7M0 56l7-7M56 56l-7-7'/%3E%3C/g%3E%3Ccircle cx='28' cy='28' r='2.200' fill='%23c9a45c' fill-opacity='.14'/%3E%3C/svg%3E"),radial-gradient(ellipse at 50% 30%,rgba(60,14,26,.94),rgba(14,5,9,.97));display:flex;align-items:center;justify-content:center;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));transition:opacity .25s}
.modal.story.out{opacity:0}
.story-box{position:relative;width:min(980px,100%);max-height:calc(100dvh - 20px);display:flex;flex-direction:column;border:1px solid #c9a45c;border-radius:16px;overflow:hidden;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cg fill='none' stroke='%23c9a45c' stroke-opacity='.16' stroke-width='1'%3E%3Cpath d='M28 3l7 18l18 7l-18 7l-7 18l-7-18l-18-7l18-7z'/%3E%3Cpath d='M0 0l7 7M56 0l-7 7M0 56l7-7M56 56l-7-7'/%3E%3C/g%3E%3Ccircle cx='28' cy='28' r='2.200' fill='%23c9a45c' fill-opacity='.14'/%3E%3C/svg%3E") #1b0a10;box-shadow:0 20px 60px #000c,0 0 0 4px #3a0f19}
.story-x{position:absolute;top:10px;right:10px;z-index:5;width:38px;height:38px;border-radius:50%;border:1px solid #c9a45c;background:rgba(20,8,12,.7);color:#f6e7c6;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.story-stage{position:relative;flex:1;min-height:0;display:grid;overflow-y:auto;overflow-x:hidden}
.story-slide{grid-area:1/1;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .45s ease,transform .45s ease,visibility 0s .45s}
.story-slide.on{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease,transform .45s ease}
.story-pic{position:relative;flex:0 0 auto;background:#120609;height:min(46vh,56vw);min-height:170px}
.story-pic .st-art{position:absolute;inset:0;display:block;width:100%;height:100%}
.story-pic::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(transparent,#1b0a10)}
.story-txt{padding:6px 26px 14px;color:#f1e3c2;text-align:center}
.story-txt small{display:block;font:700 12px/1 system-ui;letter-spacing:.2em;color:#c9a45c;margin-bottom:6px}
.story-txt h2{margin:0 0 8px;font:700 clamp(24px,3.4vw,36px)/1.15 Georgia,serif;letter-spacing:.04em;background:linear-gradient(#fff3c8,#e2bc68 60%,#b48a3a);-webkit-background-clip:text;background-clip:text;color:transparent}
.story-txt p{margin:0 auto;max-width:720px;font-size:clamp(15px,1.8vw,18px);line-height:1.6;color:#ecdcb6}
.story-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px 16px}
.story-nav .btn{min-width:112px}
.story-dots{display:flex;gap:8px}.story-dots i{width:9px;height:9px;border-radius:50%;background:#5a3a42;transition:all .25s}.story-dots i.done{background:#a98a4c}.story-dots i.on{background:#f1c96b;width:26px;border-radius:6px}
.story-skip{position:absolute;left:14px;top:12px;z-index:5;background:rgba(20,8,12,.6);border:1px solid #6b4a3a;color:#d8c595;border-radius:16px;padding:6px 14px;font:600 12px system-ui;cursor:pointer}
.story-skip[hidden]{display:none}
.st-wave{transform-box:fill-box;transform-origin:left center;animation:stwave 3.2s ease-in-out infinite}
.st-flame{animation:stflame .9s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 100%}
.st-smoke{animation:stsmoke 7s ease-in-out infinite alternate}
.st-fall{animation:stfall 3.6s ease-in infinite}
@keyframes stwave{0%,100%{transform:skewY(-3deg)}50%{transform:skewY(3deg)}}
@keyframes stflame{from{transform:scale(1,.85)}to{transform:scale(1.1,1.15)}}
@keyframes stsmoke{from{transform:translateY(0);opacity:.5}to{transform:translateY(-14px);opacity:.3}}
@keyframes stfall{0%{transform:translate(402px,200px) rotate(10deg)}70%,100%{transform:translate(412px,250px) rotate(70deg)}}
@media(max-width:700px){.story-nav{gap:6px;padding:8px 10px 14px}.story-nav .btn{flex:0 0 auto;min-width:0;padding:10px 12px;white-space:nowrap}.story-dots{gap:5px}.story-dots i.on{width:16px}.story-pic{height:34vh;min-height:150px}.story-txt{padding:4px 16px 8px}.story-nav .btn{min-width:96px;padding:10px 12px}.story-box{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.st-wave,.st-flame,.st-smoke,.st-fall,.story-slide{animation:none!important;transition:none!important}}

/* v1.4 — görünmeyen/örtülü sahnede animasyonlar durur */
.scene.paused *{animation-play-state:paused!important}

/* ===== v.1.6 — masaüstü başlık: Anamenü en solda, simge altında ad, daha yüksek başlık, sağda Çıkış Yap; mobilde en solda Anamenü düğmesi ===== */
.hl,.mmenu{display:none}
.hout{display:none}
@media(min-width:821px){
 .top{height:80px;padding:0 20px}
 .header-left .dnav a{flex-direction:column;justify-content:center;gap:4px;padding:0 4px;font-size:11px;line-height:1.1;letter-spacing:0;min-width:0}
 .header-left .dnav a span:not(.ic){display:block}
 .header-left .dnav a .ic{width:28px;height:28px}
 .header-left .dnav .badge{top:10px;right:2px}
 .header-right{gap:2px}
 .header-right .hl{display:block;font-size:11px;font-weight:700;line-height:1.1;white-space:nowrap;color:#f1dfc0}
 .header-right>a:not(.premchip),.header-right>button.thm,.header-right .premchip{flex-direction:column;justify-content:center;gap:4px;height:100%;min-width:52px;width:auto;border:0;border-radius:0;background:none;margin:0;padding:0 7px;color:#f1dfc0;display:flex;align-items:center;border-bottom:3px solid transparent}
 .header-right>a:not(.premchip):hover,.header-right>button.thm:hover,.header-right .premchip:hover{background:#ffffff12;color:#fff}
 .header-right .ic{width:28px;height:28px;color:#e2bc68}
 .header-right .dom-globe{padding:0 7px;width:auto;height:100%}
 .header-right .premchip{flex-direction:column}
 .header-right .premchip .ic{width:22px;height:22px}
 .header-right .premchip b{font-size:15px;line-height:1;color:#ffe7a8}
 .header-right .premchip .hl{margin-top:-1px}
 .header-right .hout{display:flex;margin-left:6px;border-left:1px solid #ffffff22}
 .header-right .hout .ic{color:#ffb89e}
 .header-right .hact{display:none}
}
@media(min-width:821px) and (max-width:1179px){.header-left .dnav a span:not(.ic){display:none}.header-left .dnav a{min-width:40px}.header-right .hl{display:none}.header-right>a:not(.premchip),.header-right>button.thm,.header-right .premchip{min-width:40px;padding:0 5px}.top{height:68px}}
@media(min-width:1400px){.header-left .dnav a{padding:0 10px;font-size:12px;min-width:56px}.header-right>a:not(.premchip),.header-right>button.thm,.header-right .premchip{padding:0 9px;min-width:58px}.header-right .hl{font-size:12px}}
@media(min-width:1800px){.header-left .dnav a{padding:0 14px;font-size:13px}}
@media(max-width:820px){
 .mmenu{display:grid;place-items:center;position:relative;width:42px;height:42px;border-radius:50%;border:1px solid #e2bc68aa;background:linear-gradient(#ffffff1c,#00000030);color:#ffe7a8;cursor:pointer;padding:0}
 .mmenu .ic{width:26px;height:26px}.mmenu .badge{position:absolute;top:-3px;right:-4px;font-size:10.5px}
 .mmenu[aria-expanded=true]{background:#ffffff26;border-color:#e2bc68}
}
@media(max-width:360px){.mmenu{width:38px;height:38px}}

/* mobil başlık: 7 yuvarlak düğme + premium aynı satıra sığsın */
@media(max-width:820px){.top .header-left,.top .header-right{min-width:0}.top .header-left .mobile-left{gap:5px}}
@media(max-width:430px){
 .top{padding-left:8px;padding-right:8px}.header-left .mobile-left{gap:4px}.header-right{gap:4px}
 .mmenu,.mobile-left a,.top .dom-globe,.top .thm{width:38px;height:38px}
 .mobile-left a .ic,.mmenu .ic{width:23px;height:23px}.top .dom-globe .ic{width:24px;height:24px}.top .thm .ic{width:22px;height:22px}
 .top .premchip{height:38px;font-size:16px;padding:0 9px 0 7px;gap:4px}.top .premchip .ic{width:21px;height:21px}
}
@media(max-width:375px){
 .mmenu,.mobile-left a,.top .dom-globe,.top .thm{width:34px;height:34px}
 .mobile-left a .ic,.mmenu .ic{width:21px;height:21px}.top .dom-globe .ic{width:22px;height:22px}.top .thm .ic{width:20px;height:20px}
 .top .premchip{height:34px;font-size:14px;padding:0 7px 0 6px}.top .premchip .ic{width:18px;height:18px}
 .header-left .mobile-left,.header-right{gap:3px}
}
@media(max-width:335px){
 .mmenu,.mobile-left a,.top .dom-globe,.top .thm{width:30px;height:30px}
 .mobile-left a .ic,.mmenu .ic,.top .dom-globe .ic,.top .thm .ic{width:19px;height:19px}
 .top .premchip{height:30px;font-size:12px;padding:0 5px}.top .premchip .ic{width:16px;height:16px}
}

/* ===== v.1.6 — giriş sayfası ===== */
.auth-brand .auth-tag{margin:8px 0 0;font-size:clamp(17px,1.9vw,23px);line-height:1.4;font-weight:600;color:#f3e3bb;text-shadow:0 2px 8px #000a;text-wrap:balance}
@media(max-width:820px){.auth-brand .auth-tag{font-size:clamp(12px,3.65vw,21px);font-weight:700}}
/* alt bağlantılar (üyelik sözleşmesi vb.) giriş sayfasında okunur olsun */
body.authpage .legal-footer,body.authpage .legal-footer a,body.authpage .legal-footer small,body.authpage .legal-footer .fiction-note{color:#fff!important;opacity:1}
body.authpage .legal-footer a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff88}
body.authpage .legal-footer a:hover{text-decoration-color:#fff}
body.authpage .legal-footer small.fiction-note{display:block;margin-top:8px;font-size:12.5px;line-height:1.5}

/* ===== v.1.6 — klan forumu listesi: başlık ve son yazan alt alta, üst üste binmez; son olaylar ===== */
.ftopic .rt{display:flex;flex-direction:column;gap:2px;white-space:normal;overflow:hidden}
.ftopic .rt b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}
.ftopic .rt small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12.5px}
.ftopic>.dt{flex:none;white-space:nowrap;margin-left:8px}
.evrow .rt{white-space:normal}.evrow>small{flex:none;white-space:nowrap}
.ftopic .rt,.ftopic .rt b,.ftopic .rt small,.evrow .rt{text-align:left}

/* değirmen kanatları sabit durur (dönme animasyonu kaldırıldı) */
.scene .wmill,.selcuk-scene .wmill{animation:none!important}

/* ===== v.1.7 — sekme çubuğu ok düğmeleri (yapışkan, yer kaplamaz) ===== */
.tabs{position:relative}
.tabarrow{position:sticky;z-index:3;flex:none;align-self:center;width:34px;height:34px;padding:0;border-radius:50%;border:1px solid var(--line2);background:var(--panel);color:var(--acc);font:700 22px/1 var(--bf);cursor:pointer;box-shadow:0 2px 8px #0003;opacity:0;pointer-events:none;transition:opacity .15s;display:grid;place-items:center}
.tabarrow.l{left:4px;margin-right:-34px}.tabarrow.r{right:4px;margin-left:-34px}
.tabarrow.on{opacity:.95;pointer-events:auto}.tabarrow.on:hover{opacity:1;background:var(--hover)}
.tabs.drag{cursor:grabbing;user-select:none}.tabs.drag a{pointer-events:none}
@media(hover:none){.tabarrow{display:none}}
@media(min-width:821px){.tabs{cursor:grab}}
/* mobil başlık: düğme boyutu ekran genişliğine göre; 4-5 haneli premium sayısı da sığar */
@media(max-width:430px){
 .top{--b:clamp(30px,calc((100vw - 132px)/7),40px)}
 .mmenu,.mobile-left a,.top .dom-globe,.top .thm{width:var(--b);height:var(--b)}
 .mobile-left a .ic,.mmenu .ic,.top .dom-globe .ic,.top .thm .ic{width:calc(var(--b)*.62);height:calc(var(--b)*.62)}
 .top .premchip{height:var(--b);font-size:clamp(11px,3.6vw,16px);padding:0 7px 0 6px;gap:3px;max-width:94px;min-width:0}
 .top .premchip .ic{width:calc(var(--b)*.55);height:calc(var(--b)*.55)}
 .top .premchip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* test dünyası uyarısı */
.test-world{display:flex;align-items:center;gap:14px;margin:14px 0;padding:16px 18px;border:2px dashed #c2410c;background:linear-gradient(90deg,#fff1dc,#ffe2b8);color:#5a2306}
.test-world .tw-ic{font-size:34px;line-height:1}.test-world b{display:block;font:800 19px var(--hf);color:#7c2d05}.test-world p{margin:4px 0 0;font-size:16px;font-weight:700}
[data-theme=dark] .test-world{background:linear-gradient(90deg,#3d1d08,#2b1405);color:#ffd9b0;border-color:#e0723a}[data-theme=dark] .test-world b{color:#ffb27a}

.legal-footer .fy-ver{display:block;margin-top:6px;font-size:11.5px;letter-spacing:.06em;opacity:.7}


/* gerçekçi ikon atlası: ikon başına <img> yok, tek dosyadan kesilir */
.ia{display:inline-block;width:var(--s);height:var(--s);background:var(--fy-atlas) no-repeat;background-size:1000% 900%;background-position:var(--x) var(--y);vertical-align:middle;flex:none}

/* Realistic village and armies: scoped to scene surfaces, no global game theme override. */
.fy-realistic{background:#777c59;isolation:isolate}.fy-realistic .fy-building-skin{transition:filter .15s}.fy-realistic a.bld:hover .fy-building-skin{filter:brightness(1.12)}.fy-realistic a.bld:focus-visible{outline:0}.fy-realistic a.bld:focus-visible .fy-building-skin{filter:brightness(1.2)}.fy-realistic .lv{opacity:.92}.fy-realistic .bn{fill:#fff4d6;paint-order:stroke;stroke:#26372f;stroke-width:3px;stroke-linejoin:round}.scenebox{position:relative}.scenebox>svg.over{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.fy-realistic [data-model],.farena [data-model]{pointer-events:none}.fy-realistic .fy-vignette{pointer-events:none}.farena{border-color:#8b7955;background:#737852}.farena .fflag{transform-box:fill-box;transform-origin:left center;animation:fy-banner 4s steps(8) infinite}@keyframes fy-banner{50%{transform:skewY(4deg) scaleX(.96)}}@media(prefers-reduced-motion:reduce){.farena .fflag,.fy-realistic .flame,.fy-realistic .smk{animation:none!important}}

.fy-realistic .fy-building-skin{pointer-events:none}


/* Scoped viewer/form repairs: retain existing responsive and performance settings. */
.eta>.ic{flex:0 0 auto}.eta>.eta-text{flex:1;min-width:0;line-height:1.5;overflow-wrap:anywhere}
.vsw2 .vcur>.ic,.vsw2 .vitem>.ic,.vsw2 .vnav,.vsw2 .chv{flex-shrink:0}
.vsw2 .vcur .vnm{flex:1;min-width:0}.vsw2 .vcur .vtags{flex:0 0 auto;flex-direction:row;gap:4px}
.vsw2 .vitem>span:not(.ic){overflow-wrap:anywhere}.vsw2 .vitem b{white-space:normal}
@media(min-width:821px){.resbar{position:relative;z-index:8}.vsw2{max-width:100%;flex:0 1 auto}.vcur{max-width:calc(100vw - 100px)}.vsw2 .vlist{width:360px;max-width:calc(100vw - 36px)}.vsw2 .vcur b{max-width:280px}}
.bctl:has([aria-label]),.fctl{background:var(--panel);border:1px solid var(--line2);box-shadow:var(--cardtop);padding:10px;border-radius:var(--r);color:var(--txt)}
.bctl:has([aria-label]) .btn,.fctl .btn{background:var(--panel2);color:var(--acc);border-color:var(--line2);font-family:var(--bf)}
.bctl:has([aria-label]) .btn.on,.fctl .btn.on{background:linear-gradient(180deg,var(--accl),var(--acc));color:#fff2d0;border-color:var(--gold)}
.bctl input[aria-label],.fctl input[type=range]{accent-color:var(--acc)}
/* Account controlled village UI */
.village-zoom{position:absolute;right:12px;top:12px;z-index:6;display:flex;align-items:center;gap:4px;background:linear-gradient(#791b30,#3b0915);border:1px solid #d6b567;border-radius:24px;padding:4px;color:#f4ddb2;box-shadow:0 3px 9px #23110766}
.village-zoom button{width:36px;height:36px;border:1px solid #cba65b;border-radius:50%;background:radial-gradient(at 30% 20%,#984335,#4f1121);color:#f6dfa5;font:bold 25px Georgia;cursor:pointer}.village-zoom button:disabled{opacity:.4;cursor:default}.village-zoom span{font-size:12px;min-width:42px;text-align:center}
.quick-tools{display:none}.hall{position:relative}.hall-close,.hall-reopen{display:none}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:20px}.scenewrap{position:relative}
@media(max-width:820px){
  .mobile-left{gap:clamp(3px,1vw,8px)!important}.mobile-left a,.mobile-left button{width:clamp(32px,9vw,44px)!important;height:clamp(32px,9vw,44px)!important;flex-shrink:0;padding:4px!important}.mobile-left .ic{width:24px;height:24px}.header-left{min-width:0}.header-right{gap:4px!important}.top .premchip{padding:5px!important;font-size:13px}.top .thm,.top .dom-globe{width:clamp(32px,9vw,44px)!important;min-width:0!important}.top{column-gap:4px!important}
  .quick-tools{display:flex;position:fixed;right:10px;bottom:160px;z-index:55;align-items:center;border:1px solid #d5b365;border-radius:30px;background:linear-gradient(135deg,#861f35,#390914);box-shadow:0 3px 12px #19071070;opacity:.48;transition:opacity .2s;touch-action:none;padding:4px}.quick-tools.awake,.quick-tools:focus-within{opacity:1}.quick-tools a{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ad8348;border-radius:50%;color:#f3d792}.quick-grip{width:20px;align-self:stretch;border:0;background:none;color:#d6ba7b;font-size:22px;cursor:grab}.quick-tools .ic{pointer-events:none}
  .hall-close{display:block;position:absolute;top:8px;right:8px;z-index:2;width:36px;height:36px;border:1px solid #ceaa62;border-radius:50%;background:#5c1020;color:#ffe4b6;font-size:25px}.hall-hidden{display:none!important}.hall-reopen:not([hidden]){display:inline-flex;margin-bottom:12px}.village-zoom{right:8px;top:8px}
  .kact{flex-wrap:wrap}.permf{max-width:calc(100vw - 50px)}
}
@media(prefers-reduced-motion:reduce){.quick-tools{transition:none}}
@media(max-width:820px){
 .top{--ui-button:clamp(25px,calc((100vw - 115px)/8),42px)}
 .header-left .mobile-left{gap:3px!important}.header-right{gap:3px!important}
 .mobile-left a,.mobile-left button,.top .thm,.top .dom-globe{width:var(--ui-button)!important;height:var(--ui-button)!important;padding:2px!important;flex-shrink:0}
 .mobile-left .ic,.top .thm .ic,.top .dom-globe .ic{width:calc(var(--ui-button)*.66)!important;height:calc(var(--ui-button)*.66)!important}
 .top .premchip{max-width:76px!important;min-width:0!important;flex-shrink:1}.top .premchip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .map-quick{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.map-quick .locked{opacity:.5}
}

/* alfa 2.3 — Ulufe Vakti ve simetrik mobil başlık */
.ulufe-art{display:inline-block;vertical-align:middle;object-fit:contain;flex-shrink:0}.ulufe-chip{display:flex;align-items:center;gap:5px;flex-shrink:0;color:#ffe5a1;text-decoration:none;padding:4px;margin-right:6px}.ulufe-chip .ulufe-art{border-radius:50%;border:2px solid #d82f37;animation:ulufe-ring 1.3s ease-in-out infinite}.ulufe-chip span{display:flex;flex-direction:column;font-size:11px}.ulufe-chip small{font-size:10px;white-space:nowrap}.ulufe-banner{display:flex;align-items:center;gap:14px}.ulufe-banner h2{margin:0;font-size:21px}.ulufe-note{display:block;color:var(--red);font-weight:bold;margin:5px 0}.admin-pagination{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}
@keyframes ulufe-ring{0%,100%{border-color:#8c1821;box-shadow:0 0 0 0 #fa344222}50%{border-color:#ff5d61;box-shadow:0 0 0 4px #ed243455}}
@media(prefers-reduced-motion:reduce){.ulufe-chip .ulufe-art{animation:none}}
@media(min-width:821px){.header-left:has(.ulufe-chip){display:flex;align-items:center}.ulufe-chip{max-width:88px}.ulufe-chip span b{white-space:nowrap}}
@media(max-width:820px){
 header.top{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:64px 44px!important;gap:5px 0!important;height:auto!important;padding:4px 6px 7px!important;align-items:center}
 .top .brand{position:static!important;transform:none!important;grid-column:3 / 7;grid-row:1;justify-self:center;width:100%!important;max-width:220px;min-width:0;margin:0!important}.top .brand img{width:100%!important;height:auto!important;max-height:60px;object-fit:contain}
 .top .header-left,.top .header-right,.top .header-left .mobile-left,.top .header-right .mtools{display:contents!important}
 .top .dnav,.top .hout{display:none!important}
 .top .premchip{grid-column:7 / 9;grid-row:1;justify-self:end;display:flex!important;flex-direction:column;justify-content:center;gap:2px!important;width:100%;max-width:104px!important;height:58px!important;margin:0!important;padding:3px!important;border:1px solid #c5a257;border-radius:12px;background:linear-gradient(#8c253a,#4b0b1a);font-size:clamp(13px,3.7vw,18px)!important;flex-shrink:0}
 .top .premchip .ic{width:25px!important;height:25px!important}.top .premchip b{max-width:100%;line-height:1.15}.top .premchip .hl{display:none!important}
 .top .mobile-left a,.top .mobile-left button,.top .thm,.top .dom-globe{grid-row:2;justify-self:center;width:clamp(30px,9vw,42px)!important;height:clamp(30px,9vw,42px)!important;margin:0!important;padding:3px!important;min-width:0!important}
 .top .mobile-left>*:nth-child(1){grid-column:1}.top .mobile-left>*:nth-child(2){grid-column:2}.top .mobile-left>*:nth-child(3){grid-column:3}.top .mobile-left>*:nth-child(4){grid-column:4}.top .mobile-left>*:nth-child(5){grid-column:5}
 .top .dom-globe{grid-column:6}.top .mus{grid-column:7}.top .thm:not(.mus){grid-column:8}.top .mobile-left .ic,.top .thm .ic,.top .dom-globe .ic{width:25px!important;height:25px!important}
 .top .ulufe-chip{grid-column:1 / 3;grid-row:1;justify-self:start;display:flex;flex-direction:column;gap:1px;width:100%;max-width:104px;margin:0;padding:0;min-width:0}.top .ulufe-chip .ulufe-art{width:40px;height:40px}.top .ulufe-chip span b{display:none}.top .ulufe-chip small{font-size:11px;text-align:center}
}
.top .ulufe-chip small{color:#ffe5a1!important;font-weight:700}
@media(min-width:821px){.top .ulufe-chip{flex-direction:column;gap:1px;width:52px;max-width:52px;padding:2px;margin-right:4px}.top .ulufe-chip span b{display:none}.top .ulufe-chip small{font-size:10px}}

/* Mobil premium: Ulufe simgesiyle aynı çapta halka; bakiye halkanın altında. */
@media(max-width:820px){
 .top .premchip{height:auto!important;gap:1px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
 .top .premchip .premring{display:grid;place-items:center;box-sizing:border-box;width:40px;height:40px;flex-shrink:0;border:2px solid #d82f37;border-radius:50%;animation:ulufe-ring 1.3s ease-in-out infinite}
 .top .premchip b{font-size:13px;line-height:1.2;color:#ffe5a1}
}
@media(max-width:820px) and (prefers-reduced-motion:reduce){.top .premchip .premring{animation:none}}

/* alfa 2.5: duyuru işlemleri ve harita hakimiyet anahtarı */
.ann-admin-row{padding:14px 0;border-bottom:1px solid var(--line,#c8b588)}.ann-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.ann-actions form{margin:0}.ann-admin-row details .adm{margin-top:10px}.ann-admin-row .qi{min-width:0;overflow-wrap:anywhere}
.territory-toggle{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:4px 8px;border:1px solid #b99b62;border-radius:7px;background:#f6ecd3;color:#6b2831;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;flex:none}.territory-track{display:block;width:30px;height:18px;border-radius:12px;background:#9d8e78;padding:2px;box-sizing:border-box}.territory-track i{display:block;width:14px;height:14px;border-radius:50%;background:#fff4d6;transition:transform .15s}.territory-toggle[aria-checked=true] .territory-track{background:#7d2535}.territory-toggle[aria-checked=true] .territory-track i{transform:translateX(12px)}
@media(max-width:820px){.mapbar{flex-wrap:wrap}.mapbar .territory-toggle{margin-right:auto}.mapbar .gof{margin-left:0}.territory-toggle>span:last-child{font-size:11px}.gof .num{width:45px}}
@media(prefers-reduced-motion:reduce){.territory-track i{transition:none}}

/* Collapsible illustrations for headquarters and simulator; independent of the mobile throne room. */
.page-hall{grid-column:1/-1;min-width:0}.page-hall[hidden]{display:none!important}
.page-hall .hall-close{display:block;position:absolute;top:8px;right:8px;z-index:2;width:36px;height:36px;border:1px solid #ceaa62;border-radius:50%;background:#5c1020;color:#ffe4b6;font-size:25px;cursor:pointer}
.page-hall-open:not([hidden]){display:inline-flex;grid-column:1/-1;margin-bottom:12px}.page-hall-open[hidden]{display:none!important}
.page-hall img{aspect-ratio:2/1;object-fit:cover}.page-hall .hall-t{min-width:0}.page-hall .hall-t p{overflow-wrap:anywhere}
.page-hall .hall-close:focus-visible,.page-hall-open:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.gb-army details{margin:12px 0}.gb-army summary{cursor:pointer;color:var(--head);font-weight:700}.gb-unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gb-army .fl{min-width:0}.gb-army input:not([type=hidden]),.gb-army select{max-width:100%}.gb-army .bf{flex-wrap:wrap}.gb-unit-grid .ucard{min-width:0}.gb-unit-grid .num{width:80px}@media(max-width:720px){.gb-unit-grid{grid-template-columns:1fr}.gb-army .bf .fl{width:100%}}
/* Compact scene controls, community cards: no game-scene layout changes. */
.hall-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.compact-hall-open:not([hidden]){display:inline-flex!important;flex:none;width:auto!important;max-width:180px;margin:0!important;padding:5px 9px!important;font-size:12px!important;line-height:1.2;vertical-align:middle}.compact-hall-open[hidden]{display:none!important}
#throne-hall[hidden]{display:none!important}#throne-hall .hall-close{display:block;position:absolute;right:8px;top:8px;z-index:2;width:36px;height:36px;border:1px solid #ceaa62;border-radius:50%;background:#5c1020;color:#ffe4b6;font-size:25px;cursor:pointer}
.poll-option{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--line)}.poll-option input{width:auto}.raffle-podium{display:flex;align-items:flex-end;gap:10px;margin:22px 0}.podium{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 8px;background:linear-gradient(#e1c58a,#bd9453);border:1px solid #8e6c39;border-radius:9px 9px 0 0;text-align:center;color:#3f2915;overflow-wrap:anywhere}.podium>b{font-size:26px}.podium strong{font-size:17px}.place-1{min-height:165px;background:linear-gradient(#f5dda1,#c89b49)}.place-2{min-height:135px}.place-3{min-height:110px}.event-card form{max-width:100%}.event-card h2{overflow-wrap:anywhere}
@media(max-width:820px){.raffle-podium{gap:5px}.podium{padding:12px 5px}.podium strong{font-size:14px}.podium span{font-size:13px}.quick-tools{max-width:calc(100vw - 8px);box-sizing:border-box}.quick-tools a{flex:none}}

/* beta 1.0: desktop shortcuts; mobile header remains unchanged. */
.desktop-account-nav{display:none}
.army-details summary{cursor:pointer;font-weight:700;color:var(--red);padding:10px 0}
.army-details .tw{margin-top:6px}
.support-card .qrow{flex-wrap:wrap;align-items:flex-start}.support-card .qi{flex:1 1 150px;overflow-wrap:anywhere}
.support-card .qrow>form{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;margin:0}
.support-card .qrow>form .btn{white-space:normal;max-width:100%;line-height:1.3}
.village-support-panels{min-width:0}.village-support-panels>.card{min-width:0}
.overview-enter{margin-left:auto;flex:none}.vch{flex-wrap:wrap;gap:8px}
@media(min-width:821px){
.top .premring{display:grid;place-items:center;width:40px;height:40px;box-sizing:border-box;border:2px solid #d82f37;border-radius:50%;animation:ulufe-ring 1.3s ease-in-out infinite}
.desktop-account-nav{display:flex;gap:8px;align-items:center}.desktop-account-nav a{display:flex;flex-direction:column;align-items:center;font-size:11px;color:#ffe5b0;text-decoration:none;gap:3px}.desktop-account-nav a span:not(.ic){max-width:75px;text-align:center}
.top .header-right{flex-wrap:wrap;justify-content:flex-end}
.quick-tools{display:flex;position:fixed;left:0;top:45%;z-index:55;flex-direction:column;gap:5px;padding:8px 5px;border:1px solid #d5b365;border-left:0;border-radius:0 18px 18px 0;background:linear-gradient(135deg,#861f35,#390914);box-shadow:0 3px 12px #19071070;opacity:.55;transition:opacity .2s}
.quick-tools:hover,.quick-tools:focus-within,.quick-tools.awake{opacity:1}.quick-tools a{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ad8348;border-radius:50%;color:#f3d792}.quick-grip{display:none}
}
@media(min-width:1100px){.village-support-panels{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.village-support-panels>.card{margin:0}}
@media(max-width:820px){.farm-pros li{display:block;line-height:1.5;overflow-wrap:anywhere}.farm-pros li>.ic{float:left;margin:3px 8px 0 0}.farm-sell{min-width:0}.farm-sell .btn{white-space:normal;max-width:100%}}
@media(prefers-reduced-motion:reduce){.top .premring{animation:none}.quick-tools{transition:none}}
@media(min-width:1100px){.vhome{grid-template-rows:auto 1fr}.vhome>.vside{grid-column:2;grid-row:1 / span 2}}

/* beta 1.1: keep mobile support cards directly after the army. */
@media(max-width:820px){.vhome{display:flex;flex-direction:column;align-items:stretch;gap:0}.vhome>.vcol-main{display:block;order:1;min-width:0}.vhome>.vside{display:block;order:2;min-width:0}.vhome>.village-support-panels{display:block;order:3;min-width:0}}
.overview-score{display:inline-flex;flex-wrap:wrap;align-items:center;gap:9px;margin-left:auto}.vch .overview-score .pts{float:none;margin:0}.vch .overview-enter{margin-left:0}
@media(min-width:821px){
.top .desktop-account-nav{display:contents}
.top .desktop-account-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;flex:none;min-width:48px;height:100%;padding:0 6px;border-bottom:3px solid transparent;font-size:11px;line-height:1.1;color:#f1dfc0}
.top .desktop-account-nav a:hover{background:#ffffff12}.top .desktop-account-nav a span:not(.ic){text-align:center;max-width:76px}
.top .header-left .dnav a .ic,.top .header-right .ic{width:28px;height:28px;flex:none}
.top .header-right{flex-wrap:nowrap}.top .header-right .premchip{order:20;flex:none}
.top .header-right .premring{width:34px;height:34px;animation:premium-desktop-ring 1.3s ease-in-out infinite}
.top .header-right .premring .ic{width:22px;height:22px}
.quick-tools{left:auto;right:0;border-left:1px solid #d5b365;border-right:0;border-radius:18px 0 0 18px}
}
@keyframes premium-desktop-ring{0%,100%{border-color:#8c1821;box-shadow:0 0 0 0 #fa344222}50%{border-color:#ff5d61;box-shadow:0 0 0 2px #ed243455}}
@media(min-width:821px) and (max-width:1179px){
.top{height:auto;min-height:112px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:42px 62px;padding:4px 12px;gap:0 8px}
.top>.brand{grid-column:1 / 3;grid-row:1}.top>.header-left{grid-column:1;grid-row:2}.top>.header-right{grid-column:2;grid-row:2}
.top .header-left .dnav a,.top .desktop-account-nav a{min-width:36px;padding:0 2px}.top .header-right>a:not(.premchip),.top .header-right>button.thm,.top .header-right .premchip{min-width:36px;padding:0 2px}
.top .desktop-account-nav a span:not(.ic){display:none}.top .header-right{gap:2px}
}
@media(min-width:1180px) and (max-width:1399px){.top{padding:0 12px;gap:8px}.top .desktop-account-nav a{min-width:44px;padding:0 3px}.top .header-right>a:not(.premchip),.top .header-right>button.thm,.top .header-right .premchip{min-width:44px;padding:0 3px}.top .header-left .dnav a{padding:0 4px}}
@media(min-width:821px) and (prefers-reduced-motion:reduce){.top .header-right .premring{animation:none}}

@media(min-width:821px) and (max-width:1099px){.vhome{display:flex;flex-direction:column;align-items:stretch;gap:0}.vhome>.vcol-main{display:block;order:1;min-width:0}.vhome>.village-support-panels{order:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.vhome>.vside{order:3;display:block;min-width:0}}
@media(max-width:820px){body.village-home .vhome>.vside.village-below{order:2;padding-bottom:0}body.village-home .vhome>.village-support-panels{order:3;padding:0 12px 20px}}
@media(max-width:820px){body.village-home .vhome,body.village-home .vhome>.vcol-main{display:contents}body.village-home .vhome>.vside.village-below{order:4}body.village-home .vhome>.village-support-panels{order:5}}
@media(min-width:821px){.top .header-left .dnav{display:flex;align-items:center;height:100%}}

@media(min-width:821px){.top .header-left .dnav .ic,.top .desktop-account-nav .ic{display:inline-block}}
@media(min-width:1400px){.top .header-left .dnav a{padding:0 6px;min-width:48px}}

/* beta 1.2: consistent desktop menu labels, mobile remains unchanged. */
@media(min-width:821px){.top .dnav a,.top .dnav a>span:not(.ic),.top .desktop-account-nav a,.top .desktop-account-nav a>span:not(.ic),.top .header-right .hl{font-family:var(--bf);font-size:11px;font-weight:700;line-height:1.1}.top .header-right .premchip b{font-weight:700}}
.admin-tabs{flex-wrap:wrap;overflow:visible;gap:3px;scroll-snap-type:none;cursor:default;padding-bottom:5px}.admin-tabs a{border:1px solid var(--line);border-radius:6px;margin:0;padding:9px 11px;background:var(--inset)}.admin-tabs a.on{border-color:var(--acc)}.admin-tabs .tabarrow{display:none!important}
.guest-story{text-decoration:none}.guest-story .ic{flex:none}
.event-admin-create{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.event-create-card{min-width:0}.event-create-card h3,.event-admin-card h3{display:flex;align-items:center;gap:8px}.event-admin-form{display:grid;gap:14px}.event-admin-form>label{display:grid;gap:6px;font-weight:700}.event-admin-form input,.event-admin-form textarea,.event-admin-form select{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.event-admin-form textarea{min-height:100px}.event-admin-form fieldset{display:grid;gap:9px;min-width:0;border:1px solid var(--line2);border-radius:10px;padding:12px;background:var(--inset)}.event-admin-form legend{font-weight:700;color:var(--acc);padding:0 7px}.event-admin-form>.btn{justify-self:start}.event-admin-card{overflow-wrap:anywhere}.event-admin-card h3 a{min-width:0}.event-participants,.event-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.event-admin-detail{padding:12px 0;border-top:1px solid var(--line);margin-bottom:12px}.event-admin-detail summary{font-weight:700;cursor:pointer;color:var(--acc)}
.event-heading{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line2);margin-bottom:14px}.event-heading h2{margin:0}.event-kind{display:inline-flex;align-items:center;gap:9px;padding:6px 12px;border:1px solid var(--line2);border-radius:30px;background:var(--inset);font-weight:700;color:var(--head)}.event-card{border-top:3px solid var(--gold);padding:22px}.event-card .poll-option{border:1px solid var(--line2);border-radius:9px;margin:9px 0;background:var(--inset);padding:14px;cursor:pointer;overflow-wrap:anywhere}.event-card .poll-option:has(input:checked){border-color:var(--acc);background:var(--inset2)}.event-card .poll-option input{flex:none}.event-card .raffle-podium .podium{box-shadow:inset 0 1px #fff8,0 4px 9px #3f291522}.event-card .raffle-podium .place-1{border-top:4px solid #e6bc4a}.event-card .raffle-podium .place-2{border-top:4px solid #aebbc1}.event-card .raffle-podium .place-3{border-top:4px solid #bd8054}
@media(max-width:700px){.event-admin-create{grid-template-columns:minmax(0,1fr);gap:0}.event-card{padding:16px}.admin-tabs a{font-size:13px;padding:9px}.event-card .podium strong{font-size:13px}.event-participants .btn{white-space:normal}}
@media(min-width:1400px){.top .header-right>a:not(.premchip),.top .header-right>button.thm,.top .header-right .premchip{min-width:48px;padding:0 5px}.top .desktop-account-nav a{min-width:48px;padding:0 5px}}

/* beta 1.3 — scoped management layout and shared in-game footer. */
.gamebots-page .bot-admin-row{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:9px 12px;padding:16px 0;min-width:0}.gamebots-page .bot-select{width:18px;min-width:18px;height:18px;margin:4px 0 0;padding:0}.gamebots-page .bot-select-slot{width:18px}.bot-admin-row .qi{min-width:0;overflow-wrap:anywhere}.bot-admin-row .qi>.btn{white-space:normal;margin:7px 5px 0 0}.bot-row-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;min-width:0}.bot-row-actions form{margin:0;max-width:100%}.bot-row-actions .btn{white-space:normal;max-width:100%;line-height:1.3}.bot-clan-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.bot-clan-actions fieldset{min-width:0;padding:16px;border:1px solid var(--line2);border-radius:9px;background:var(--inset)}.bot-clan-actions legend{font-weight:700;color:var(--head);padding:0 6px}.gamebots-page .card{overflow-wrap:anywhere}.gamebots-page .card>form:not(.bf){min-width:0}.gamebots-page input:not([type=checkbox]):not([type=hidden]),.gamebots-page select,.gamebots-page textarea{min-width:0;max-width:100%;box-sizing:border-box}.gamebots-page .bf{flex-wrap:wrap}.gamebots-page .qrow{flex-wrap:wrap}
.auth-brand .auth-stats{display:flex;margin:4px 0 18px}.auth-feats{display:grid}.auth-story-feature>div{min-width:0}.auth-story-feature .auth-story-button{display:inline-flex;margin-top:10px;white-space:normal;max-width:100%;text-align:center}.auth-story-feature small{display:block}
.admin-sidebar{position:fixed;left:0;top:50%;transform:translateY(-50%);width:62px;z-index:57;max-height:calc(100dvh - 200px);overflow:auto;border:1px solid #cfaa61;border-left:0;border-radius:0 12px 12px 0;background:linear-gradient(135deg,#7d1830,#360a17);box-shadow:0 3px 12px #19071066;color:#fff0ca;opacity:.7}.admin-sidebar:hover,.admin-sidebar:focus-within{opacity:1}.admin-sidebar summary{cursor:pointer;list-style:none;display:grid;place-items:center;height:36px;border-bottom:1px solid #c9a45c66}.admin-sidebar summary::-webkit-details-marker{display:none}.admin-sidebar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;padding:7px 3px;color:#fff0ca;text-decoration:none;border-bottom:1px solid #c9a45c33;box-sizing:border-box}.admin-sidebar a:last-child{border:0}.admin-sidebar a:hover{background:#ffffff15}.admin-sidebar a span:not(.ic){font:700 10px/1.2 var(--bf);text-align:center}.admin-sidebar .ic{flex:none}
.legal-footer.game-footer{color:#fff0d0;background:linear-gradient(110deg,#4a0c1bd9,#7b1931dd,#390915ed),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23d5b365' stroke-opacity='.4' stroke-width='1'%3E%3Cpath d='M36 4l8 20 20 12-20 8-8 24-8-24L4 36l24-12z'/%3E%3Cpath d='M36 16l6 14 14 6-14 6-6 14-6-14-14-6 14-6z'/%3E%3Ccircle cx='36' cy='36' r='6'/%3E%3C/g%3E%3C/svg%3E");border-top:2px solid #d5b365;border-bottom:1px solid #a67d3b;padding:25px 18px 22px;margin:28px 0 0;box-shadow:0 -5px 18px #3a081c25;line-height:1.7;font-size:14px;text-align:center}.game-footer .footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;color:#d5b365}.game-footer .footer-links a{color:#fff2d4;font-weight:700;text-decoration:none;min-height:36px;display:inline-flex;align-items:center}.game-footer .footer-links a:hover{text-decoration:underline;color:#ffe195}.legal-footer.game-footer .fy-ver{color:#efcf8d;font-size:12px;opacity:1;margin-top:14px}.legal-footer.game-footer .fiction-note{display:block;max-width:780px;margin:8px auto 0;color:#f4dfc9;font-size:13px;opacity:1}.village-home>.legal-footer.game-footer{margin:20px 0 0;order:6}
@media(max-width:820px){.bot-clan-actions{grid-template-columns:minmax(0,1fr)}.admin-sidebar{width:52px}.admin-sidebar a{min-height:60px}.village-home>.legal-footer.game-footer{margin:16px 0 0}.auth-brand .auth-stats{justify-content:center;gap:6px}.auth-brand .auth-stats>span{font-size:12px;padding:6px 9px}.game-footer .footer-links{gap:6px 12px;font-size:13px}.game-footer .fiction-note{font-size:12px}}
.bot-attack-row{padding:14px 0;border-top:1px solid var(--line);overflow-wrap:anywhere;min-width:0}.bot-attack-row small{display:block;color:var(--mut);margin-top:4px}.bot-attack-row p{margin:8px 0}.bot-attack-row details summary{cursor:pointer;font-weight:700;color:var(--acc)}.bot-attack-row .tw{margin-top:10px}

body.admin-mode :is(input,button,a){scroll-margin-top:150px;scroll-margin-bottom:110px}@media(max-width:820px){}
@media(max-width:820px){.auth-brand .auth-stats{display:flex}.auth-feats{display:grid;margin-top:18px;gap:10px}.auth-feats>li:not(.auth-story-feature){display:none}}

/* beta 1.4: quiet Seljuk interlace, compact mobile footer, overlay-only admin rail. */
:root{--seljuk-pattern:url("assets/seljuk-crescent-pattern.svg?v=16")}
.top{background-image:var(--seljuk-pattern),linear-gradient(#741628,#4c0b17)}
[data-theme=dark] .top{background-image:var(--seljuk-pattern),linear-gradient(#4a0d18,#2a070e)}
.legal-footer.game-footer{background-image:var(--seljuk-pattern),linear-gradient(110deg,#4a0c1b,#7b1931,#390915)}
.quick-menu{display:none}.quick-recruit{display:none!important}
@media(min-width:1100px){.bwrap>.queue-card,.bwrap>.card:only-child{grid-column:1/-1}}
@media(max-width:820px){
 body.in{padding-bottom:0}
 .bnav{background-image:var(--seljuk-pattern),linear-gradient(#5e1020,#3a0812)}
 .legal-footer.game-footer{margin-bottom:0;padding:12px 12px calc(68px + env(safe-area-inset-bottom));line-height:1.4;font-size:12px}
 .game-footer .footer-links{gap:2px 7px;font-size:12px}.game-footer .footer-links a{min-height:28px}
 .legal-footer.game-footer .fy-ver{margin-top:7px;font-size:11px}.legal-footer.game-footer .fiction-note{margin:6px auto 0;font-size:11.5px;line-height:1.35}
 .quick-tools{gap:3px;padding:4px;border-radius:30px;max-width:calc(100vw - 8px)}
 .quick-tools a{width:40px;height:40px}.quick-tools .quick-recruit{display:grid!important}
 .quick-grip{width:34px;height:40px;align-self:center;flex:none;display:grid;place-items:center;cursor:pointer;font-size:25px;padding:0}
 .quick-tools.collapsed{width:48px;height:48px;padding:0;justify-content:center;border-radius:50%}
 .quick-tools.collapsed a,.quick-tools.collapsed .quick-close{display:none!important}.quick-tools.collapsed .quick-menu{display:inline}.quick-tools.collapsed .quick-grip{width:44px;height:44px;font-size:22px}
}

@media(max-width:820px){.game-footer .fy-faint{position:absolute;bottom:calc(66px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);margin:0;width:260px;max-width:90%}}

@media(max-width:820px){body.in{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}body.in>main{flex:1 0 auto;width:100%}body.in>.game-footer{flex:none}}

/* beta 1.5: desktop-only logo and upgrade width, static papyrus. */
:root{--papyrus:url("assets/papyrus-soft-beta16.svg");--paper:none}
body::before{background-size:auto,auto,240px 240px}
@media(min-width:821px){
 .top .brand .logo-wide{height:62.5px;width:auto;max-width:none}
 .bwrap>.card.upc{grid-column:1/-1;width:100%;box-sizing:border-box}
}
@media(min-width:821px) and (max-width:1179px){.top{grid-template-rows:63px 62px;min-height:133px}}
/* Raider templates: the icon occupies one fixed cell, never the text column. */
.farm-tpls .ftgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.farm-tpls .ftcol{min-width:0}
.farm-tpls .ftrow{display:grid;grid-template-columns:30px minmax(0,1fr) 80px;gap:8px;min-width:0}
.farm-tpls .ftrow>.ic{display:inline-block;flex:none;width:26px;height:26px;max-width:26px;min-width:26px;justify-self:center}
.farm-tpls .ftrow>span:not(.ic){min-width:0;overflow-wrap:anywhere}
.farm-tpls .ftrow input{width:100%;max-width:80px;min-width:0;box-sizing:border-box}

@media(min-width:1180px) and (max-width:1399px){.top{height:auto;min-height:133px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:63px 62px;padding:4px 12px;gap:0 8px}.top>.brand{grid-column:1/3;grid-row:1}.top>.header-left{grid-column:1;grid-row:2}.top>.header-right{grid-column:2;grid-row:2}}

/* Beta 1.6: quiet paper, a plain mobile bottom bar, fixed alert icon. */
.atkhead>.ic{flex:0 0 24px;width:24px;height:24px;min-width:24px;max-width:24px;align-self:center}
.atkhead>span:not(.ic){min-width:0;overflow-wrap:anywhere}
.rally-all-incoming .incoming-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.rally-all-incoming .incoming-row>.ic{width:24px;height:24px;flex:none}
.rally-all-incoming .incoming-row small{display:block;margin-top:4px;color:var(--mut)}
.rally-all-incoming .incoming-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.rally-all-incoming .incoming-info{min-width:0;overflow-wrap:anywhere}
.fy-confirm{z-index:240}.fy-confirm .mbox{max-width:420px}.fy-confirm h3{margin-top:0}.fy-confirm .bf{justify-content:flex-end}
@media(max-width:820px){
 .bnav{background-image:linear-gradient(#5e1020,#3a0812)}
 .rally-all-incoming .incoming-row{grid-template-columns:24px minmax(0,1fr)}
 .rally-all-incoming .incoming-actions{grid-column:2;justify-content:flex-start}
}

/* Beta 1.7: incoming rows keep atlas icons square and text wraps independently. */
.atklist a{display:grid;grid-template-columns:18px minmax(0,1fr) auto auto;gap:10px;align-items:center}
.atklist a>.ic{flex:none;width:18px;height:18px;min-width:18px;max-width:18px;justify-self:start}
.atklist a>.attack-info{min-width:0;overflow-wrap:anywhere}
.atklist a>.attack-time{white-space:nowrap;font-variant-numeric:tabular-nums}
.atklist a>em{white-space:nowrap}
.fy-trap,.fy-footer-trap,.fy-faint,.fy-bot-note{display:none!important;pointer-events:none!important}
@media(max-width:820px){.atklist a{grid-template-columns:18px minmax(0,1fr) auto;padding:10px 12px;gap:5px 10px}.atklist a>.ic{grid-column:1;grid-row:1/3}.atklist a>.attack-info{grid-column:2/4;grid-row:1}.atklist a>.attack-time{grid-column:2;grid-row:2}.atklist a>em{grid-column:3;grid-row:2}}

/* Beta 2.0: report actions and mobile footer clearance. */
.reports-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;min-width:0}.reports-heading h1{margin:0;flex:0 0 auto}.reports-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.reports-actions form{margin:0;min-width:0}.reports-actions .btn{white-space:normal;text-align:center}.btn:disabled{opacity:.5;cursor:default;pointer-events:none}
@media(max-width:820px){.reports-heading{gap:7px}.reports-heading h1{font-size:23px}.reports-actions{gap:5px}.reports-actions .btn{font-size:11px;padding:7px 6px;line-height:1.25;min-height:34px}.legal-footer.game-footer{padding-top:16px;padding-bottom:calc(92px + env(safe-area-inset-bottom))}.legal-footer.game-footer .fiction-note{margin-top:9px;max-width:38em}.bot-row-actions .gb-aggression{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.gb-aggression select{min-width:0;max-width:100%}}

/* Keep map edges inside the clipping surface during mobile viewport changes. */
.mapbox{background:#3d7fae;overscroll-behavior:none;isolation:isolate}.mapbox #mapcv{position:absolute;inset:0;width:100%;height:100%}

/* Beta 2.0.4: compact report controls on mobile only. */
.report-action-short{display:none}
@media(max-width:820px){
 .reports-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
 .reports-heading h1{min-width:0;font-size:20px;line-height:1.2;gap:6px}
 .reports-heading .compact-hall-open:not([hidden]){font-size:10px!important;padding:5px 7px!important;max-width:100%;box-sizing:border-box;letter-spacing:0}
 .reports-actions{gap:6px;align-items:stretch}
 .reports-actions .btn{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 6px;font-size:10px;line-height:1.2;letter-spacing:0;white-space:nowrap;border-radius:6px}
 .reports-actions .report-action-full{display:none}
 .reports-actions .report-action-short{display:inline}
}

/* beta 2.0.10: keep the mobile floating controls visible above the navigation. */
@media(max-width:820px){.quick-tools{z-index:61;opacity:.82;user-select:none;-webkit-user-select:none}.quick-tools.awake,.quick-tools:focus-within{opacity:1}}

/* Mobile quick access owns its touch gesture, including links and the grip. */
@media(max-width:820px){
 .quick-tools{bottom:auto;height:auto;touch-action:none;overscroll-behavior:contain}
 .quick-tools,.quick-tools *{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
}

/* ===== VDS sürümü: akıcı sayfa geçişi =====
   Aynı sitedeki sayfa değişimlerinde eski ve yeni sayfa kısa bir çapraz geçişle değişir (Chrome/Edge 126+, Safari 18.2+; desteklemeyen tarayıcıda eskisi gibi).
   Yavaş bağlantıda tıklamadan 0,15 sn sonra üstte ince bir yükleme çizgisi görünür; hızlı geçişlerde hiç görünmez. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.16s;animation-timing-function:ease-out}
html.fy-nav::after{content:"";position:fixed;left:0;top:0;width:100%;height:3px;z-index:2147483647;pointer-events:none;background:linear-gradient(90deg,#b8862f,#ffe9a8,#b8862f);box-shadow:0 0 6px #e2bc6899;transform:scaleX(0);transform-origin:0 50%;animation:fy-nav 9s cubic-bezier(.08,.6,.2,1) .15s forwards;will-change:transform}
@keyframes fy-nav{from{transform:scaleX(0)}to{transform:scaleX(.94)}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}html.fy-nav::after{animation:none;transform:scaleX(.6)}}