@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-latin-400-normal-DtLlO8BS.woff2)format("woff2"),url(/assets/alegreya-sans-latin-400-normal-DmA8jeke.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/alegreya-sans-latin-400-italic-rmlAbObI.woff2)format("woff2"),url(/assets/alegreya-sans-latin-400-italic-CgbdrOqg.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-sans-latin-500-normal-DS713u5J.woff2)format("woff2"),url(/assets/alegreya-sans-latin-500-normal-vXxrTKJT.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-sans-latin-700-normal-DEbcy2sF.woff2)format("woff2"),url(/assets/alegreya-sans-latin-700-normal-BnzUNlma.woff)format("woff")}@font-face{font-family:Alegreya Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/alegreya-sans-latin-800-normal-CpHsWMQ0.woff2)format("woff2"),url(/assets/alegreya-sans-latin-800-normal-17etSahV.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--serif:"Cinzel", "Trajan Pro", "Times New Roman", serif;--sans:"Alegreya Sans", "Segoe UI", system-ui, sans-serif;--ink:#2b221a;--ink2:#5a4836;--muted:#84705c;--num:#2b221a;--panel:#fffdf9;--page:#f6f2ea;--line:#b8893a;--hair:#b8893a6b;--well:#f5efe4;--well-line:#e7dcc9;--ring-track:#3c2d1e24;--red:#9e3226;--red-dark:#7f261c;--on-red:#fbf3e3;--teal:#2f6f6a;--btn:#fffdf9;--btn-ink:#3b2f24;--tip:#2b231c;--tip-ink:#f4ecdf;--tip-muted:#c7b8a2;--shadow:0 2px 8px #281e1433;--lift:0 1px 2px #281e1424;--dim:#281e1666;--food:#6b7f2a;--prod:#b35a26;--gold:#b8893a;--cul:#7d3f8c;--man:#56616d;--arms:#3f5f86;--tip-food:#b9c784;--tip-prod:#e8a06a;--tip-gold:#e6bf62;--tip-cul:#d6a8de;--tip-man:#b9c3cc;--tip-arms:#a9c2df;--sev-red:#a8392b;--sev-gold:#c08f2a;--sev-green:#5f8a34;--cream:#fbf3e3}html[data-tone=deep]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f2e8d5;--ink2:#d4c4a8;--muted:#a8977d;--num:#f6eedd;--panel:#1e1a16;--page:#15120f;--line:#b8893a;--hair:#b8893a73;--well:#28221d;--well-line:#3a312a;--ring-track:#fff0d724;--red:#a8392b;--red-dark:#7f261c;--teal:#3d827b;--btn:#26201b;--btn-ink:#f2e8d5;--tip:#0f0c0a;--shadow:0 2px 10px #00000073;--lift:0 1px 2px #00000059;--dim:#0806058c;--food:#a9b873;--prod:#e48c52;--gold:#d9a84f;--cul:#cc98d4;--man:#a3b0bd;--arms:#8fb0d6}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#1b1612;font-size:15px;line-height:1.4}input,textarea,select,.chat-lines,.fatal{-webkit-user-select:text;user-select:text}*,:before,:after{box-sizing:border-box}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--btn);color:var(--btn-ink);border-radius:16px;margin:0;padding:5px 14px;transition:box-shadow .15s,background-color .15s}button:where(:hover:not(:disabled)){background:var(--well);box-shadow:0 0 0 3px var(--hair)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline:2px solid var(--line);outline-offset:3px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--red);border-color:var(--red);color:var(--on-red);font-weight:700}button.primary:hover:not(:disabled){background:var(--red);filter:brightness(1.12)}button.on{background:var(--well);box-shadow:0 0 0 2px var(--line)}input,select{border:1px solid var(--well-line);background:var(--panel);color:var(--ink);border-radius:6px;padding:5px 10px}input:focus,select:focus{outline:2px solid var(--hair);border-color:var(--line)}kbd{font-family:var(--sans);border:1px solid var(--well-line);color:var(--muted);border-radius:3px;padding:0 4px;font-size:11px;font-weight:700}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums;color:var(--num);font-weight:800}.glyph,.figure{flex:none;display:block}.kp{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);border-radius:6px;padding:14px 16px;position:relative}.kp-hair{border:1px solid var(--hair);pointer-events:none;border-radius:3px;position:absolute;inset:3px}.kp-rh{pointer-events:none;position:absolute}.kp-rh.tl{top:-4px;left:-4px}.kp-rh.tr{top:-4px;right:-4px}.kp-rh.bl{bottom:-4px;left:-4px}.kp-rh.br{bottom:-4px;right:-4px}.kp-frieze{padding-bottom:30px}.kp-meander{width:calc(100% - 18px);position:absolute;bottom:8px;left:9px;right:9px}.plaque{background:var(--panel);border:1px solid var(--line);height:44px;box-shadow:var(--shadow);color:var(--ink);border-radius:22px;align-items:center;padding:0 16px;display:flex;position:relative}.jewel{flex:none;display:block}.rule{align-items:center;gap:8px;display:flex}.rule>i{background:var(--hair);flex:1;height:1px}.sec{align-items:center;gap:8px;margin:2px 0 -2px;display:flex}.sec-title{font-family:var(--serif);letter-spacing:.16em;text-transform:uppercase;color:var(--ink2);white-space:nowrap;font-size:12px;font-weight:600}.sec>i{background:var(--hair);flex:1;height:1px}.band{background:var(--red);border-radius:2px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.band svg{position:absolute;top:0;left:0}.band span{background:var(--red);font-family:var(--serif);letter-spacing:.2em;color:var(--on-red);white-space:nowrap;text-transform:uppercase;padding:0 12px 0 calc(12px + .2em);font-weight:600;line-height:1;position:relative}.round{border:1px solid var(--line);background:var(--btn);color:var(--btn-ink);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.round:hover:not(:disabled){background:var(--well);border-color:var(--line);box-shadow:0 0 0 3px var(--hair)}.round.on{background:var(--well);box-shadow:0 0 0 2px var(--line)}.round-quiet{border-color:var(--well-line);color:var(--ink2);background:0 0}.round-red{background:var(--red);border-color:var(--red);color:var(--on-red)}.round-gold{background:var(--line);color:#fffaf0}.round-dark{background:var(--ink);border-color:var(--ink);color:var(--panel)}.round-red:hover:not(:disabled),.round-gold:hover:not(:disabled),.round-dark:hover:not(:disabled){filter:brightness(1.12)}.round-red:hover:not(:disabled){background:var(--red)}.round-gold:hover:not(:disabled){background:var(--line)}.round-dark:hover:not(:disabled){background:var(--ink)}.dial{text-align:left;align-items:center;gap:7px;display:inline-flex}.dial.as-button{color:inherit;background:0 0;border:0;border-radius:999px;padding:0}.dial.as-button:hover:not(:disabled){box-shadow:none}.dial.as-button:hover .dial-disc{filter:brightness(1.1);box-shadow:0 0 0 3px var(--hair)!important}.dial-medal{flex:none;display:block;position:relative}.dial-medal .ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.dial-disc{color:var(--cream);border-radius:50%;place-items:center;display:grid;position:absolute;overflow:hidden}.dial-pill{background:var(--panel);border:1px solid var(--line);height:15px;color:var(--ink);white-space:nowrap;border-radius:8px;align-items:center;gap:2px;padding:0 5px 0 4px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.dial-pill .glyph{color:var(--muted)}.dial-rate{flex-direction:column;gap:3px;min-width:0;display:flex}.dial-value{color:var(--num);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:16px;font-weight:800;line-height:1;display:inline-flex}.dial-sub{color:var(--muted);white-space:nowrap;font-size:12.5px;line-height:1.15}.dial-num{font-family:var(--serif);color:var(--cream);font-weight:600;line-height:1}.unit-disc{box-shadow:0 0 0 2px var(--cream), 0 2px 5px #140c0466;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.civ-emblem{font-family:var(--serif);border-radius:50%;flex:none;place-items:center;font-weight:700;line-height:1;display:grid;position:relative}.civ-emblem:not(.outline){box-shadow:0 0 0 1.5px var(--cream), 0 1px 3px #140c044d}.unit-disc.selected>.ring{top:-8.5px;left:-8.5px}.unit-disc.selected{box-shadow:0 0 0 2px var(--cream), 0 0 0 4.5px #d9a84f, 0 2px 6px #140c0473}.unit-disc.spent{filter:saturate(.55)brightness(.85)}.ud-alert{width:11px;height:11px;box-shadow:0 0 0 2px var(--cream);background:#d9a84f;border-radius:50%;position:absolute;top:-3px;left:-3px}.unit-disc>.ring{pointer-events:none;position:absolute;top:-4.5px;left:-4.5px;transform:rotate(-90deg)}.ud-badge{background:var(--cream);color:#3b2f24;border-radius:50%;place-items:center;width:46%;min-width:15px;height:46%;min-height:15px;display:grid;position:absolute;bottom:-5px;right:-5px;box-shadow:0 0 0 1.5px #b8893a}.tooltip{z-index:80;background:var(--tip);border:1px solid var(--line);max-width:340px;box-shadow:var(--shadow);color:var(--tip-ink);pointer-events:none;border-radius:6px;padding:10px 13px;font-size:14px;line-height:1.4;animation:.12s ease-out tip-in;position:fixed}@keyframes tip-in{0%{opacity:0}}.tip-arrow{position:absolute;overflow:visible}.tip-arrow-above{margin-top:-1px;top:100%}.tip-arrow-below{margin-bottom:-1px;bottom:100%}.tip-arrow-right{margin-right:-1px;right:100%}.tip-arrow-left{margin-left:-1px;left:100%}.tip-anchor{display:inline-flex}.tooltip b{font-weight:800}.tooltip .t-title{font-family:var(--serif);letter-spacing:.04em;font-size:15px;font-weight:600}.tooltip .t-sub,.tooltip .t-muted{color:var(--tip-muted)}.tooltip .t-foot{color:var(--tip-muted);margin-top:6px;font-size:12.5px}.bd{min-width:200px}.bd-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.bd-head b{font-variant-numeric:tabular-nums;font-size:17px}.bd-head span{color:var(--tip-muted)}.bd-line{white-space:nowrap;justify-content:space-between;gap:28px;display:flex}.bd-line span{color:var(--tip-muted)}.bd-line b{font-variant-numeric:tabular-nums}.bd-mod b{color:var(--tip-muted)}.bd-rule{background:#fff0d729;height:1px;margin:7px 0;display:block}.bd-foot{color:var(--tip-muted);white-space:normal;max-width:300px;margin-top:6px;font-size:12.5px}.row{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;padding:0 6px;display:flex}.row:hover:not(:disabled){background:var(--well);box-shadow:none}.row.selected{background:var(--well)}.tile-tip{min-width:230px}.tile-tip .t-sub{margin-bottom:7px}.tt-yields{gap:12px;margin-bottom:6px;display:flex}.tt-yields span{align-items:center;gap:3px;display:inline-flex}.tt-row{align-items:flex-start;gap:7px;margin-top:6px;display:flex}.tt-row .glyph{margin-top:3px}.game{width:100%;height:100%;position:relative}.hud-top-left,.hud-top-right,.hud-right,.hud-bottom-right{z-index:20;pointer-events:none;position:absolute}.hud-top-left>*,.hud-top-right>*,.hud-right>*,.hud-bottom-right>*{pointer-events:auto}.game.inspecting .alerts,.game.inspecting .hud-right,.game.inspecting .hud-bottom-right{display:none}.hud-top-left{flex-direction:column;align-items:flex-start;gap:12px;display:flex;top:14px;left:14px}.topbar.plaque{border-radius:26px;gap:16px;height:52px;padding:0 18px}.tb-stat{white-space:nowrap;align-items:center;gap:5px;font-size:16px;line-height:1;display:inline-flex}.tb-extra{color:var(--muted);font-size:12.5px;font-weight:700}.tb-div{background:var(--hair);width:1px;height:26px}.fps{z-index:95;color:#fff;white-space:pre;cursor:pointer;background:#00000080;padding:1px 6px;font:11px/1.3 ui-monospace,monospace;position:absolute;top:0;left:0}.alerts{gap:9px;padding-left:8px;display:flex}.alert{width:30px;height:30px;color:var(--cream);box-shadow:0 0 0 1.5px var(--cream), 0 1px 4px #140c0466;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.alert:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 0 0 1.5px var(--cream), 0 0 0 4px var(--hair), 0 1px 4px #140c0466}.alert-red{background:var(--sev-red)}.alert-gold{background:var(--sev-gold)}.alert-green{background:var(--sev-green)}.alert-tip .t-strong{font-weight:800}.hud-top-right{align-items:flex-start;gap:12px;display:flex;top:0;right:14px}.players.plaque{border-radius:26px;gap:9px;height:52px;margin-top:18px;padding:0 12px}.civ-disc.dead{filter:grayscale();opacity:.45}.civ-disc.away{opacity:.6;box-shadow:0 0 0 1.5px var(--muted)}.civ-ready{background:var(--sev-green);width:14px;height:14px;color:var(--cream);box-shadow:0 0 0 1.5px var(--panel);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-5px}.menu-button{box-shadow:var(--shadow);margin-top:22px}.time-control{align-items:flex-start;padding-bottom:12px;display:flex;position:relative}.tc-bar{background:var(--panel);border:1px solid var(--line);height:56px;box-shadow:var(--shadow);white-space:nowrap;border-radius:28px;align-items:center;gap:9px;margin-top:18px;margin-right:-46px;padding:0 60px 0 18px;display:flex;position:relative}.tc-hair{border:1px solid var(--hair);pointer-events:none;border-radius:25px;position:absolute;inset:3px}.tc-turn{font-family:var(--serif);color:var(--ink);font-size:23px;font-weight:600;line-height:1}.tc-of{color:var(--muted);font-size:13.5px}.turn-timer{font-variant-numeric:tabular-nums;color:var(--ink2);font-size:14px;font-weight:800}.turn-timer.urgent{color:var(--sev-red)}.tc-button-box{flex:none;position:relative}.tc-button{background:var(--panel);width:92px;height:92px;box-shadow:0 0 0 1px var(--line), 0 2px 8px #140c044d;border:0;border-radius:50%;padding:0;display:block;position:relative}.tc-button:hover:not(:disabled){background:var(--well);box-shadow:0 0 0 1px var(--line), 0 0 0 4px var(--hair), 0 2px 8px #140c044d}.tc-button:hover .tc-disc{filter:brightness(1.14)}.tc-button:hover .tc-meander path{stroke:var(--ink2)}.tc-meander{position:absolute;top:0;left:0}.tc-meander path{fill:none;stroke:var(--line);stroke-width:1.1px}.tc-disc{width:72px;height:72px;color:var(--cream);background:var(--red);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;left:10px}.tc-tasks .tc-disc{background:var(--sev-gold)}.tc-wait .tc-disc{background:var(--teal)}.tc-task{z-index:1;background:0 0;border:0;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;display:grid;position:absolute}.tc-task:hover:not(:disabled){box-shadow:0 0 0 3px var(--hair)}.tc-city{width:26px;height:26px;box-shadow:0 0 0 1.5px var(--cream);background-position:50%;background-size:cover;border-radius:50%;display:block}.tc-more{background:var(--panel);width:24px;height:24px;box-shadow:0 0 0 1.5px var(--line);color:var(--ink);border-radius:50%;font-size:11.5px;font-weight:800}.tc-pip{position:absolute}.tc-pip.away{opacity:.5}.hud-right{flex-direction:column;align-items:flex-end;gap:10px;width:320px;display:flex;top:136px;bottom:236px;right:14px}.toasts{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.toast.plaque{border-radius:19px;gap:8px;max-width:320px;height:auto;min-height:38px;padding:4px 14px 4px 5px;font-size:14px;line-height:1.25;animation:.18s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translate(10px)}}.toast-dot{background:var(--sev-gold);border-radius:50%;flex:none;width:7px;height:7px}.tone-good .toast-dot{background:var(--sev-green)}.tone-bad .toast-dot{background:var(--sev-red)}.toast-text.clickable{cursor:pointer}.outliner.kp{scrollbar-width:thin;width:236px;min-height:0;padding:8px;overflow:auto}.ol-head{gap:6px;height:26px;padding:0 4px}.ol-chev{color:var(--muted);transition:transform .15s}.ol-chev.open{transform:rotate(90deg)}.ol-title{font-family:var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);font-size:12.5px;font-weight:600}.ol-count{color:var(--muted);font-size:12.5px;font-weight:800}.ol-row{height:26px;font-size:14px}.ol-pop{width:20px;height:20px;color:var(--cream);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.ol-name{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.ol-medal{width:20px;height:20px;box-shadow:0 0 0 1px var(--line);background-position:50%;background-size:cover;border-radius:50%;flex:none;display:block}.ol-medal.idle{opacity:.45}.ol-turns{width:26px;color:var(--ink2);flex:none;justify-content:flex-end;align-items:center;gap:2px;font-size:12.5px;font-weight:800;display:inline-flex}.ol-dot{background:var(--sev-gold);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.ol-status{color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:4px;font-size:12.5px;font-weight:500;display:inline-flex}.ol-status.warn{color:var(--sev-gold);font-weight:800}.ol-more{height:22px;color:var(--muted);padding-left:32px;font-size:12.5px}.ol-rule{background:var(--hair);height:1px;margin:5px 4px;display:block}.hud-bottom-right{align-items:flex-end;gap:12px;display:flex;bottom:16px;right:14px}.unit-card.kp{flex-direction:column;gap:10px;width:440px;min-height:118px;padding:22px 16px 12px 122px;display:flex}.unit-card .uc-band{position:absolute;top:-12px;left:118px;right:58px}.uc-status-anchor{position:absolute;top:-15px;right:14px}.uc-status{background:var(--panel);border:1px solid var(--line);width:30px;height:30px;color:var(--ink2);box-shadow:var(--lift);border-radius:50%;place-items:center;display:grid}.uc-status.waiting{background:var(--sev-gold);border-color:var(--sev-gold);color:var(--cream)}.uc-portrait-anchor{margin-top:-51px;position:absolute;top:50%;left:12px}.uc-portrait{width:102px;height:102px;display:block;position:relative}.uc-portrait .ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.uc-paint{background-position:50%;background-size:cover;border-radius:50%;width:92px;height:92px;position:absolute;top:5px;left:5px}.uc-stats{flex-wrap:wrap;align-items:center;gap:6px 15px;padding-left:2px;display:flex}.uc-stat{color:var(--num);font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:16px;font-weight:800;display:inline-flex}.uc-home{color:var(--ink2);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:13.5px;font-weight:600;display:inline-flex}.uc-home:hover:not(:disabled){box-shadow:none;text-decoration:underline}.uc-actions{flex-wrap:wrap;gap:7px;display:flex}.uc-hint{background:var(--tip);color:var(--tip-ink);white-space:nowrap;pointer-events:none;border-radius:14px;padding:5px 12px;font-size:13px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.minimap-panel.kp{flex-direction:column;gap:6px;width:248px;padding:6px;display:flex}.map-modes{gap:9px;padding:2px 3px 0;display:flex}.minimap{cursor:pointer;border-radius:2px;display:block}.bottom-left{z-index:20;position:absolute;bottom:16px;left:14px}.loading-screen{z-index:100;background:var(--panel);flex-direction:column;justify-content:center;align-items:center;gap:26px;transition:opacity .45s;display:flex;position:absolute;inset:0}.loading-screen.out{opacity:0;pointer-events:none}.ls-mark{width:132px;height:132px;position:relative}.ls-ring{animation:14s linear infinite ls-turn;position:absolute;top:0;left:0}.ls-ring path{fill:none;stroke:var(--line);stroke-width:1.2px}@keyframes ls-turn{to{transform:rotate(360deg)}}.ls-disc{background:var(--red);width:88px;height:88px;color:var(--cream);box-shadow:0 0 0 1px var(--line);border-radius:50%;place-items:center;display:grid;position:absolute;top:22px;left:22px}.ls-text{font-family:var(--serif);letter-spacing:.22em;text-transform:uppercase;color:var(--ink2);font-size:14px;font-weight:600}.banner{z-index:60;background:var(--sev-red);color:var(--cream);box-shadow:var(--shadow);border-radius:18px;padding:8px 16px;position:absolute;top:84px;left:50%;transform:translate(-50%)}.fatal{z-index:90;background:var(--tip);color:var(--tip-ink);border-radius:6px;padding:20px;position:absolute;inset:40px;overflow:auto}.move-mode{cursor:crosshair}.unit-flags{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.unit-flag{transform-origin:50% 100%;will-change:transform;position:absolute;top:0;left:0}.unit-flags.far .unit-flag{transform-origin:50%}.unit-flag.small .figure{--fig-bg:currentColor!important}.city-banner{border:1.5px solid var(--cream);white-space:nowrap;border-radius:16px;align-items:center;gap:8px;height:32px;padding:0 4px 0 3px;display:flex;transform:translateY(-14px);box-shadow:0 2px 6px #140c0459}.city-banner:not(.own){padding-right:12px}.city-banner.selected{box-shadow:0 0 0 2.5px #d9a84f,0 2px 6px #140c0459}.city-banner.stale{opacity:.7;filter:saturate(.6)}.cb-dial{flex:none;place-items:center;width:30px;height:30px;display:grid;position:relative}.cb-dial .ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}.cb-pop{width:24px;height:24px;color:var(--cream);background:#140c068c;border-radius:50%;place-items:center;font-size:13px;font-weight:800;line-height:1;display:grid}.city-banner:not(.own) .cb-dial{width:24px;height:24px}.cb-prod{width:22px;height:22px;box-shadow:0 0 0 1px var(--cream);background-position:50%;background-size:cover;border-radius:50%;display:block}.cb-prod.idle{filter:grayscale(.7);opacity:.75}.cb-pill{color:#2b221a;background:#fffdf9;border:1px solid;border-radius:7px;align-items:center;gap:1px;height:13px;padding:0 4px 0 3px;font-size:10px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.cb-pill .glyph{color:#84705c}.cb-name{font-family:var(--serif);letter-spacing:.1em;color:var(--cream);text-transform:uppercase;font-size:13.5px;font-weight:600;line-height:1}.cb-hp{color:#ffb4a8;background:#140c068c;border-radius:7px;padding:1px 5px;font-size:11px;font-weight:800}.step-marks{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.step-mark{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.sm-pill{background:#140e088c;border-radius:9px;align-items:center;gap:1px;height:17px;padding:0 4px;display:inline-flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fbf3e359}.city-side{z-index:25;position:absolute;top:84px;left:14px}.city-panel.kp{flex-direction:column;gap:11px;width:560px;max-height:calc(100vh - 100px);padding:12px 16px 30px;display:flex}.cp-strip{height:60px;box-shadow:0 0 0 1px var(--line);background-position:50% 40%;background-size:cover;border-radius:3px;flex:none}.cp-head{align-items:center;gap:12px;display:flex}.cp-name{font-family:var(--serif);letter-spacing:.08em;color:var(--ink);margin:0;font-size:24px;font-weight:600;line-height:1}.cp-stat{color:var(--num);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:16px;font-weight:800;display:inline-flex}.cp-nav{gap:4px;margin-left:auto;display:flex}.cp-dials{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px;padding:8px 0 2px 2px;display:grid}.cp-dials .dial-sub{white-space:normal;max-width:112px}.cp-num{font-size:21px}.dial-cap{opacity:.8;margin-left:1px;font-size:12px;font-weight:700}.dial.idle .dial-disc{filter:grayscale(.7);opacity:.7}.cp-tabs{gap:5px;display:flex}.cp-body{scrollbar-width:thin;flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex;overflow:auto}.cp-queue{align-items:center;gap:12px;min-height:46px;padding:8px 2px 0;display:flex}.cp-q{touch-action:none;flex:none;transition:transform .15s;position:relative}.cp-q.movable{cursor:grab}.cp-queue.dragging,.cp-queue.dragging .cp-q{cursor:grabbing}.cp-q.lifted{z-index:2;filter:drop-shadow(0 3px 5px #281e1459);transition:none}.cp-q-remove{border:1px solid var(--line);background:var(--btn);width:16px;height:16px;color:var(--ink2);box-shadow:var(--lift);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:-5px;right:-5px}.cp-q-remove:hover{background:var(--red);border-color:var(--red);color:var(--on-red);box-shadow:0 0 0 2px var(--hair)}.cp-queue.dragging .cp-q-remove{visibility:hidden}.cp-empty{color:var(--muted);font-size:13.5px}.cp-list{flex-direction:column;gap:1px;display:flex}.cp-row-anchor{width:100%;display:flex}.cp-row{gap:10px;height:46px;padding:0 8px 0 4px}.cp-row.dim .cp-row-name{color:var(--muted)}.cp-medal{width:36px;height:36px;box-shadow:0 0 0 1px var(--line);background-position:50%;background-size:cover;border-radius:50%;flex:none}.cp-row-text{flex-direction:column;flex:1 1 0;min-width:0;line-height:1.2;display:flex}.cp-row-name{color:var(--ink);font-size:15px;font-weight:700}.cp-row-help{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.cp-row-help.warn{color:var(--sev-gold)}.cp-row-turns,.cp-row-cost,.cp-row-man{color:var(--ink2);font-variant-numeric:tabular-nums;flex:none;justify-content:flex-end;align-items:center;gap:3px;font-weight:800;display:inline-flex}.cp-row-turns{width:36px;font-size:13px}.cp-row-cost{width:50px;font-size:13.5px}.cp-row-man{width:30px;font-size:13.5px}.cp-row-gold{flex:none;justify-content:flex-end;width:54px;display:inline-flex}.cp-gold-buy,.cp-gold-price{font-variant-numeric:tabular-nums;align-items:center;gap:3px;height:22px;font-size:12.5px;font-weight:800;display:inline-flex}.cp-gold-buy{color:var(--ink);border-radius:11px;padding:0 6px 0 8px}.cp-gold-price{color:var(--muted);padding:0 7px 0 0}.cp-raised{flex-direction:column;gap:2px;display:flex}.cp-unit{align-items:center;gap:8px;min-height:32px;padding:0 4px;display:flex}.cp-unit-name{color:var(--ink);background:0 0;border:0;padding:0;font-size:14px;font-weight:700}.cp-unit-name:hover:not(:disabled){box-shadow:none;text-decoration:underline}.cp-unit-where{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;font-size:12.5px;overflow:hidden}.cp-replace{border-radius:12px;align-items:center;gap:3px;height:24px;padding:0 9px 0 7px;font-size:12.5px;display:inline-flex}.cp-built{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;display:grid}.cp-building{align-items:center;gap:8px;min-height:36px;display:flex}.cp-bglyph{background:var(--well);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.cp-citizens{color:var(--ink2);flex:none;align-items:center;gap:6px;font-size:13.5px;display:flex}.cp-idle{color:var(--sev-gold)}.city-overlay{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.city-overlay.dragging,.city-overlay.dragging *{pointer-events:none!important}.co-tile{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.co-anchor{pointer-events:auto;position:absolute}.co-citizen-anchor{top:-32px;left:-12px}.co-citizen{width:24px;height:24px;box-shadow:0 0 0 2px var(--cream), 0 1px 4px #140c0459;cursor:grab;touch-action:none;border-radius:50%;place-items:center;display:grid}.co-citizen:hover{filter:brightness(1.15)}.co-citizen.lifted{opacity:.35}.co-slot-anchor{top:-31px;left:-11px}.co-slot{background:#140c042e;border:1.5px dashed #fbf3e3f2;border-radius:50%;width:22px;height:22px;padding:0}.co-slot:hover:not(:disabled){box-shadow:none;background:#fbf3e359}.co-tile.target .co-slot{background:#fbf3e380;border-style:solid;box-shadow:0 0 0 3px #d9a84fb3}.co-buy-anchor{top:-16px;left:0;transform:translate(-50%,-50%)}.co-buy{height:26px;box-shadow:var(--lift);border-radius:13px;align-items:center;gap:5px;padding:0 10px 0 7px;font-size:13px;font-weight:800;display:inline-flex}.co-next{background:var(--cul);height:22px;color:var(--cream);white-space:nowrap;box-shadow:var(--lift);border-radius:11px;align-items:center;gap:4px;padding:0 8px 0 7px;font-size:12.5px;font-weight:800;display:inline-flex;position:absolute;top:31px;left:0;transform:translate(-50%)}.co-ghost{z-index:5;width:24px;height:24px;box-shadow:0 0 0 2px var(--cream), 0 3px 8px #140c0480;pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute}.lenses.plaque{z-index:20;border-radius:23px;gap:5px;height:46px;padding:0 7px;position:absolute;bottom:16px;left:calc(50% + 287px);transform:translate(-50%)}.lens{border:1px solid var(--well-line);height:32px;color:var(--muted);white-space:nowrap;background:0 0;border-radius:16px;align-items:center;gap:6px;padding:0 12px 0 9px;font-size:13.5px;display:inline-flex}.lens:hover:not(:disabled){background:var(--well);color:var(--ink)}.lens.on{border-color:var(--line);background:var(--panel);color:var(--ink)}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);border-radius:6px;padding:14px 16px;position:relative}.panel:before,.menu-card:before{content:"";border:1px solid var(--hair);pointer-events:none;border-radius:3px;position:absolute;inset:3px}.panel-title{font-family:var(--serif);letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:10px;font-size:16px;font-weight:600;display:flex}.panel-title .close{margin-left:auto;padding:2px 9px}.section-title{font-family:var(--serif);letter-spacing:.16em;text-transform:uppercase;color:var(--ink2);margin:12px 0 6px;font-size:12px;font-weight:600}.section-title .muted{font-family:var(--sans);letter-spacing:0;text-transform:none;font-weight:400}.hint{color:var(--muted);margin-top:8px;font-size:12.5px}button.link{color:var(--muted);background:0 0;border:0;padding:2px 4px;font-size:12.5px}.inline-icon{vertical-align:-3px;width:16px;height:16px}.title-screen{background:#1b1612 50%/cover no-repeat;height:100%;position:relative;overflow:hidden}.title-menu.kp{border-radius:0 0 6px 6px;flex-direction:column;gap:6px;width:300px;padding:44px 20px 36px;display:flex;position:absolute;top:-1px;right:110px}.title-word{font-family:var(--serif);letter-spacing:.26em;text-align:center;text-transform:uppercase;color:var(--ink);margin:0 0 6px;padding-left:.26em;font-size:25px;font-weight:600}.title-rule{padding:6px 30px 10px}.title-item{justify-content:space-between;height:44px;padding:0 14px}.title-label{font-family:var(--serif);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);font-size:14.5px;font-weight:600}.title-item.continue .title-label{color:var(--red)}.title-sub{color:var(--muted);font-size:13px}.title-foot{color:var(--muted);justify-content:center;align-items:center;gap:6px;padding-top:14px;font-size:12.5px;display:flex}.title-side{max-height:calc(100% - 80px);position:absolute;top:40px;right:434px;overflow:auto}.title-side .menu-card{width:380px}.title-side .save-list{min-width:0}.title-credit i{margin-left:.25em}.title-close{z-index:1;position:absolute;top:12px;right:12px}.title-credit.plaque{height:28px;color:var(--ink2);border-radius:14px;padding:0 12px;font-size:12.5px;position:absolute;bottom:24px;left:24px}.credits-card p{color:var(--ink2);margin:0;font-size:13.5px}.credits-card a{color:var(--red)}.menu-card{background:var(--panel);border:1px solid var(--line);width:320px;box-shadow:var(--shadow);color:var(--ink);border-radius:6px;flex-direction:column;gap:14px;padding:24px;display:flex;position:relative}.menu-card h1{font-family:var(--serif);letter-spacing:.26em;text-align:center;margin:0 0 6px;font-size:25px;font-weight:600}.menu-card h2{font-family:var(--serif);letter-spacing:.1em;margin:0;font-size:16px;font-weight:600}.menu-card label{color:var(--ink2);flex-direction:column;gap:6px;font-size:13.5px;display:flex}.menu-card label.check{flex-direction:row;align-items:center}.field-row{gap:6px;display:flex}.field-row input{flex:1;min-width:0}.civ-pick{flex-direction:column;gap:7px;display:flex}.civ-pick-label{color:var(--ink2);font-size:13.5px}.civ-pick-label b{color:var(--ink)}.civ-pick-row{flex-wrap:wrap;gap:7px;display:flex}.civ-pick-item{background:0 0;border:0;border-radius:50%;padding:0}.civ-pick-item:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 0 3px var(--hair);background:0 0}.civ-pick-item.on{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--line)}.save-list{flex-direction:column;gap:8px;min-width:380px;display:flex}.save-as{gap:6px;display:flex}.save-as input{flex:1}.saves{flex-direction:column;gap:4px;max-height:340px;display:flex;overflow:auto}.save-row{background:var(--well);border-radius:4px;align-items:center;gap:6px;padding:7px 8px;display:flex}.save-row.incompatible .save-name{opacity:.6;text-decoration:line-through}.save-info{min-width:0;color:var(--muted);flex:1;font-size:12.5px}.save-name{color:var(--ink);font-size:14px;font-weight:700}.save-error{color:var(--sev-red);font-size:12.5px}.modal-backdrop{z-index:50;background:var(--dim);place-items:center;display:grid;position:absolute;inset:0}.modal{min-width:440px;max-height:calc(100vh - 40px);overflow:auto}.modal-footer{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.graphics{border-top:1px solid var(--hair);flex-direction:column;gap:8px;margin-top:14px;padding-top:12px;font-size:13.5px;display:flex}.graphics-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.segmented{flex-wrap:wrap;gap:4px;display:flex}.segmented button{padding:3px 10px;font-size:13px}.graphics label.check{color:var(--ink2);align-items:center;gap:6px;display:flex}.game-over{z-index:45;background:var(--dim);place-items:center;display:grid;position:absolute;inset:0}.game-over .panel{text-align:center;min-width:320px}.lobby-screen{background:#1b1612 50%/cover no-repeat;place-items:center;height:100%;display:grid}.lobby{width:min(860px,100vw - 32px);max-height:calc(100vh - 32px);overflow:auto}.lobby-body{gap:16px;margin-top:10px;display:flex}.lobby-main{flex-direction:column;flex:1;gap:12px;display:flex}.invite{align-items:center;gap:10px;display:flex}.invite .code{letter-spacing:3px;color:var(--red);font-family:ui-monospace,monospace;font-size:22px;font-weight:700}.seats{flex-direction:column;gap:4px;display:flex}.seat-row{border-radius:4px;grid-template-columns:14px 80px 1fr auto auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.seat-row.mine{background:var(--well)}.seat-row .swatch{border-radius:50%;width:12px;height:12px}.seat-civ{font-weight:700}.seat-status{color:var(--muted);font-size:12.5px}.seat-actions{gap:4px;display:flex}.seat-actions button{padding:2px 9px;font-size:12.5px}.lobby-settings{grid-template-columns:repeat(3,1fr);gap:8px;font-size:13.5px;display:grid}.lobby-settings label{flex-direction:column;gap:4px;display:flex}.lobby-footer{gap:8px}.chat{flex-direction:column;gap:6px;width:280px;display:flex}.chat-lines{flex:1;min-height:160px;max-height:320px;font-size:13.5px;line-height:1.4;overflow-y:auto}.chat.compact{background:var(--panel);border:1px solid var(--line);width:230px;box-shadow:var(--shadow);border-radius:6px;padding:8px 10px}.chat.compact .chat-lines{min-height:0;max-height:130px}.chat-line{overflow-wrap:anywhere}.absence{max-width:420px}.absence-choices{flex-direction:column;gap:6px;display:flex}.path-label{white-space:nowrap;color:var(--cream);background:#1b1612d9;border-radius:9px;padding:2px 7px;font-size:12px;font-weight:800}.popup{color:var(--cream);text-shadow:0 1px 3px #000;font-size:18px;font-weight:800;animation:1.5s ease-out forwards popup-rise}@keyframes popup-rise{to{opacity:0;transform:translateY(-40px)}}