:root{--bg: #0d0e12;--bg-elevated: #15161c;--panel: #1a1c23;--panel-header: #232530;--border: #33353f;--border-strong: #474a56;--text: #e9e7e1;--text-dim: #8d8b87;--text-faint: #5c5a57;--danger: #b8433f;--ok: #4f8f5c;--water: #2a5f7c;--accent-good: #c9a24d;--accent-evil: #cf5349;--accent: var(--accent-good);--accent-text: #14100a;--radius: 6px;--shadow: 0 2px 10px rgba(0, 0, 0, .4);--worldmap-cell: 60px;font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[data-alignment=BOESE]{--accent: var(--accent-evil);--accent-text: #f3e6e6}:root[data-skin=mitternacht]{--bg: #0a0e1a;--bg-elevated: #0f1422;--panel: #141a29;--panel-header: #1c2437;--border: #2a3350;--border-strong: #5f667d;--text: #e6e9f2;--text-dim: #8791a8;--text-faint: #535a6c;--accent: #6f9bd8;--accent-text: #0a1220;--shadow: 0 2px 10px rgba(0, 0, 0, .45)}:root[data-skin=schiefer]{--bg: #17191d;--bg-elevated: #1d1f24;--panel: #22252b;--panel-header: #2c3038;--border: #3c414b;--border-strong: #6c7078;--text: #e7e9ec;--text-dim: #909499;--text-faint: #5d6065;--accent: #c9a24d;--accent-text: #14100a;--shadow: 0 2px 10px rgba(0, 0, 0, .45)}:root[data-skin=tiefwald]{--bg: #0a120c;--bg-elevated: #0f1811;--panel: #131e16;--panel-header: #1a2a1f;--border: #2a3d30;--border-strong: #5f6e63;--text: #e6ede7;--text-dim: #8aa091;--text-faint: #546459;--accent: #d0b45a;--accent-text: #101a12;--shadow: 0 2px 10px rgba(0, 0, 0, .45)}:root[data-skin=blutmond]{--bg: #120c0c;--bg-elevated: #181010;--panel: #1e1414;--panel-header: #2a1c1c;--border: #3d2a2a;--border-strong: #6f5e5e;--text: #efe5e5;--text-dim: #a68f8f;--text-faint: #685858;--accent: #cf5349;--accent-text: #f3e6e6;--shadow: 0 2px 10px rgba(0, 0, 0, .45)}:root[data-skin=pergament]{--bg: #e8ddc0;--bg-elevated: #ede3ca;--panel: #f2e9d3;--panel-header: #e3d5b0;--border: #c7b78c;--border-strong: #988c6a;--text: #201c14;--text-dim: #5c5340;--text-faint: #978d76;--accent: #9a6b18;--accent-text: #f7f1e2;--shadow: 0 2px 8px rgba(50, 40, 20, .16);color-scheme:light}:root[data-skin=elfenbein]{--bg: #f4efe4;--bg-elevated: #f8f3e9;--panel: #fbf7ee;--panel-header: #efe7d6;--border: #d8cdb6;--border-strong: #a79e8b;--text: #2a251c;--text-dim: #6b6252;--text-faint: #a59d8f;--accent: #a06a1c;--accent-text: #ffffff;--shadow: 0 2px 8px rgba(50, 40, 20, .16);color-scheme:light}:root[data-skin=schnee]{--bg: #eef1f5;--bg-elevated: #f7f8fa;--panel: #ffffff;--panel-header: #e6ebf1;--border: #cdd5df;--border-strong: #9aa1aa;--text: #171a20;--text-dim: #5a626e;--text-faint: #989ea7;--accent: #2f6bd0;--accent-text: #ffffff;--shadow: 0 2px 8px rgba(50, 40, 20, .16);color-scheme:light}:root[data-skin=sandstein]{--bg: #e7dcc8;--bg-elevated: #ece2cf;--panel: #f1e8d6;--panel-header: #ddccae;--border: #c3b18a;--border-strong: #968868;--text: #241d12;--text-dim: #5f533c;--text-faint: #988d77;--accent: #9c5f22;--accent-text: #ffffff;--shadow: 0 2px 8px rgba(50, 40, 20, .16);color-scheme:light}:root[data-skin=obsidian]{--bg: #050506;--bg-elevated: #0b0b0d;--panel: #111114;--panel-header: #1a1a1f;--border: #3a3a44;--border-strong: #6e6e76;--text: #f5f5f7;--text-dim: #9a9aa2;--text-faint: #5b5b60;--accent: #d8b25a;--accent-text: #111111;--shadow: 0 2px 10px rgba(0, 0, 0, .45)}:root[data-skin=reinweiss]{--bg: #ffffff;--bg-elevated: #ffffff;--panel: #ffffff;--panel-header: #f0f0f0;--border: #111111;--border-strong: #0c0c0c;--text: #000000;--text-dim: #3a3a3a;--text-faint: #8d8d8d;--accent: #0b3ea8;--accent-text: #ffffff;--shadow: 0 2px 8px rgba(50, 40, 20, .16);color-scheme:light}:root[data-skin=daemmerung]{--bg: #2b2b30;--bg-elevated: #333339;--panel: #3a3a41;--panel-header: #45454e;--border: #57575f;--border-strong: #818186;--text: #ecece9;--text-dim: #a4a4a0;--text-faint: #717171;--accent: #c9a24d;--accent-text: #14100a;--shadow: 0 2px 10px rgba(0, 0, 0, .45)}:root[data-skin=menschen]{--bg: #0e1017;--bg-elevated: #141720;--panel: #191d29;--panel-header: #232a3b;--border: #39425c;--border-strong: #6a7186;--text: #e8ebf3;--text-dim: #8b93a8;--text-faint: #575c6b;--accent: #8fa9d6;--accent-text: #0d1526;--shadow: 0 2px 10px rgba(0, 0, 0, .45)}:root[data-skin=elben]{--bg: #0b120d;--bg-elevated: #101913;--panel: #151f18;--panel-header: #1f2c23;--border: #33463a;--border-strong: #65756b;--text: #e7efe8;--text-dim: #8ba394;--text-faint: #55665b;--accent: #cbb15a;--accent-text: #101a12;--shadow: 0 2px 10px rgba(0, 0, 0, .45)}:root[data-skin=zwerge]{--bg: #12100c;--bg-elevated: #191510;--panel: #1f1a13;--panel-header: #2b241a;--border: #433824;--border-strong: #736956;--text: #efe7d8;--text-dim: #a89a82;--text-faint: #696050;--accent: #c98a3e;--accent-text: #1a1206;--shadow: 0 2px 10px rgba(0, 0, 0, .45)}:root[data-skin=halblinge]{--bg: #eae4cf;--bg-elevated: #efe9d5;--panel: #f4eeda;--panel-header: #e6dcbe;--border: #cabf95;--border-strong: #9b9271;--text: #221f13;--text-dim: #5e5a41;--text-faint: #99947d;--accent: #5f8f3a;--accent-text: #ffffff;--shadow: 0 2px 8px rgba(50, 40, 20, .16);color-scheme:light}:root[data-skin=orks]{--bg: #0d0908;--bg-elevated: #130d0c;--panel: #181110;--panel-header: #241715;--border: #3d2622;--border-strong: #6e5b57;--text: #ece2df;--text-dim: #a58d88;--text-faint: #655652;--accent: #cf4a3e;--accent-text: #f3e6e6;--shadow: 0 2px 10px rgba(0, 0, 0, .45)}:root[data-skin=untote]{--bg: #0c0f0d;--bg-elevated: #111513;--panel: #161b18;--panel-header: #1f2723;--border: #334039;--border-strong: #657069;--text: #e4ebe6;--text-dim: #8ba095;--text-faint: #56635c;--accent: #9fc08a;--accent-text: #0f1a12;--shadow: 0 2px 10px rgba(0, 0, 0, .45)}:root[data-skin=drow]{--bg: #0d0a12;--bg-elevated: #120f19;--panel: #17131f;--panel-header: #211b2e;--border: #372c49;--border-strong: #696078;--text: #ebe6f2;--text-dim: #988ea8;--text-faint: #5e5769;--accent: #9a6fd8;--accent-text: #120a1e;--shadow: 0 2px 10px rgba(0, 0, 0, .45)}:root[data-skin=drachen]{--bg: #100c0a;--bg-elevated: #16110e;--panel: #1c1512;--panel-header: #281911;--border: #3f2a1c;--border-strong: #705f53;--text: #efe6df;--text-dim: #a89184;--text-faint: #685951;--accent: #e0743a;--accent-text: #1a0e06;--shadow: 0 2px 10px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html{color-scheme:dark;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:var(--accent);color:var(--accent-text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:var(--bg-elevated);border-right:1px solid var(--border);padding:16px 0}.sidebar-brand{display:flex;align-items:center;padding:4px 18px 16px;margin-bottom:8px;border-bottom:1px solid var(--border);text-decoration:none}.sidebar-brand:hover{filter:brightness(1.12)}.sidebar-identity{display:flex;flex-direction:column;gap:1px;padding:0 18px 10px;margin-bottom:8px;border-bottom:1px solid var(--border)}.sidebar-identity-name{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-identity-server{font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-group{margin-bottom:18px}.sidebar-sitting-banner{margin:0 0 14px;padding:10px 18px;background:#b8433f26;border-top:2px solid var(--danger);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-dim)}.sidebar-sitting-banner button{align-self:flex-start}.city-switcher{display:flex;align-items:center;gap:6px;padding:4px 18px 14px}.city-switcher button{background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius);width:22px;height:22px;padding:0;font-size:11px;flex-shrink:0}.city-switcher button:hover{color:var(--accent);border-color:var(--accent)}.city-switcher-name{flex:1;min-width:0;text-align:center;font-size:12.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.city-collapse-row{display:flex;justify-content:center;margin-top:-10px;padding:0 18px 12px}.city-collapse-btn{background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius);width:20px;height:20px;padding:0;font-size:10px;line-height:1;cursor:pointer}.city-collapse-btn:hover{color:var(--accent);border-color:var(--accent)}.sidebar-group h4{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:0 0 6px 18px}.sidebar-group h4.collapsible{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:4px}.sidebar-group h4.collapsible:hover{color:var(--text-dim)}.sidebar-group h4 .sidebar-caret{display:inline-block;padding:0 2px;font-size:11px;width:12px;color:var(--text);cursor:pointer}.sidebar-group h4 .unread-marker{display:inline;padding:0;color:var(--text-faint);text-transform:none;letter-spacing:normal;font-weight:600}.sidebar-group h4.has-title-link{cursor:default}.sidebar-group .group-title-caret{flex:0 0 auto;padding:0;margin:0;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;align-items:center}.sidebar-group .group-title-caret:hover{color:var(--text-dim)}.sidebar-group a.group-title-link{display:inline-flex;align-items:center;padding:0;border-left:none;font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}.sidebar-group a.group-title-link:hover{background:none;color:var(--text-dim)}.sidebar-group a.group-title-link.active{background:none;color:var(--accent);border-left:none}.sidebar-group a,.sidebar-group span{display:block;padding:6px 18px;font-size:13px;color:var(--text-dim);border-left:2px solid transparent;transition:background .12s ease,color .12s ease,border-color .12s ease}.sidebar-group a:hover{background:var(--panel-header);color:var(--text)}.sidebar-group a.active{background:var(--panel-header);color:var(--accent);border-left-color:var(--accent);font-weight:600}.sidebar-group span.disabled{color:var(--text-faint);cursor:default}.sidebar-group button.sidebar-logout{display:block;width:100%;text-align:left;background:transparent;border:none;border-left:2px solid transparent;padding:6px 18px;font-size:13px;color:var(--text-dim);cursor:pointer;transition:background .12s ease,color .12s ease}.sidebar-group button.sidebar-logout:hover{background:var(--panel-header);color:var(--danger)}.sidebar-group .premium-marker,.sidebar-group .xxl-marker{display:inline;padding:0;color:var(--accent-good);font-weight:700}.sidebar-group .reward-marker{display:inline;padding:0;color:var(--ok);font-weight:700}.mobile-topbar{display:none;align-items:center;gap:14px;padding:10px 14px;background:var(--bg-elevated);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.mobile-topbar-title{font-weight:700;letter-spacing:.04em;color:var(--accent)}.mobile-topbar-clock{margin-left:auto;font-size:14px;color:var(--text-dim);font-variant-numeric:tabular-nums}.sidebar-toggle{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:4px;width:34px;height:34px;font-size:16px;line-height:1;padding:0}.sidebar-toggle:hover:not(:disabled){filter:none;border-color:var(--accent)}.sidebar-backdrop{display:none}.main{display:flex;flex-direction:column;min-width:0}.resource-bar{display:flex;gap:28px;align-items:center;justify-content:center;padding:10px 22px;background:var(--bg-elevated);border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;overflow-x:auto}.resource-bar .item{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:baseline;column-gap:4px;row-gap:1px;line-height:1.25;white-space:nowrap}.resource-bar .item .label{grid-column:1 / -1;justify-self:center;font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}.resource-bar .item .current{font-variant-numeric:tabular-nums}.resource-bar .item .current--over{color:var(--warn, #e0a100);font-weight:600}.resource-bar .item .cap{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-faint)}.resource-bar .item .rate{grid-column:1 / -1;justify-self:center;font-size:10px;color:var(--ok)}.content{padding:22px;display:flex;flex-direction:column;gap:18px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.content:has(.wide-panel){max-width:1600px}.panel{background:var(--panel);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:var(--radius);overflow-x:auto;overflow-y:hidden;box-shadow:var(--shadow)}.panel-header{background:var(--panel-header);padding:10px 14px;font-weight:600;font-size:13px;letter-spacing:.03em;text-align:center;color:var(--text);border-bottom:1px solid var(--border)}button.panel-header.queue-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-family:inherit;cursor:pointer}button.panel-header.queue-toggle:hover{filter:brightness(1.08)}table{width:100%;border-collapse:collapse;background:var(--panel);font-variant-numeric:tabular-nums}th,td{padding:8px 14px;text-align:left;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--text-faint);font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}th.sortable-th:hover{color:var(--accent)}th.col-num,td.col-num{padding-left:8px;padding-right:8px;text-align:right;white-space:nowrap}.building-table{table-layout:fixed;width:auto}.building-table td{border-bottom:none}.name-thumb{width:80px;height:80px;object-fit:contain;border-radius:8px;vertical-align:middle;margin-right:10px;flex-shrink:0}.unit-name-cell{display:flex;align-items:center}.unit-name-col{display:flex;flex-direction:column;min-width:0;flex:1}.name-thumb--info{cursor:pointer}.name-thumb--info:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bld-ico{position:relative;display:inline-grid;place-items:center;width:48px;height:48px;border-radius:8px;margin-right:10px;vertical-align:middle;flex-shrink:0;background:radial-gradient(circle at 35% 30%,var(--panel-header),var(--bg-elevated));border:1px solid var(--border-strong);font-size:25px;line-height:1;-webkit-user-select:none;user-select:none}.bld-ico--info{cursor:pointer}.bld-ico--info:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bld-ico-emoji{filter:saturate(1.05)}.bld-ico img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:8px}.protection-panel{width:fit-content;max-width:min(560px,100%);margin:0 auto 16px;overflow-wrap:anywhere}@media (max-width: 640px){.protection-panel{width:auto;max-width:100%}}.b-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}@media (max-width: 900px){.b-grid{grid-template-columns:1fr}}.b-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.b-head{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;background:var(--panel-header);border:none;border-bottom:1px solid var(--border);color:var(--text);font:inherit;cursor:pointer;text-align:left}.b-head:hover{background:color-mix(in oklab,var(--panel-header) 88%,var(--text) 12%)}.b-head-ic{width:20px;height:20px;color:var(--accent);flex-shrink:0}.b-head-title{font-weight:700;letter-spacing:.2px}.b-head-count{color:var(--text-faint);font-size:11px}.b-chevron{width:20px;height:20px;margin-left:auto;color:var(--text);transition:transform .15s ease}.b-chevron.is-collapsed{transform:rotate(-90deg)}.b-body{display:flex;flex-direction:column}.b-row{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(150px,auto) auto;grid-template-areas:"icon mid cost act";align-items:center;gap:10px 16px;padding:10px 14px;border-top:1px solid var(--border)}.b-row>.bld-ico{grid-area:icon}.b-row>.b-mid{grid-area:mid}.b-row>.b-costcol{grid-area:cost}.b-row>.b-act{grid-area:act}.b-costcol{display:flex;align-items:center;justify-content:center}@media (max-width: 640px){.b-row{grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"icon mid  act" "cost cost cost";row-gap:8px}.b-costcol{justify-content:flex-start}}.b-row:first-child{border-top:none}.b-row.is-maxed{opacity:.72}.b-mid{min-width:0}.b-name-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.b-name{font-weight:600}.b-lvl{font-size:10.5px;font-weight:700;letter-spacing:.3px;color:var(--accent);background:color-mix(in oklab,var(--accent) 14%,transparent);border:1px solid color-mix(in oklab,var(--accent) 32%,transparent);border-radius:5px;padding:1px 6px;white-space:nowrap}.b-lvl.is-max{color:var(--text-dim);background:color-mix(in oklab,var(--text) 8%,transparent);border-color:var(--border-strong)}.b-desc{margin-top:2px;font-size:11.5px;line-height:1.35;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.b-cost{display:grid;grid-template-columns:max-content max-content;gap:2px 14px}.bc{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}.bc-ic{width:16px;height:16px;padding:1.5px;border-radius:5px;flex-shrink:0}.bc-wood{color:#c98a4e}.bc-wood .bc-ic{background:#c98a4e29}.bc-stone{color:#aab2bd}.bc-stone .bc-ic{background:#aab2bd29}.bc-iron{color:#8fb4d6}.bc-iron .bc-ic{background:#8fb4d629}.bc-food{color:#82c05a}.bc-food .bc-ic{background:#82c05a29}.b-maxed{margin-top:4px;font-size:12px;color:var(--text-faint)}.bc.is-short{color:var(--danger);font-weight:700}.bc.is-short .bc-ic{background:#c8504a38;box-shadow:inset 0 0 0 1px var(--danger)}.b-act{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:150px}.b-act .b-build{min-width:100px}.b-act .b-coin{padding:4px 8px;display:inline-flex;align-items:center;gap:4px}.b-coin-cost{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:3px}.b-dt{display:flex;align-items:center;gap:8px}@media (max-width: 640px){.b-act{min-width:0}}.b-eta{font-size:10.5px;color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.unit-atkdef{color:var(--text-dim);font-weight:400;white-space:nowrap}.sim-atkdef{font-size:12px;font-variant-numeric:tabular-nums}.kb-flank-atkdef{font-size:11px;font-variant-numeric:tabular-nums}.name-stationed{color:var(--text-dim);font-size:12px;margin-top:2px}.building-table tbody tr{height:120px}.building-table td,.building-table th{padding-left:6px;padding-right:6px}.building-table td button.coin-btn{padding:3px 5px;display:inline-flex;align-items:center;justify-content:center;gap:4px;width:100%;white-space:nowrap;height:100%;box-sizing:border-box}.qty-input{width:84px}.qty-cell{display:inline-flex;flex-direction:column;gap:3px;align-items:stretch}.qty-max-btn{width:84px;padding:2px 4px;font-size:11px;font-weight:600;background:transparent;color:var(--accent);border:1px solid var(--accent);white-space:nowrap}.qty-max-btn:hover:not(:disabled){background:var(--accent);color:var(--accent-text);filter:none}.building-table td.taler-btn-cell{padding-left:16px}.werk-tables{overflow-x:auto;width:max-content;max-width:100%}.werk-tables .building-table{width:100%}.wide-panel:has(.werk-tables){width:fit-content;max-width:100%}.alliance-overview-facts{display:flex;flex-direction:column;gap:6px;padding:12px;align-items:center;text-align:center}.alliance-overview-facts .fact{display:flex;gap:12px;align-items:baseline}.alliance-overview-facts .fact .label{min-width:130px;opacity:.65;text-transform:uppercase;font-size:12px;letter-spacing:.03em}.werk-tables .werk-queue-cell{font-size:11px;opacity:.6;white-space:nowrap;font-variant-numeric:tabular-nums;padding-left:16px}.skincfg-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}@media (max-width: 820px){.skincfg-grid{grid-template-columns:1fr}}.skincfg-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.skincfg-preset{display:inline-flex;align-items:center;gap:7px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:4px 11px 4px 6px;font-size:12px;color:var(--text);cursor:pointer}.skincfg-preset:hover{border-color:var(--border-strong)}.skincfg-preset .dots{display:inline-flex}.skincfg-preset .dots i{width:11px;height:11px;border-radius:50%;display:block;margin-left:-4px;border:1px solid rgba(0,0,0,.4)}.skincfg-preset .dots i:first-child{margin-left:0}.skincfg-field{padding:12px 0;border-top:1px solid var(--border)}.skincfg-field:first-of-type{border-top:none}.skincfg-field-head{display:flex;align-items:center;gap:10px;margin-bottom:9px;flex-wrap:wrap}.skincfg-swatch{width:26px;height:26px;border-radius:5px;border:1px solid var(--border-strong);flex:none}.skincfg-field-name{font-weight:600;font-size:14px}.skincfg-field-desc{color:var(--text-faint);font-size:12px}.skincfg-field-hex{margin-left:auto;display:flex;align-items:center;gap:6px}.skincfg-field-hex input[type=text]{width:88px;background:var(--bg);border:1px solid var(--border-strong);color:var(--text);border-radius:4px;padding:4px 7px;font:inherit;font-size:12px;font-variant-numeric:tabular-nums;text-transform:uppercase}.skincfg-field-hex input[type=color]{width:26px;height:26px;padding:0;border:1px solid var(--border-strong);border-radius:4px;background:none;cursor:pointer}.skincfg-palette{display:flex;flex-wrap:wrap;gap:6px}.skincfg-sw{width:24px;height:24px;border-radius:5px;border:1px solid rgba(127,127,127,.35);cursor:pointer;padding:0}.skincfg-sw[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.skincfg-contrast{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.skincfg-cbadge{font-size:12px;border:1px solid var(--border);border-radius:6px;padding:5px 9px;display:inline-flex;gap:7px;align-items:center}.skincfg-cbadge b{font-variant-numeric:tabular-nums}.skincfg-tag{font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:1px 6px;border-radius:4px}.skincfg-tag--ok{background:color-mix(in srgb,var(--ok) 22%,transparent);color:color-mix(in srgb,var(--ok) 70%,var(--text))}.skincfg-tag--warn{background:color-mix(in srgb,var(--danger) 22%,transparent);color:color-mix(in srgb,var(--danger) 60%,var(--text))}.skincfg-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;align-items:center}.skincfg-active{font-size:12px;color:var(--ok)}.skincfg-preview{position:sticky;top:16px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:var(--bg);color:var(--text);box-shadow:var(--shadow);display:grid;grid-template-columns:120px 1fr;min-height:320px}.skincfg-pv-nav{background:var(--panel);border-right:1px solid var(--border);padding:10px 0}.skincfg-pv-brand{font-weight:700;font-size:13px;color:var(--accent);text-align:center;padding:0 8px 10px;border-bottom:1px solid var(--border);letter-spacing:.04em}.skincfg-pv-nav a{display:block;padding:6px 13px;font-size:12.5px;color:var(--text);opacity:.82}.skincfg-pv-nav a.active{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);opacity:1;border-left:2px solid var(--accent)}.skincfg-pv-main{background:var(--bg);padding:12px;display:flex;flex-direction:column;gap:11px}.skincfg-pv-res{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}.skincfg-pv-res b{color:var(--text)}.skincfg-pv-panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;overflow:hidden}.skincfg-pv-panel .ph{background:var(--panel-header);border-bottom:1px solid var(--border);padding:6px 10px;font-weight:600;font-size:13px}.skincfg-pv-table{width:100%;border-collapse:collapse;font-size:12px}.skincfg-pv-table td,.skincfg-pv-table th{padding:6px 10px;text-align:left}.skincfg-pv-table thead th{color:var(--text-dim);font-weight:500;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.skincfg-pv-table tbody tr+tr td{border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.skincfg-pv-btn{background:var(--accent);color:var(--accent-text);border:none;border-radius:4px;padding:4px 9px;font:inherit;font-weight:600;font-size:12px}.skincfg-pv-link{color:var(--accent);font-size:12px}.train-info{display:flex;flex-direction:column;gap:1px;font-size:11px;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums;padding-left:10px}.train-info-max{opacity:.75}.train-info--card{flex-direction:row;gap:12px;padding:0 12px 4px;opacity:.9}.total-cost{display:grid;grid-template-columns:auto auto;gap:1px 8px;font-size:11px;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap;align-content:start}.total-cost .tc-mul{grid-column:1 / -1;color:var(--accent);font-weight:600;margin-bottom:1px}.total-cost .tc-row{display:contents}.total-cost .tc-lbl{color:var(--text-dim)}.total-cost .tc-val{text-align:right}.total-cost--card{display:flex;flex-wrap:wrap;gap:4px 12px;padding:2px 12px 4px}.total-cost--card .tc-lead{width:100%;color:var(--accent);font-weight:600}.total-cost--card .tc-row{display:inline-flex;gap:5px}.alliance-pres-tabs{display:flex;gap:6px}.alliance-pres-tabs button{font-size:12px;padding:4px 10px}.alliance-pres-tabs button:not(.active){background:var(--panel-2, rgba(255, 255, 255, .06));color:var(--text-dim, #a99f8c)}.war-history-toggle{display:flex;align-items:center;gap:6px;width:100%;text-align:left;background:none;border:none;cursor:pointer;color:inherit;font:inherit}.war-history-body{padding:8px 14px 12px;display:flex;flex-direction:column;gap:10px}.war-history-item{border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px}.war-history-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.war-history-meta{font-size:12px;color:var(--text-dim);margin:2px 0 0 24px}.war-history-reports{margin:8px 0 0 24px;display:flex;flex-direction:column;gap:2px}.war-report-row{display:flex;align-items:center;gap:14px;width:100%;background:none;border:none;border-top:1px solid var(--border);padding:6px 2px;cursor:pointer;color:inherit;font:inherit;font-size:13px;font-variant-numeric:tabular-nums;text-align:left}.war-report-row:hover{background:#f1e2bd0d}.building-panel{width:fit-content;max-width:100%;margin:0 auto}.linklike{background:none;border:none;padding:0;margin:0;font:inherit;color:var(--accent);cursor:pointer;text-align:left}.linklike:hover{text-decoration:underline}.mini-btn{padding:2px 7px;font-size:11px;line-height:1.4}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg-elevated)}.mobile-cards{display:none}.mobile-card{border-bottom:1px solid var(--border)}.mobile-card:last-child{border-bottom:none}.mobile-card-summary{display:flex;align-items:center;gap:10px;padding:10px 14px}.mobile-card-toggle{background:transparent;color:var(--text);border:none;padding:0;width:24px;height:24px;flex-shrink:0;font-size:15px}.mobile-card-toggle:hover:not(:disabled){filter:none;color:var(--accent)}.mobile-card-name{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:13px}.mobile-card-name-btn{background:transparent;color:var(--text-faint);border:none;padding:0 2px;font-size:12px}.mobile-card-meta{flex-shrink:0;font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums;text-align:right}.mobile-card-details{padding:0 14px 12px 48px;display:flex;flex-direction:column;gap:7px}.mobile-card-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:13px}.city-status-icons{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.city-status-icon{display:inline-flex;align-items:center;gap:2px;font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums;cursor:default}.city-status-training{flex-direction:column;align-items:center;gap:0;font-size:10px;line-height:1.05}.city-status-training .cst-kk{font-size:9px;opacity:.75}.city-name-cell{white-space:nowrap}.city-rename-btn{padding:0 4px;font-size:11px;line-height:1.3;min-width:0}.stadtansicht-section{padding:14px 0;border-top:1px solid var(--border);text-align:center}.stadtansicht-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center}.stadtansicht-section:first-of-type{border-top:0}.stadtansicht-label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.7;margin-bottom:8px}.mobile-card-summary--clickable{cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-card-summary--clickable:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.mobile-card-summary--clickable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.kb-unread td,.mobile-card.kb-unread .mobile-card-name{font-weight:700}.kb-detail{display:flex;flex-direction:column;gap:14px;padding:10px 4px 4px}.kb-route{font-size:13px;color:var(--text-dim)}.kb-phase-title{font-weight:600;color:var(--accent);font-size:12px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}.kb-groups{display:flex;flex-wrap:wrap;gap:10px 24px}.kb-group{min-width:190px;flex:1 1 190px;border-left:2px solid var(--border);padding-left:10px;display:flex;flex-direction:column}.kb-group-title{font-weight:600;font-size:12.5px;margin-bottom:3px}.kb-line{font-size:13px;line-height:1.5}.kb-count{font-variant-numeric:tabular-nums;color:var(--text-dim)}.kb-role{color:var(--text-faint)}.kb-empty{color:var(--text-faint);font-style:italic}.kb-total{margin-top:auto;padding-top:4px;border-top:1px solid var(--border);font-weight:600;font-variant-numeric:tabular-nums}.kb-extras{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:12.5px;color:var(--text-dim)}.kb-duell{--kb-atk: var(--danger);--kb-def: #5c86a8;display:grid;grid-template-columns:1fr auto 1fr;border:1px solid var(--border);border-radius:var(--radius, 6px);overflow:hidden;background:var(--panel)}.kb-flank{padding:16px 16px 14px;min-width:0}.kb-flank-atk{background:linear-gradient(180deg,color-mix(in oklab,var(--kb-atk) 14%,var(--panel)),var(--panel) 52%)}.kb-flank-def{background:linear-gradient(180deg,color-mix(in oklab,var(--kb-def) 16%,var(--panel)),var(--panel) 52%);text-align:right}.kb-flank-role{font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;font-weight:600}.kb-flank-atk .kb-flank-role{color:var(--kb-atk)}.kb-flank-def .kb-flank-role{color:var(--kb-def)}.kb-flank-who{font-size:19px;font-weight:700;line-height:1.15;margin-top:2px}.kb-flank-place{color:var(--text-dim);font-size:12.5px;font-variant-numeric:tabular-nums}.kb-flank-power{margin-top:12px}.kb-flank-power-k{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.kb-flank-power-v{font-size:24px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.kb-flank-atk .kb-flank-power-v{color:var(--kb-atk)}.kb-flank-def .kb-flank-power-v{color:var(--kb-def)}.kb-flank-units{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}.kb-flank-units li{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;border-bottom:1px dotted var(--border);padding-bottom:5px}.kb-flank-def .kb-flank-units li{flex-direction:row-reverse}.kb-flank-unit{color:var(--text)}.kb-flank-lost{color:var(--danger);font-size:12px}.kb-flank-stat{color:var(--text-dim);font-size:12px;font-variant-numeric:tabular-nums}.kb-flank-cnt{color:var(--text-dim);font-variant-numeric:tabular-nums}.kb-flank-empty{color:var(--text-faint);font-style:italic;justify-content:flex-start!important}.kb-vs{display:grid;place-items:center;padding:0 4px;border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--panel-header, var(--panel))}.kb-seal{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;text-align:center;padding:0 12px;box-sizing:border-box;line-height:1.14;color:#f6efe6;border:2px solid color-mix(in oklab,var(--accent) 65%,#000);box-shadow:inset 0 2px 8px #ffffff24,0 4px 14px #00000047}.kb-seal--win{background:radial-gradient(circle at 38% 32%,color-mix(in oklab,var(--ok) 80%,#000 4%),color-mix(in oklab,var(--ok) 100%,#000 40%))}.kb-seal--loss{background:radial-gradient(circle at 38% 32%,color-mix(in oklab,var(--danger) 82%,#000 6%),color-mix(in oklab,var(--danger) 100%,#000 34%))}.kb-seal-1{font-weight:700;font-size:10px;letter-spacing:0;text-transform:uppercase;white-space:nowrap}.kb-seal-2{font-weight:700;font-size:10px;letter-spacing:0;margin-top:2px}.kb-duell-foot{grid-column:1 / -1;border-top:1px solid var(--border);padding:10px 16px;display:flex;gap:8px 22px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--text-dim);background:var(--panel-header, var(--panel))}.kb-duell-foot b{font-variant-numeric:tabular-nums}.kb-kkv-pos{color:var(--ok)}@media (max-width: 620px){.kb-duell{grid-template-columns:1fr}.kb-flank-def{text-align:left}.kb-flank-def .kb-flank-units li{flex-direction:row}.kb-vs{border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px}}.rank-actions{display:inline-grid;grid-template-columns:repeat(3,34px);gap:4px;align-items:center}.rank-actions .rank-act{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 0;line-height:1;width:34px;min-width:34px}.rank-actions .rank-act-slot{display:block;width:34px}.sim-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sim-col{border:1px solid var(--border);border-radius:var(--radius, 6px);padding:10px;background:var(--panel);min-width:0}.sim-col-head{font-weight:600;font-size:13px;margin-bottom:6px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.sim-col-head--atk{color:var(--danger)}.sim-col-head--def{color:#5c86a8}.sim-units{width:100%;border-collapse:collapse}.sim-units td,.sim-units th{padding:3px 6px;font-size:13px;border-bottom:1px solid var(--border)}.sim-units th{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-weight:600}.sim-units td.col-num,.sim-units th.col-num{text-align:right;font-variant-numeric:tabular-nums}.sim-result{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);padding-top:12px}.sim-verdict{font-weight:700;font-size:17px;text-align:center;padding:6px;border-radius:var(--radius, 6px)}.sim-verdict--atk{color:var(--danger);background:color-mix(in oklab,var(--danger) 14%,var(--panel))}.sim-verdict--def{color:#5c86a8;background:color-mix(in oklab,#5c86a8 16%,var(--panel))}.sim-powers{display:flex;gap:8px 20px;flex-wrap:wrap;justify-content:center;font-size:13.5px;color:var(--text-dim)}.sim-powers b{color:var(--text);font-variant-numeric:tabular-nums}.sim-res-title{font-weight:600;font-size:12.5px;margin-bottom:4px}@media (max-width: 560px){.sim-grid{grid-template-columns:1fr}}.mobile-card-row-stacked{flex-direction:column;align-items:flex-start;gap:2px}.mobile-card-row .label{color:var(--text-faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;padding:2px 14px 10px}.stat-grid .stat{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px}.stat-grid .stat .label{color:var(--text-faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em}.stat-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 14px 12px}.stat-card-actions:has(>.qty-cell){display:grid;grid-template-columns:auto 1fr auto;align-items:stretch}.stat-card-actions:has(>.qty-cell)>.qty-cell{align-self:center}button{background:var(--accent);color:var(--accent-text);border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.02em;transition:filter .12s ease,transform .05s ease}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{background:var(--border);color:var(--text-faint);cursor:not-allowed}input,select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:6px 8px;font-size:13px;font-family:inherit}.start-layout{width:100%;max-width:1080px;margin:0 auto;padding:48px 4px;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.start-brand{min-width:0}.start-logo{display:flex;align-items:center;gap:22px;color:var(--accent)}.start-logo svg{width:clamp(88px,11vw,138px);height:auto;flex-shrink:0}.start-title{margin:0;font-family:Cinzel,Georgia,serif;font-weight:800;text-transform:uppercase;letter-spacing:.03em;line-height:.92;font-size:clamp(38px,5.4vw,68px);color:var(--accent)}.start-story{margin-top:30px;max-width:46ch;color:var(--text-dim);font-size:17px;line-height:1.72}.start-story p{margin:0 0 14px}.start-tagline{font-family:Cinzel,Georgia,serif;font-weight:700;letter-spacing:.06em;font-size:19px;color:var(--text);margin-bottom:18px!important}.start-login{display:flex;justify-content:center}.start-login .auth-form{margin:0;width:100%;max-width:360px}@media (max-width: 820px){.start-layout{grid-template-columns:1fr;gap:34px;padding:28px 4px 40px}.start-login{order:-1}.start-brand{text-align:center}.start-logo{flex-direction:column;gap:14px}.start-story{margin-left:auto;margin-right:auto}}.auth-form{max-width:340px;margin:100px auto;display:flex;flex-direction:column;gap:10px;padding:28px;background:var(--panel);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow)}.auth-form h2{margin:0 0 8px;font-size:19px;letter-spacing:.01em}.auth-form input{padding:9px 10px}.auth-form a{color:var(--accent);font-size:12px;margin-top:4px}.auth-form a:hover{text-decoration:underline}.error,.success{font-size:12px;padding:8px 12px;border-radius:4px;border:1px solid transparent}.error{color:var(--danger);background:#b8433f1f;border-color:#b8433f4d}.success{color:var(--ok);background:#4f8f5c1f;border-color:#4f8f5c4d}.worldmap-frame{position:relative;display:inline-block;padding:30px 44px;border-radius:8px;background:repeating-linear-gradient(90deg,#6b4a2b 0,#6b4a2b 10px,#7d5a37 10px,#7d5a37 12px,#6b4a2b 12px,#6b4a2b 22px),linear-gradient(180deg,#6b4a2b,#432c15);box-shadow:0 8px 22px #0000008c,inset 0 0 0 3px #00000059,inset 0 0 26px #00000073}.worldmap-frame:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:2px solid rgba(0,0,0,.28);border-radius:4px;pointer-events:none}.worldmap-body{position:relative;display:grid;grid-template-columns:20px auto 20px;grid-template-rows:auto 18px}.worldmap-rail{display:grid;color:#f1e2bd;font-size:10px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.7)}.worldmap-rail span{display:flex;align-items:center}.worldmap-rail.left{grid-column:1;grid-row:1}.worldmap-rail.left span{justify-content:flex-start;padding-left:2px}.worldmap-rail.right{grid-column:3;grid-row:1}.worldmap-rail.right span{justify-content:flex-end;padding-right:2px}.worldmap-colrail{grid-column:2;grid-row:2;display:grid;padding-top:3px;color:#f1e2bd;font-size:10px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.7)}.worldmap-colrail span{display:flex;justify-content:center}.worldmap-parchment{grid-column:2;grid-row:1;position:relative;background:radial-gradient(ellipse at 25% 15%,rgba(255,255,255,.25),transparent 55%),radial-gradient(ellipse at 80% 90%,rgba(0,0,0,.12),transparent 60%),linear-gradient(135deg,#ecd9ab,#d8c085 55%,#c8ac70);border:2px solid rgba(58,38,18,.55);box-shadow:inset 0 0 30px #3a261259}.worldmap-grid{display:grid}.worldmap-cell{border:1px solid rgba(58,38,18,.14);display:flex;align-items:center;justify-content:center;padding:2px}.worldmap-cell.clickable{cursor:pointer}.worldmap-cell.clickable:hover{background:#ffffff38}.worldmap-pan-grid{display:inline-grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto auto;gap:5px;align-items:center;justify-items:center}.worldmap-pan-center{grid-column:2;grid-row:2}.worldmap-edge{padding:0;border-radius:999px;background:#140e0652;border:1px solid rgba(241,226,189,.35);color:#f1e2bdd9;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.worldmap-edge:hover:not(:disabled){background:#140e0699;border-color:#f1e2bdb3;color:#f1e2bd}.worldmap-edge:active:not(:disabled){transform:scale(.97)}.worldmap-edge:disabled{opacity:.25;cursor:default}.worldmap-edge--n{grid-column:2;grid-row:1;height:20px;width:56px}.worldmap-edge--s{grid-column:2;grid-row:3;height:20px;width:56px}.worldmap-edge--w{grid-column:1;grid-row:2;width:20px;height:56px}.worldmap-edge--e{grid-column:3;grid-row:2;width:20px;height:56px}@media (prefers-reduced-motion: reduce){.worldmap-edge{transition:none}}@media (max-width: 860px){:root{--worldmap-cell: 30px}.worldmap-frame--gross{--worldmap-cell: min(30px, calc((100vw - 200px) / 9))}.app-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.mobile-topbar{display:flex}.sidebar{position:fixed;top:0;right:25%;bottom:0;left:0;max-width:300px;z-index:30;overflow-y:auto;display:none;box-shadow:4px 0 18px #00000080}.sidebar.open{display:block;transform:translate(0);animation:sidebar-slide-in .2s ease}@keyframes sidebar-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:25}.sidebar-group a,.sidebar-group span,.sidebar-group button.sidebar-logout{padding:11px 18px;font-size:14px}.content{padding:14px;gap:14px}.resource-bar{display:grid;grid-template-columns:auto 1fr auto auto;align-items:baseline;row-gap:0;column-gap:8px;padding:4px 14px 2px;overflow-x:hidden}.resource-bar .item{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:baseline;padding:4px 0;border-bottom:1px solid var(--border)}@supports not (grid-template-columns: subgrid){.resource-bar .item{display:contents}.resource-bar .item>*{border-bottom:1px solid var(--border)}.resource-bar .item:last-child>*,.resource-bar .item:nth-last-child(2)>*{border-bottom:none}}.resource-bar .item .label,.resource-bar .item .rate{grid-column:auto;justify-self:auto}.resource-bar .item--clock{display:none}.resource-bar .item:nth-last-child(2){border-bottom:none}.resource-bar .item>*{line-height:1.2}.resource-bar .item:last-child{border-bottom:none}.resource-bar .item .current,.resource-bar .item .cap{text-align:right;font-variant-numeric:tabular-nums}.resource-bar .item .cap{white-space:nowrap}.alliance-full-name{display:none}.resource-bar .item .rate{text-align:right;min-width:44px}.mobile-table{display:none}.mobile-cards{display:block}table.autostack,table.autostack tbody{display:block;width:100%}table.autostack thead{display:none}table.autostack tr{display:block;border:1px solid var(--border);border-radius:var(--radius);padding:4px 10px;margin:0 0 8px}table.autostack tr:last-child{margin-bottom:0}table.autostack td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;text-align:right;padding:6px 0;border:none;border-bottom:1px solid var(--border);overflow-wrap:anywhere}table.autostack tr td:last-child{border-bottom:none}table.autostack td:before{content:attr(data-label);font-weight:600;text-align:left;color:var(--text-faint);white-space:nowrap}table.autostack td[data-label=""]:before{content:none}table.autostack td[data-fullwidth]{justify-content:center;text-align:center}table.autostack td[data-fullwidth]:before{content:none}.building-panel{width:100%}.auth-form{margin:40px auto;max-width:none;width:calc(100% - 32px);padding:20px}}.public-shell{min-height:100vh;display:flex;flex-direction:column}.public-nav{display:flex;align-items:center;gap:22px;padding:12px 22px;background:#17120b;border-bottom:1px solid rgba(241,226,189,.18);flex-wrap:wrap}.public-nav-brand{font-weight:800;letter-spacing:1px;color:#f1e2bd;text-decoration:none;font-size:18px}.public-nav-links{display:flex;gap:18px;flex-wrap:wrap}.public-nav-links a{color:#c9b48a;text-decoration:none;font-size:14px;padding:4px 2px}.public-nav-links a:hover,.public-nav-links a.active{color:#f1e2bd}.public-main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:26px 16px}.public-footer{display:flex;justify-content:center;padding:16px 22px;background:#17120b;border-top:1px solid rgba(241,226,189,.18)}.public-footer-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.public-footer-links a{color:#9a875f;text-decoration:none;font-size:13px;padding:2px}.public-footer-links a:hover,.public-footer-links a.active{color:#f1e2bd}.legal-page{max-width:760px;width:100%;line-height:1.6;color:#e8e2d4}.legal-page h1{font-size:24px;margin:0 0 16px;color:#f1e2bd}.legal-page h2{font-size:17px;margin:22px 0 6px;color:#f1e2bd}.legal-page h3{font-size:14px;margin:14px 0 4px;color:#e8dcc0}.legal-page p{margin:0 0 10px}.legal-list{margin:0 0 10px;padding-left:22px}.legal-list li{margin:0 0 6px}.legal-form{margin:4px 0 10px;padding:12px 14px;border:1px solid rgba(241,226,189,.18);border-radius:6px;background:#17120b80;overflow-wrap:anywhere}.legal-form p{margin:0 0 8px}.legal-line{display:block;width:100%;height:1.2em;border-bottom:1px solid currentColor}.legal-blank{display:inline-block;min-width:12ch;border-bottom:1px solid currentColor}.legal-meta{margin-top:24px;font-size:12px;opacity:.6}.guide-num{background:#17120b8c;border:1px solid rgba(217,180,91,.28);border-left:3px solid #d9b45b;border-radius:8px;padding:12px 15px 4px;margin:10px 0 14px;font-size:14px}.guide-num-h{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#d9b45b;font-weight:600;margin-bottom:6px}.guide-num ul{margin:4px 0 8px;padding-left:20px}.guide-num li{margin:3px 0}.guide-tag{display:inline-block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:1px 7px;border-radius:999px;border:1px solid rgba(217,180,91,.5);color:#d9b45b;vertical-align:middle;margin-left:6px}.guide-table-wrap{overflow-x:auto;margin:10px 0 6px}.guide-table{border-collapse:collapse;width:100%;font-size:13.5px;min-width:440px}.guide-table th,.guide-table td{text-align:left;padding:6px 10px;border-bottom:1px solid rgba(241,226,189,.14)}.guide-table thead th{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#d9b45b;font-weight:600;border-bottom:1px solid rgba(217,180,91,.4)}.guide-table td.n,.guide-table th.n{text-align:right;font-variant-numeric:tabular-nums}.guide-role-off{color:#cf5b52;font-weight:600}.guide-role-def{color:#6f9bd8;font-weight:600}.kb-lead{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#d9b45b;font-weight:600;margin:20px 0 2px}.kb{border:1px solid rgba(241,226,189,.2);border-radius:10px;overflow:hidden;margin:10px 0;background:#17120b59}.kb-head{font-size:13.5px;font-weight:600;padding:9px 14px;background:#17120b99;border-bottom:1px solid rgba(241,226,189,.14);display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.kb-head .kb-lesson{margin-left:auto;font-weight:400;font-size:12px;color:#b7ad97;font-style:italic}.kb-grid{display:grid;grid-template-columns:1fr 1fr}.kb-side{padding:11px 14px;font-size:13.5px}.kb-side.att{border-right:1px solid rgba(241,226,189,.14)}.kb-role{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;margin-bottom:3px}.kb-side.att .kb-role{color:#cf5b52}.kb-side.def .kb-role{color:#6f9bd8}.kb-army{margin:0 0 2px}.kb-pow{margin:0;font-variant-numeric:tabular-nums;color:#b7ad97;font-size:12.5px}.kb-res{padding:10px 14px;border-top:1px solid rgba(241,226,189,.14);font-size:13.5px}.kb-win{font-weight:700}.kb-win.att{color:#cf5b52}.kb-win.def{color:#6f9bd8}.kb-kkv{display:flex;gap:6px 20px;flex-wrap:wrap;margin-top:5px;font-variant-numeric:tabular-nums;font-size:13px}.kb-kkv-hi{color:#d9b45b;font-weight:700}@media (max-width: 560px){.kb-grid{grid-template-columns:1fr}.kb-side.att{border-right:0;border-bottom:1px solid rgba(241,226,189,.14)}}.guide-note{background:#17120b80;border:1px solid rgba(217,180,91,.45);border-radius:8px;padding:11px 15px;margin:14px 0;font-size:13.5px}.guide-note b{color:#f1e2bd}.guide-matrix-wrap{overflow-x:auto;margin:8px 0 6px}.guide-matrix{border-collapse:collapse;width:100%;min-width:460px;font-size:12px}.guide-matrix th{color:#d9b45b;font-weight:600;text-align:center;padding:5px 4px;font-size:11px}.guide-matrix td.c{border:1px solid rgba(241,226,189,.16);text-align:center;padding:5px 2px;font-variant-numeric:tabular-nums}.guide-matrix td.center{color:#b7ad97;font-size:10px;line-height:1.15}.guide-matrix .s1{display:block;color:#e8e2d4;font-weight:600}.guide-matrix .s3{display:block;color:#d9b45b;font-size:10.5px}.guide-matrix .corner{color:#b7ad97;font-size:10px;font-weight:500}.guide-diagrams .legend{display:flex;flex-wrap:wrap;gap:10px 16px;justify-content:center;margin:6px 0 18px;font-size:12px;color:#b7ad97}.guide-diagrams .legend span{display:inline-flex;align-items:center;gap:6px}.guide-diagrams .sw{width:22px;border-top-width:3px;border-top-style:solid}.guide-diagrams figure{margin:0 0 22px;background:#16171d;border:1px solid #2c2f39;border-radius:12px;overflow:hidden}.guide-diagrams .fh{background:#1c1e26;border-bottom:1px solid #2c2f39;padding:9px 14px;font-weight:600;font-size:13.5px;display:flex;align-items:baseline;gap:8px;color:#e8e4d8}.guide-diagrams .fh .n{color:#d9b45b}.guide-diagrams svg{display:block;width:100%;height:auto}.guide-diagrams figcaption{padding:11px 14px 14px;font-size:12.5px;color:#a7a294;border-top:1px solid #2c2f39}.guide-diagrams figcaption b{color:#e8e4d8;font-weight:600}.public-page{max-width:1000px;width:100%;color:#e8e2d4;line-height:1.6}.public-page h1{font-size:26px;margin:0 0 12px;color:#f1e2bd}.public-page h2{font-size:18px;margin:26px 0 10px;color:#f1e2bd}.public-lead{font-size:16px;opacity:.85}.welten-scroll{overflow-x:auto}.welten-table{width:100%;border-collapse:collapse;min-width:640px;font-variant-numeric:tabular-nums}.welten-table th,.welten-table td{text-align:left;padding:10px 14px;border-bottom:1px solid rgba(241,226,189,.14)}.welten-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#c9b48a}.welten-table th.col-num,.welten-table td.col-num{text-align:right}.welten-table tbody tr:hover{background:#f1e2bd0d}.welt-status{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid rgba(241,226,189,.25)}.welt-status-running{color:#8fd48a;border-color:#8fd48a80}.welt-status-upcoming{color:#e6c66a;border-color:#e6c66a80}.welt-status-ended{color:#b9a98a;opacity:.8}.welten-cta{display:inline-block;color:#14100a;background:#c9a24d;padding:9px 16px;border-radius:6px;font-weight:700;text-decoration:none}.welten-cta:hover{background:#d8b25c}.vorschau-features{margin:0;padding-left:20px}.vorschau-features li{margin:4px 0}.vorschau-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:8px}.vorschau-item{margin:0;border:1px solid rgba(241,226,189,.16);border-radius:8px;overflow:hidden;background:#17120b99}.vorschau-item img{display:block;width:100%;height:160px;object-fit:cover;background:#17120b}.vorschau-placeholder{display:flex;align-items:center;justify-content:center;height:160px;color:#8d8b87;font-size:13px;background:repeating-linear-gradient(45deg,#f1e2bd0a,#f1e2bd0a 10px,#f1e2bd12 10px,#f1e2bd12 20px)}.vorschau-item figcaption{padding:8px 12px;font-size:13px;color:#d8cba9;border-top:1px solid rgba(241,226,189,.12)}.vorschau-zoom{display:block;width:100%;padding:0;border:none;background:none;cursor:zoom-in}.vorschau-zoom img{transition:opacity .15s ease}.vorschau-zoom:hover img{opacity:.88}.vorschau-zoom:focus-visible{outline:2px solid #d3a24e;outline-offset:-2px}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;background:#080603eb;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lightbox-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:92vw;max-height:88vh}.lightbox-figure img{max-width:92vw;max-height:80vh;width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 10px 40px #0009}.lightbox-figure figcaption{display:flex;align-items:center;gap:12px;color:#e8dcbb;font-size:14px;text-align:center}.lightbox-counter{color:#a99f8c;font-variant-numeric:tabular-nums;font-size:13px}.lightbox-close{position:absolute;top:14px;right:18px;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff14;color:#f1e2bd;font-size:26px;line-height:1;cursor:pointer}.lightbox-close:hover{background:#ffffff2e}.lightbox-nav{flex:none;width:52px;height:52px;border:none;border-radius:50%;background:#ffffff14;color:#f1e2bd;font-size:34px;line-height:1;cursor:pointer;transition:background .15s ease}.lightbox-nav:hover{background:#fff3}.lightbox-close:focus-visible,.lightbox-nav:focus-visible{outline:2px solid #d3a24e;outline-offset:2px}@media (max-width: 640px){.lightbox-overlay{padding:12px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000073}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-figure img{max-height:78vh}}.sidebar-legal{display:flex;flex-direction:column;gap:6px;align-items:center;padding:10px 18px 8px;font-size:11px;color:var(--text-faint)}.sidebar-legal a{color:var(--text-faint)}.sidebar-legal a:hover{color:var(--text-dim)}.panel-header--with-action{display:flex;align-items:center;justify-content:space-between;gap:12px}.tree-open-btn{font-size:12px;padding:4px 10px}.tree-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000a8;display:flex;align-items:center;justify-content:center;padding:16px}.tree-modal{background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);width:min(1100px,96vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.tree-modal-header{display:flex;align-items:center;gap:14px;padding:10px 14px;background:var(--panel-header);border-bottom:1px solid var(--border);flex-wrap:wrap}.tree-modal-title{font-weight:700;font-size:15px}.tree-legend{display:flex;gap:12px;flex-wrap:wrap;margin-left:auto;font-size:11px;color:var(--text-dim)}.tree-legend-item{display:inline-flex;align-items:center;gap:5px}.tree-dot{width:11px;height:11px;border-radius:3px;display:inline-block}.tree-dot--max{background:var(--ok)}.tree-dot--inProgress{background:var(--accent)}.tree-dot--available{background:transparent;border:1px solid var(--border-strong)}.tree-dot--locked{background:var(--text-faint);opacity:.5}.tree-close{padding:2px 9px;font-size:14px;line-height:1}.tree-scroll{overflow-x:hidden;overflow-y:auto;padding:18px}.tree-canvas{position:relative;display:flex;flex-direction:column;gap:34px;align-items:stretch;width:100%}.tree-edges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:visible}.tree-column{position:relative;z-index:1;display:flex;flex-direction:row;flex-wrap:wrap;gap:14px 18px;justify-content:center;align-items:flex-start}.tree-node{width:168px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);padding:7px 9px;box-sizing:border-box}.tree-node-name{font-size:13px;font-weight:600}.tree-node-level{font-size:12px;color:var(--text-dim);margin-top:2px}.tree-node-req{font-size:10.5px;color:var(--text-faint);margin-top:5px;line-height:1.35}.tree-node--max{border-color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok)}.tree-node--inProgress{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tree-node--available{border-color:var(--border-strong)}.tree-node--locked{border-color:var(--border)}.tree-node--locked .tree-node-name,.tree-node--locked .tree-node-level{color:var(--text-faint)}.tree-node-sub{font-size:11px;color:var(--text-dim);margin-top:2px}.story-page{max-width:900px;margin:0 auto}.story-slider{display:flex;align-items:center;gap:16px;margin-top:12px}.story-slide{flex:1;min-width:0;min-height:440px;background:radial-gradient(600px 240px at 80% -10%,rgba(201,162,77,.1),transparent 60%),var(--panel);border:1px solid rgba(241,226,189,.16);border-radius:12px;padding:32px 36px;text-align:center;animation:story-fade .35s ease}@keyframes story-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.story-sigil{color:var(--accent);display:flex;justify-content:center;margin-bottom:10px}.story-kapitel{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint)}.story-titel{font-family:Cinzel,Georgia,serif;font-size:30px;color:var(--accent);margin:4px 0 18px;letter-spacing:.02em}.story-text{color:var(--text);line-height:1.7;font-size:16px;margin:0 auto 12px;max-width:640px}.story-voelker{list-style:none;padding:0;margin:14px auto 0;max-width:680px;display:grid;gap:12px;text-align:left}.story-voelker li{display:flex;flex-direction:column;gap:2px;padding:12px 16px;background:#17120b80;border:1px solid rgba(241,226,189,.12);border-radius:8px}.story-volk-name{font-family:Cinzel,Georgia,serif;font-weight:700;color:var(--accent);letter-spacing:.04em}.story-volk-rolle{color:var(--text-dim);font-size:14px;line-height:1.5}.story-arrow{flex:none;width:48px;height:48px;border-radius:50%;border:1px solid rgba(201,162,77,.4);background:transparent;color:var(--accent);font-size:30px;line-height:1;cursor:pointer;transition:background .15s ease,transform .15s ease}.story-arrow:hover{background:#c9a24d24;transform:scale(1.06)}.story-dots{display:flex;justify-content:center;gap:12px;margin-top:22px}.story-dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(201,162,77,.5);background:transparent;cursor:pointer;padding:0;transition:background .15s ease,transform .15s ease}.story-dot.active{background:var(--accent);transform:scale(1.15)}@media (max-width: 860px){.story-slide{padding:24px 18px;min-height:480px}.story-titel{font-size:24px}.story-arrow{width:40px;height:40px;font-size:26px}.story-slider{gap:8px}}.cell-actions{display:flex;gap:4px;align-items:center}.lock-hint{font-size:11px;line-height:1.3;opacity:.7;max-width:160px}.panel-centered{text-align:center}.panel-centered>div{justify-content:center}.token-packages{display:flex;flex-wrap:wrap;gap:10px;padding:12px}.token-package{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:120px;padding:12px 14px;border:1px solid var(--border-strong, var(--border));border-radius:var(--radius, 6px);background:var(--panel);color:var(--text);cursor:pointer}.token-package:hover:not(:disabled){border-color:var(--accent)}.token-package:disabled{opacity:.5;cursor:default}.token-package-amount{font-weight:700;font-size:15px}.token-package-price{color:var(--accent);font-weight:600}.token-package-unit{font-size:11px;color:var(--text-dim)}.token-package-max{border-color:var(--accent);border-width:2px}.token-package-loading{position:absolute;top:4px;right:8px;font-size:12px}.info-dot{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border-radius:50%;border:1px solid currentColor;background:transparent;color:var(--accent, #8a5a1c);font-size:11px;font-style:italic;font-weight:700;line-height:1;cursor:pointer;vertical-align:middle;opacity:.8}.info-dot:hover{opacity:1}.tab-stack{display:grid}.tab-stack>.tab-pane{grid-area:1 / 1;min-width:0}.tab-stack>.tab-pane--hidden{visibility:hidden;pointer-events:none}@supports (-webkit-touch-callout: none){input,select,textarea,.skincfg-field-hex input[type=text]{font-size:16px}}