:root{--panel:#1e1710e6;--panel2:#2e2419f0;--edge:#8a6a3a;--edge2:#c49a52;--gold:#f0c860;--text:#f4ecd8;--muted:#b8a684;--bad:#ff6a5a;--good:#7be07a;--btn:52px;--gap:5px;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--title:"Cinzel", "Trajan Pro", Georgia, serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#0b0d10;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}button{font:inherit;color:inherit}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}#topbar{height:calc(40px + var(--safe-t));padding:var(--safe-t) calc(8px + var(--safe-r)) 0 calc(8px + var(--safe-l));border-bottom:2px solid var(--edge);z-index:20;background:linear-gradient(#2b2017f2,#1d150ee6);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0008}.res{font-variant-numeric:tabular-nums;align-items:center;gap:4px;min-width:62px;display:flex}.res svg{flex:none;width:20px;height:20px}.res.flash{animation:.5s flash}@keyframes flash{50%{color:var(--bad);transform:scale(1.12)}}#age-badge{font-family:var(--title);color:var(--gold);border:1px solid var(--edge);white-space:nowrap;cursor:pointer;background:#0005;border-radius:12px;padding:2px 8px;font-size:13px}#age-badge .prog{vertical-align:middle;background:#0008;border-radius:3px;width:40px;height:5px;margin-left:6px;display:inline-block;overflow:hidden}#age-badge .prog i{background:var(--gold);height:100%;display:block}#age-badge.busy{border-color:var(--gold);color:#ffe39a;background:linear-gradient(#4a3510,#2a1d08);animation:1.6s ease-in-out infinite agepulse}#age-badge.busy .up{color:#7be07a;margin-right:4px;font-size:11px}#age-badge.busy .prog{border:1px solid #f0c86066;width:64px;height:7px}#age-badge.busy .prog i{background:linear-gradient(90deg,#c08a20,#ffe066);box-shadow:0 0 6px #ffd04a}#age-badge.busy .pct{font-family:var(--body,sans-serif);color:#fff;margin-left:6px;font-size:12px}#age-badge.busy .eta{font-family:var(--body,sans-serif);color:var(--muted);margin-left:5px;font-size:11px}@keyframes agepulse{0%,to{box-shadow:0 0 #f0c86000}50%{box-shadow:0 0 12px #f0c860aa}}#clock{color:var(--muted);font-variant-numeric:tabular-nums}#topbar .spacer{flex:1}.tb-btn{border:1px solid var(--edge);background:var(--panel2);cursor:pointer;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.tb-btn svg{width:20px;height:20px}#wonder-timer{color:var(--gold);font-size:12px}#sidebtns{right:calc(6px + var(--safe-r));top:calc(48px + var(--safe-t));z-index:15;flex-direction:column;gap:6px;display:flex;position:fixed}.side{border:2px solid var(--edge);background:var(--panel);cursor:pointer;border-radius:12px;place-items:center;width:46px;height:46px;display:grid;position:relative;box-shadow:0 2px 6px #0007}.side img,.side svg{width:34px;height:34px}.side.on{border-color:var(--gold);box-shadow:0 0 10px #f0c86088}.side .badge{color:#fff;background:#c0392b;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:12px;font-weight:700;display:grid;position:absolute;top:-5px;right:-5px}.side:active{transform:scale(.94)}#bottom{z-index:20;--dock-safe:var(--safe-b);padding:4px calc(4px + var(--safe-r)) 0 calc(4px + var(--safe-l));pointer-events:none;align-items:flex-end;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}#bottom>*{pointer-events:auto}#minimap-wrap{border:2px solid var(--edge);background:#000;border-radius:9px 9px 0 0;flex:none;width:72px;height:72px;position:relative;overflow:hidden;box-shadow:0 2px 10px #000a}#minimap{touch-action:none;width:100%;height:100%;display:block}#minimap-toggle{cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}#minimap-toggle svg{opacity:.8;filter:drop-shadow(0 1px 2px #000);width:16px;height:16px;position:absolute;bottom:3px;right:3px}#minimap-close,.info-close{border:1px solid var(--edge);background:var(--panel2);cursor:pointer;border-radius:8px;width:36px;height:36px;padding:7px}#minimap-close{display:none;position:absolute;top:4px;right:4px}#minimap-close svg,.info-close svg{width:100%;height:100%}#minimap-wrap.expanded{--mini-size:min(260px, 68vw, calc(100vh - var(--safe-t) - var(--safe-b) - 80px));left:4px;bottom:calc(4px + var(--safe-b));width:var(--mini-size);height:var(--mini-size);z-index:24;border-radius:12px;padding:0;position:fixed;top:auto}@supports (height:100dvh){#minimap-wrap.expanded{--mini-size:min(260px, 68dvw, calc(100dvh - var(--safe-t) - var(--safe-b) - 80px))}}#minimap-wrap.expanded #minimap-toggle{display:none}#minimap-wrap.expanded #minimap-close{display:block}#info{background:var(--panel);border:2px solid var(--edge);border-radius:9px 9px 0 0;flex:180px;min-width:0;max-width:280px;position:relative;box-shadow:0 2px 10px #000a}#info.empty{display:none}.info-summary{width:100%;min-height:max(64px, calc(54px + var(--dock-safe)));padding:4px 6px calc(4px + max(0px, var(--dock-safe) - 14px));cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:5px;display:flex}.info-thumb{flex:none;place-items:center;width:36px;height:36px;display:grid}.info-thumb img,.info-thumb svg{object-fit:contain;width:100%;height:100%}.info-summary-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.info-summary .info-name{font-size:12px}.info-summary-meta{color:#dfd6c0;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.info-summary .hpbar{height:4px}.info-summary-stats{color:#dfd6c0;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:2px 7px;font-size:10px;line-height:12px;display:flex}.info-summary-stats span{white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.info-summary-stats svg{width:11px;height:11px}.info-chevron{width:13px;color:var(--gold);flex:none}.info-chevron svg{width:100%;height:13px}#info.expanded .info-chevron{transform:rotate(180deg)}.info-details{border:2px solid var(--edge2);touch-action:pan-y;background:#21190ff5;border-radius:12px;gap:8px;padding:12px 48px 12px 12px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 4px 20px #000a}.info-details[hidden]{display:none}.info-close{position:absolute;top:4px;right:4px}.info-summary:focus-visible,#minimap-toggle:focus-visible,#minimap-close:focus-visible,.info-close:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}#cmds{grid-template-columns:repeat(var(--cmd-columns,1), var(--btn));grid-auto-rows:calc(var(--btn) + 14px);width:max-content;max-width:calc((var(--btn) + var(--gap)) * 8 + var(--gap) + 4px);gap:var(--gap);padding:var(--gap);padding-bottom:calc(var(--gap) + max(0px, var(--dock-safe) - 14px));background:var(--panel);border:2px solid var(--edge);border-radius:9px 9px 0 0;flex:none;margin-left:auto;display:grid;box-shadow:0 2px 10px #000a}#cmds.empty{display:none}.cmd-slot{flex-direction:column;align-items:center;min-width:0;display:flex}.cmd-caption{text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#dfd6c0;pointer-events:none;width:100%;height:14px;font-size:9px;line-height:14px;overflow:hidden}.cmd{width:var(--btn);height:var(--btn);cursor:pointer;background:radial-gradient(circle at 50% 35%,#4a3a28,#2a2016);border:1px solid #6e5432;border-radius:9px;flex:none;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.cmd img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px #000a);width:104%;height:104%;margin-top:-6%}.cmd svg{pointer-events:none;filter:drop-shadow(0 1px 1.5px #000d);width:70%;height:70%}.cmd.bld,.cmd.unit{background:radial-gradient(circle at 50% 40%,#6a5638,#2a2016 75%)}.cmd.tech{background:radial-gradient(circle at 50% 38%,#3e5a7a,#1a2232 78%);border-color:#6a8ab8}.cmd.dis>img,.cmd.dis>svg{filter:grayscale()brightness(.5)}.cmd.dis{border-color:#4a3e2e}.cmd.poor{border-color:#a04030}.cmd .hk{color:var(--muted);font-size:10px;position:absolute;top:1px;left:3px}.cmd .cnt{background:var(--gold);color:#2a1a06;text-align:center;border-radius:8px;min-width:15px;height:15px;padding:0 3px;font-size:10px;font-weight:800;line-height:15px;position:absolute;top:2px;right:2px}.cmd .cnt:empty{display:none}.cmd .lock{border:1px solid var(--gold);min-width:16px;height:16px;color:var(--gold);font:700 9px/14px var(--title,serif);text-align:center;background:linear-gradient(#5a3a10,#2a1a06);border-radius:4px 4px 8px 8px;padding:0 2px;position:absolute;top:1px;right:1px}.cmd .lock:empty{display:none}.cmd.locked:before{content:"";z-index:1;background:#c9a040;border-radius:2px;width:14px;height:11px;margin:-2px 0 0 -7px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #2a1a06}.cmd.locked:after{content:"";z-index:1;border:2px solid #c9a040;border-bottom:0;border-radius:6px 6px 0 0;width:8px;height:8px;margin:-9px 0 0 -6px;position:absolute;top:50%;left:50%}.cmd .price{color:#f4ecd8;pointer-events:none;background:linear-gradient(#0000,#000c 45%);justify-content:center;gap:3px;padding:1px 1px 2px;font-size:9px;font-weight:800;line-height:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.cmd .price:empty{display:none}.cmd .price span{white-space:nowrap;align-items:center;gap:1px;display:inline-flex}.cmd .price i{border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 0 1px #0008}.cmd .price .no{color:#ff7a66}.cmd .bar{background:var(--gold);height:4px;position:absolute;bottom:0;left:0}.cmd.on{border-color:var(--gold);box-shadow:inset 0 0 8px #f0c86088}.cmd:active{transform:scale(.93)}.cmd.age{border-color:var(--gold);animation:1.6s ease-in-out infinite agepulse;box-shadow:0 0 8px #f0c86088,inset 0 0 8px #f0c86055}.cmd .tag{color:var(--gold);text-shadow:0 0 3px #000;font-size:9px;font-weight:700;position:absolute;bottom:1px;left:2px}.portrait{border:1px solid var(--edge);background:radial-gradient(#5a4630,#241b12);border-radius:10px;flex:none;place-items:center;width:64px;height:64px;display:grid;position:relative}.portrait img{width:100%;height:100%}.info-main{flex-direction:column;flex:1;gap:3px;min-width:0;font-size:12.5px;display:flex}.info-name{font-family:var(--title);color:var(--gold);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.info-owner{color:var(--muted);font-size:11px}.hpbar{background:#000a;border:1px solid #0008;border-radius:4px;height:7px;overflow:hidden}.hpbar i{background:linear-gradient(#7be07a,#3ba03a);height:100%;display:block}.hpbar.mid i{background:linear-gradient(#ffd060,#d09020)}.hpbar.low i{background:linear-gradient(#ff7a6a,#c03020)}.hptext{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.stats{color:#e6dcc4;flex-wrap:wrap;gap:8px;display:flex}.stats span{white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.stats svg{width:14px;height:14px}.status{color:#cfe6ff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.queue{flex-wrap:wrap;gap:3px;display:flex}.qitem{border:1px solid var(--edge);cursor:pointer;background:#2a2016;border-radius:6px;width:32px;height:32px;position:relative;overflow:hidden}.qitem img{width:100%;height:100%}.qitem svg{width:70%;height:70%;margin:15%}.qitem .bar{background:var(--gold);height:3px;position:absolute;bottom:0;left:0}.qitem .n{text-shadow:0 0 3px #000;font-size:10px;font-weight:800;position:absolute;bottom:0;right:1px}.multi{flex-wrap:wrap;align-content:flex-start;gap:3px;display:flex;overflow:hidden}.mu{cursor:pointer;background:#2a2016;border:1px solid #6e5432;border-radius:6px;width:34px;height:38px;position:relative}.mu img{width:34px;height:34px}.mu .h{background:#000;height:3px;position:absolute;bottom:1px;left:2px;right:2px}.mu .h i{background:var(--good);height:100%;display:block}.mu .n{text-shadow:0 0 3px #000;font-size:10px;font-weight:800;position:absolute;top:0;right:1px}#tooltip{z-index:40;border:1px solid var(--edge2);pointer-events:none;background:#1a130ce8;border-radius:10px;max-width:300px;padding:8px 10px;font-size:13px;position:fixed;box-shadow:0 4px 16px #000c}#tooltip b{font-family:var(--title);color:var(--gold)}#tooltip .cost{gap:8px;margin:4px 0;display:flex}#tooltip .cost span{align-items:center;gap:3px;display:inline-flex}#tooltip .cost svg{width:15px;height:15px}#tooltip .why{color:var(--bad);margin-top:3px}#tooltip .desc{color:#e0d6c0}#toasts{top:calc(48px + var(--safe-t));z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(92vw,520px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--edge);text-align:center;pointer-events:auto;background:#1d150ee8;border-radius:10px;padding:6px 12px;font-size:13.5px;animation:.25s ease-out tin;box-shadow:0 3px 12px #000a}.toast.bad{color:#ffd0c8;border-color:#c0392b}.toast.good{border-color:#6aa84f}.toast.gold{border-color:var(--gold);color:var(--gold);font-family:var(--title)}@keyframes tin{0%{opacity:0;transform:translateY(-8px)}}#modebar{left:50%;top:calc(50px + var(--safe-t));z-index:25;background:var(--panel);border:2px solid var(--gold);border-radius:14px;align-items:center;gap:8px;padding:6px 8px 6px 14px;font-size:14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 3px 14px #000c}#modebar .mb-btn{border:1px solid var(--edge);background:var(--panel2);cursor:pointer;border-radius:10px;place-items:center;min-width:44px;height:40px;padding:0 10px;font-size:18px;display:grid}#modebar .ok{background:#2f5a2a;border-color:#6aa84f}#modebar .no{background:#5a2a24;border-color:#c0392b}#selbox{z-index:12;pointer-events:none;background:#7be07a22;border:2px solid #7be07a;position:fixed}.screen{z-index:50;touch-action:pan-y;padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));background:radial-gradient(at 50% 30%,#3a2c1c 0%,#140f0a 70%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.screen.dim{background:#000b}.card{border:2px solid var(--edge);touch-action:pan-y;background:linear-gradient(#2e2318f5,#1e1610f5);border-radius:16px;width:min(720px,100%);max-height:100%;padding:18px;overflow:auto;box-shadow:0 10px 40px #000c}.card h1{font-family:var(--title);color:var(--gold);text-align:center;letter-spacing:1px;text-shadow:0 3px #000a;margin:0 0 4px;font-size:clamp(26px,6vw,44px)}.card h2{font-family:var(--title);color:var(--gold);margin:6px 0 10px;font-size:20px}.card h3{font-family:var(--title);color:var(--gold);margin:14px 0 6px;font-size:16px}.sub{text-align:center;color:var(--muted);margin-bottom:16px;font-style:italic}.menu-btns{flex-direction:column;gap:10px;max-width:340px;margin:0 auto;display:flex}.btn{border:2px solid var(--edge);min-height:46px;font-family:var(--title);color:var(--text);cursor:pointer;background:linear-gradient(#5a4429,#3a2b1b);border-radius:12px;padding:8px 16px;font-size:16px;font-weight:700;box-shadow:0 3px #0008,inset 0 1px #fff2}.btn:active{transform:translateY(2px);box-shadow:0 1px #0008}.btn.primary{border-color:var(--gold);color:#fff3d0;background:linear-gradient(#8a6a2a,#5a4218)}.btn.small{min-height:36px;padding:4px 10px;font-size:13px}.btn.danger{background:linear-gradient(#6a2a22,#45180f);border-color:#a0392b}.btn:disabled{opacity:.4}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grid2{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 14px;display:grid}label.f{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}select,input[type=text]{border:1px solid var(--edge);min-height:40px;color:var(--text);background:#140f0a;border-radius:10px;padding:4px 10px;font-size:15px}input[type=range]{width:100%;accent-color:var(--gold)}.prow{background:#0004;border:1px solid #5a4630;border-radius:10px;grid-template-columns:26px 1fr 1fr 104px 104px 34px;align-items:center;gap:6px;margin-bottom:6px;padding:6px;display:grid}.prow .sw{cursor:pointer;border:2px solid #0008;border-radius:6px;width:22px;height:22px}.prow select{width:100%;min-height:36px;padding:2px 6px;font-size:13.5px}.prow .x{cursor:pointer;background:#3a1a14;border:1px solid #7a3a2a;border-radius:8px;width:32px;height:32px}@media (max-width:560px){.prow{grid-template-columns:26px 1fr 1fr}}.civinfo{color:#e0d6c0;background:#0004;border-radius:10px;margin-top:6px;padding:8px 10px;font-size:12.5px}.civinfo b{color:var(--gold)}.stats-table{border-collapse:collapse;width:100%;font-size:13px}.stats-table th,.stats-table td{text-align:right;border-bottom:1px solid #5a463066;padding:5px 6px}.stats-table th:first-child,.stats-table td:first-child{text-align:left}.help p,.help li{color:#e6dcc4;font-size:14px;line-height:1.45}.help kbd{border:1px solid var(--edge);background:#0006;border-radius:4px;padding:0 5px;font-size:12px}.title-art{width:min(340px,80%);margin:0 auto 6px;display:block}.version{text-align:center;color:#8a7a5a;margin-top:14px;font-size:11px}.techlist{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.tl-item{background:#0004;border:1px solid #5a463066;border-radius:8px;align-items:center;gap:6px;padding:4px;font-size:12px;display:flex}.tl-item img{width:34px;height:34px}.tl-item.done{border-color:#6aa84f}.tl-item.locked{opacity:.5}#loading{z-index:60;font-family:var(--title);color:var(--gold);background:#0b0d10;place-items:center;font-size:22px;display:grid;position:fixed;inset:0}@media (orientation:portrait){:root{--btn:44px;--gap:4px}#bottom{flex-wrap:wrap}#info{flex:90px;order:1;max-width:none}#cmds{order:2;max-width:100%;margin-left:auto}#minimap-wrap{width:56px;height:56px}.info-thumb{width:28px;height:32px}.info-summary{gap:3px;padding-left:3px;padding-right:3px}.info-chevron{width:10px}#bottom.many-commands{grid-template-columns:56px minmax(0,1fr);grid-template-areas:"map info""map commands";display:grid}#bottom.many-commands #minimap-wrap{grid-area:map;align-self:end}#bottom.many-commands #info{--dock-safe:0px;grid-area:info}#bottom.many-commands #cmds{grid-area:commands;justify-self:end;max-width:100%}#topbar{padding-right:calc(4px + var(--safe-r));padding-left:calc(4px + var(--safe-l));gap:5px;font-size:12px}.res{gap:2px;min-width:0}.res svg{width:15px;height:15px}#clock,#wonder-timer{display:none}#age-badge{padding:2px 5px;font-size:11px}#age-badge .full{display:none}#age-badge .short{display:inline!important}.tb-btn{width:30px;height:30px}.portrait{width:56px;height:56px}}@media (orientation:landscape) and (max-height:500px){:root{--btn:44px;--gap:4px}#minimap-wrap{width:64px;height:64px}#topbar{height:calc(34px + var(--safe-t));font-size:13px}#sidebtns{top:calc(40px + var(--safe-t));gap:5px}.side{width:42px;height:42px}.side img,.side svg{width:30px;height:30px}#info{max-width:240px}.portrait{width:52px;height:52px}#toasts{top:calc(40px + var(--safe-t))}}@media (min-width:1100px) and (min-height:700px){:root{--btn:58px}#minimap-wrap{width:96px;height:96px}}body.panel-collapsed #info,body.panel-collapsed #cmds{display:none}#perf{z-index:35;left:calc(6px + var(--safe-l));top:calc(46px + var(--safe-t));color:#e8e8e8;pointer-events:auto;white-space:nowrap;text-overflow:ellipsis;background:#000b;border:1px solid #fff3;border-radius:8px;max-width:calc(100vw - 70px);padding:4px 8px;font:11px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:fixed;overflow:hidden}#perf b{font-weight:700}#perf.good b{color:#7be07a}#perf.mid b{color:#ffd060}#perf.bad b{color:#ff6a5a}@media (orientation:portrait){#perf{top:calc(166px + var(--safe-t))}}