.aoe-hud{--wood-0:#0d0904;--wood-1:#1a1208;--wood-2:#2a1e10;--wood-3:#3e2c17;--wood-4:#5a4320;--bronze:#8a6a2e;--bronze-lit:#d9b45e;--bronze-dim:#d9b45e57;--parchment:#f2e4c0;--parchment-dim:#c9b78d;--panel-bg:#1e150beb;--panel-bg-top:#5e4727eb;--panel-bg-bottom:#130d07f2;--panel-solid:#1b150d;--panel-border:#8a6d2f;--panel-border-2:#d9b45e;--panel-edge:#ffe9b429;--text:#f0e6d2;--text-dim:#b8ab92;--text-faint:#8b7f6b;--accent:#e8c65a;--accent-dim:#a8862c;--hp-green:#5fbf4a;--hp-red:#c0392b;--hp-mid:#d8a13a;--food:#e09a45;--wood:#a9743f;--gold:#e8c93f;--stone:#a7b0ba;--pop:#d5dbe4;--good:#7fc06a;--warn:#e0a53c;--bad:#d05a4a;--info:#7fa8d0;--p-blue:#2f7fd8;--p-red:#d84a3a;--shadow:0 10px 28px #0000009e;--shadow-sm:0 4px 12px #0000008c;--inset:inset 0 1px 0 #ffe9b42e, inset 0 -14px 24px #0000006b;--font-head:Georgia, "Times New Roman", "Iowan Old Style", serif;--font-num:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;z-index:10;pointer-events:none;font-family:var(--font-num);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-size:13px;position:absolute;inset:0;overflow:hidden}.aoe-hud *,.aoe-hud :before,.aoe-hud :after{box-sizing:border-box}.aoe-panel{pointer-events:auto;color:var(--text);border:1px solid var(--bronze);background:linear-gradient(180deg, var(--panel-bg-top) 0%, #302213ed 36%, var(--panel-bg-bottom) 100%), repeating-linear-gradient(90deg, #ffe2aa0d 0 1px, #00000012 1px 4px, #ffe2aa07 4px 7px);box-shadow:inset 0 0 0 1px #d9b45e57, inset 0 1px 0 #fff0cd3d, inset 0 -16px 26px #0000006b, var(--shadow);border-radius:2px;position:absolute}.aoe-panel:before,.aoe-panel:after{content:"";border:1px solid var(--bronze-lit);opacity:.55;pointer-events:none;width:11px;height:11px;position:absolute}.aoe-panel:before{border-bottom:0;border-right:0;top:3px;left:3px}.aoe-panel:after{border-top:0;border-left:0;bottom:3px;right:3px}.aoe-panel--plain:before,.aoe-panel--plain:after{display:none}.aoe-panel-title{font-family:var(--font-head);letter-spacing:.26em;text-transform:uppercase;color:var(--parchment);text-align:center;text-shadow:0 1px #000,0 0 12px #000000e6;background:linear-gradient(#805f2cb3 0%,#2c1f0f40 100%);border-bottom:1px solid #d9b45e57;padding:6px 10px;font-size:10px;display:block;position:relative}.aoe-panel-title:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#d9b45ed9,#0000);width:46%;height:1px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.aoe-topbar{background:linear-gradient(#7e5f2ef2 0%,#402f19f2 22%,#1f160bf5 74%,#0f0a05f7 100%),repeating-linear-gradient(90deg,#ffe2aa0d 0 1px,#00000014 1px 5px);border-top:0;border-left:0;border-right:0;border-radius:0;align-items:stretch;gap:0;height:48px;padding:0 10px;display:flex;top:0;left:0;right:0;box-shadow:inset 0 1px #fff0cd52,inset 0 0 0 1px #d9b45e38,inset 0 -12px 20px #00000080,0 6px 18px #0000008c}.aoe-topbar:before,.aoe-topbar:after{display:none}.aoe-tb-group{align-items:center;gap:8px;padding:0 10px;display:flex}.aoe-tb-group+.aoe-tb-group{border-left:1px solid #d9b45e2e}.aoe-tb-res{background:linear-gradient(#00000073,#0000002e);border-top:1px solid #d9b45e3d;border-bottom:1px solid #0009;border-radius:2px;flex:none;gap:0;margin:7px 0;padding:0 4px;box-shadow:inset 0 1px 3px #000000a6,inset 0 -1px #ffe2aa1a}.aoe-tb-spacer{border:0;flex:auto}.aoe-res{background:linear-gradient(#0000004d,#0000000a);border-right:1px solid #d9b45e29;align-items:center;gap:6px;min-width:86px;padding:3px 10px;transition:transform .12s ease-out,box-shadow .2s ease-out,background .2s ease-out;display:flex}.aoe-res:last-child{border-right:0}.aoe-res-icon{flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.aoe-res-icon svg{filter:drop-shadow(0 1px 1px #000000e6)drop-shadow(0 0 5px);width:22px;height:22px;display:block}.aoe-res-value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:.01em;color:var(--parchment);text-shadow:0 1px #000,0 0 4px #000000f2;font-size:16px;font-weight:600}.aoe-res[data-kind=food] .aoe-res-icon{color:var(--food)}.aoe-res[data-kind=wood] .aoe-res-icon{color:var(--wood)}.aoe-res[data-kind=gold] .aoe-res-icon{color:var(--gold)}.aoe-res[data-kind=stone] .aoe-res-icon{color:var(--stone)}.aoe-res[data-kind=pop] .aoe-res-icon{color:var(--pop)}.aoe-res-pop{min-width:92px}.aoe-res-pop .aoe-res-value{font-size:14px}.aoe-res--full{background:linear-gradient(#601a128c,#300c0866);border-radius:2px;box-shadow:inset 0 0 0 1px #d05a4ad9}.aoe-res--full .aoe-res-value{color:#ff9c86}.aoe-res--up{animation:.42s ease-out aoe-flash-up}.aoe-res--down{animation:.42s ease-out aoe-flash-down}@keyframes aoe-flash-up{0%{transform:scale(1);box-shadow:0 0 #e8c65a00}28%{transform:scale(1.09);box-shadow:0 0 12px #e8c65a8c}to{transform:scale(1);box-shadow:0 0 #e8c65a00}}@keyframes aoe-flash-down{0%{transform:scale(1)}28%{transform:scale(.94)}to{transform:scale(1)}}.aoe-res--up .aoe-res-value{color:var(--accent)}.aoe-res--down .aoe-res-value{color:#ef7a63}.aoe-tb-age{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-width:138px}.aoe-age-row{align-items:center;gap:6px;display:flex}.aoe-age-icon{width:16px;height:16px;color:var(--accent);display:inline-flex}.aoe-age-icon svg{filter:drop-shadow(0 1px 1px #000000e6);width:16px;height:16px}.aoe-age-name{font-family:var(--font-head);letter-spacing:.08em;color:var(--parchment);text-shadow:0 1px #000;white-space:nowrap;font-size:12.5px}.aoe-age-bar{background:#000000b3;border:1px solid #d9b45e66;border-radius:1px;width:100%;height:5px;overflow:hidden}.aoe-age-fill{background:linear-gradient(90deg, var(--accent-dim), var(--accent));width:0%;height:100%;transition:width .26s ease-out;display:block;box-shadow:0 0 6px #e8c65a99}.aoe-tb-clock{min-width:66px}.aoe-clock{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--parchment-dim);text-shadow:0 1px #000;letter-spacing:.06em;font-size:15px;font-weight:600}.aoe-tb-players{gap:12px}.aoe-player{letter-spacing:.04em;color:var(--text-dim);white-space:nowrap;align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.aoe-player-name{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.aoe-dot{border-radius:50%;flex:0 0 10px;width:10px;height:10px;box-shadow:0 0 6px,0 0 0 1px #000c}.aoe-player--me .aoe-dot{background:var(--p-blue);color:var(--p-blue)}.aoe-player--foe .aoe-dot{background:var(--p-red);color:var(--p-red)}.aoe-player--me .aoe-player-name{color:#b9d6f7}.aoe-player--foe .aoe-player-name{color:#f0b3aa}.aoe-tb-speed{gap:4px}.aoe-speed-btn{pointer-events:auto;font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.05em;color:var(--text-dim);cursor:pointer;background:linear-gradient(#604726d9,#1c140be6);border:1px solid #d9b45e66;border-radius:2px;min-width:30px;padding:3px 7px;font-size:11px;font-weight:600;line-height:1.1;transition:color .12s,background .12s,border-color .12s,box-shadow .12s;box-shadow:inset 0 1px #fff0cd2e}.aoe-speed-btn svg{width:13px;height:13px;margin:0 auto;display:block}.aoe-speed-btn:hover{color:var(--text);border-color:var(--panel-border-2)}.aoe-speed-btn--on{color:#1a1409;background:linear-gradient(180deg, var(--accent) 0%, var(--accent-dim) 100%);border-color:#f2dc94;box-shadow:0 0 9px #e8c65a73}.aoe-tb-opts{gap:6px}.aoe-style-btn{pointer-events:auto;height:24px;font-family:var(--font-num);letter-spacing:.12em;color:var(--text-dim);cursor:pointer;background:linear-gradient(#604726cc,#18120be6);border:1px solid #d9b45e66;border-radius:2px;align-items:center;gap:5px;padding:0 9px;font-size:9.5px;transition:color .12s,background .12s,border-color .12s,box-shadow .12s;display:flex;box-shadow:inset 0 1px #fff0cd2e}.aoe-style-btn:hover{color:var(--text);border-color:var(--panel-border-2)}.aoe-style-label{color:var(--text-faint)}.aoe-style-value{color:var(--parchment);font-weight:700}.aoe-style-btn--retro{color:#1a1409;background:linear-gradient(180deg, var(--accent) 0%, var(--accent-dim) 100%);border-color:#f2dc94;box-shadow:0 0 9px #e8c65a73}.aoe-style-btn--retro .aoe-style-label,.aoe-style-btn--retro .aoe-style-value{color:#1a1409}.aoe-opt-btn{pointer-events:auto;width:24px;height:24px;font-family:var(--font-head);color:var(--text-dim);cursor:pointer;background:linear-gradient(#604726cc,#18120be6);border:1px solid #d9b45e66;border-radius:2px;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:color .12s,background .12s,border-color .12s;display:flex;box-shadow:inset 0 1px #fff0cd2e}.aoe-opt-btn:hover{color:var(--accent);border-color:var(--panel-border-2)}.aoe-tb-audio{gap:6px;padding-left:8px}.aoe-mute-btn{pointer-events:auto;height:24px;font-family:var(--font-num);letter-spacing:.12em;color:var(--parchment);cursor:pointer;background:linear-gradient(#604726cc,#18120be6);border:1px solid #d9b45e73;border-radius:2px;align-items:center;gap:5px;padding:0 8px;font-size:9.5px;transition:color .12s,background .12s,border-color .12s,box-shadow .12s;display:flex;box-shadow:inset 0 1px #fff0cd2e}.aoe-mute-btn:hover{border-color:var(--panel-border-2);background:linear-gradient(#7e5f2cd9,#20180deb)}.aoe-mute-label{color:var(--text-faint)}.aoe-mute-value{color:var(--good);text-shadow:0 0 8px #7fc06a80;font-weight:700}.aoe-mute-btn--off{background:repeating-linear-gradient(45deg,#00000057 0 3px,#0000001f 3px 7px),linear-gradient(#46261ecc,#1c100ce6);border-style:dashed;border-color:#d05a4ab3}.aoe-mute-btn--off .aoe-mute-label{color:#c09086}.aoe-mute-btn--off .aoe-mute-value{color:#f0907c;text-shadow:none;text-decoration:line-through}.aoe-vol-wrap{align-items:center;width:74px;display:flex}.aoe-vol-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0}.aoe-vol-slider::-webkit-slider-runnable-track{background:linear-gradient(#000000d9,#0000008c);border:1px solid #d9b45e73;border-radius:2px;height:5px;box-shadow:inset 0 1px 2px #000000e6}.aoe-vol-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(180deg, var(--accent) 0%, var(--accent-dim) 100%);border:1px solid #f2dc94;border-radius:2px;width:11px;height:15px;margin-top:-6px;box-shadow:0 1px 3px #000c}.aoe-vol-slider::-moz-range-track{background:linear-gradient(#000000d9,#0000008c);border:1px solid #d9b45e73;border-radius:2px;height:5px}.aoe-vol-slider::-moz-range-thumb{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-dim) 100%);border:1px solid #f2dc94;border-radius:2px;width:11px;height:15px}.aoe-minimap-panel{width:218px;padding-bottom:6px;bottom:42px;left:12px}.aoe-minimap-wrap{aspect-ratio:1;border:1px solid var(--bronze);cursor:crosshair;background:#10161a;width:calc(100% - 12px);margin:6px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d9b45e66,inset 0 0 24px #000c}.aoe-minimap-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.aoe-minimap-overlay{z-index:2}.aoe-minimap-coords{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--text-faint);text-align:center;letter-spacing:.08em;margin-top:2px;font-size:10px}.aoe-command-panel{flex-direction:column;width:496px;height:244px;display:flex;bottom:36px;left:50%;overflow:hidden;transform:translate(-50%)}.aoe-cmd-head{background:linear-gradient(#7e5f2c61,#0000004d);border-bottom:1px solid #d9b45e42;align-items:center;gap:10px;padding:6px 9px;display:flex}.aoe-cmd-portrait-frame{border:1px solid var(--bronze);background:linear-gradient(#805f2cbf,#181109d9);border-radius:2px;flex:0 0 46px;width:46px;height:46px;padding:3px;position:relative;box-shadow:inset 0 1px #fff0cd47,inset 0 0 0 1px #0000008c,0 2px 6px #0009}.aoe-cmd-portrait{background:radial-gradient(circle at 40% 28%,#7e6236e6,#0c0905f5);border:1px solid #000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:inset 0 0 14px #000c}.aoe-cmd-portrait svg{width:30px;height:30px;color:var(--accent);filter:drop-shadow(0 1px 1px #000000f2);display:block}.aoe-cmd-meta{flex-direction:column;flex:auto;align-items:flex-start;min-width:0;display:flex}.aoe-cmd-name{font-family:var(--font-head);letter-spacing:.05em;color:var(--parchment);text-shadow:0 1px #000;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:16px;overflow:hidden}.aoe-cmd-state{font-family:var(--font-num);letter-spacing:.14em;color:var(--parchment-dim);text-shadow:0 1px #000000e6;white-space:nowrap;background:linear-gradient(#0000006b,#0000002e);border:1px solid #d9b45e6b;border-radius:2px;align-items:center;gap:5px;margin:3px 0 2px;padding:1px 7px 2px 6px;font-size:9.5px;font-weight:700;line-height:1.35;display:inline-flex}.aoe-cmd-state:before{content:"";background:currentColor;border-radius:50%;flex:0 0 7px;width:7px;height:7px;box-shadow:0 0 6px,0 0 0 1px #000c}.aoe-cmd-state--idle{color:#9aa3ad}.aoe-cmd-state--moving{color:#7fa8d0}.aoe-cmd-state--gathering,.aoe-cmd-state--returning{color:#7fc06a}.aoe-cmd-state--building,.aoe-cmd-state--repairing,.aoe-cmd-state--built{color:#e0a53c}.aoe-cmd-state--attacking,.aoe-cmd-state--dying{color:#e0705c}.aoe-cmd-sub{letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:1px;font-size:10.5px;overflow:hidden}.aoe-cmd-hp{flex-direction:column;flex:0 0 124px;align-items:flex-end;gap:4px;width:124px;display:flex}.aoe-cmd-hp-row{align-items:center;gap:4px;display:flex}.aoe-cmd-hp-icon{width:13px;height:13px;color:var(--accent-dim);display:inline-flex}.aoe-cmd-hp-icon svg{width:13px;height:13px;display:block}.aoe-hpbar{border:1px solid var(--bronze);background:repeating-linear-gradient(90deg,#0000008c 0 1px,#00000040 1px 3px),linear-gradient(#000000d9,#0009);border-radius:1px;width:100%;height:11px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000e6}.aoe-hpbar--sm{height:5px}.aoe-hpbar--mid{border-color:var(--hp-mid);border-style:solid;box-shadow:inset 0 1px 3px #000000e6,0 0 5px #d8a13a59}.aoe-hpbar--low{border-color:var(--hp-red);border-style:dashed;box-shadow:inset 0 1px 3px #000000e6,0 0 5px #c0392b73}.aoe-hpfill{background:linear-gradient(180deg, #8ce072 0%, var(--hp-green) 52%, #357a27 100%);width:100%;height:100%;transition:width .16s linear,background .2s linear;display:block;box-shadow:inset 0 1px #ffffff4d,inset 0 -3px 6px #0000004d}.aoe-hpfill--mid{background:repeating-linear-gradient(45deg, #00000042 0 3px, #0000 3px 7px), linear-gradient(180deg, #f4c76a 0%, var(--hp-mid) 52%, #96681a 100%)}.aoe-hpfill--low{background:repeating-linear-gradient(45deg, #00000061 0 2px, #0000 2px 5px), linear-gradient(180deg, #ef8069 0%, var(--hp-red) 52%, #75190f 100%)}.aoe-hp-text{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--parchment-dim);text-shadow:0 1px #000;font-size:11px;font-weight:600}.aoe-cmd-body{flex-direction:column;flex:auto;min-height:0;display:flex}.aoe-mode-empty .aoe-cmd-head,.aoe-mode-empty .aoe-cmd-bldactions,.aoe-mode-building .aoe-cmd-empty,.aoe-mode-units .aoe-cmd-empty,.aoe-mode-building .aoe-selection-panel,.aoe-mode-building .aoe-cmd-actions,.aoe-mode-units .aoe-cmd-train,.aoe-mode-units .aoe-cmd-queue,.aoe-mode-units .aoe-cmd-bldactions,.aoe-mode-empty .aoe-cmd-train,.aoe-mode-empty .aoe-selection-panel,.aoe-mode-empty .aoe-cmd-queue,.aoe-mode-empty .aoe-cmd-actions{display:none}.aoe-cmd-empty{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:7px;padding:12px;display:flex}.aoe-cmd-empty-icon{color:var(--text-faint);opacity:.55}.aoe-cmd-empty-icon svg{width:34px;height:34px;display:block}.aoe-cmd-empty-text{font-family:var(--font-head);letter-spacing:.07em;color:var(--parchment-dim);text-shadow:0 1px #000;font-size:13px}.aoe-cmd-empty-hint{color:var(--text-faint);max-width:300px;font-size:11px;line-height:1.5}.aoe-cmd-empty-col{flex-direction:column;gap:1px;display:flex}.aoe-command-panel.aoe-mode-empty{width:auto;max-width:min(420px,46vw);height:auto;bottom:8px}.aoe-mode-empty .aoe-cmd-body{flex:none}.aoe-mode-empty .aoe-cmd-empty{text-align:left;flex-direction:row;flex:none;justify-content:flex-start;align-items:center;gap:9px;padding:4px 11px}.aoe-mode-empty .aoe-cmd-empty-icon svg{width:17px;height:17px}.aoe-mode-empty .aoe-cmd-empty-text{white-space:nowrap;font-size:12px}.aoe-mode-empty .aoe-cmd-empty-hint{white-space:nowrap;max-width:none;line-height:1.35}.aoe-cmd-train{flex-direction:column;flex:auto;gap:4px;min-height:0;padding:7px;display:flex;overflow-y:auto}.aoe-train-btn{cursor:pointer;text-align:left;width:100%;color:var(--text);font-family:var(--font-num);background:linear-gradient(#604726b8,#1a130bd9);border:1px solid #d9b45e57;border-radius:2px;align-items:center;gap:8px;padding:4px 7px;transition:background .12s,border-color .12s,transform 90ms;display:flex;position:relative;box-shadow:inset 0 1px #fff0cd1f}.aoe-train-btn:hover:not(:disabled){border-color:var(--panel-border-2);background:linear-gradient(#7e5f2ccc,#281d10e6)}.aoe-train-btn:active:not(:disabled){transform:translateY(1px)}.aoe-btn-icon{background:radial-gradient(circle at 40% 30%,#604a2ab3,#0e0a06d9);border:1px solid #d9b45e66;border-radius:2px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;box-shadow:inset 0 0 10px #000000b3}.aoe-btn-icon svg{width:26px;height:26px;color:var(--accent);filter:drop-shadow(0 1px 1px #000000e6);display:block}.aoe-btn-text{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.aoe-btn-name{letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;color:var(--parchment);text-shadow:0 1px #000c;font-size:12.5px;overflow:hidden}.aoe-btn-cost{font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:11px;display:flex}.aoe-cost{align-items:center;gap:2px;font-weight:600;display:inline-flex}.aoe-cost--short{background:#c0392b33;border-radius:2px;padding:0 3px;text-decoration:line-through;text-decoration-thickness:1px;box-shadow:inset 0 0 0 1px #c0392b73;color:#ef7a63!important}.aoe-btn-state{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;font-size:10px}.aoe-selection-panel{flex:auto;min-height:0;padding:7px;overflow-y:auto}.aoe-chips{flex-wrap:wrap;gap:5px;display:flex}.aoe-chip{cursor:pointer;background:linear-gradient(#5a4426b8,#140e08e0);border:1px solid #d9b45e57;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:48px;height:48px;padding:3px;transition:border-color .12s,background .12s;display:flex;position:relative;box-shadow:inset 0 1px #fff0cd1f}.aoe-chip:hover{border-color:var(--panel-border-2);background:linear-gradient(#745930cc,#1e160ce6)}.aoe-chip--primary{border-color:var(--accent);box-shadow:0 0 8px #e8c65a59,inset 0 1px #fff0cd33}.aoe-chip-icon{justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.aoe-chip-icon svg{width:24px;height:24px;color:var(--accent);filter:drop-shadow(0 1px 1px #000000e6);display:block}.aoe-chip .aoe-hpbar{width:38px}.aoe-chip-count{font-variant-numeric:tabular-nums;color:var(--accent);text-shadow:0 1px 2px #000;font-size:9.5px;font-weight:700;position:absolute;top:2px;right:3px}.aoe-cmd-actions,.aoe-cmd-bldactions{background:linear-gradient(#00000029,#0000006b);border-top:1px solid #d9b45e42;gap:4px;padding:6px;display:flex}.aoe-cmd-btn{min-height:48px;color:var(--text);font-family:var(--font-num);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#604726c7,#18120be0);border:1px solid #d9b45e57;border-radius:2px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:3px 2px;font-size:10px;transition:background .12s,border-color .12s,color .12s,transform 90ms;display:flex;position:relative;box-shadow:inset 0 1px #fff0cd24}.aoe-cmd-btn svg{width:20px;height:20px;color:var(--accent);filter:drop-shadow(0 1px 1px #000000e6);display:block}.aoe-cmd-btn:hover:not(:disabled){border-color:var(--panel-border-2);background:linear-gradient(#806030d9,#22190eeb)}.aoe-cmd-btn:active:not(:disabled){transform:translateY(1px)}.aoe-cmd-btn--on{border-color:var(--accent);color:#ffe9a8;background:linear-gradient(#c69d34cc,#584213e6)}.aoe-cmd-btn--danger svg{color:#e07a63}.aoe-cmd-btn:disabled,.aoe-train-btn:disabled,.aoe-build-btn:disabled{cursor:default;opacity:.85;box-shadow:none;background:repeating-linear-gradient(45deg,#00000057 0 3px,#0000001f 3px 7px),linear-gradient(#3a322699,#14100ad9);border-style:dashed;border-color:#8b7f6b80}.aoe-cmd-btn:disabled svg,.aoe-train-btn:disabled svg,.aoe-build-btn:disabled svg{color:#7a7263;filter:grayscale()brightness(.85)}.aoe-cmd-queue{background:#00000042;border-top:1px solid #d9b45e38;padding:5px 8px 6px}.aoe-queue-item{align-items:center;gap:7px;display:flex}.aoe-queue-icon{flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.aoe-queue-icon svg{width:20px;height:20px;color:var(--accent);display:block}.aoe-queue-bar{border:1px solid var(--bronze);background:repeating-linear-gradient(90deg,#0000008c 0 1px,#00000040 1px 3px),#000000b3;border-radius:1px;flex:auto;height:12px;overflow:hidden}.aoe-queue-fill{background:linear-gradient(90deg, var(--accent-dim), var(--accent));width:0%;height:100%;transition:width .2s linear;display:block}.aoe-queue-fill--build{background:linear-gradient(90deg,#4d8f6a,#86d3a3)}.aoe-queue-time{font-family:var(--font-num);font-variant-numeric:tabular-nums;color:var(--text-dim);text-align:right;min-width:34px;font-size:11px}.aoe-queue-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:10px}.aoe-build-menu{width:322px;padding-bottom:6px;bottom:12px;right:12px}.aoe-build-grid{grid-template-columns:repeat(4,1fr);gap:5px;max-height:min(320px,100vh - 250px);padding:7px;display:grid;overflow-y:auto}.aoe-build-btn{color:var(--text);font-family:var(--font-num);cursor:pointer;background:linear-gradient(#604726b8,#18120be0);border:1px solid #d9b45e57;border-radius:2px;flex-direction:column;align-items:center;gap:2px;padding:6px 3px 5px;transition:background .12s,border-color .12s,transform 90ms,filter .12s;display:flex;position:relative;box-shadow:inset 0 1px #fff0cd24}.aoe-build-btn:hover:not(:disabled){border-color:var(--panel-border-2);background:linear-gradient(#806030d9,#20180deb)}.aoe-build-btn:active:not(:disabled){transform:translateY(1px)}.aoe-build-btn--active{border-color:var(--accent);background:linear-gradient(#c69d34c7,#543f12e6);box-shadow:0 0 10px #e8c65a66,inset 0 1px #fff0cd40}.aoe-build-btn .aoe-btn-icon{flex:none;width:30px;height:30px}.aoe-build-btn .aoe-btn-icon svg{width:27px;height:27px}.aoe-build-btn .aoe-btn-name{letter-spacing:.02em;text-align:center;max-width:100%;color:var(--parchment);font-size:10px;line-height:1.2}.aoe-build-btn .aoe-btn-cost{flex-wrap:wrap;justify-content:center;gap:4px;font-size:9.5px}.aoe-build-reason{letter-spacing:.08em;text-transform:uppercase;color:#e09a86;min-height:10px;font-size:8.5px;line-height:1}.aoe-hotkey{min-width:13px;height:13px;font-family:var(--font-num);color:#1a1409;background:linear-gradient(180deg, var(--accent) 0%, var(--accent-dim) 100%);pointer-events:none;border-radius:2px;justify-content:center;align-items:center;padding:0 2px;font-size:9.5px;font-weight:700;display:inline-flex;position:absolute;top:2px;left:3px;box-shadow:0 1px 2px #0009}.aoe-hotkey--muted{color:var(--text-faint);box-shadow:none;background:#00000080;border:1px solid #d9b45e4d}.aoe-notifications{pointer-events:none;flex-direction:column;justify-content:flex-end;gap:4px;width:320px;max-height:42vh;display:flex;position:absolute;top:58px;right:12px;overflow:hidden}.aoe-notif{pointer-events:none;border:1px solid #d9b45e4d;border-left:3px solid var(--info);box-shadow:var(--shadow-sm), inset 0 1px 0 #fff0cd24;color:var(--text);text-shadow:0 1px #000000e6;opacity:1;background:linear-gradient(#342615f0,#120d07f0);border-radius:2px;align-items:flex-start;gap:7px;padding:6px 9px;font-size:12px;line-height:1.35;transition:opacity .6s ease-in,transform .6s ease-in;display:flex;transform:translate(0)}.aoe-notif--out{opacity:0;transform:translate(26px)}.aoe-notif--info{border-left-color:var(--info)}.aoe-notif--warn{border-left-color:var(--warn)}.aoe-notif--good{border-left-color:var(--good)}.aoe-notif--bad{border-left-color:var(--bad)}.aoe-notif-mark{color:currentColor;flex:0 0 13px;width:13px;height:13px;margin-top:1px}.aoe-notif-mark svg{width:13px;height:13px;display:block}.aoe-notif--info .aoe-notif-mark{color:var(--info)}.aoe-notif--warn .aoe-notif-mark{color:var(--warn)}.aoe-notif--good .aoe-notif-mark{color:var(--good)}.aoe-notif--bad .aoe-notif-mark{color:var(--bad)}.aoe-notif-text{flex:auto}.aoe-toasts{z-index:20;pointer-events:none;flex-direction:column;align-items:stretch;gap:4px;width:268px;display:flex;position:absolute;top:58px;left:50%;transform:translate(-50%)}.aoe-hud--legend .aoe-toasts{top:348px}.aoe-toast{border:1px solid var(--bronze);border-left:3px solid var(--info);box-shadow:var(--shadow-sm), inset 0 1px 0 #fff0cd2e;font-family:var(--font-num);color:var(--parchment);text-shadow:0 1px #000000e6;opacity:1;background:linear-gradient(#3a2b18f2,#140e08f2);border-radius:2px;align-items:center;gap:8px;padding:5px 9px;font-size:12px;line-height:1.3;transition:opacity .48s ease-in,transform .48s ease-in;display:flex;transform:translate(0)}.aoe-toast--out{opacity:0;transform:translate(-20px)}.aoe-toast--good{border-left-color:var(--good)}.aoe-toast--bad{border-left-color:var(--bad)}.aoe-toast--warn{border-left-color:var(--warn)}.aoe-toast--info{border-left-color:var(--info)}.aoe-toast-icon{flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.aoe-toast-icon svg{filter:drop-shadow(0 1px 1px #000000e6);width:18px;height:18px;display:block}.aoe-toast--good .aoe-toast-icon{color:var(--good)}.aoe-toast--bad .aoe-toast-icon{color:var(--bad)}.aoe-toast--warn .aoe-toast-icon{color:var(--warn)}.aoe-toast--info .aoe-toast-icon{color:var(--info)}.aoe-toast-text{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.aoe-toast-count{font-variant-numeric:tabular-nums;color:var(--accent);text-shadow:0 1px #000;flex:none;font-weight:700}.aoe-objectives{width:254px;top:58px;left:12px}.aoe-obj-title{cursor:pointer;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:relative}.aoe-obj-toggle{font-family:var(--font-num);color:var(--text-dim);padding:0 3px;font-size:13px;line-height:1;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.aoe-obj-toggle:hover{color:var(--accent)}.aoe-obj-list{flex-direction:column;gap:5px;max-height:34vh;padding:7px 9px 9px;display:flex;overflow-y:auto}.aoe-objectives.aoe-collapsed .aoe-obj-list{display:none}.aoe-obj-item{color:var(--text-dim);align-items:flex-start;gap:6px;font-size:11.5px;line-height:1.35;display:flex}.aoe-obj-mark{width:13px;height:13px;color:var(--text-faint);flex:0 0 13px;margin-top:1px}.aoe-obj-mark svg{width:13px;height:13px;display:block}.aoe-obj-item--done{color:var(--text-faint);-webkit-text-decoration:line-through #7fc06a8c;text-decoration:line-through #7fc06a8c}.aoe-obj-item--done .aoe-obj-mark{color:var(--good)}.aoe-obj-item--open .aoe-obj-mark{color:var(--warn)}.aoe-obj-item--open .aoe-obj-mark svg{display:none}.aoe-obj-item--open .aoe-obj-mark:after{content:"";border:1px solid var(--warn);background:#e0a53c47;width:7px;height:7px;margin:3px;display:block;transform:rotate(45deg);box-shadow:0 0 5px #e0a53c73}.aoe-obj-none{color:var(--text-faint);padding:2px 0;font-size:11px;font-style:italic}.aoe-tooltip{z-index:40;border:1px solid var(--bronze);min-width:130px;max-width:268px;box-shadow:inset 0 0 0 1px #d9b45e59, var(--shadow);color:var(--text);pointer-events:none;text-shadow:0 1px #000000e6;background:linear-gradient(#302313fa,#100c07fa);border-radius:2px;padding:8px 10px;font-size:11.5px;line-height:1.45;display:none;position:absolute;top:0;left:0}.aoe-tooltip--on{display:block}.aoe-tip-title{font-family:var(--font-head);letter-spacing:.04em;color:var(--accent);margin-bottom:2px;font-size:13px}.aoe-tip-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px;font-size:10.5px}.aoe-tip-body{color:var(--text-dim)}.aoe-tip-body b{color:var(--text);font-weight:600}.aoe-tip-lines{flex-direction:column;gap:1px;margin-top:4px;display:flex}.aoe-tip-line{color:var(--text-dim);justify-content:space-between;gap:12px;display:flex}.aoe-tip-line span:last-child{color:var(--text);font-variant-numeric:tabular-nums}.aoe-tip-cost{font-variant-numeric:tabular-nums;border-top:1px solid #d9b45e47;gap:8px;margin-top:5px;padding-top:4px;display:flex}.aoe-place-hint{z-index:30;border:1px solid var(--accent);box-shadow:0 0 22px #e8c65a4d, var(--shadow);white-space:nowrap;opacity:0;background:linear-gradient(#48361af5,#181108f5);border-radius:2px;align-items:center;gap:10px;padding:7px 16px;transition:opacity .18s ease-out,transform .18s ease-out;display:none;position:absolute;bottom:264px;left:50%;transform:translate(-50%)translateY(8px)}.aoe-place-hint--on{opacity:1;display:flex;transform:translate(-50%)translateY(0)}.aoe-place-title{font-family:var(--font-head);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-shadow:0 1px #000;font-size:13px}.aoe-place-hint .aoe-hotkey{margin-right:4px;position:static}.aoe-place-step{color:var(--text-dim);letter-spacing:.03em;font-size:11.5px}.aoe-place-step b{color:var(--text)}.aoe-gameover{z-index:60;pointer-events:auto;background:radial-gradient(circle at 50% 45%,#100b05b3 0%,#040301ed 100%);justify-content:center;align-items:center;display:none;position:absolute;inset:0}.aoe-gameover--on{display:flex}.aoe-go-panel{text-align:center;border-radius:2px;flex-direction:column;align-items:center;gap:9px;min-width:360px;max-width:540px;padding:26px 48px 24px;display:flex;position:relative}.aoe-go-crest{width:56px;height:56px;color:var(--accent);justify-content:center;align-items:center;display:inline-flex}.aoe-go-crest svg{filter:drop-shadow(0 2px 3px #000000e6);width:52px;height:52px;display:block}.aoe-go-title{font-family:var(--font-head);letter-spacing:.2em;text-transform:uppercase;color:var(--parchment);text-shadow:0 2px #000,0 0 30px #e8c65a59;font-size:42px;line-height:1.05}.aoe-gameover--loss .aoe-go-title{color:#f0a794;text-shadow:0 2px #000,0 0 30px #d05a4a73}.aoe-gameover--loss .aoe-go-crest{color:#e07a63}.aoe-go-rule{background:linear-gradient(90deg,#0000,#d9b45ed9,#0000);width:62%;height:1px}.aoe-go-sub{color:var(--text-dim);letter-spacing:.05em;font-size:14px}.aoe-go-stats{color:var(--text-faint);letter-spacing:.04em;min-height:16px;font-size:12px}.aoe-go-btn{pointer-events:auto;font-family:var(--font-head);letter-spacing:.16em;text-transform:uppercase;color:#1a1409;background:linear-gradient(180deg, var(--accent) 0%, var(--accent-dim) 100%);cursor:pointer;border:1px solid #f2dc94;border-radius:2px;margin-top:6px;padding:9px 30px;font-size:14px;transition:filter .12s,transform 90ms,box-shadow .12s;box-shadow:0 3px 10px #0009,0 0 16px #e8c65a4d}.aoe-go-btn:hover{filter:brightness(1.12);box-shadow:0 3px 12px #0009,0 0 22px #e8c65a80}.aoe-go-btn:active{transform:translateY(1px)}.aoe-controls{z-index:24;background:linear-gradient(#302313fa 0%,#120d07fa 100%),repeating-linear-gradient(90deg,#ffe2aa0a 0 1px,#00000012 1px 5px);width:min(620px,94vw);display:none;top:58px;left:50%;transform:translate(-50%)}.aoe-controls--on{display:block}.aoe-ctl-head{background:linear-gradient(#805f2c8c,#0003);border-bottom:1px solid #d9b45e4d;justify-content:space-between;align-items:center;gap:12px;padding:5px 8px 5px 12px;display:flex}.aoe-ctl-title{font-family:var(--font-head);letter-spacing:.22em;text-transform:uppercase;color:var(--parchment);text-shadow:0 1px #000000e6;font-size:11px}.aoe-ctl-close{pointer-events:auto;width:18px;height:18px;font-family:var(--font-num);color:var(--text-dim);cursor:pointer;background:linear-gradient(#604726cc,#18120be6);border:1px solid #d9b45e5c;border-radius:2px;justify-content:center;align-items:center;font-size:10px;display:flex}.aoe-ctl-close:hover{color:var(--accent);border-color:var(--panel-border-2)}.aoe-ctl-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 20px;padding:10px 14px 13px;display:grid}.aoe-ctl-group-title{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);opacity:.9;border-bottom:1px solid #d9b45e3d;margin-bottom:4px;padding-bottom:2px;font-size:9.5px}.aoe-ctl-row{align-items:baseline;gap:8px;padding:1.5px 0;display:flex}.aoe-ctl-keys{font-family:var(--font-num);color:var(--parchment);text-align:right;white-space:nowrap;flex:0 0 96px;font-size:10px;font-weight:700}.aoe-ctl-desc{color:var(--text-dim);font-size:10.5px;line-height:1.35}.aoe-hud ::-webkit-scrollbar{width:7px;height:7px}.aoe-hud ::-webkit-scrollbar-track{background:#00000073}.aoe-hud ::-webkit-scrollbar-thumb{background:#d9b45e6b;border-radius:3px}.aoe-hud ::-webkit-scrollbar-thumb:hover{background:#d9b45eb3}@media (max-width:1200px){.aoe-minimap-panel{width:178px}.aoe-build-menu{width:278px}.aoe-command-panel{width:440px}.aoe-objectives{width:218px}.aoe-notifications{width:268px}.aoe-toasts{width:244px}.aoe-tb-group{gap:6px;padding:0 7px}.aoe-res{min-width:70px;padding:3px 7px}.aoe-style-label,.aoe-mute-label{display:none}.aoe-vol-wrap{width:56px}}@media (max-width:900px){.aoe-minimap-panel{width:144px}.aoe-build-menu{width:234px}.aoe-build-grid{grid-template-columns:repeat(3,1fr)}.aoe-command-panel{width:368px;height:210px}.aoe-place-hint{bottom:232px}.aoe-objectives{width:192px}.aoe-notifications,.aoe-toasts{width:224px}.aoe-topbar{height:42px;font-size:12px}.aoe-res{min-width:60px}.aoe-res-value{font-size:13px}.aoe-age-name{font-size:11px}.aoe-tb-age{min-width:106px}.aoe-cmd-btn{min-height:38px;font-size:9px}.aoe-cmd-btn svg{width:17px;height:17px}}@media (max-width:820px){.aoe-minimap-panel{width:126px}.aoe-build-menu{width:198px}.aoe-build-grid{grid-template-columns:repeat(3,1fr)}.aoe-command-panel{width:304px;height:210px}.aoe-place-hint{padding:5px 10px;font-size:11px;bottom:232px}}@media (max-height:700px){.aoe-notifications{max-height:26vh}.aoe-obj-list{max-height:22vh}.aoe-hud--legend .aoe-toasts{top:300px}}