:root{color:#eef4eb;background:#101611;font:14px system-ui,sans-serif;--bottom:225px}*{box-sizing:border-box}html,body,#app,#game{width:100%;height:100%;margin:0;overflow:hidden}canvas{display:block}.start-menu{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 35%,#263b29 0,#101711 58%,#080d09)}.start-card{position:relative;width:min(820px,100%);padding:28px;border:1px solid #6f8067;border-radius:14px;background:#17231aee;box-shadow:0 20px 70px #000b}.start-card>small{letter-spacing:.15em;color:#b7c6ae}.start-card h1{margin:7px 0 4px;color:#f1dda0;font-size:30px}.start-card>p{margin:0 0 16px;color:#bfcdb9}.start-options{display:grid;gap:7px;margin:0 0 18px}.start-options>strong{font-size:10px;letter-spacing:.1em;color:#b5c7ad}.choice-row{display:flex;gap:6px;flex-wrap:wrap}.choice-row button{font-size:12px;background:#243228}.choice-row button.active{background:#5a5734;border-color:#ebd17a;color:#fff0b8}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scenario-grid button{position:relative;min-height:90px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:13px;text-align:left;background:#26382a}.scenario-grid button:hover,.scenario-grid button:focus-visible{background:#3b513d;border-color:#ddc978}.scenario-grid i{font-style:normal;font-size:28px;text-align:center;color:#efd47e}.scenario-grid span{display:grid;gap:5px}.scenario-grid b{color:#f4e6b8;font-size:15px}.scenario-grid small{color:#bfccba}.scenario-grid em{position:absolute;top:6px;right:7px;font-size:8px;font-style:normal;letter-spacing:.08em;color:#e8d17e}body:not(.game-started):not(.editor-started):not(.private-started) #app>:not(.start-menu){visibility:hidden}.editor-open{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:#324835}.editor-open span{font-size:11px;color:#bfcdb9}.menu-tool-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.menu-tool-row .editor-open{min-width:0;display:grid;text-align:left}.menu-tool-row .editor-open span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-dialog{position:absolute;z-index:4;inset:16px;display:grid;grid-template-rows:auto 1fr auto auto;gap:12px;padding:18px;border:1px solid #829078;border-radius:10px;background:#111b14f9;box-shadow:0 15px 60px #000d;overflow:hidden}.menu-dialog header{display:flex;align-items:center;justify-content:space-between}.menu-dialog h2{margin:2px 0;color:#f1dda0}.menu-dialog header>button{font-size:20px;padding:2px 9px}.custom-map-list{display:grid;align-content:start;gap:7px;overflow:auto}.custom-map-card{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:10px;border:1px solid #52634d;border-radius:7px;background:#1d2c21}.custom-map-card strong{font-size:14px}.custom-map-card small{grid-column:1;color:#aebca8}.custom-map-card>div{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:5px}.custom-map-empty{padding:30px;text-align:center;color:#b9c7b3}.balance-dialog>p{margin:0;color:#bfcdb9}.balance-fields{overflow:auto;display:grid;gap:12px;padding-right:5px}.balance-group{border:1px solid #465943;border-radius:7px;padding:9px}.balance-group summary{cursor:pointer;color:#ead78f;font-weight:700}.balance-grid{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:7px;margin-top:8px}.balance-grid label{display:grid;gap:3px;font-size:10px;color:#b9c7b3}.balance-grid input{width:100%;padding:6px;border:1px solid #596a53;border-radius:4px;background:#0d1710;color:#eff2df}.balance-dialog footer{display:flex;gap:7px;justify-content:flex-end}.balance-dialog .primary,.file-button{background:#645d30;border:1px solid #e0ca73;border-radius:6px;color:#fff2b9;padding:7px 9px;cursor:pointer}.balance-dialog output{min-height:18px;color:#d8cb8a;font-size:11px}.editor-brush-control{display:grid;gap:5px;margin:0 0 12px;padding:8px;border:1px solid #465943;border-radius:6px;background:#18251b}.editor-brush-control label{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.07em;color:#cbd8c5}.editor-brush-control output{color:#efd37a;letter-spacing:0}.editor-brush-control input{width:100%;accent-color:#d7bb61}.editor-brush-control small{font-size:9px;line-height:1.35;color:#95a68f}body.editor-started .start-menu,body.editor-started #app>.hud,body.editor-started #app>.resources,body.editor-started #app>.controls,body.editor-started #app>.match-result,body.editor-started #mode-hint,body.editor-started #toast{display:none!important}.editor-shell{position:fixed;inset:0;z-index:50;pointer-events:none}.editor-shell button,.editor-shell input,.editor-shell details,.editor-palette,.editor-layers,.editor-topbar{pointer-events:auto}.editor-topbar{position:absolute;left:12px;right:12px;top:12px;min-height:50px;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #61715a;border-radius:9px;background:#121c15f5;box-shadow:0 7px 24px #0007}.editor-topbar label{display:flex;align-items:center;gap:7px;color:#b8c6b1;font-size:11px}.editor-topbar input[type=text]{width:210px;padding:7px;border:1px solid #63745c;border-radius:5px;background:#0e1711;color:#f3e8bd}.editor-topbar .primary{margin-left:auto;background:#645d30;border-color:#e0ca73;color:#fff2b9}.editor-history{display:flex;gap:4px}.editor-history button{font-size:18px;padding:3px 9px}.editor-palette,.editor-layers{position:absolute;top:74px;bottom:45px;width:264px;overflow:auto;padding:12px;border:1px solid #5d6e56;border-radius:9px;background:#111b14f3;box-shadow:0 10px 32px #0007}.editor-palette{left:12px}.editor-layers{right:12px;width:250px}.editor-palette h2,.editor-layers h2{margin:0 0 10px;color:#f0dda0;font-size:15px}.editor-palette details{margin-bottom:10px;border-bottom:1px solid #40503d;padding-bottom:8px}.editor-palette summary{cursor:pointer;color:#ced9c8;font-size:11px;font-weight:700;letter-spacing:.07em}.editor-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}.editor-tool-grid button{min-width:0;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:4px;padding:6px;text-align:left;font-size:10px}.editor-tool-grid i{font-style:normal;text-align:center;color:#efd37a;font-size:15px}.editor-tool-grid span{overflow:hidden;text-overflow:ellipsis}.editor-team-row{display:none;grid-template-columns:1fr 1fr;gap:5px;margin:-2px 0 12px}.editor-team-row.visible{display:grid}.editor-team-row small{grid-column:1/-1;font-size:9px;letter-spacing:.08em}.editor-team-row button{font-size:10px;padding:6px}.editor-team-row [data-editor-team=player].active{background:#315f78}.editor-team-row [data-editor-team=enemy].active{background:#7b3d39}.editor-help{font-size:10px;line-height:1.45;color:#aebca8}.editor-layer-row{display:grid;grid-template-columns:20px 1fr auto 20px;align-items:center;gap:5px;padding:8px 5px;border-bottom:1px solid #3e4d3b;font-size:11px}.editor-layer-row small{font-size:8px}.editor-layer-row b{text-align:center}.editor-legend{display:flex;gap:12px;margin-top:14px;font-size:10px;color:#b9c6b3}.editor-legend span{display:flex;align-items:center;gap:4px}.editor-legend i{width:10px;height:10px;border-radius:50%}.editor-legend .player{background:#70bde8}.editor-legend .enemy{background:#e97d70}.editor-status{position:absolute;left:288px;right:274px;bottom:10px;min-height:28px;padding:7px 10px;border:1px solid #596a53;border-radius:7px;background:#121c15ee;color:#c6d4c0;text-align:center;font-size:11px}.editor-status.error{border-color:#a9594f;color:#ffd0c7;background:#351d1bee}.hud{position:fixed;z-index:5;border:1px solid #53634b;background:#121b14f5;box-shadow:0 8px 30px #0004;border-radius:9px;padding:12px}button{font:inherit;color:#eef4eb;background:#2c402e;border:1px solid #697e61;border-radius:6px;padding:7px 9px;cursor:pointer}button:hover{background:#455b3e}button.active{background:#595331;border-color:#ebd17a}button:disabled{opacity:.45;cursor:not-allowed}button.danger{background:#57332e}button:focus-visible{outline:2px solid #ebd17a;outline-offset:2px}[hidden]{display:none!important}small{font-size:12px;color:#b7c6ae;line-height:1.4}strong{color:#e6d59b}.resources{left:274px;right:300px;bottom:156px;min-height:32px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font-size:12px}.resources strong{font-size:10px}.resources>span{display:inline-flex;align-items:center;gap:5px}#food-total{color:#e9d186}#population-total{color:#a9d7e4}.resource-icon{display:inline-block;width:21px;height:21px;background-image:url(./resource-icons-eE-cF1Ne.webp);background-size:200% 100%;background-repeat:no-repeat;filter:drop-shadow(0 1px 1px #000)}.resource-icon.food{background-position:left center}.resource-icon.wood{background-position:right center}.resource-icon.stone{background-image:none;background:#89949a;border:1px solid #d8d4c5;border-radius:35% 54% 42% 39%;color:#f2eee2;line-height:20px;text-align:center;font-size:14px;font-style:normal}.hud-icon.population{display:inline-block;width:21px;height:21px;background:url(data:image/webp;base64,) center/contain no-repeat;font-size:0;filter:drop-shadow(0 1px 1px #000)}#economy-alerts{display:flex;gap:6px;align-items:center}.economy-alert{border:1px solid #987a43;border-radius:5px;padding:3px 6px;font-size:11px;color:#f3d37e;background:#4d3c20}.economy-alert.critical{border-color:#cc6555;color:#ffd1c7;background:#522b28}.top-actions{position:fixed;top:12px;right:12px;z-index:8;display:flex;gap:6px}.topbar{inset:12px 12px auto auto;width:auto;height:auto;display:flex;padding:6px;gap:6px;overflow:visible}.opponent-badge{align-self:center;padding:0 7px;font-size:11px;color:#f1d0ac;white-space:nowrap}.topbar strong,.topbar>div:first-child,.topbar .selection-status{display:none}#selection-panel{left:12px;bottom:12px;width:250px;height:150px;display:grid;grid-template-rows:auto 1fr;align-content:start;gap:7px;padding:10px 11px;overflow:hidden}.selection-heading{display:grid;grid-template-columns:42px 1fr;gap:9px;align-items:center}.selection-heading>div{display:grid;min-width:0}.selection-heading small,.command-panel>small{font-size:10px;letter-spacing:.1em;color:#a6b59f}.selection-heading strong{font-size:14px;color:#f5e4ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-heading span{font-size:10px;color:#aebaa7}.selection-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #71816a;border-radius:5px;background:#2b402e;color:#eef3dc;font-size:18px;font-style:normal;font-weight:700}.selection-icon.infantry{background:#315f78}.selection-icon.archer{background:#4d6b7e}.selection-icon.wagon{background:#795f2f}.selection-icon.building{background:#5c4b39}.selection-types{display:grid;grid-template-columns:1fr 1fr;gap:5px}.selection-type{display:flex;align-items:center;gap:6px;border:1px solid #52634d;border-radius:5px;padding:5px 7px;background:#233327}.selection-type i{font-style:normal;font-weight:700;color:#e8d788}.selection-type b{margin-left:auto;color:#fff}.selection-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;font-size:11px}.selection-stat{display:flex;justify-content:space-between;color:#b9c7b3}.selection-stat b{color:#eff1dc}.selection-note{font-size:10px;line-height:1.25;color:#c8d5c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#minimap-panel{left:12px;bottom:174px;width:240px;padding:7px;display:grid;gap:3px;z-index:6}#minimap{display:block;width:224px;height:auto;aspect-ratio:12/7;border:1px solid #71816a;border-radius:4px;background:#111a13;cursor:crosshair;image-rendering:pixelated}#minimap-panel span{font-size:9px;letter-spacing:.12em;color:#b7c6ae;text-align:right}.terrain-legend{display:flex;justify-content:space-between;gap:4px}.terrain-legend span{display:flex;align-items:center;gap:3px!important;font-size:9px!important;letter-spacing:0!important;color:#d2ddc8!important}.terrain-legend i{display:inline-block;width:9px;height:9px;border:1px solid #b7b79b;border-radius:2px}.terrain-legend .valley{background:#3b665d}.terrain-legend .hill{background:#b1aa72}.terrain-legend .ridge{background:#bd9169}.command-panel{display:none;bottom:176px;left:auto;right:12px;width:300px;max-height:none;align-content:start;gap:6px;overflow:visible;padding:9px 10px}.command-panel.visible{display:grid}.building-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.building-actions button{font-size:10px;min-width:0;padding:6px 3px;white-space:normal;line-height:1.2}.utility-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.utility-row button{min-width:0}.building-actions[hidden],.building-actions button[hidden],.utility-row button[hidden]{display:none}#command-title{display:block;font-size:15px;color:#f5e4ae}.command-controls{display:none;gap:6px}.command-controls.visible{display:grid}.command-row{display:grid;gap:6px}.stance-row{grid-template-columns:1fr 1fr}.formation-row{grid-template-columns:repeat(3,1fr)}.command-row button{min-width:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px;padding:7px 6px;font-size:10px}.formation-row button{grid-template-columns:auto 1fr}.command-row button i{font-style:normal;font-size:15px}.command-row button span{overflow:hidden}.command-row kbd{border:1px solid #71816a;border-radius:3px;padding:1px 3px;background:#172219;color:#e7d682;font:10px system-ui}.build-panel{right:12px;bottom:12px;width:274px;min-height:152px;padding:9px;display:grid;gap:7px}.build-panel>strong{font-size:10px;letter-spacing:.1em;color:#adbca7}.build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.build-grid button{min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;gap:0 4px;padding:4px 5px;text-align:left}.build-grid button i{grid-row:1/3;font-size:15px;font-style:normal;color:#ead27f}.build-grid button span{font-size:10px}.build-grid button b{font-size:9px;color:#bbc9ae;font-weight:500}.production-panel{display:none;left:274px;right:300px;bottom:12px;width:auto;min-height:82px;overflow:visible;gap:4px;padding:7px 10px}.production-panel.visible{display:grid}.production-panel.army-selected{min-height:82px}.button-row{display:flex;gap:6px;flex-wrap:wrap}.button-row button{flex:1}.quick-row{display:flex;align-items:stretch;gap:5px;min-height:64px;overflow-x:auto;scrollbar-width:thin}.quick-row>strong{width:42px;min-width:42px;align-self:center;font-size:9px;letter-spacing:.08em;color:#adbca7}.quick-row button{min-width:58px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;column-gap:3px;align-items:center;padding:4px 5px;text-align:left}.quick-row button i{grid-row:1 / 3;font-style:normal;font-size:15px;color:#ead27f}.quick-row button span{font-size:10px}.quick-row button b{font-size:9px;color:#bbc9ae;font-weight:500}.production-readout{margin-left:auto;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;align-content:center;min-width:205px;max-width:38%;gap:1px 6px;font-size:9px;color:#bdcab4}.production-readout strong{font-size:9px}.production-readout>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.production-queue{grid-column:1/-1;display:flex;align-items:center;gap:3px;min-height:24px;overflow-x:auto}.queue-item{position:relative;min-width:27px;width:27px;height:23px;display:grid;place-items:center;border:1px solid #63745b;border-radius:4px;padding:0;background:#253629;font-size:12px}.queue-item.active{border-color:#e5ca68}.queue-item b{position:absolute;right:1px;bottom:-1px;font-size:7px;color:#fff}.queue-item em{position:absolute;top:-3px;right:1px;display:none;color:#ffd2c7;font-size:10px;font-style:normal}.queue-item:hover em,.queue-item:focus-visible em{display:block}.queue-more{color:#e7d584;font-size:10px}.army-roster{position:absolute;left:0;right:0;bottom:88px;display:flex;gap:5px;min-height:47px;overflow-x:auto;scrollbar-width:thin;padding:6px 8px;border:1px solid #53634b;border-radius:9px;background:#121b14f5;box-shadow:0 8px 30px #0004}.army-card{position:relative;min-width:72px;height:41px;display:grid;grid-template-columns:21px 1fr;grid-template-rows:1fr 1fr;gap:1px 4px;padding:3px 4px;border:1px solid #60725a;border-radius:5px;background:#233327;color:#e8efd9;text-align:left}.army-card i{grid-row:1/3;align-self:center;font-size:15px;font-style:normal;color:#ead27f}.army-card b{font-size:10px}.army-card small{font-size:8px;white-space:nowrap}.army-card .army-food{position:absolute;left:4px;right:4px;bottom:3px;height:2px;border-radius:2px;background:#6f4931}.army-card .army-food span{display:block;height:100%;border-radius:inherit;background:#d9bf59}.army-card .army-food.low span{background:#d56c58}.army-card.more{display:grid;place-items:center;min-width:45px;font-size:10px;color:#e8d788}.construction-readout{margin-left:auto;display:grid;align-content:center;min-width:175px;gap:3px;font-size:11px}.construction-detail{border:0;padding:0}.construction-detail small{display:none}.construction-detail>div{font-size:11px}.construction-detail button{display:none}.construction-detail.visible button{display:block}.help{display:none;top:72px;right:12px;width:330px;max-height:calc(100vh - var(--bottom) - 84px);overflow:auto;gap:9px;z-index:7;font-size:12px}.help.open{display:grid}.help span{line-height:1.5}.help strong{display:flex;align-items:center;justify-content:space-between}.build-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.build-row button{font-size:12px}.construction-detail{display:none;gap:6px;border-top:1px solid #6e7557;padding-top:10px}.construction-detail.visible{display:grid}.construction-detail>div{display:flex;justify-content:space-between}.depot-actions{z-index:8;display:flex;gap:5px;padding:6px;transform:translate(-50%,-100%)}.depot-actions button{min-width:36px}.route-edit-actions{display:none;gap:5px}.depot-actions.editing>button{display:none}.depot-actions.editing .route-edit-actions{display:flex}.controls{top:72px;right:12px;max-width:420px;z-index:6}.controls.collapsed .control-group{display:none}.control-group{display:flex;gap:7px;flex-wrap:wrap;margin-top:6px;font-size:12px}.control-group label{display:flex;align-items:center;gap:3px}#mode-hint{position:fixed;z-index:8;top:72px;left:50%;transform:translate(-50%);max-width:42vw;background:#303c27f0;border-radius:6px;color:#ffe4a2;padding:9px;pointer-events:none;font-size:12px}#mode-hint:empty{display:none}#toast{position:fixed;z-index:9;top:125px;left:50%;transform:translate(-50%);max-width:70vw;background:#514321f5;border-radius:6px;padding:10px;color:#ffe8a6;opacity:0;pointer-events:none}#toast.visible{opacity:1}.match-result{position:fixed;inset:0;z-index:20;background:#09100bc9;display:grid;place-items:center;padding:20px}.match-result-card{min-width:min(400px,100%);padding:30px;border:2px solid #d9c36f;border-radius:12px;background:#1d2c21;text-align:center;box-shadow:0 15px 60px #0009}.match-result h1{margin:0 0 12px;color:#f3db8b;letter-spacing:.1em}.match-result p{margin:0 0 24px;color:#dce8d2}.match-result button{font-size:16px;padding:10px 22px}.match-summary{display:grid;gap:5px;margin:0 0 22px;text-align:left;font-size:12px}.match-summary>div{display:flex;justify-content:space-between;gap:22px;border-bottom:1px solid #53634b;padding:5px 0}.match-summary strong{white-space:nowrap;color:#f3db8b}.match-result-card{max-width:min(480px,100%)}.selection-icon.scout{background:#6a5930}.selection-icon.cavalry{background:#79513d}.diagnostics-panel{top:65px;right:12px;z-index:10;width:min(420px,calc(100vw - 24px));max-height:calc(100vh - 90px);overflow:auto}.diagnostics-panel header{display:flex;align-items:center;justify-content:space-between;gap:8px}.diagnostics-panel header button{padding:2px 8px}.diagnostics-panel pre,.diagnostics-result pre{white-space:pre-wrap;word-break:break-word;text-align:left;font:11px/1.5 system-ui,sans-serif;color:#dbe9d0}.diagnostics-panel>button{font-size:11px}.diagnostics-result{margin:0 0 12px;text-align:left;border-top:1px solid #53634b;padding-top:10px;font-size:12px}.diagnostics-result summary{cursor:pointer;color:#eed994}.match-result-card{max-height:calc(100vh - 30px);overflow:auto}.match-result #match-diagnostics-export{font-size:12px;padding:7px 10px;margin:0 8px 8px 0}@media(max-width:1100px){.resources strong{display:none}.resources{gap:8px;font-size:12px}}@media(max-width:900px){.resources{left:234px;right:244px;bottom:156px}.help,.controls{top:72px}.help{max-height:calc(100vh - var(--bottom) - 84px)}#mode-hint{top:72px}.command-panel{padding:8px;width:234px}.build-panel{width:234px}.command-row button{padding:6px}.production-panel{left:234px;right:254px}.quick-row button{min-width:54px}.production-readout{min-width:135px}#selection-panel,#minimap-panel{width:210px}#minimap{width:194px}}@media(max-width:600px){:root{--bottom:438px}.start-menu{padding:12px;overflow:auto}.start-card{padding:19px}.start-card h1{font-size:25px}.scenario-grid{grid-template-columns:1fr}.scenario-grid button{min-height:70px}.topbar{top:12px;right:12px}.resources{left:12px;right:12px;bottom:400px}.production-panel{left:12px;right:12px;bottom:12px;min-height:82px}.production-panel.army-selected{min-height:82px}.build-panel{right:12px;bottom:102px;width:calc(100% - 24px);min-height:144px}.build-grid{grid-template-columns:repeat(6,1fr)}.army-roster{bottom:88px}.quick-row>strong{min-width:40px}.quick-row button{min-width:54px}.production-readout{min-width:132px}.command-panel{left:12px;right:auto;bottom:258px;width:calc(100% - 24px);max-height:104px}.command-panel>small,#command-title{display:none}#selection-panel{left:12px;bottom:340px;width:calc(100% - 24px);height:38px;display:flex;align-items:center;gap:8px;overflow:hidden}#selection-panel>small,#selection-panel span{display:none}#minimap-panel{left:auto;right:12px;bottom:340px;width:142px;padding:5px}#minimap{width:130px}.help{width:calc(100% - 24px)}.controls{max-width:calc(100% - 24px)}}@media(max-width:600px){.command-panel{max-height:none;overflow:visible;bottom:258px}.building-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.building-actions button{font-size:9px;padding:5px 2px}.command-panel:has(.building-actions:not([hidden])) #command-hint{display:none}}@media(max-height:700px){.command-panel:has(.building-actions:not([hidden])){gap:3px;padding:6px 8px}.command-panel:has(.building-actions:not([hidden])) #command-hint{display:none}.command-panel:has(.building-actions:not([hidden])) .building-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:601px){.resources{bottom:101px}.army-roster{bottom:130px}}.production-panel.army-selected:not(.training-selected){height:0;min-height:0;border:0;padding:0;background:transparent;box-shadow:none}.production-panel.army-selected:not(.training-selected) .quick-row{display:none}.specialization-offers{left:12px;top:68px;bottom:auto;max-height:calc(100vh - 425px);width:min(292px,calc(100vw - 24px));overflow:auto;align-content:start;display:grid;gap:6px;padding:7px;z-index:8;scrollbar-width:thin}.specialization-offers[hidden]{display:none!important}.specialization-wave{padding:6px 8px;border:1px solid #bfa964;border-radius:6px;background:#344b36;color:#ffe5aa;font-size:12px;font-weight:800;letter-spacing:.05em;text-align:center}.depot-actions button[hidden]{display:none!important}.specialization-pair{display:grid;gap:5px;padding:6px;border:1px solid #718063;border-radius:9px;background:linear-gradient(145deg,#2b3a2c,#1a291f);box-shadow:0 7px 18px #0006}.specialization-heading{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.specialization-heading strong{font-size:11px;color:#f4dfa4;letter-spacing:.1em}.specialization-heading small{font-size:10px}.specialization-option{width:100%;min-height:68px;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:7px;padding:6px;text-align:left;border:1px solid #879273;background:#344536;color:#e5eddc;border-radius:7px;cursor:pointer}.specialization-option:hover,.specialization-option:focus-visible{background:#4c6546;border-color:#e8cf78;transform:translateY(-1px)}.specialization-art{width:40px;height:40px;display:grid;place-items:center;border:1px solid #c4ae6e;border-radius:9px;background:radial-gradient(circle at 35% 27%,#667458,#29392f 75%);color:#ffdfa0;font-size:27px;line-height:1;text-shadow:0 2px 5px #0008}.specialization-art-emergencyRetreat,.specialization-art-shieldLine{color:#9dd5e9;border-color:#78a4ae;background:radial-gradient(circle at 35% 27%,#48717b,#253c43 75%)}.specialization-art-fieldRations{color:#d9efac}.specialization-art-raiders,.specialization-art-breakthrough{color:#f2be85}.specialization-copy{display:grid;gap:3px;font-size:11px;line-height:1.35}.specialization-copy strong{font-size:12px;color:#ffe7aa}.specialization-copy small{font-size:10px;color:#a9c9a5}.specialization-owned{display:flex;gap:5px;justify-content:flex-start;flex-wrap:wrap}.specialization-owned:empty{display:none}.specialization-icon{position:relative;width:38px;height:38px;padding:2px;cursor:help;color:#f8e6a9;background:#344536;border:1px solid #e3c675;border-radius:6px;font-size:22px}.specialization-icon:hover,.specialization-icon:focus-visible{background:#526747}.specialization-icon:after{content:attr(data-description);position:absolute;z-index:12;left:0;bottom:calc(100% + 7px);width:260px;padding:8px 10px;border:1px solid #d4c27c;border-radius:6px;background:#17251deb;box-shadow:0 6px 18px #0009;color:#eaf1df;text-align:left;font-size:11px;font-weight:400;line-height:1.4;white-space:normal;pointer-events:none;opacity:0;visibility:hidden}.specialization-icon:hover:after,.specialization-icon:focus-visible:after,.specialization-icon.show-detail:after{opacity:1;visibility:visible}.specialization-time-fields{display:grid;gap:8px;overflow:auto}.specialization-time-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:7px;background:#223027;border-radius:5px}.specialization-time-row strong{min-width:92px}.specialization-time-row label{font-size:11px}.specialization-time-row input{width:57px;margin-left:3px}.formation-row:has([data-formation=shield]:not([hidden])){grid-template-columns:repeat(4,1fr)}.formation-row button[hidden]{display:none!important}@media(max-width:900px){.specialization-offers{max-height:calc(100vh - 408px)}}@media(max-width:600px){.specialization-offers{top:68px;bottom:auto;max-height:calc(100vh - 555px);width:min(260px,calc(100vw - 24px))}.specialization-option{grid-template-columns:44px 1fr;min-height:72px;padding:6px}.specialization-art{width:44px;height:44px;font-size:27px}.specialization-copy strong{font-size:12px}.specialization-copy{font-size:10px}.specialization-heading{display:grid}.specialization-icon:after{left:auto;right:0;width:min(260px,calc(100vw - 24px))}.specialization-time-row strong{width:100%}}@media(max-height:650px){.specialization-offers{top:55px;max-height:calc(100vh - 375px)}}@media(max-height:650px)and (max-width:600px){.specialization-offers{max-height:calc(100vh - 515px)}}.scenario-grid .tutorial-start{grid-column:1/-1;min-height:75px;border-color:#b9a965;background:linear-gradient(105deg,#3d4f35,#293b2d)}.scenario-grid .tutorial-start i{color:#c4e7a7}.tutorial-panel{left:12px;top:68px;width:min(340px,calc(100vw - 24px));z-index:8;display:grid;gap:8px;padding:14px;border-color:#bfad6e;background:#18291fef}.tutorial-top,.tutorial-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px}.tutorial-top strong{font-size:11px;letter-spacing:.1em}.tutorial-top button{font-size:10px;padding:4px 6px}.tutorial-panel h2{margin:2px 0;color:#ffe2a2;font-size:19px}.tutorial-panel p{margin:0;line-height:1.45;color:#dce7d8;font-size:12px}.tutorial-bottom{padding-top:8px;border-top:1px solid #617459}.tutorial-bottom span{font-size:11px;color:#b8d5ad}.tutorial-bottom button{font-size:11px;white-space:nowrap;border-color:#d5ba73}.tutorial-target{outline:2px solid #f1d77e!important;outline-offset:2px}@media(max-height:630px){.tutorial-panel{top:56px;max-height:calc(100vh - 370px);overflow:auto}}@media(max-width:600px){.scenario-grid .tutorial-start{grid-column:auto}.tutorial-panel{width:min(300px,calc(100vw - 24px));padding:10px}.tutorial-panel h2{font-size:16px}.tutorial-panel p{font-size:11px}}.start-menu{overflow:auto;display:block;padding:clamp(14px,3vh,32px);background:radial-gradient(circle at 68% 25%,#304632 0,#172519 39%,#0b120d)}.lobby-menu{width:min(1150px,100%);margin:auto;padding:clamp(18px,2.5vw,34px);background:linear-gradient(145deg,#1a291eec,#111c15f5);border-color:#6e8568}.lobby-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.lobby-header small{font-size:10px;letter-spacing:.18em;color:#b9ceac}.lobby-header h1{font-size:clamp(26px,3vw,38px);margin:7px 0;color:#f5dfa1;letter-spacing:-.025em}.lobby-header p{margin:0;color:#bdceb7;font-size:13px}.lobby-status{white-space:nowrap;border:1px solid #688c6b;border-radius:20px;padding:7px 12px;color:#b9e0b5;background:#243929;font-size:11px}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:25px}.lobby-main h2{margin:0 0 9px;color:#ecdda8;font-size:14px;letter-spacing:.025em}.lobby-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}.lobby-modes button{display:grid;gap:3px;padding:12px 13px;text-align:left;background:#233427}.lobby-modes button b{font-size:14px}.lobby-modes button small{font-size:11px}.lobby-modes button.active{background:#4a5032;border-color:#ead17e}.lobby-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.lobby-section-title span{font-size:11px;color:#a9bea3}.lobby-maps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.lobby-map{min-width:0;border:1px solid #50644e;border-radius:9px;background:#1b2a20;overflow:hidden}.lobby-map.active{border-color:#e3cb79;box-shadow:0 0 0 1px #e3cb7955}.lobby-map>button:first-child{display:block;width:100%;height:100%;min-height:169px;padding:0 0 9px;background:none;border:0;border-radius:0;text-align:left}.lobby-map>button:first-child:hover{background:#2c402d}.lobby-map>button:first-child>span:last-child{display:grid;gap:3px;padding:9px 10px 0}.lobby-map b{font-size:13px;color:#f5e8bd}.lobby-map small{font-size:10px}.lobby-map em{font-style:normal;font-size:10px;color:#a5c7a2}.map-thumb{position:relative;display:block;height:75px;overflow:hidden;border-bottom:1px solid #52634d;background-color:#445a40;background-image:linear-gradient(13deg,transparent 47%,#b49c6a 48%,#b49c6a 52%,transparent 53%),radial-gradient(circle at 19% 53%,#78b4da 0 5px,transparent 6px),radial-gradient(circle at 81% 53%,#d47766 0 5px,transparent 6px),radial-gradient(circle at 30% 35%,#284d33 0 13px,transparent 14px),radial-gradient(circle at 70% 65%,#284d33 0 13px,transparent 14px)}.map-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 47%,#74a6ae 48% 51%,transparent 52%);opacity:.8}.thumb-river{background-image:linear-gradient(18deg,transparent 47%,#b49c6a 48%,#b49c6a 52%,transparent 53%),radial-gradient(circle at 17% 30%,#78b4da 0 5px,transparent 6px),radial-gradient(circle at 83% 70%,#d47766 0 5px,transparent 6px),radial-gradient(circle at 27% 70%,#284d33 0 12px,transparent 13px),radial-gradient(circle at 73% 30%,#284d33 0 12px,transparent 13px)}.thumb-river:after{transform:rotate(-23deg) scale(1.4)}.thumb-basin{background-image:linear-gradient(0deg,transparent 49%,#b49c6a 50% 52%,transparent 53%),radial-gradient(ellipse at 50% 50%,#9b9264 0 21%,transparent 22%),radial-gradient(circle at 15% 50%,#78b4da 0 5px,transparent 6px),radial-gradient(circle at 85% 50%,#d47766 0 5px,transparent 6px)}.thumb-basin:after{background:linear-gradient(15deg,transparent 45%,#c0a773 46% 48%,transparent 49%),linear-gradient(-15deg,transparent 49%,#c0a773 50% 52%,transparent 53%)}.lobby-map .map-edit{width:calc(100% - 20px);margin:0 10px 9px;padding:5px;border-color:#6c8065;background:#263c2a;font-size:10px}.lobby-play{display:flex;align-items:center;gap:14px;margin:18px 0 9px}.quick-play{min-width:225px;padding:14px 22px;border-color:#f0d57b;background:linear-gradient(#866c36,#615526);color:#fff3c9;font-weight:800;font-size:16px;box-shadow:0 6px 15px #0005}.quick-play:hover{background:#98803f}#play-summary{color:#c4d1ba;font-size:11px}.ai-options{margin-top:11px;border-top:1px solid #475b46;padding-top:10px}.ai-options summary{color:#dacb98;cursor:pointer;font-size:12px}.ai-options .scenario-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}.ai-options .scenario-grid button{min-height:66px;grid-template-columns:25px 1fr;padding:7px;gap:5px}.ai-options .scenario-grid i{font-size:20px}.ai-options .scenario-grid b{font-size:11px}.ai-options .scenario-grid small{font-size:9px}.ai-options .scenario-grid button.active{border-color:#e4cc7a;background:#515133}.lobby-side{display:grid;align-content:start;gap:13px;border-left:1px solid #415641;padding-left:20px}.future-lobby{display:grid;gap:7px;padding:14px;border:1px solid #586e55;border-radius:9px;background:#243629}.future-lobby>small{font-size:9px;letter-spacing:.12em;color:#d2c38b}.future-lobby button{display:grid;gap:3px;padding:9px;text-align:left;background:#28372a;opacity:.67}.future-lobby button b{font-size:12px}.future-lobby button span{font-size:10px;color:#afbcad}.future-lobby p{margin:5px 0 0;color:#a9b9a3;font-size:10px;line-height:1.35}.lobby-tutorial{display:grid;gap:3px;padding:12px;border-color:#a6aa69;text-align:left;background:#334833}.lobby-tutorial b{font-size:13px}.lobby-tutorial span{font-size:10px;color:#d0dbc3}.lobby-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px}.lobby-tools button{padding:8px 6px;text-align:left;font-size:10px;background:#293c2b}.lobby-tools button span{color:#b6c8b1}@media(max-width:950px){.lobby-layout{grid-template-columns:1fr}.lobby-side{grid-template-columns:1fr 1fr;align-items:start;border-left:0;border-top:1px solid #415641;padding:15px 0 0}.lobby-tools{grid-column:2}.lobby-tutorial{grid-column:2;grid-row:1}.future-lobby{grid-row:1/3}}@media(max-width:620px){.lobby-header{display:block}.lobby-status{display:inline-block;margin-top:12px}.lobby-maps{grid-template-columns:1fr}.lobby-map{display:grid;grid-template-columns:1fr auto}.lobby-map>button:first-child{display:flex;min-height:80px}.map-thumb{width:88px;height:100%;min-height:80px;flex:none}.lobby-map .map-edit{align-self:center;width:70px;margin:0 8px;padding:5px}.lobby-play{display:grid;gap:7px}.quick-play{width:100%}.ai-options .scenario-grid{grid-template-columns:1fr 1fr}.lobby-side{grid-template-columns:1fr}.future-lobby,.lobby-tutorial,.lobby-tools{grid-column:auto;grid-row:auto}.lobby-section-title{display:block}.lobby-section-title span{display:block;margin-bottom:9px}}.private-online[hidden],.private-lobby[hidden],.private-guest[hidden]{display:none!important}.private-online{position:fixed;inset:0;z-index:120;background:#14231e;color:#f3e9cf;font:14px system-ui,sans-serif}.private-room{display:flex;align-items:center;gap:16px;min-height:48px;padding:5px 18px;background:#172d28;border-bottom:1px solid #688a79}.private-room #private-status{flex:1;color:#efcc86}.private-room button,.private-lobby button{color:#f2e7ca;background:#315448;border:1px solid #71967c;border-radius:6px;padding:8px 12px;cursor:pointer}.private-room button:disabled,.private-lobby button:disabled{opacity:.5;cursor:default}.private-lobby{max-width:600px;padding:32px;margin:5vh auto;background:#23392f;border-radius:12px}.private-lobby input{width:min(100%,440px);padding:10px;color:#faf4df;background:#10221c;border:1px solid #78977f}.private-host-playing{pointer-events:none;background:transparent}.private-host-playing .private-room,.private-host-playing .private-lobby,.private-host-playing .private-guest{display:none!important}.private-started #start-menu{display:none}.future-lobby label{display:block;margin:6px 0}.future-lobby input,.future-lobby select{width:100%;box-sizing:border-box;color:#e9e2cc;background:#233a32;border:1px solid #597967;padding:6px;border-radius:5px}.private-guest{height:calc(100vh - 48px);position:relative;overflow:hidden}.private-guest-wait{width:min(560px,calc(100% - 32px));margin:8vh auto;padding:30px;border:1px solid #668473;border-radius:12px;background:#23392f;text-align:center}.private-game-shell{position:absolute;inset:0;overflow:hidden;background:#101611;color:#eef4eb}#private-game{position:absolute;inset:0}#private-game canvas{width:100%;height:100%;display:block}.private-guest-playing .private-room{position:absolute;top:8px;left:12px;right:250px;z-index:150;min-height:28px;font-size:11px;border-radius:8px;background:#172d28ed}.private-guest-playing .private-room button{padding:4px 8px}@media(max-width:900px){.private-guest-playing .private-room{right:90px;gap:8px}.private-guest-playing #private-top{display:none}}.private-guest-playing .private-guest{height:100vh}.private-game-shell>.hud{position:absolute}.private-game-shell .controls{display:none!important}@media(max-width:760px){.private-room{flex-wrap:wrap;font-size:12px}}.population-alert{top:68px;right:12px;display:flex;align-items:center;gap:10px;padding:10px 12px;max-width:min(480px,calc(100vw - 24px));border:2px solid #efba54;background:#4c3024f2;box-shadow:0 0 15px #e6ab4855;z-index:9;font-size:12px}.population-alert[hidden]{display:none}.population-alert button{flex-shrink:0;padding:7px;border:1px solid #e4c474;background:#74603a;color:#fff4d1;border-radius:5px;cursor:pointer}.population-alert button:disabled{opacity:.55;cursor:default}#army-total{color:#ecd9aa;white-space:nowrap}@media(max-width:700px){.population-alert{top:110px;flex-wrap:wrap;font-size:11px}}