:root{--wood-0:#14100c;--wood-1:#1d1610;--wood-2:#2a1e15;--wood-3:#3a2a1c;--wood-4:#4d3824;--gold:#c9a24a;--gold-2:#e6c776;--gold-dim:#8a6f35;--parch:#ecdfbd;--parch-2:#cdbb92;--parch-dim:#9c8c68;--red:#d2553f;--green:#7fb35b;--blue:#6aa0c8;--amber:#e0a43a;--shadow:0 6px 24px #0000008c;--font-display:"Cinzel", "IM Fell English", Georgia, serif;--font-body:"Source Sans 3", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--topbar-h:62px;--rail-w:62px;--drawer-w:410px}*{box-sizing:border-box}html,body{height:100%;color:var(--parch);font-family:var(--font-body);background:#0b0907;margin:0;font-size:14px;line-height:1.35;overflow:hidden}#world{outline:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#root{pointer-events:none;position:fixed;inset:0}.ui{pointer-events:none;position:absolute;inset:0}.ui>*{pointer-events:auto}button{color:inherit;cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed}kbd{font-family:var(--font-mono);background:var(--wood-0);border:1px solid var(--gold-dim);color:var(--gold-2);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-size:11px}b{font-weight:600}.muted{color:var(--parch-dim)}.small{font-size:12px}.bad{color:var(--red)}.good{color:var(--green)}.warn{color:var(--amber)}.grow{flex:1}.icon{vertical-align:-.2em;flex:none;display:inline-block}img.icon{image-rendering:auto;object-fit:contain}.topbar,.rail,.drawer,.card,.modal,.tooltip,.toast,.spawnhint,.modehint,.bootcard{background:linear-gradient(180deg, var(--wood-3), var(--wood-2) 40%, var(--wood-1));border:1px solid var(--gold-dim);box-shadow:var(--shadow), inset 0 1px 0 #ffe6a01f, inset 0 0 0 1px #00000080}.topbar{height:var(--topbar-h);z-index:10;border-width:0 0 1px;align-items:center;gap:14px;padding:0 14px;display:flex;position:absolute;top:0;left:0;right:0}.brand{font-family:var(--font-display);letter-spacing:.22em;color:var(--gold-2);text-shadow:0 2px #000;padding-right:6px;font-size:17px;font-weight:700}.cityswitch{position:relative}.cityname{background:var(--wood-0);border:1px solid var(--gold-dim);font-family:var(--font-display);color:var(--parch);border-radius:6px;align-items:center;gap:8px;min-width:150px;padding:7px 12px;font-size:14px;display:flex}.cityname:hover{border-color:var(--gold)}.cityname .caret{color:var(--gold);margin-left:auto}.citymenu{background:var(--wood-1);border:1px solid var(--gold-dim);min-width:100%;box-shadow:var(--shadow);z-index:20;border-radius:6px;flex-direction:column;display:flex;position:absolute;top:44px;left:0;overflow:hidden}.citymenu button{text-align:left;font-family:var(--font-display);background:0 0;border:0;gap:8px;padding:8px 12px;font-size:13px;display:flex}.citymenu button:hover,.citymenu button.on{background:var(--wood-3);color:var(--gold-2)}.citymenu .num{color:var(--gold-dim);width:12px;font-family:var(--font-mono)}.citymenu .loy{color:var(--amber);margin-left:auto;font-size:12px}.resources{gap:10px;display:flex}.res{background:#00000047;border:1px solid #c9a24a40;border-radius:6px;align-items:center;gap:8px;min-width:150px;padding:5px 10px;display:flex}.resbody{flex:1;min-width:0}.resline{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:5px;display:flex}.resline .cur{color:var(--parch);font-size:15px;font-weight:700}.resline .cap{color:var(--parch-dim);font-size:11px}.resline .rate{color:var(--parch-dim);margin-left:auto;font-size:11px}.rate.pos{color:var(--green)}.rate.neg{color:var(--red)}.res.full .cur{color:var(--amber)}.res.gold{min-width:0}.res.gold .cur{color:var(--gold-2);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.clock{font-family:var(--font-display);color:var(--parch-2);align-items:center;gap:8px;font-size:13px;display:flex}.speed{background:var(--wood-0);border:1px solid var(--gold-dim);font-family:var(--font-mono);color:var(--parch-2);border-radius:4px;padding:2px 8px;font-size:11px}.speed.fast{color:var(--amber);border-color:var(--amber)}.mailbtn{background:var(--wood-0);border:1px solid var(--gold-dim);width:40px;height:36px;color:var(--parch-2);border-radius:6px;place-items:center;display:grid;position:relative}.mailbtn.has{color:var(--gold-2);border-color:var(--gold)}.mailbtn .count{background:var(--red);color:#fff;border:1px solid #000;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:-7px;right:-7px}.bar{background:#0000008c;border:1px solid #0009;border-radius:4px;height:8px;position:relative;overflow:hidden}.bar .fill{background:linear-gradient(#d8b25e,#a9822f);border-radius:3px;height:100%;transition:width .25s linear}.bar.wood .fill{background:linear-gradient(#d79a58,#96602c)}.bar.stone .fill{background:linear-gradient(#c9c9c2,#86867f)}.bar.iron .fill{background:linear-gradient(#a9bdd3,#5f7893)}.bar.food .fill{background:linear-gradient(#e7cd5d,#a98f23)}.bar.build .fill{background:linear-gradient(#9ac56e,#5d8b3a)}.bar.train .fill{background:linear-gradient(#7fb2d6,#437a9f)}.bar.march .fill{background:linear-gradient(#d8b25e,#a9822f)}.bar.danger .fill,.bar.hp .fill{background:linear-gradient(#e0715b,#a53a28)}.bar.xp .fill{background:linear-gradient(#8fb0e8,#4e6fb0)}.bar.striped .fill{background-image:repeating-linear-gradient(45deg,#ffffff2e 0 8px,#0000 8px 16px);background-size:22px 22px;animation:1s linear infinite stripes}@keyframes stripes{to{background-position:22px 0}}.bar:has(.barlabel){height:16px}.barlabel{text-shadow:0 1px 2px #000;color:#fff;font-variant-numeric:tabular-nums;place-items:center;font-size:11px;font-weight:600;display:grid;position:absolute;inset:0}.rail{top:var(--topbar-h);width:var(--rail-w);z-index:9;border-width:0 1px 0 0;flex-direction:column;gap:8px;padding:10px 8px;display:flex;position:absolute;bottom:0;left:0}.railbtn{width:46px;height:52px;color:var(--parch-2);background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:all .12s;display:flex;position:relative}.railbtn .key{font-family:var(--font-mono);color:var(--parch-dim);font-size:10px}.railbtn:hover{border-color:var(--gold-dim);color:var(--gold-2);background:#ffe6a014}.railbtn.on{border-color:var(--gold);color:var(--gold-2);background:linear-gradient(#5a4426,#3b2a16);box-shadow:inset 0 0 12px #c9a24a40}.railbtn:last-child{margin-top:auto}.dot{background:var(--gold-2);width:9px;height:9px;box-shadow:0 0 6px var(--gold);border-radius:50%;position:absolute;top:6px;right:6px}.dot.red{background:var(--red);box-shadow:0 0 8px var(--red);animation:1s ease-in-out infinite pulse}.dot.inline{margin-left:5px;display:inline-block;position:static}@keyframes pulse{50%{opacity:.7;transform:scale(1.4)}}.drawer{top:var(--topbar-h);bottom:0;left:var(--rail-w);width:var(--drawer-w);z-index:8;border-width:0 1px 0 0;flex-direction:column;animation:.14s ease-out slidein;display:flex;position:absolute}@keyframes slidein{0%{opacity:0;transform:translate(-16px)}}.drawer>header{border-bottom:1px solid var(--gold-dim);color:var(--gold-2);background:#00000040;align-items:center;gap:10px;padding:12px 14px;display:flex}.drawer h2{font-family:var(--font-display);letter-spacing:.08em;flex:1;margin:0;font-size:17px;font-weight:700}.close{width:28px;height:28px;color:var(--parch-dim);background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;padding:0;display:grid}.close:hover{color:var(--parch);border-color:var(--gold-dim)}.drawerbody{scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent;flex:1;padding:12px 14px 24px;overflow-y:auto}.cityline{color:var(--parch-2);font-family:var(--font-display);align-items:center;gap:8px;margin-bottom:8px;display:flex}.section{margin:0 0 16px}.section h3{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid #c9a24a4d;align-items:center;gap:6px;margin:0 0 8px;padding-bottom:5px;font-size:12px;font-weight:500;display:flex}.section h3 .sright{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--parch-dim);margin-left:auto;font-size:12px}.empty{color:var(--parch-dim);padding:6px 2px;font-size:13px;font-style:italic}.hint{color:var(--parch-dim);margin:6px 0;font-size:12px}.row{text-align:left;background:#00000038;border:1px solid #ffe6a00f;border-radius:6px;align-items:center;gap:10px;width:100%;margin-bottom:5px;padding:7px 8px;display:flex}.row.slim{margin-bottom:3px;padding:4px 6px}.row.item{cursor:pointer}.row.item:hover{border-color:var(--gold-dim);background:#ffe6a014}.row.item.sel{border-color:var(--gold);background:#c9a24a24}.row.moving{cursor:pointer}.row.hostile{background:#d2553f1a;border-color:#d2553f99}.rowbody{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.rowtitle{color:var(--parch);font-weight:600}.lvl{color:var(--gold);font-size:12px;font-weight:500}.levelbadge{text-align:center;min-width:28px;font-family:var(--font-display);color:var(--gold-2);background:var(--wood-0);border:1px solid var(--gold-dim);border-radius:50%;padding:3px 4px;font-weight:700}.levelbadge.wide{border-radius:12px;padding:3px 10px}.tabs{border-bottom:1px solid var(--gold-dim);gap:2px;margin:-4px -4px 10px;display:flex}.tabs button{color:var(--parch-dim);font-family:var(--font-display);letter-spacing:.04em;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:8px 4px;font-size:12px}.tabs button:hover{color:var(--parch)}.tabs button.on{color:var(--gold-2);border-bottom-color:var(--gold)}.grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tile{border:1px solid var(--gold-dim);text-align:center;background:linear-gradient(#ffe6a014,#00000040);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;transition:all .1s;display:flex}.tile:hover:not(:disabled){border-color:var(--gold-2);background:linear-gradient(#ffe6a029,#0003);transform:translateY(-1px)}.tile.locked{opacity:.55;filter:grayscale(.5)}.tile .tname{font-family:var(--font-display);font-size:12px;font-weight:700}.tile .ttime{color:var(--parch-dim);font-size:11px}.tile .reason{color:var(--red);align-items:center;gap:3px;font-size:11px;line-height:1.2;display:flex}.cost{flex-wrap:wrap;gap:8px;display:inline-flex}.tile .cost{justify-content:center}.resamt{font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:12px;display:inline-flex}.resamt.short{color:var(--red)}.btn{border:1px solid var(--gold-dim);color:var(--parch);background:linear-gradient(#5b4527,#3b2a16);border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffe6a026}.btn:hover:not(:disabled){border-color:var(--gold-2);filter:brightness(1.15)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{color:#1a1208;border-color:var(--gold-2);text-shadow:0 1px #ffffff40;background:linear-gradient(#c9a24a,#8d6c25)}.btn.danger{background:linear-gradient(#a9402e,#6e2418);border-color:#d2553f}.btn.ghost{box-shadow:none;color:var(--parch-2);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){border-color:var(--gold-dim)}.btn.small{padding:3px 9px;font-size:12px}.btn:disabled{opacity:.45;filter:grayscale(.4)}.btnrow{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.textin,.select,.num{background:var(--wood-0);border:1px solid var(--gold-dim);color:var(--parch);border-radius:6px;width:100%;padding:7px 10px;font-family:inherit;font-size:14px}.textin:focus,.select:focus,.num:focus{border-color:var(--gold-2);outline:none;box-shadow:0 0 0 2px #c9a24a40}.num{font-variant-numeric:tabular-nums;width:64px;padding:4px 6px}.select{margin-top:6px}input[type=range]{width:100%;accent-color:var(--gold);margin:2px 0}.field{color:var(--parch-2);flex-direction:column;gap:4px;margin:8px 0;font-size:12px;display:flex}.field b{color:var(--gold-2);margin-left:6px}.field .fh{justify-content:space-between;display:flex}.check{align-items:center;gap:8px;margin:8px 0;display:flex}.check input{accent-color:var(--gold);width:16px;height:16px}.seg{border:1px solid var(--gold-dim);border-radius:6px;display:flex;overflow:hidden}.seg button{background:var(--wood-0);border:0;border-right:1px solid var(--gold-dim);color:var(--parch-2);flex:1;padding:7px 4px;font-weight:600}.seg button:last-child{border-right:0}.seg button.on{color:#1a1208;background:linear-gradient(#c9a24a,#8d6c25)}.badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.badge.war{color:var(--red);border-color:var(--red);background:#d2553f1f}.badge.common{color:#e9e3d2;background:#ffffff0d;border-color:#a8a291}.badge.uncommon{color:#8ee07a;background:#6fd05a1f;border-color:#6fd05a}.badge.rare{color:#7cbcff;background:#4aa3ff1f;border-color:#4aa3ff}.badge.epic{color:#d49cff;background:#b36cff24;border-color:#b36cff}.badge.legendary{color:#ffb84a;background:#ffa21a24;border-color:#ffa21a}.crmark{color:#f8ecbd;background:#3a1712;border:3px solid #a8a291;border-radius:50%;place-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:grid;box-shadow:inset 0 0 0 2px #140d08}.crmark.uncommon{border-color:#6fd05a}.crmark.rare{border-color:#4aa3ff}.crmark.legendary{border-color:#ffa21a}.badge.neutral{color:var(--parch-2);border-color:var(--parch-dim);background:#ffffff0d}.badge.allied{color:var(--green);border-color:var(--green);background:#7fb35b1f}.unitcard{background:#00000038;border:1px solid #c9a24a4d;border-radius:8px;margin-bottom:8px;padding:8px}.unitcard.locked{opacity:.6}.unithead{align-items:center;gap:10px;display:flex}.trainrow{align-items:center;gap:6px;margin-top:7px;display:flex}.trainqueue{border-top:1px dashed #c9a24a4d;margin-top:6px;padding-top:6px}.unitchips{flex-wrap:wrap;gap:4px;display:flex}.chip{background:#00000059;border:1px solid #c9a24a40;border-radius:12px;align-items:center;gap:4px;padding:1px 8px;font-size:12px;display:inline-flex}.statline{justify-content:space-between;gap:18px;font-size:12px;display:flex}.sendbox{background:var(--wood-1);border-top:1px solid var(--gold-dim);z-index:2;flex-direction:column;gap:8px;margin:0 -14px -24px;padding:10px 14px 14px;display:flex;position:sticky;bottom:-24px;box-shadow:0 -8px 14px #00000059}.route{flex-direction:column;gap:2px;display:flex}.pcard{background:#0003;border:1px solid #c9a24a4d;border-radius:8px;margin-bottom:8px;overflow:hidden}.pcard.open{border-color:var(--gold-dim)}.phead{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.phead:hover{background:#ffe6a00f}.swatch{border:1px solid #000;border-radius:3px;flex:none;width:14px;height:30px}.pbody{border-top:1px solid #c9a24a33;padding:4px 10px 10px}.tributegrid{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.tributegrid .num{width:100%}.histline{padding:2px 0}.chips{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.chips button{background:var(--wood-0);border:1px solid var(--gold-dim);color:var(--parch-2);border-radius:12px;padding:2px 10px;font-size:12px}.chips button.on{background:var(--gold);color:#1a1208;border-color:var(--gold-2);font-weight:700}.msglist{flex-direction:column;gap:4px;display:flex}.msg{text-align:left;border:1px solid #ffe6a00f;border-left:3px solid var(--parch-dim);width:100%;color:var(--parch-2);background:#00000038;border-radius:6px;align-items:center;gap:10px;padding:7px 10px;display:flex}.msg:hover{background:#ffe6a014}.msg.battle{border-left-color:var(--red)}.msg.warning{border-left-color:var(--amber)}.msg.diplomacy{border-left-color:var(--blue)}.msg.scout,.msg.explore{border-left-color:var(--green)}.msg.event{border-left-color:var(--gold)}.msg.unread{color:var(--parch);background:#c9a24a1a}.msg.unread .msgtitle{font-weight:700}.citytag{color:var(--gold);background:#0006;border-radius:8px;margin-left:8px;padding:0 7px}.reader h3.msgh{font-family:var(--font-display);color:var(--gold-2);margin:10px 0 2px;font-size:17px}.msgbody{font-family:var(--font-mono);white-space:pre-wrap;color:var(--parch);background:#00000059;border:1px solid #c9a24a33;border-radius:6px;margin-top:10px;padding:12px;font-size:12px;line-height:1.5;overflow-x:auto}.keys{gap:4px;display:grid}.keyrow{align-items:center;gap:10px;display:flex}.keyrow kbd{text-align:center;min-width:70px}.card{right:16px;top:calc(var(--topbar-h) + 16px);z-index:7;border-radius:10px;flex-direction:column;gap:8px;width:320px;padding:14px;animation:.14s ease-out slidein;display:flex;position:absolute}.card .close{position:absolute;top:8px;right:8px}.cardhead{align-items:center;gap:12px;padding-right:24px;display:flex}.cardhead h3{font-family:var(--font-display);color:var(--gold-2);margin:0;font-size:18px}.effect{border-bottom:1px dotted #c9a24a33;align-items:baseline;gap:8px;padding:3px 0;font-size:13px;display:flex}.effect span:first-child{color:var(--parch-2);flex:1}.effect .arrow{color:var(--gold-dim)}.upgradebox{background:#0000004d;border:1px solid #c9a24a40;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.workerbox{border-left:2px solid var(--gold-dim);background:#0003;align-items:center;gap:8px;min-height:34px;margin:4px 0 6px;padding:6px 8px;display:flex}.workerbox .small{flex:1}.badge.worker{color:var(--gold);border-color:var(--gold-dim);vertical-align:1px;background:#c9a24a1f;margin-left:6px;padding:0 6px;font-size:10px}.modalback{z-index:50;background:#0503019e;place-items:center;display:grid;position:fixed;inset:0}.modal{border-radius:12px;width:min(460px,92vw);padding:22px 24px;animation:.15s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.95)}}.modal h2{font-family:var(--font-display);color:var(--gold-2);letter-spacing:.05em;margin:0 0 8px}.modal p{color:var(--parch-2);margin:6px 0 14px}.modal .actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.awaylist{flex-direction:column;gap:8px;margin:10px 0;padding:0;list-style:none;display:flex}.awaylist li{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.awaylist ul{width:100%;margin:4px 0 0;padding-left:24px;list-style:none}.toasts{z-index:60;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);pointer-events:none!important}.toast{text-align:center;border-radius:8px;max-width:520px;padding:9px 18px;animation:.15s ease-out pop}.toast.error{border-color:var(--red);color:#ffd2c8;background:linear-gradient(#5a2218,#33140e)}.toast.ok{border-color:var(--green)}.toast.warn{border-color:var(--amber)}.tooltip{z-index:70;border-radius:6px;flex-direction:column;gap:3px;max-width:280px;padding:8px 11px;font-size:12.5px;display:flex;position:fixed;pointer-events:none!important}.tooltip .tip{flex-direction:column;gap:4px;display:flex}.spawnhint{text-align:center;z-index:20;border-radius:12px;padding:14px 30px;position:fixed;top:24px;left:50%;transform:translate(-50%);pointer-events:none!important}.spawnhint h2{font-family:var(--font-display);color:var(--gold-2);letter-spacing:.06em;margin:0;font-size:24px}.spawnhint p{color:var(--parch-2);margin:6px 0 0}.spawnhint .spawnimport{margin-top:10px;pointer-events:auto!important}.modehint{z-index:20;white-space:nowrap;border-radius:22px;align-items:center;gap:12px;padding:9px 18px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);pointer-events:none!important}.modehint b{color:var(--gold-2);font-family:var(--font-display)}.modehint span{color:var(--parch-2)}.fullscreen{z-index:100;background:radial-gradient(circle at 50% 40%,#2d2014,#0b0805 70%);place-items:center;display:grid;position:fixed;inset:0}.bootcard{text-align:center;border-radius:14px;min-width:360px;padding:36px 56px}.bootcard h1{font-family:var(--font-display);letter-spacing:.3em;color:var(--gold-2);text-shadow:0 3px #000;margin:0 0 14px;font-size:34px}.bootcard p{color:var(--parch-2);margin:8px 0 16px;font-size:15px}.bootcard small{color:var(--parch-dim);margin-top:12px;display:block}.errtext{text-align:left;white-space:pre-wrap;background:#000;border-radius:6px;max-width:640px;max-height:260px;padding:10px;font-size:11px;overflow:auto}.spinner{border:3px solid var(--wood-4);border-top-color:var(--gold-2);border-radius:50%;width:34px;height:34px;margin:0 auto;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.unitcard.locked{padding:6px 8px}.unitcard.locked .unithead{gap:8px}.unitcard.locked .rowtitle{font-weight:500}.citymenu button{white-space:nowrap;align-items:center;width:100%}.citymenu .num{text-align:center;flex:none;width:14px}.tributegrid .field{margin:4px 0}.pbody .btnrow{margin-bottom:14px}.row.disabled{opacity:.45}.hint.warn{color:var(--amber)}.report{flex-direction:column;gap:10px;margin-top:10px;display:flex}.report h4{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:4px 0 0;font-size:12px;font-weight:500}.verdict{font-family:var(--font-display);border:1px solid;border-radius:6px;padding:6px 12px;font-size:20px}.verdict.won{color:var(--green);border-color:var(--green);background:#7fb35b1a}.verdict.lost{color:var(--red);border-color:var(--red);background:#d2553f1a}.strength .sides{justify-content:space-between;margin-bottom:3px;font-size:13px;display:flex}.vsbar{background:#3a6ea5;border:1px solid #000;border-radius:5px;height:10px;display:flex;overflow:hidden}.vsbar .a{background:#c2452f}.vsbar .d{flex:1}table.units{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12.5px}table.units th{text-align:right;color:var(--gold);border-bottom:1px solid var(--gold-dim);padding:3px 6px;font-weight:600}table.units th:first-child,table.units td:first-child{text-align:left}table.units td{text-align:right;border-bottom:1px dotted #c9a24a33;padding:3px 6px}.facts{flex-direction:column;gap:4px;font-size:13px;display:flex}details.plain summary{cursor:pointer;color:var(--parch-dim);margin-top:4px;font-size:12px}.devbadge{font-family:var(--font-mono);letter-spacing:.12em;color:#1a1208;background:linear-gradient(180deg, var(--amber), #b9791c);border:1px solid #000;border-radius:4px;margin-left:-4px;padding:2px 6px;font-size:10px;font-weight:600}.plusbtn{color:#1a1208;background:linear-gradient(180deg, var(--gold-2), var(--gold));border:1px solid var(--gold-dim);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;margin-left:6px;display:inline-flex}.plusbtn:hover{filter:brightness(1.12)}.plusbtn.off{background:var(--wood-0);color:var(--parch-dim);cursor:not-allowed;filter:none;opacity:.7}.plusbtn .icon,.plusbtn svg{pointer-events:none}.fixedlist{height:176px;overflow-y:auto}.fixedlist .empty,.fixedlist>p{margin:0}.row.item,.row.queue{box-sizing:border-box;flex:none;height:52px}.goldpop{top:calc(var(--topbar-h) + 10px);z-index:20;white-space:nowrap;font-family:var(--font-display);color:var(--gold-2);background:linear-gradient(180deg, var(--wood-3), var(--wood-2) 40%, var(--wood-1));border:1px solid var(--gold);box-shadow:var(--shadow);border-radius:20px;align-items:center;gap:8px;padding:8px 18px 8px 12px;font-size:16px;font-weight:700;animation:2.6s ease-out forwards goldpop;display:flex;position:fixed;right:72px;pointer-events:none!important}.goldpop.treasure{border-color:var(--gold-2);box-shadow:var(--shadow), 0 0 14px #e6c7768c}.lootpop{top:calc(var(--topbar-h) + 56px);z-index:20;white-space:nowrap;font-family:var(--font-display);color:var(--parch-2);background:linear-gradient(180deg, var(--wood-3), var(--wood-2) 40%, var(--wood-1));border:1px solid var(--rar,var(--gold));box-shadow:var(--shadow), 0 0 14px color-mix(in srgb, var(--rar,#fff) 55%, transparent);border-radius:20px;align-items:center;gap:9px;padding:8px 18px 8px 12px;font-size:15px;animation:4.8s ease-out forwards lootpop;display:flex;position:fixed;right:72px;pointer-events:none!important}.lootpop b{font-weight:700}.lootpop i{opacity:.85;text-transform:capitalize;font-style:normal}.lootgem{background:var(--rar,var(--gold));width:12px;height:12px;box-shadow:0 0 8px var(--rar,var(--gold));border:1px solid #00000080;transform:rotate(45deg)}@keyframes lootpop{0%{opacity:0;transform:translateY(-8px)scale(.9)}6%{opacity:1;transform:none}85%{opacity:1}to{opacity:0;transform:translateY(6px)}}@keyframes goldpop{0%{opacity:0;transform:translateY(-8px)scale(.9)}8%{opacity:1;transform:none}75%{opacity:1}to{opacity:0;transform:translateY(6px)}}.followhint{z-index:20;white-space:nowrap;cursor:pointer;background:linear-gradient(180deg, var(--wood-3), var(--wood-2) 40%, var(--wood-1));border:1px solid var(--gold);box-shadow:var(--shadow);border-radius:20px;align-items:center;gap:10px;padding:7px 16px;display:flex;position:fixed;top:72px;left:50%;transform:translate(-50%)}.followhint b{color:var(--gold-2);font-family:var(--font-display)}.followhint span{color:var(--parch-2)}.worldmap{top:var(--topbar-h);left:var(--rail-w);z-index:12;background:var(--wood-0);border-left:1px solid var(--gold-dim);flex-direction:column;animation:.14s ease-out slidein;display:flex;position:fixed;bottom:0;right:0}.worldmap>header,.worldmap>footer{background:linear-gradient(180deg, var(--wood-3), var(--wood-2));align-items:center;gap:12px;padding:8px 14px;display:flex}.worldmap>header{border-bottom:1px solid var(--gold-dim);color:var(--gold-2)}.worldmap>footer{border-top:1px solid var(--gold-dim);color:var(--parch-2);flex-wrap:wrap;font-size:12px}.worldmap h2{font-family:var(--font-display);letter-spacing:.08em;margin:0;font-size:17px;font-weight:700}.worldmap .mapstat{color:var(--parch-2);flex:1;font-size:12px}.worldmap .mapbtns{gap:6px;display:flex}.worldmap .mapbtns button{background:var(--wood-0);border:1px solid var(--gold-dim);min-width:32px;height:28px;font-family:var(--font-display);color:var(--parch);border-radius:6px;padding:0 10px}.worldmap .mapbtns button:hover{border-color:var(--gold);color:var(--gold-2)}.worldmap .mapbody{background:#0b0907;flex:1;min-height:0;position:relative;box-shadow:inset 0 0 40px #000000b3}.worldmap canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.worldmap .lg{align-items:center;gap:5px;display:inline-flex}.worldmap .lg i{border:1px solid #000;border-radius:50%;width:10px;height:10px;display:inline-block}.worldmap .lg i.dia{background:#f4e3a6;border-radius:1px;transform:rotate(45deg)scale(.8)}.worldmap .lg i.horse{background:#c89a5a;border-radius:1px}.worldmap .lg i.fight{background:#ff5a3c4d;border-color:#ff5a3c}.worldmap .lg i.road{border:0;border-top:2px dashed #caa86a;border-radius:0;width:16px;height:0}.worldmap .hint{color:var(--parch-dim);margin-left:auto}.worldmap .coord{font-family:var(--font-mono);color:var(--parch-2);text-align:right;min-width:190px}.res.pop{gap:6px;min-width:0}.res.pop .cur{color:var(--parch-1,#efe2c4);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.res.pop .cap{margin-left:3px}.res.gold{cursor:pointer}.res.gold:hover{border-color:var(--gold-dim)}.res.gold .rate{font-variant-numeric:tabular-nums;font-size:11px}.polarrow{vertical-align:1px;margin-right:3px;font-size:8px;font-style:normal}.polarrow.wage{color:var(--gold-2)}.polarrow.taxed{color:var(--amber)}.goldhead{align-items:center;gap:10px;height:40px;display:flex}.goldtotal{font-family:var(--font-display);color:var(--gold-2);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.goldnet{font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px;font-weight:600}.goldwarn{height:20px;font-size:12px;line-height:20px}.policyrow{box-sizing:border-box;background:#00000038;border:1px solid #ffe6a00f;border-radius:6px;flex-direction:column;justify-content:space-between;height:78px;margin-bottom:6px;padding:6px 8px;display:flex}.policyrow.wage{background:#c9a24a14;border-color:#c9a24a8c}.policyrow.taxed{background:#d6963c12;border-color:#d6963c80}.policyhead{white-space:nowrap;align-items:center;gap:8px;height:26px;display:flex}.policyhead b{color:var(--parch);min-width:44px}.policybasis{font-size:11px}.policyeffect{color:var(--parch-2);margin-left:auto;font-size:12px}.policygold{text-align:right;font-variant-numeric:tabular-nums;min-width:76px;font-weight:700}.policygold small{color:var(--parch-dim);font-size:10px;font-weight:400}.policyseg button{white-space:nowrap;padding:5px 2px;font-size:11px}.policyseg button:hover:not(.on){background:var(--wood-3);color:var(--parch)}.policyseg button.on.tax{background:linear-gradient(#d9993c,#8a5a1c)}.policyseg button.on.flat{color:var(--parch);background:linear-gradient(#6b5a3c,#463a24)}.policyline.wage{color:var(--gold-2)}.policyline.taxed{color:var(--amber)}.outhead{align-items:center;gap:10px;height:44px;display:flex}.outtitle{flex-direction:column;min-width:0;display:flex}.outtitle b{color:var(--parch)}.herorow{align-items:center;gap:10px;height:26px;display:flex}.herolvl{font-family:var(--font-display);color:var(--gold-2);min-width:42px;font-weight:700}.heroxp{flex:1}.heroxp .bar{height:14px}.heroxp .barlabel{font-size:10px;line-height:12px}.outstats{grid-template-columns:repeat(4,1fr);gap:6px;height:50px;margin:6px 0;display:grid}.outstats>div{font-variant-numeric:tabular-nums;white-space:nowrap;background:#00000038;border:1px solid #ffe6a00f;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;display:flex}.outstats small{color:var(--parch-dim);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.outstats b{color:var(--parch);font-size:13px}.outwarn{height:20px;font-size:12px;line-height:20px}.slotrow{box-sizing:border-box;background:#00000038;border:1px solid #ffe6a00f;border-radius:6px;flex-direction:column;justify-content:space-between;height:78px;margin-bottom:6px;padding:6px 8px;display:flex}.slothead{align-items:baseline;gap:8px;height:20px;display:flex}.slothead b{color:var(--parch)}.slothead .muted{margin-left:auto}.slotseg{display:flex}.slotcell{flex:1;display:flex}.slotcell+.slotcell{border-left:1px solid var(--gold-dim)}.slotcell button{background:var(--wood-0);height:38px;color:var(--parch-2);border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:12px;font-weight:600;line-height:1.25;display:flex}.slotcell button small{color:var(--gold-2);font-size:10px;font-weight:400}.slotcell button:disabled small{color:var(--parch-dim)}.slotcell button:hover:not(:disabled){background:var(--wood-3);color:var(--parch)}.slotcell button.on{color:#1a1208;background:linear-gradient(#c9a24a,#8d6c25)}.slotcell button.on small{color:#3b2a16}.slotcell button:disabled:not(.on){opacity:.55;cursor:not-allowed}.rar-common{color:#e9e3d2}.rar-uncommon{color:#8ee07a}.rar-rare{color:#7cbcff}.rar-epic{color:#d49cff}.rar-legendary{color:#ffb84a}.rar-b-common{--rar:#a8a291}.rar-b-uncommon{--rar:#6fd05a}.rar-b-rare{--rar:#4aa3ff}.rar-b-epic{--rar:#b36cff}.rar-b-legendary{--rar:#ffa21a}.heroview{border:1px solid var(--gold-dim);background:radial-gradient(at 50% 85%,#4a3b27 0%,#241a11 60%,#15100b 100%);border-radius:8px;height:270px;position:relative;overflow:hidden}.heroview canvas{width:100%;height:100%;display:block}.heronoview{opacity:.6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.herotitle{align-items:baseline;gap:10px;height:30px;margin-top:6px;display:flex}.herotitle b{font-family:var(--font-display);color:var(--parch)}.herotitle span{margin-left:auto;font-size:12px}.herobtns{gap:8px;height:36px;margin:6px 0;display:flex}.herostats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.herostats>div{font-variant-numeric:tabular-nums;white-space:nowrap;background:#00000038;border:1px solid #ffe6a00f;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;height:46px;display:flex}.herostats small{color:var(--parch-dim);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.herostats b{color:var(--parch);font-size:13px}.herostats b.good{color:#8ee07a}.herostats b.bad{color:#e8806a}.herostats .statsub{color:var(--parch-dim);margin-top:1px;font-size:9px;font-style:normal;line-height:1}.heroslots{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.heroslot{box-sizing:border-box;border:2px solid var(--rar,#ffe6a01f);text-align:center;background:#00000042;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;height:132px;padding:6px;display:flex}.heroslot small{color:var(--parch-dim);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.heroslot b{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;font-size:12px;line-height:1.15;display:-webkit-box;overflow:hidden}.slotglyph{color:var(--rar,var(--parch-dim));align-items:center;height:34px;display:flex}.invhead{align-items:center;gap:8px;height:34px;margin-top:10px;display:flex}.invhead .btn{margin-left:auto}.invhead b{font-family:var(--font-display);color:var(--parch)}.invgrid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.invcell{box-sizing:border-box;border:2px solid var(--rar,#ffe6a014);height:104px;color:var(--rar,var(--parch-dim));background:#00000042;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-size:11px;display:flex;position:relative}.invcell.empty{background:#0000001f;border-style:dashed;border-color:#ffe6a012}button.invcell:hover:not(:disabled){background:var(--wood-3)}button.invcell:disabled{opacity:.5;cursor:not-allowed}.invcell.worn{background:linear-gradient(#c9a24a47,#00000040)}.invname{text-align:center;-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:100%;font-size:10px;font-weight:600;line-height:1.12;display:-webkit-box;overflow:hidden}.invsrc{text-transform:uppercase;letter-spacing:.08em;color:var(--parch-dim);font-size:9px}.invworn{color:var(--gold-2);text-transform:uppercase;font-size:9px;font-style:normal;position:absolute;top:2px;right:3px}.looks{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.look{color:var(--parch-2);background:#00000042;border:2px solid #ffe6a01a;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px 8px;display:flex}.look:hover{border-color:var(--gold-dim);background:var(--wood-3)}.look.on{border-color:var(--gold-2);color:var(--parch);background:linear-gradient(#c9a24a4d,#00000040)}.lookimg{justify-content:center;align-items:center;width:100%;height:150px;display:flex}.lookimg img{object-fit:contain;max-width:100%;max-height:100%}.logincard{text-align:left;flex-direction:column;gap:4px;width:min(400px,100vw - 32px);min-width:0;padding:30px 32px;display:flex}.logincard h1,.logincard>p{text-align:center}.logincard .seg{margin:4px 0 6px}.logincard .textin{font-size:15px}.logincard .btn{justify-content:center;padding:10px 14px;font-size:14px}.loginerr{min-height:20px;font-size:13px}.netbadge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--parch-2);border:1px solid var(--gold-dim);background:var(--wood-0);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.netbadge i{background:var(--parch-dim);border-radius:50%;flex:none;width:7px;height:7px}.netbadge.online i{background:var(--green)}.netbadge.connecting i,.netbadge.resyncing i{background:var(--amber)}.netbadge.offline i{background:var(--red)}.netbadge.offline{color:var(--red);border-color:var(--red)}.netbadge.pending i{animation:.8s ease-in-out infinite alternate netpulse}@keyframes netpulse{to{opacity:.25}}.serverstats{color:var(--parch-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin:2px 0 8px;font-size:13px;display:flex}.serverstats b{color:var(--parch)}.serverstats .sep{color:var(--parch-dim)}.serverstats .livedot{background:var(--green);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.drawer .serverstats{justify-content:flex-start}.netbadge{cursor:pointer}.netstate.online{color:var(--green)}.netstate.offline{color:var(--red)}.netstate.connecting,.netstate.resyncing{color:var(--amber)}.account{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.account b{color:var(--parch)}