:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5ece9;font-synthesis:none;--dock-height:206px;--gold:#eac773;--teal:#87d7c5;--line:#91afbd29;background:#0c1922;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}#app{grid-template-rows:auto auto minmax(0,1fr) auto;height:100dvh;display:grid;overflow:hidden}button,select{font:inherit}button{color:#e5ece9;cursor:pointer;background:#223643;border:1px solid #465b64;border-radius:5px;padding:7px 10px;font-size:11px;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:#334c59;border-color:#8ba8b3}button:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--teal);outline-offset:3px}button:disabled{opacity:.38;cursor:default}button.primary{color:#12352f;background:#7ed6c3;border-color:#7ed6c3;font-weight:700}button.primary:hover:not(:disabled){background:#a1ecd9}button[aria-pressed=true]{border-color:var(--teal);background:#244c49}select{color:#dce9e7;background:#142733;border:1px solid #3a505d;border-radius:4px;max-width:220px;padding:5px 8px;font-size:11px}label{color:#9cb3ba;align-items:center;gap:7px;font-size:10px;display:flex}.topbar{border-bottom:1px solid var(--line);background:#10212b;align-items:center;gap:14px;min-height:60px;padding:10px 18px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{width:32px;height:32px;color:var(--teal);border:1px solid #81c6b6;border-radius:5px;place-items:center;font-size:12px;font-weight:800;text-decoration:none;display:grid}h1{letter-spacing:-.5px;margin:0;font-size:16px}.brand p{color:#86a1ad;margin:2px 0 0;font-size:9px}.match-settings,.time-controls{align-items:center;gap:8px;display:flex}.time-controls{margin-left:auto}.match-settings{flex-wrap:wrap}#clock{font-variant-numeric:tabular-nums;color:#c0d1d5;min-width:37px;font-size:12px}kbd{color:#d9e5e3;white-space:nowrap;border:1px solid #a0b8c047;border-radius:3px;padding:1px 4px;font:9px Segoe UI,system-ui}.battlefield{background:#102331;min-height:0;position:relative;overflow:hidden}.ground-layer{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.strategic-sprites{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.aircraft-layer{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}#battlefield{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.map-badge{border:1px solid var(--line);color:#bdd3d6;pointer-events:none;background:#10232be0;border-radius:5px;align-items:center;gap:8px;padding:7px 10px;font-size:10px;display:flex;position:absolute;top:14px;left:16px}.live-dot{background:var(--teal);border-radius:50%;width:5px;height:5px}.hud-surface{background:linear-gradient(155deg,#1c303bf7,#10232ef7);border:1px solid #6a879654;box-shadow:0 7px 24px #0006,inset 0 1px #cce4e508}.command-dock{z-index:3;border-radius:9px;width:min(1112px,100% - 28px);padding:0 12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.resource-row{border-bottom:1px solid var(--line);align-items:center;gap:26px;min-height:49px;padding:8px 7px;display:flex}.resource{align-items:center;gap:9px;min-width:86px;display:flex}.resource>span:last-child{color:#9bb4bb;text-transform:uppercase;letter-spacing:.07em;font-size:9px}.resource strong{letter-spacing:-.3px;color:#edf5ed;font-variant-numeric:tabular-nums;font-size:17px;font-weight:650;line-height:1.3;display:block}.gold-resource strong,.resource-symbol{color:var(--gold)}.resource-symbol{font-size:24px}.small-resource{min-width:53px}.small-resource strong{font-size:14px}.dock-age{letter-spacing:.13em;color:#bac7ba;white-space:nowrap;border:1px solid #819ba62b;border-radius:3px;margin-left:auto;padding:5px 7px;font-size:9px}.command-row{justify-content:space-between;gap:7px;padding:9px 0 8px;display:flex}.command-row[hidden]{display:none}.dock-age:after{content:" · Open";letter-spacing:normal}[data-hud-mode=dynamic] .dock-age:after{content:" · Dynamic"}.command-category{border-right:1px solid var(--line);--category:#adc4c9;padding:0 10px 0 0}.command-category:last-child{border-right:0;padding-right:0}.command-category h3{letter-spacing:.09em;text-transform:uppercase;color:var(--category);margin:0 0 6px 3px;font-size:9px;font-weight:650}.economy{--category:#e3c475}.military{--category:#dda28c}.troops{--category:#90d3b1}.ships{--category:#91bce4}.category-actions{gap:5px;display:flex}.action-slot{border-radius:5px}.hud-action{background:#091b257a;border-color:#76909d40;flex-direction:column;justify-content:end;align-items:center;width:65px;height:73px;padding:5px 2px;display:flex;position:relative}.hud-action:hover:not(:disabled){border-color:var(--category);background:#2d424bed}.hud-action>kbd{z-index:1;background:#102029e8;font-size:9px;position:absolute;top:3px;right:3px}.action-name{white-space:nowrap;color:#d6e2df;font-size:9px}.hud-art{object-fit:contain;width:100%;height:100%;display:block}.hud-art.sprite{background-position:0 0;background-repeat:no-repeat}.hud-action .hud-art{width:45px;height:45px;margin-bottom:2px}.command-symbol{color:#a9c9cd;place-items:center;width:44px;height:44px;font-size:28px;display:grid}.dock-utility{border-top:1px solid var(--line);align-items:center;gap:13px;min-height:34px;padding:5px 3px;display:flex}.control-groups{align-items:center;gap:4px;display:flex}.control-groups>span{color:#9ab5bd;margin-right:5px;font-size:9px}.control-groups button{background:#132631;border-color:#6b879746;align-items:center;gap:5px;min-width:33px;height:23px;padding:3px 6px;font-size:10px;display:flex}.control-groups small{color:#849da8;font-size:8px}.group-help{color:#93aab2;font-size:9px}#controls-toggle{margin-left:auto}.dock-utility>button{background:0 0;border-color:#6d879634;padding:3px 7px;font-size:10px}.dock-utility>button span{color:var(--gold);margin-left:5px}.selection-card{--selection-top:max(92px, 17%);top:var(--selection-top);width:282px;max-height:calc(100% - var(--dock-height) - var(--selection-top) - 22px);z-index:2;scrollbar-width:thin;border-radius:7px;flex-direction:column;padding:13px;display:flex;position:absolute;left:16px;overflow:hidden}.selection-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;margin-bottom:12px;display:flex}.eyebrow{letter-spacing:.13em;color:#91aeb7;font-size:9px;font-weight:650}.text-button{color:var(--teal);background:0 0;border:0;padding:0;font-size:9px}.unit-heading{align-items:center;gap:11px;display:flex}#selection-detail,#selection-mixed{scrollbar-width:thin;min-height:0;overflow-y:auto}.unit-portrait{background:#0a1b255c;border:1px solid #90b3bd3d;border-radius:5px;flex:0 0 74px;height:74px;padding:4px}.unit-heading h2{letter-spacing:-.2px;margin:0;font-size:16px;line-height:1.2}.unit-heading p{color:#a6bbc1;margin:5px 0;font-size:10px}.status-chip{color:var(--teal);font-size:9px}.promotion-progress{color:#b6ccca;align-items:center;gap:7px;margin:8px 0;font-size:10px;display:flex}.promotion-progress[hidden]{display:none}.promotion-progress img{object-fit:contain;flex-shrink:0;width:64px;height:24px}#selection-meter{margin:14px 0}.meter-label{color:#aec5c9;justify-content:space-between;align-items:center;gap:7px;margin-bottom:6px;font-size:10px;display:flex}.meter-label b{font-variant-numeric:tabular-nums;color:#ecf4e9;font-size:11px}.health-track{background:#050f18;border:1px solid #7a98a529;border-radius:3px;width:100%;height:7px;overflow:hidden}.health-track i{background:linear-gradient(90deg,#558f79,#a4d28b);height:100%;transition:width .1s linear;display:block}.stat-list{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:7px 12px;margin:14px 0;font-size:10px;line-height:1.4;display:grid}.stat-list dt{color:#91aab5}.stat-list dd{text-align:right;color:#d8e6e3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.card-description{color:#94adb7;margin:10px 0 0;font-size:10px;line-height:1.6}.selection-orders{border-top:1px solid var(--line);flex-shrink:0;margin-top:14px;padding-top:10px;font-size:10px}.selection-orders strong{color:#cbdeda;font-weight:600}.selection-orders p{color:#8faab5;margin:6px 0 0;font-size:9px;line-height:1.6}.naval-orders{flex-wrap:wrap;flex-shrink:0;gap:6px;margin-top:10px;display:flex}.naval-orders span{color:#8bc1d8;flex-basis:100%;font-size:10px}.naval-orders button{flex:1;font-size:9px}#mixed-title{margin:0;font-size:16px}.selection-cells{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}.selection-cell{aspect-ratio:1;background:#081923a3;border-color:#5b788657;flex-direction:column;min-width:0;padding:3px;display:flex;position:relative}.selection-cell .hud-art{aspect-ratio:1;flex:1;width:100%;height:auto;min-height:0}.selection-cell span:not(.hud-art){color:#adc4cc;font-size:8px}.cell-health{background:#030c12;width:100%;height:3px;margin-top:3px}.cell-health b{background:#95c98b;height:100%;display:block}.hud-tooltip{z-index:12;pointer-events:none;border-radius:6px;width:284px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:13px;position:fixed;overflow-y:auto}.tooltip-heading{align-items:center;gap:11px;display:flex}.tooltip-art{border:1px solid var(--line);background:#06172166;border-radius:4px;flex:0 0 52px;width:52px;height:52px;padding:3px}.tooltip-heading h3{margin:0;font-size:14px}.tooltip-heading p{color:#9ab2b9;margin:4px 0 0;font-size:10px}.tooltip-strength{color:#acd9b5;margin-top:11px;font-size:11px}.tooltip-status{border-top:1px solid var(--line);color:var(--gold);margin-top:11px;padding-top:9px;font-size:10px}.compact-tooltip{width:236px;padding:10px}.compact-tooltip .tooltip-heading{gap:8px}.compact-tooltip .tooltip-art{flex-basis:36px;width:36px;height:36px;padding:2px}.compact-tooltip .tooltip-heading h3{font-size:12px}.compact-tooltip .tooltip-heading p{margin-top:2px}.compact-tooltip .tooltip-strength{margin-top:8px;font-size:10px}.compact-tooltip .stat-list{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);row-gap:5px;margin:9px 0}.compact-tooltip .card-description{margin-top:6px}.compact-tooltip .tooltip-status{margin-top:7px;padding-top:7px}.hud-popover{right:16px;bottom:calc(var(--dock-height) + 14px);width:310px;max-height:calc(100% - var(--dock-height) - 40px);z-index:4;scrollbar-width:thin;border-radius:7px;padding:14px;position:absolute;overflow-y:auto}.popover-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.popover-heading h2{margin:0;font-size:15px}.popover-heading button{background:0 0;padding:0 6px;font-size:18px}.hud-popover a{color:var(--teal);margin-top:10px;font-size:10px;display:inline-block}.rival{border-bottom:1px solid var(--line);padding:12px 0}.rival-name{align-items:center;gap:7px;font-size:11px;display:flex}.rival-name i{border-radius:50%;width:7px;height:7px}.rival-name span{color:#91aeb7;margin-left:auto;font-size:8px}.rival-stats,.rival-land{color:#9ab3bd;margin-top:5px;font-size:10px}.eliminated{opacity:.45}.terrain-legend{color:#a2bbc4;pointer-events:none;flex-wrap:wrap;gap:12px;font-size:9px;display:flex;position:absolute;top:17px;right:18px}.terrain-legend span{align-items:center;gap:5px;display:flex}.terrain-legend i{border-radius:2px;width:7px;height:7px;display:inline-block}.plains{background:#4d6753}.hills{background:#6f7353}.mountains{background:#7a7d7f}#hover-terrain{color:#d0dfde}.loading,.result{text-align:center;z-index:8;background:#102331ed;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:absolute;inset:0}.loading h2,.result h2{letter-spacing:-.7px;margin:20px 0 10px;font-size:26px}.loading p,.result p{color:#8eafbb;max-width:420px;font-size:12px;line-height:1.7}.result{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c1b24d9}.result button{margin-top:15px}.spinner{border:2px solid #37606a;border-top-color:#7bddca;border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{bottom:calc(var(--dock-height) + 20px);text-align:center;pointer-events:none;z-index:5;background:#162d38f0;border:1px solid #7cb8b577;border-radius:6px;min-width:220px;max-width:70%;padding:10px 16px;font-size:11px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #0004}.placement-hint{text-align:center;pointer-events:none;color:#d7f3e9;z-index:2;background:#143b40ed;border:1px solid #82cdbc77;border-radius:6px;max-width:60%;padding:8px 12px;font-size:11px;position:absolute;top:12px;left:50%;transform:translate(-50%)}[hidden]{display:none!important}footer{border-top:1px solid var(--line);color:#6a8e9a;align-items:center;gap:20px;min-height:23px;padding:5px 16px;font-size:8px;display:flex}footer a{color:#87bbb9}footer span:last-child{margin-left:auto}@media (width<=1150px){.hud-action{width:58px}.command-category{padding-right:7px}.command-row{gap:5px}.resource-row{gap:20px}.topbar{gap:16px}.match-settings{gap:7px}.time-controls{gap:6px}.brand p{display:none}}@media (width<=1000px){.hud-action{width:50px}.hud-action .hud-art{width:40px;height:40px}.action-name{font-size:8px}.category-actions{gap:3px}.command-category{padding-right:5px}.topbar{flex-wrap:wrap}.brand{margin-right:auto}.match-settings{order:3;width:100%}.time-controls{margin-left:0}.group-help{display:none}.resource-row{gap:14px}.dock-age{display:none}.selection-card{width:263px}}@media (width<=850px){:root{--dock-height:295px}.command-row{grid-template-columns:1fr 1fr 1fr;row-gap:9px;display:grid}.command-category{border:0;padding-right:0}.hud-action{width:55px;height:69px}.resource-row{justify-content:space-between;gap:13px}.small-resource{display:none}.dock-utility{flex-wrap:wrap;gap:5px}.control-groups button{min-width:27px;padding:3px 4px}.terrain-legend{display:none}.hud-popover{bottom:calc(var(--dock-height) + 14px)}}@media (width<=520px){:root{--dock-height:300px}.command-dock{width:calc(100% - 12px);padding:0 7px;bottom:6px}.hud-action{width:40px;height:65px}.hud-action .hud-art{width:34px;height:34px}.action-name{font-size:7px}.command-category h3{font-size:8px}.resource-row{gap:8px;min-height:47px}.resource{min-width:0}.resource-symbol{display:none}.resource strong{font-size:15px}.resource>span:last-child{font-size:8px}.topbar{gap:8px;padding:7px 9px}.brand-mark{display:none}h1{font-size:13px}.time-controls button{padding:4px;font-size:9px}.time-controls kbd{display:none}#speed{max-width:65px}label{gap:4px;font-size:8px}#map{max-width:130px}.match-settings{gap:5px}#restart{padding:5px;font-size:9px}.selection-card{--selection-top:max(64px, 12%);width:240px;padding:10px;left:8px}.unit-portrait{flex-basis:60px;height:60px}.unit-heading h2{font-size:14px}.control-groups{gap:2px}.control-groups button{gap:3px;min-width:22px;padding:3px}.control-groups>span{display:none}.dock-utility>button{padding:3px 4px;font-size:9px}.hud-popover{width:calc(100% - 16px);right:8px}footer{gap:9px;padding:4px 8px;font-size:7px}footer span:last-child{display:none}.placement-hint{max-width:90%;top:42px}}.resource-strip{border-bottom:1px solid var(--line);background:#132833;flex-wrap:wrap;align-items:center;gap:12px;min-height:42px;padding:6px 18px;font-size:11px;display:flex}#treasury,#strategic-stocks{flex-wrap:wrap;align-items:center;gap:12px;display:flex}#strategic-stocks{flex:1}#strategic-stocks span{color:#a9bfc1;gap:6px;display:flex}#strategic-stocks b{color:#f2dda5}#empire-age{color:var(--teal);font-weight:700}.empire-panel{z-index:35;width:min(820px,100% - 40px);max-height:calc(100% - var(--dock-height) - 70px);background:#112630f5;border:1px solid #719a9e;border-radius:10px;flex-direction:column;display:flex;position:absolute;top:50px;right:20px;overflow:hidden;box-shadow:0 15px 60px #0009}.empire-panel[hidden]{display:none}.empire-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.empire-panel h2{margin:0;font-size:17px}#empire-content{min-height:0;padding:14px 16px;font-size:12px;overflow:auto}#empire-content h3{color:#b7dace;margin:14px 0 8px;font-size:13px}#empire-panel-footer{border-top:1px solid var(--line);background:#152e38;padding:12px 16px;font-size:12px}#empire-panel-footer:empty{display:none}.age-navigation,.build-palette,.support-choices,.tier-choices{flex-wrap:wrap;gap:6px;display:flex}.age-navigation button{flex:1}.tech-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tech-node{text-align:left;overflow-wrap:anywhere;flex-direction:column;gap:6px;width:100%;min-height:90px;margin:6px 0;display:flex}.tech-node small{color:#aac1c7}.tech-node span{color:#e8ce91;font-size:10px}.tech-node.complete{background:#244037;border-color:#73ac85}.tech-node.researching{border-color:#d7be78}.technology-detail{border:1px solid var(--line);background:#0c202a;border-radius:6px;padding:12px}.technology-detail button{margin-top:12px;display:block}.inventory-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;display:grid}.inventory-grid span{background:#233b46;justify-content:space-between;gap:10px;padding:8px;display:flex}.tier-choices label{flex-direction:column;align-items:flex-start}.build-palette button{width:calc(25% - 6px);min-width:130px}.build-palette small,.producer small{color:#abc0c5;margin-top:4px;display:block}.producer{border:1px solid var(--line);margin:6px 0;padding:8px}.producer button{margin:5px 4px 0 0}.producer button[aria-pressed=true]{border-color:var(--age-rim,#83c7d6);box-shadow:inset 0 0 0 1px var(--age-rim,#83c7d6)}.production-toolbar,.production-group-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.production-patterns{border-top:1px solid var(--line);margin-top:10px;padding-top:6px}.shipment{color:#a8bec5;padding:4px 0;font-size:11px}.refit-actions{border-top:1px solid var(--line);flex-shrink:0;padding:10px;font-size:11px}.refit-actions small{color:#c0cfcf;margin-top:5px;display:block}@media (width<=800px){.resource-strip{gap:6px;padding:6px 10px}.empire-panel{width:calc(100% - 16px);top:35px;right:8px}.tech-columns{gap:6px}.tech-node{padding:6px;font-size:10px}.build-palette button{width:calc(50% - 6px)}.topbar{flex-wrap:wrap}}.build-choice{flex-direction:column;gap:4px;width:calc(25% - 6px);min-width:130px;display:flex}.build-palette .build-choice button{width:100%}.build-choice select{max-width:100%}.command-dock{width:min(1080px,100% - 16px);padding:0 8px;bottom:3px}.resource-row{gap:18px;min-height:27px;padding:3px 4px}.resource-row .resource strong{font-size:12px}.resource-row .resource>span:last-child{font-size:8px}.command-row{gap:7px;padding:5px 0}.command-category{flex:155px;min-width:0;padding-right:7px}.command-category.ships{flex:0 0 112px}.command-category.orders{flex:0 0 104px}.command-category.orders .category-actions{grid-template-columns:repeat(2,44px);gap:4px;display:grid;overflow-x:hidden}.command-category.orders .hud-action{width:44px;height:38px}.command-category.orders .command-symbol{display:none}.command-category.orders .action-name{font-size:7px;bottom:2px}.command-category.orders .hud-action>kbd{font-size:7px;top:1px}.command-category.troops{flex-basis:200px}.command-category h3{height:22px;margin-bottom:3px;font-size:8px}.category-actions{scrollbar-width:thin;scrollbar-color:#50717d #142a34;max-width:100%;padding-bottom:3px;overflow:auto hidden}.dock-extra{display:contents}.action-slot{flex:none}.hud-action{width:46px;height:52px;padding:3px 1px}.hud-action .hud-art{flex-shrink:0;width:32px;height:32px}.hud-action:disabled{opacity:.62}.hud-action:disabled .hud-art{filter:saturate(.55)}.hud-action .command-symbol{height:30px;font-size:21px}.action-name{text-overflow:ellipsis;z-index:1;pointer-events:none;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,0 1px 3px #000;max-width:44px;font-size:8px;line-height:11px;position:absolute;bottom:6px;left:1px;right:1px;overflow:hidden}.dock-utility{gap:6px;min-height:24px;padding:3px 0}.dock-utility>button{padding:3px 6px;font-size:9px}.control-groups{gap:3px}.control-groups button{min-width:27px;height:21px;padding:3px 5px}.group-help{font-size:8px}.troops-heading{flex-wrap:wrap;align-items:center;gap:10px;min-height:22px;margin-bottom:3px;display:flex}.troops-heading h3{flex:none;height:auto;margin:0}.dock-tier{align-items:center;gap:6px;display:flex}.dock-tier select{width:78px;height:22px;padding:2px;font-size:9px}.dock-tier label{white-space:nowrap;align-items:center;gap:2px;font-size:8px;display:flex}.dock-tier input{accent-color:#8fd6b5;width:11px;height:11px;margin:0}.empire-panel{width:min(580px,100% - 24px)}.tech-columns{gap:7px}.tech-node{min-height:78px;padding:8px;font-size:11px}.age-navigation{gap:3px}.age-navigation button{padding:5px 3px;font-size:9px}.technology-detail{padding:9px}.technology-drawer{width:min(660px,100% - 24px);height:calc(100% - var(--dock-height) - 24px)}.technology-drawer #empire-content{flex-direction:column;flex:1;gap:8px;padding:8px 12px;display:flex;overflow:hidden}.technology-browser{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.technology-browser>nav{flex-shrink:0}.technology-tree-scroll{scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto}#empire-content .technology-tree h3{margin-top:0}.technology-drawer .technology-detail{flex-shrink:0;padding:8px}.technology-detail-header{justify-content:space-between;align-items:center;gap:8px;display:flex}#empire-content .technology-detail-header h3{overflow-wrap:anywhere;min-width:0;margin:0}.technology-detail-header button{flex-shrink:0;margin:0;font-size:11px}.technology-detail-body{max-height:clamp(48px,10vh,100px);line-height:1.4;overflow:auto}.technology-detail-body p{margin:6px 0}.technology-drawer #empire-panel-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.technology-drawer #empire-panel-footer>button{flex-shrink:0;font-size:10px}.technology-progress{min-width:0}.tree-navigation{gap:6px;margin:8px 0;display:none}.tree-navigation button{text-transform:capitalize;flex:1}.technology-tree h3{text-transform:capitalize;justify-content:space-between;display:flex}.technology-tree h3 small{color:var(--teal)}.research-job{color:#bacbce;min-height:16px;margin:0 0 5px;font-size:10px}.tech-graph{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--tree-rows), var(--tree-node-height));gap:var(--tree-row-gap) 8px;padding:0 6%;display:grid;position:relative}.tech-graph>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tech-graph path{fill:none;stroke:#82989e;stroke-width:1.3px;vector-effect:non-scaling-stroke}.tech-graph path.complete{stroke:#8bbf98}.tech-graph .tech-node{z-index:1;white-space:normal;overflow-wrap:anywhere;align-items:stretch;gap:3px;min-width:0;min-height:0;margin:0;padding:6px;font-size:11px;line-height:1.15;position:relative;overflow:hidden}.tech-graph .tech-node>b,.tech-graph .tech-node>small{-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-shrink:0;min-width:0;display:-webkit-box;overflow:hidden}.tech-graph .tech-node small{-webkit-line-clamp:2;font-size:10px}.tech-graph .tech-node[aria-pressed=true]{outline:2px solid var(--gold);outline-offset:-2px}.age-navigation [data-age-state=future]{border-style:dashed}.technology-detail>p{line-height:1.45}@media (width<=1000px),(height<=820px){#app .empire-panel.technology-drawer,#app[data-ui-age] .empire-panel.technology-drawer{height:calc(100dvh - 36px);max-height:calc(100dvh - 36px);position:fixed;top:12px;right:12px}}@media (width<=1000px){.technology-drawer{width:min(440px,100% - 16px);height:calc(100dvh - 36px)}.technology-drawer #empire-panel-footer{flex-wrap:wrap}.tree-navigation{display:flex}.technology-drawer .tech-columns{display:block}.technology-tree[data-active=false]{display:none}.tech-graph{max-width:330px;margin:auto}}.resource-strip{gap:10px;min-height:43px;padding:4px 14px}#strategic-stocks{flex:1;align-items:center;gap:5px;min-width:0;display:flex}.stock-group{min-width:0;position:relative}.stock-group summary{cursor:pointer;white-space:nowrap;border:1px solid #66859355;border-radius:4px;align-items:center;gap:5px;padding:5px 6px;font-size:9px;list-style:none;display:flex}.stock-group summary::-webkit-details-marker{display:none}.stock-group summary svg{fill:#9bbfbb55;stroke:#b9d4cb;stroke-width:1.5px;width:18px;height:18px}.stock-group summary b{color:#e6e5c5}.stock-items{z-index:10;background:#122b35fa;border:1px solid #6a939d;border-radius:5px;min-width:210px;max-height:260px;padding:10px;font-size:11px;position:absolute;top:calc(100% + 5px);left:0;overflow:auto}.stock-items span{justify-content:space-between;gap:16px;padding:4px;display:flex}.empire-hud-tip{white-space:pre-line;z-index:30;pointer-events:none;border-radius:6px;max-width:245px;padding:10px;font-size:11px;line-height:1.5;position:fixed}.battlefield:has(.match-feed){--match-feed-width:260px}.battlefield:has(.match-feed) .command-dock{left:auto;right:max(calc(50% - 625px), calc(var(--match-feed-width) + 16px));width:min(1250px, calc(100% - var(--match-feed-width) - 24px));transform:none}.battlefield:has(.match-feed) .dock-utility{flex-wrap:wrap}.match-feed{width:var(--match-feed-width);z-index:3;border-radius:5px;font-size:10px;position:absolute;bottom:6px;right:8px}.match-feed header{color:#a5c3c5;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.match-feed header button{padding:1px 7px}#match-feed-log{scrollbar-width:thin;max-height:125px;overflow-y:auto}.feed-event{border-top:1px solid #4d737833;align-items:start;gap:6px;padding:6px 8px;display:flex}.feed-event time{color:#82a4ac;font-variant-numeric:tabular-nums;flex-shrink:0}.feed-event span{flex:1}.feed-event button{padding:2px 4px;font-size:9px}.rival[data-player]{cursor:pointer}.rival[data-player]:hover{background:#355362}.selection-card{max-height:calc(100% - var(--dock-height) - 100px);overflow:hidden}@media (width<=1250px){.stock-group summary span{display:none}.command-dock{width:calc(100% - 16px)}}@media (width<=900px){.command-row{overflow-x:auto}.command-category{flex:0 0 135px}.command-category.troops{flex-basis:200px}.resource-strip{flex-wrap:wrap}#strategic-stocks{flex-basis:100%;order:3}.battlefield:has(.match-feed){--match-feed-width:220px}}@media (width<=600px){.battlefield:has(.match-feed){--match-feed-width:clamp(140px, 36vw, 220px)}.battlefield:has(.match-feed) .command-row{display:flex}:is(.battlefield:has(.match-feed) .resource-row,.battlefield:has(.match-feed) .control-groups){flex-wrap:wrap}}.army-list{z-index:8;flex-wrap:wrap;align-items:center;gap:5px;max-width:min(700px,100% - 28px);padding:5px 7px;font-size:10px;display:flex;position:absolute;top:50px;left:14px}.army-list [data-list]{gap:4px;max-width:330px;display:flex;overflow-x:auto}.army-list select{width:95px;padding:3px;font-size:10px}.army-card{z-index:11}.army-card h2{margin:5px 0;font-size:18px}.army-card p{margin:6px 0;font-size:11px}.army-card .health-track{flex:0 0 7px}.army-card .card-description{font-size:10px}.army-card label{align-items:center;gap:5px;margin-top:8px;font-size:11px;display:flex}.army-orders{grid-template-columns:1fr 1fr;gap:5px;display:grid}.army-orders button{padding:5px;font-size:11px}.army-list[hidden],.army-card[hidden]{display:none}.map-context{pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;max-width:55%;display:flex;position:absolute;top:14px;right:18px}.map-context .map-badge{box-shadow:none;text-shadow:0 1px 2px #000,0 0 4px #000;background:0 0;border:0;padding:0;font-size:9px;position:static}.map-context .terrain-legend{justify-content:flex-end;position:static}.recruitment-feed{flex-wrap:wrap;gap:6px;max-width:min(420px,42%);display:flex;position:absolute;top:14px;left:16px}.recruitment-feed[hidden]{display:none}.recruitment-cell{background:#101b24a8;border:1px solid #a8c7c56b;border-radius:3px;width:44px;height:46px;position:relative;overflow:hidden}.recruitment-cell .hud-art{object-fit:contain;width:36px;height:36px;position:absolute;inset:3px 3px 7px}.recruitment-cell .command-symbol{place-items:center;height:40px;display:grid}.recruitment-count{color:#fff;text-shadow:0 1px 2px #000,1px 0 2px #000,-1px 0 2px #000;font-size:11px;font-weight:700;position:absolute;bottom:7px;right:3px}.recruitment-progress{background:#101720;height:3px;position:absolute;bottom:2px;left:2px;right:2px}.recruitment-progress i{background:#87d4b2;height:100%;transition:width .15s linear;display:block}.army-list{top:calc(50px + var(--recruitment-feed-height,0px))}.resource-row .match-metric{flex-shrink:0;display:flex}.resource-row:has(.match-metric){flex-wrap:wrap}.research-opportunities{overscroll-behavior:contain;scrollbar-width:thin;z-index:2;align-content:start;gap:6px;width:min(285px,100% - 16px);max-height:min(450px,100% - 240px);display:grid;position:absolute;top:54px;right:8px;overflow-y:auto}:is(.research-opportunities[hidden],.battlefield:has(#empire-panel:not([hidden]),#roster-popover:not([hidden]),#controls-popover:not([hidden])) .research-opportunities){display:none}.research-opportunity{min-width:0;padding:5px 7px}#app[data-ui-age] .battlefield .research-opportunity{border-width:3px}.research-opportunity header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.research-opportunity .research-title-group{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.research-opportunity header small{text-transform:uppercase;letter-spacing:.08em;border:1px solid;border-radius:3px;align-self:flex-start;align-items:center;padding:1px 4px;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.research-opportunity header b{overflow-wrap:anywhere;font-size:12px;line-height:15px}.research-description{opacity:1;grid-template-rows:minmax(46px,0fr);transition:grid-template-rows .24s,opacity .18s;display:grid}.research-description>div{min-height:0;overflow:hidden}.research-opportunity:is(:hover,:focus-within) .research-description{opacity:1;grid-template-rows:minmax(46px,1fr)}.research-opportunity p{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:6px 0 8px;font-size:11px;line-height:16px;display:-webkit-box;overflow:hidden}.research-opportunity:is(:hover,:focus-within) p{-webkit-line-clamp:unset}@media (prefers-reduced-motion:reduce){.research-description{transition:none}}#app .research-opportunity button{white-space:nowrap;text-align:center;cursor:pointer;border-width:1px;border-radius:4px;flex-shrink:0;align-self:flex-start;width:auto;min-width:76px;min-height:26px;padding:3px 6px;font-size:10px;line-height:1.15;transition:background .12s,border-color .12s}.research-opportunity button span{font-weight:700;display:block}.research-opportunity button small{opacity:.95;font-size:9px;display:block}.research-opportunity.research-tree-naval header small,.research-opportunity[data-tree=naval] header small{color:#7dd3fc;background:#0ea5e92e;border-color:#38bdf8}#app .research-opportunity.research-tree-naval button,#app .research-opportunity[data-tree=naval] button{color:#f0f9ff;background:#0ea5e929;border-color:#38bdf8}#app .research-opportunity.research-tree-naval button:hover,#app .research-opportunity[data-tree=naval] button:hover{background:#0ea5e959;border-color:#7dd3fc}.research-opportunity.research-tree-warfare header small,.research-opportunity[data-tree=warfare] header small{color:#fca5a5;background:#ef44442e;border-color:#ef4444}#app .research-opportunity.research-tree-warfare button,#app .research-opportunity[data-tree=warfare] button{color:#fef2f2;background:#ef444429;border-color:#ef4444}#app .research-opportunity.research-tree-warfare button:hover,#app .research-opportunity[data-tree=warfare] button:hover{background:#ef444459;border-color:#fca5a5}.research-opportunity.research-tree-economic header small,.research-opportunity[data-tree=economic] header small{color:#86efac;background:#22c55e2e;border-color:#22c55e}#app .research-opportunity.research-tree-economic button,#app .research-opportunity[data-tree=economic] button{color:#f0fdf4;background:#22c55e29;border-color:#22c55e}#app .research-opportunity.research-tree-economic button:hover,#app .research-opportunity[data-tree=economic] button:hover{background:#22c55e59;border-color:#86efac}#app .dock-tier select{flex-shrink:0;width:136px;min-width:136px;padding:2px 4px}.command-category h3{overflow-wrap:normal;white-space:normal}.action-slot[hidden]{display:none}@media (width>=1100px){.command-row{grid-template-columns:repeat(4,minmax(70px,1fr)) minmax(246px,1.7fr) minmax(112px,1fr) 104px;display:grid}}@media (width<=1099px){.command-row{overflow-x:auto}.command-category{flex:0 0 145px}.command-category.troops{flex-basis:246px}}.spawn-selection{z-index:5;color:#f3ebd0;text-align:center;pointer-events:none;background:#15252eee;border:1px solid #bcb28c;border-radius:8px;max-width:min(700px,90%);padding:14px 20px;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0008}.spawn-selection[hidden]{display:none}.spawn-selection p{margin:6px 0 0;font-size:14px}#app[data-ui-age]{color:var(--age-ink);background:var(--age-panel);--age-border:7px;--age-radius:2px;--line:color-mix(in srgb, var(--age-rim) 45%, transparent);--teal:#a9d5c6;--gold:#eac773;--ui-selection:#badd91;--frame-paint:linear-gradient(145deg, #ffffff08, #0004) padding-box, linear-gradient(var(--age-panel), var(--age-panel)) padding-box, var(--age-texture) 0 0 / 150px 150px border-box;--frame-shadow:inset 1px 1px 2px #000a, 0 3px 12px #0006;position:relative}#app[data-ui-age=StoneAge]{--age-border:7px;--age-radius:1px}#app[data-ui-age=EarlyMedieval]{--age-radius:2px}#app[data-ui-age=LateMedieval]{--age-radius:3px}#app[data-ui-age] :is(.hud-surface,.stock-items,.technology-detail,.producer,.ui-age-notice){background:var(--frame-paint);border:var(--age-border) solid transparent;border-radius:var(--age-radius);box-shadow:var(--frame-shadow);color:var(--age-ink)}#app[data-ui-age=StoneAge] :is(.hud-surface,.stock-items,.technology-detail,.producer){border-image:;box-shadow:inset 2px 2px 4px #000c,inset -1px -1px 1px #c5c6ad45,0 5px 15px #0008}#app[data-ui-age] .battlefield .research-opportunity.research-age-up{background:linear-gradient(145deg, #ffffff08, #0004) padding-box, linear-gradient(var(--age-panel), var(--age-panel)) padding-box, var(--research-age-texture) 0 0 / 150px 150px border-box;box-shadow:inset 1px 1px 2px #000a,0 3px 12px #0006}#app[data-ui-age] .research-age-up .branch-label{color:var(--research-age-light);border-color:var(--research-age-edge)}#app[data-ui-age] :is(.topbar,.resource-strip,footer){background:var(--frame-paint);border:0 solid #0000;border-bottom-width:var(--age-border);color:var(--age-ink)}#app[data-ui-age] .topbar{border-top-width:2px}#app[data-ui-age] footer{border-bottom:0;border-top:2px solid var(--age-edge)}#app[data-ui-age] .resource-strip{position:relative}#app[data-ui-age] .battlefield{background:var(--age-panel)}#app[data-ui-age] :is(button,select,.stock-group summary){color:var(--age-ink);border-radius:var(--age-radius);background:var(--frame-paint);border:2px solid #0000;box-shadow:inset 1px 1px 3px #0008,0 1px 2px #0005}#app[data-ui-age] button:hover:not(:disabled),#app[data-ui-age] .stock-group summary:hover{background:linear-gradient(#ffffff0d, #ffffff0d) padding-box, linear-gradient(var(--age-panel), var(--age-panel)) padding-box, var(--age-texture) 0 0 / 150px 150px border-box;box-shadow:inset 0 0 0 1px var(--age-light), 0 1px 3px #0007}#app[data-ui-age] button.primary{color:var(--age-ink);box-shadow:inset 0 0 0 1px var(--age-light), 0 2px 4px #0006;font-weight:700}#app[data-ui-age] button[aria-pressed=true],#app[data-ui-age] .tech-node.complete{border-color:var(--ui-selection);box-shadow:inset 0 0 0 1px #151d10,0 0 0 1px #151d10}#app[data-ui-age] .tech-node.researching{border-color:#d7be78}#app[data-ui-age] .tech-graph .tech-node[aria-pressed=true]{outline-color:var(--ui-selection)}#app[data-ui-age] .age-navigation [data-age-state=future]{border-style:dashed;border-color:var(--age-edge)}#app[data-ui-age] .research-job{color:var(--age-muted)}#app[data-ui-age] .tech-graph path:not(.complete){stroke:var(--age-rim)}#app[data-ui-age] :is(button,select,summary,[tabindex="0"]):focus-visible{outline:2px solid var(--ui-selection);outline-offset:2px}#app[data-ui-age] :is(button.text-button,.popover-heading button){color:var(--teal);box-shadow:none;background:0 0;border:0}#app[data-ui-age] :is(.brand-mark,.dock-age,#empire-age){color:var(--age-light);background:var(--frame-paint);border-radius:var(--age-radius);border:3px solid #0000;box-shadow:inset 1px 1px 3px #0009}#app[data-ui-age] #empire-age{white-space:nowrap;padding:5px 8px}#app[data-ui-age] :is(.brand p,label,.eyebrow,#clock,.group-help,.control-groups>span,.control-groups small,.resource>span:last-child,.unit-heading p,.stat-list dt,.card-description,.selection-orders p,.tooltip-heading p,.rival-name span,.rival-stats,.rival-land,.loading p,.result p,.build-palette small,.producer small,.shipment,.refit-actions small,.tech-node small,.match-feed header,.feed-event time,#strategic-stocks span){color:var(--age-muted)}#app[data-ui-age] :is(.resource strong,.meter-label b,.stat-list dd,.selection-orders strong,.action-name,.selection-cell span:not(.hud-art),#hover-terrain,.meter-label){color:var(--age-ink)}#app[data-ui-age] :is(.gold-resource strong,.resource-symbol,.tech-node span,.tooltip-status,#strategic-stocks b){color:var(--gold)}#app[data-ui-age] :is(#empire-content h3,footer a){color:var(--age-light)}#app[data-ui-age] kbd{background:var(--age-panel);border:1px solid var(--age-rim);color:var(--age-ink);border-radius:1px}#app[data-ui-age] .hud-action{border-radius:var(--age-radius);border-width:3px}#app[data-ui-age=StoneAge] .hud-action{border-radius:1px 4px 2px 5px;box-shadow:inset 1px 2px 4px #000b,0 1px 2px #0008}#app[data-ui-age] .hud-action>kbd{border-width:1px}#app[data-ui-age] .action-name{max-width:100%}#app[data-ui-age] :is(.unit-portrait,.tooltip-art,.selection-cell){background:var(--frame-paint);border-radius:var(--age-radius);border:4px solid #0000;box-shadow:inset 1px 1px 4px #000b}#app[data-ui-age] .unit-portrait{padding:2px}#app[data-ui-age] .tooltip-art{padding:1px}#app[data-ui-age] .compact-tooltip .tooltip-art{border-width:2px}#app[data-ui-age] .selection-cell{border-width:3px}#app[data-ui-age] .command-symbol{color:var(--age-ink)}#app[data-ui-age] .stock-group summary svg{fill:color-mix(in srgb, var(--age-rim) 35%, transparent);stroke:var(--age-ink)}#app[data-ui-age] .stock-group summary b{color:var(--age-ink)}#app[data-ui-age] #empire-panel-footer{background:color-mix(in srgb, var(--age-panel) 85%, #000);flex-shrink:0;padding:8px 16px}#app[data-ui-age] #empire-panel-footer p{margin:6px 0}#app[data-ui-age] .empire-panel{max-height:calc(100% - var(--dock-height) - 24px);top:12px}#app[data-ui-age] .empire-panel>header{flex-shrink:0}#app[data-ui-age] .army-list{--age-border:2px}#app[data-ui-age] .empire-panel.diplomacy-drawer{background:linear-gradient(145deg, #ffffff08, #0003) padding-box, linear-gradient(color-mix(in srgb, var(--diplomacy-color) 28%, #11171b), color-mix(in srgb, var(--diplomacy-color) 16%, #11171b)) padding-box, var(--diplomacy-texture) 0 0 / 150px 150px border-box;color:#f4ede0;--line:color-mix(in srgb, var(--diplomacy-rim) 55%, transparent);width:min(350px,100% - 24px);height:min(520px,100% - 24px);max-height:calc(100% - 24px)}.diplomacy-drawer #empire-content{overflow-wrap:anywhere;flex:1;line-height:1.65}.diplomacy-drawer #empire-content p{margin:12px 0}.diplomacy-drawer #empire-content button{white-space:normal;width:100%;margin:8px 0;display:block}.diplomacy-kind{letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}#app[data-ui-age] .diplomacy-drawer #empire-content .diplomacy-identity h3{letter-spacing:.025em;text-shadow:0 1px 2px #000,0 0 5px #0008;color:inherit;margin:5px 0 16px;font:700 23px/1.25 Georgia,Times New Roman,serif}.diplomacy-identity[data-faction-kind=tribe]{color:#ff9a91}.diplomacy-identity[data-faction-kind=nation]{color:#f4ce77}.diplomacy-identity[data-faction-kind=player]{color:#a9ded7}#app[data-ui-age] .inventory-grid span{background:color-mix(in srgb, var(--age-panel) 80%, var(--age-rim));border:1px solid var(--age-edge);color:var(--age-ink)}#app[data-ui-age] .rival[data-player]:hover{background:#ffffff08}#app[data-ui-age] :is(.toast,.placement-hint){background:var(--frame-paint);color:var(--age-ink);border-radius:var(--age-radius);border:3px solid #0000}#app[data-ui-age] .terrain-legend{color:var(--age-ink);text-shadow:0 1px 2px #000,0 0 4px #000}#app[data-ui-age] :is(.loading,.result){background:color-mix(in srgb, var(--age-panel) 93%, transparent)}#app[data-ui-age] .result>div{background:var(--frame-paint);border:var(--age-border) solid transparent;box-shadow:var(--frame-shadow);padding:24px 32px}#app[data-ui-age] .spinner{border-color:var(--age-edge);border-top-color:var(--age-light)}#app[data-ui-age] :is(.category-actions,.selection-card,.hud-popover,#match-feed-log,#empire-content,.stock-items){scrollbar-color:var(--age-rim) var(--age-panel)}#app[data-ui-age] :is(.dock-tier input,.army-card input){accent-color:var(--ui-selection)}#app[data-ui-age] :is(.resource-row,.dock-utility,.command-category,.selection-orders,.tooltip-status,.rival,.refit-actions,.feed-event,.empire-panel>header,#empire-panel-footer){border-color:var(--line)}#app[data-ui-age] .health-track{background:#10170e;border-color:#4e63384d;border-radius:1px}#app[data-ui-age] .health-track i{background:linear-gradient(90deg,#558f79,#a4d28b)}#app[data-ui-age=EarlyModern] :is(.unit-heading h2,.popover-heading h2,.empire-panel h2,.army-card h2),#app[data-ui-age=Modern] :is(.unit-heading h2,.popover-heading h2,.empire-panel h2,.army-card h2){text-transform:uppercase;letter-spacing:.04em;font-family:Arial Narrow,Segoe UI,sans-serif}#app[data-ui-age=StoneAge] :is(.unit-heading h2,.popover-heading h2,.empire-panel h2,.army-card h2),#app[data-ui-age=BronzeAge] :is(.unit-heading h2,.popover-heading h2,.empire-panel h2,.army-card h2),#app[data-ui-age=ClassicalAge] :is(.unit-heading h2,.popover-heading h2,.empire-panel h2,.army-card h2),#app[data-ui-age=EarlyMedieval] :is(.unit-heading h2,.popover-heading h2,.empire-panel h2,.army-card h2),#app[data-ui-age=LateMedieval] :is(.unit-heading h2,.popover-heading h2,.empire-panel h2,.army-card h2){font-family:Cambria,Georgia,serif}.ui-age-notice{z-index:40;pointer-events:none;white-space:nowrap;padding:10px 20px;font-size:15px;position:absolute;top:125px;left:50%;transform:translate(-50%)}.ui-age-arrival .resource-strip{animation:.65s ease-out ui-age-raise}.ui-age-arrival[data-ui-age=EarlyMedieval] .resource-strip:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#fff9,#0000);width:100px;height:4px;animation:.8s ease-out forwards ui-steel-glint;position:absolute;bottom:-1px}@keyframes ui-age-raise{0%{filter:brightness(1.2)}to{filter:brightness()}}@keyframes ui-steel-glint{0%{opacity:0;left:0}30%{opacity:1}to{opacity:0;left:calc(100% - 100px)}}@media (prefers-reduced-motion:reduce){.ui-age-arrival .resource-strip,.ui-age-arrival .resource-strip:after{animation:none}}@media (width<=850px){#app[data-ui-age] .hud-surface{border-width:4px}}option,#app[data-ui-age] option{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000}