*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background:#1b1b14;font-family:Georgia,Times New Roman,serif;color:#f3ead2;user-select:none;-webkit-user-select:none}canvas.battlefield{display:block;position:absolute;inset:0}#hud{position:absolute;inset:0;pointer-events:none;--ui-scale: .5;--text-scale: calc(var(--ui-scale) * .7);--text-white: #fae6d3}#hud.reference-fonts{font-family:AoE2 HUD,Georgia,Times New Roman,serif;font-weight:700}#hud.reference-fonts .outlined{text-shadow:.05em 0 0 #000,-.05em 0 0 #000,0 .05em 0 #000,0 -.05em 0 #000}#hud .panel{position:absolute;pointer-events:auto;background-repeat:no-repeat;background-size:100% 100%}#hud button{pointer-events:auto;cursor:pointer;border:0;background-color:transparent;color:inherit;font-family:inherit}#topbar-strip{top:0;left:0;right:0;height:calc(73px * var(--ui-scale));background-repeat:repeat-x;background-size:auto 100%;pointer-events:none}#resource-panel{top:0;left:0;width:calc(1750px * var(--ui-scale));height:calc(276px * var(--ui-scale));display:flex;align-items:flex-start;padding-top:calc(28px * var(--ui-scale));padding-left:calc(20px * var(--ui-scale))}.resource-slot{display:flex;align-items:center;width:calc(200px * var(--ui-scale));height:calc(84px * var(--ui-scale))}.resource-icon{width:calc(84px * var(--ui-scale));height:calc(84px * var(--ui-scale));background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block}.resource-value{font-size:calc(34px * var(--text-scale));color:var(--text-white);text-shadow:0 0 3px #000}.sdf-label{text-shadow:none!important}.sdf-label canvas{display:block;flex:none;pointer-events:none}.sdf-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.idle-villager{width:calc(70px * var(--ui-scale));height:calc(70px * var(--ui-scale));margin-left:calc(60px * var(--ui-scale));margin-top:calc(8px * var(--ui-scale));background-size:100% 100%}#resource-panel.placed{display:block;padding:0}#resource-panel.placed .resource-slot{position:absolute;display:block}#resource-panel.placed .resource-icon{position:absolute;inset:0;width:100%;height:100%}#resource-panel.placed .resource-value{position:absolute;white-space:nowrap;display:flex;align-items:center}#resource-panel.placed .workers{position:absolute;display:flex;align-items:flex-end;justify-content:flex-end;font-size:calc(32px * var(--text-scale));line-height:1;color:var(--text-white);text-shadow:.05em 0 0 #000,-.05em 0 0 #000,0 .05em 0 #000,0 -.05em 0 #000}#resource-panel.placed .idle-villager{position:absolute;margin:0}#resource-panel.placed .idle-count{z-index:1;pointer-events:none}#resource-panel.placed .age-shield{position:absolute;background-size:100% 100%;background-repeat:no-repeat}#resource-panel.placed .age-bar{position:absolute;overflow:hidden}#resource-panel.placed .age-fill{position:absolute;left:0;top:0;height:100%;width:0;background-size:auto 100%;background-repeat:no-repeat}#resource-panel.placed .age-text{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;font-size:calc(44px * var(--text-scale));line-height:1;color:var(--text-white);text-shadow:.05em 0 0 #000,-.05em 0 0 #000,0 .05em 0 #000,0 -.05em 0 #000;padding-bottom:calc(4px * var(--ui-scale))}#resource-panel:not(.placed) .workers,#resource-panel:not(.placed) .age-shield,#resource-panel:not(.placed) .age-bar{display:none}#menu-panel{top:0;right:0;width:calc(756px * var(--ui-scale));height:calc(276px * var(--ui-scale));display:flex;justify-content:flex-end;gap:calc(24px * var(--ui-scale));padding:calc(24px * var(--ui-scale)) calc(48px * var(--ui-scale)) 0 0}.menu-button{width:calc(64px * var(--ui-scale));height:calc(64px * var(--ui-scale));background-size:100% 100%}.menu-button:disabled{cursor:default}#hud:not(.fallback) #menu-panel{display:block;padding:0}#hud.fallback #menu-panel .menu-button:disabled{display:none}#bottombar-strip{bottom:0;left:0;right:0;height:calc(73px * var(--ui-scale));background-repeat:repeat-x;background-size:auto 100%;pointer-events:none}#command-panel{left:0;bottom:0;z-index:2;width:calc(660px * var(--ui-scale));height:calc(413px * var(--ui-scale));padding:calc(36px * var(--ui-scale)) 0 0 calc(48px * var(--ui-scale))}#command-grid{display:grid;grid-template-columns:repeat(5,calc(80px * var(--ui-scale)));grid-auto-rows:calc(80px * var(--ui-scale));gap:calc(14px * var(--ui-scale))}.command-button{position:relative;background-size:88% 88%,100% 100%!important;background-position:center,center;background-repeat:no-repeat;image-rendering:pixelated}.command-button:disabled{filter:grayscale(.9) brightness(.6);cursor:default}.command-button:not(:disabled):hover{filter:brightness(1.2)}.command-button:not(:disabled):active{filter:brightness(.85)}.command-button.active{outline:calc(3px * var(--ui-scale)) solid #ffd966}.command-button .hotkey{position:absolute;right:8%;bottom:4%;font-size:calc(26px * var(--text-scale));color:#ffe9a8;text-shadow:0 0 3px #000}#selection-panel{left:calc(516px * var(--ui-scale));bottom:0;z-index:1;width:calc(1368px * var(--ui-scale));height:calc(413px * var(--ui-scale));padding:calc(56px * var(--ui-scale)) 0 0 calc(60px * var(--ui-scale))}#selection-content{display:flex;gap:calc(30px * var(--ui-scale))}#civ-emblem{background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}#selection-panel.placed{padding:0}#selection-panel.placed #selection-content{display:block;position:absolute;inset:0}#selection-panel.placed .placed-box{position:absolute}#selection-panel.placed .placed-box>*{width:100%;height:100%}#selection-panel.placed .object-stats{display:flex;flex-direction:column}#selection-panel.placed .stat{position:relative;height:calc(50px * var(--ui-scale));width:calc(200px * var(--ui-scale))}#selection-panel.placed .stat-icon{position:absolute;left:0;top:0;width:calc(50px * var(--ui-scale));height:calc(50px * var(--ui-scale));background-size:contain;background-repeat:no-repeat;background-position:center}#selection-panel.placed .stat-value{position:absolute;left:calc(60px * var(--ui-scale));top:0;height:100%;display:flex;align-items:center;font-size:calc(30px * var(--text-scale));color:#f3ead2;white-space:nowrap}#selection-panel.placed .object-name{white-space:nowrap;line-height:1;display:flex;align-items:center}#selection-panel.placed .selection-grid{gap:calc(6px * var(--ui-scale));padding:0;height:100%}#selection-panel.placed .selection-member{width:calc(80px * var(--ui-scale));height:calc(80px * var(--ui-scale))}#selection-panel.placed .hp-bar,#selection-panel.placed .progress-bar{margin:0}#selection-panel.placed .object-detail,#selection-panel.placed .object-hp,#selection-panel.placed .progress-label{white-space:nowrap;display:flex;align-items:center;margin:0}.portrait{width:calc(120px * var(--ui-scale));height:calc(120px * var(--ui-scale));background-size:cover;background-color:#00000059;border:calc(2px * var(--ui-scale)) solid #6f5b34}.object-name{font-size:calc(40px * var(--text-scale));color:#f7ecd0}.hp-bar{width:calc(240px * var(--ui-scale));height:calc(14px * var(--ui-scale));background:#3a0d0d;border:1px solid #000;margin-top:calc(8px * var(--ui-scale))}.hp-fill{height:100%;background:var(--ui-LifeBarHealthy, #2ecc40)}.object-hp,.object-detail{font-size:calc(32px * var(--text-scale));color:#e8dcbc}.progress-label{font-size:calc(28px * var(--text-scale));color:#ffe9a8;margin-top:calc(6px * var(--ui-scale))}#selection-panel.placed .object-name,#selection-panel.placed .object-hp,#selection-panel.placed .object-detail,#selection-panel.placed .progress-label{color:#391c1b;text-shadow:none}#selection-panel.placed .object-detail{font-size:calc(40px * var(--text-scale))}#selection-panel.placed .progress-label{font-size:calc(38px * var(--text-scale))}#selection-panel.placed .stat-value{color:#391c1b}.progress-bar{width:calc(280px * var(--ui-scale));height:calc(18px * var(--ui-scale));background:#241d10;border:1px solid #000}.progress-fill{height:100%;background:#d8b84a}#selection-panel.placed .progress-bar{background:#391c1b}#selection-panel.placed .progress-fill{background:red}#selection-panel.placed .progress-label.training-status{display:block;line-height:calc(38px * var(--ui-scale))}#training-active{position:absolute;left:30%;top:30%}#training-queue{position:absolute;display:flex;flex-wrap:wrap;left:30%;top:55%;width:68%}#training-queue[hidden],#training-active[hidden]{display:none}.production-portrait{flex:0 0 calc(70px * var(--ui-scale));width:calc(70px * var(--ui-scale));height:calc(70px * var(--ui-scale));overflow:hidden;font-size:calc(20px * var(--text-scale))}.production-portrait.command-button{background-size:100% 100%,100% 100%!important}.production-progress{position:absolute;inset:0 auto 0 0;pointer-events:none;background:#00ff004d}.queue-count{position:absolute;top:0;left:0;color:#fff;font-size:calc(40px * var(--ui-scale));line-height:1;text-shadow:1px 1px 1px #000}.map-button{position:absolute;background-size:100% 100%;background-repeat:no-repeat}.map-button:disabled{filter:grayscale(.7) brightness(.7);cursor:default}.map-button[data-map=flare].active{filter:brightness(1.3);outline:calc(3px * var(--ui-scale)) solid #ffd966;border-radius:50%}#hud.fallback .map-button{display:none}#score-panel{position:absolute;right:calc(20px * var(--ui-scale));bottom:calc(390px * var(--ui-scale));display:flex;flex-direction:column;align-items:flex-end;padding:calc(8px * var(--ui-scale)) calc(12px * var(--ui-scale));background-size:100% 100%;pointer-events:none}#score-panel:empty,#score-panel.hidden{display:none}.score-row{display:flex;align-items:center;gap:calc(10px * var(--ui-scale));height:calc(56px * var(--ui-scale))}.score-badge{width:calc(40px * var(--ui-scale));height:calc(40px * var(--ui-scale));display:flex;align-items:center;justify-content:center;font-size:calc(34px * var(--text-scale));color:var(--text-white);text-shadow:0 0 2px #000}.score-name{font-size:calc(48px * var(--text-scale));white-space:nowrap;text-shadow:.1em 0 0 #000,-.1em 0 0 #000,0 .1em 0 #000,0 -.1em 0 #000}.score-civ,.score-age{width:calc(48px * var(--ui-scale));height:calc(48px * var(--ui-scale));background-size:contain;background-repeat:no-repeat;background-position:center}#map-panel{right:0;bottom:0;width:calc(860px * var(--ui-scale));height:calc(413px * var(--ui-scale));display:flex;align-items:center;justify-content:center;padding-top:calc(10px * var(--ui-scale))}#minimap-canvas{width:calc(720px * var(--ui-scale));height:calc(400px * var(--ui-scale));cursor:pointer}#game-message{position:absolute;left:50%;top:18%;transform:translate(-50%);font-size:calc(40px * var(--text-scale));color:#ffe9a8;text-shadow:0 0 4px #000;opacity:0;transition:opacity .25s;pointer-events:none}#game-message.show{opacity:1}#game-message.owned-notifications{transform:none;text-shadow:none;isolation:isolate}.notification-surround{position:absolute;inset:0;display:grid;z-index:-1}.notification-surround span{background-size:100% 100%}.message-lines{overflow:hidden;overflow-wrap:anywhere}#confirm-dialog{position:fixed;inset:0;margin:auto;pointer-events:auto;width:calc(1280px * var(--ui-scale));padding:calc(60px * var(--ui-scale));background:#e0c89a;color:#391c1b;border:0;font:inherit;text-align:center}#confirm-dialog::backdrop{background:var(--ui-Black50, rgba(0, 0, 0, .5))}#confirm-dialog button{font:inherit;padding:.5em 2em;cursor:pointer}#confirm-dialog.owned-confirmation{padding:0;background-color:transparent;background-size:100% 100%}#confirm-dialog.owned-confirmation p{margin:0;display:grid;place-items:center}#confirm-dialog.owned-confirmation button{border:0;padding:0;background:var(--normal) center / 100% 100%}#confirm-dialog.owned-confirmation button:hover{background-image:var(--hover)}#confirm-dialog.owned-confirmation button:active{background-image:var(--pressed)}.native-frame{position:absolute;inset:0;display:grid;pointer-events:none;z-index:-1}#options-dialog{position:fixed;inset:0;margin:auto;height:fit-content;width:620px;max-width:94vw;max-height:92vh;padding:24px;border:1px solid #776345;background:#211f19 center / 100% 100% no-repeat;color:#e0ddd3;pointer-events:auto}#options-dialog::backdrop{background:#000000eb}#options-dialog form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px}#options-title{grid-column:1 / -1;text-align:center;margin:0 0 12px}#options-dialog select{min-width:0;width:100%;font:inherit;color:inherit;background:#292720;padding:6px}.option-volume{display:flex;gap:10px;align-items:center}.option-volume input{min-width:0;width:100%;accent-color:var(--native-border-color, #bda45c)}.option-volume output{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums}.options-actions{grid-column:1 / -1;display:flex;gap:12px;margin-top:12px}.options-actions button{flex:1;min-width:0;padding:8px;font:inherit}#options-dialog.native-options{width:calc(var(--options-width) * 1px * var(--ui-scale));min-height:min(80vh,calc(var(--options-height) * 1px * var(--ui-scale)));padding:calc(80px * var(--ui-scale));border:none;background:transparent;isolation:isolate;font:bold max(13px,calc(var(--options-font) * 1px * var(--ui-scale))) "AoE2 body",Georgia,serif}#options-dialog.native-options #options-title{font:max(20px,calc(var(--options-heading) * 1px * var(--ui-scale))) "AoE2 heading",Georgia,serif}#options-dialog.native-options form{gap:calc(60px * var(--ui-scale))}#diplomacy-dialog{--diplomacy-columns: 35px minmax(0, 1fr) 130px repeat(4, 65px) repeat(4, 50px);--diplomacy-row: 42px;--tribute-width: 42px;--tribute-height: 30px;width:940px;max-width:96vw;max-height:92vh;padding:0;border:none;background:#171714;color:#e0ddd3;isolation:isolate;pointer-events:auto}#diplomacy-dialog:has(.native-frame){background:transparent}#diplomacy-dialog::backdrop{background:#000000eb}.diplomacy-content{padding:calc(70px * var(--ui-scale)) calc(20px * var(--ui-scale)) calc(60px * var(--ui-scale))}#diplomacy-title{margin:0 0 calc(50px * var(--ui-scale));text-align:center;font:var(--diplomacy-title-font, 24px) "AoE2 heading",Georgia,serif}[data-diplomacy-close]{position:absolute;top:0;right:0}.diplomacy-row{display:grid;grid-template-columns:var(--diplomacy-columns);align-items:center;min-height:var(--diplomacy-row);gap:0;font:bold var(--diplomacy-stance-font, 14px) "AoE2 body",Georgia,serif}.diplomacy-row [data-diplomacy-cell=name]{font-size:var(--diplomacy-name-font, 16px)}.diplomacy-row [data-diplomacy-cell=civilization]{font-size:var(--diplomacy-civilization-font, 13px)}.diplomacy-row>*{min-width:0;text-align:center}.diplomacy-row [data-diplomacy-cell=name],.diplomacy-row [data-diplomacy-cell=civilization]{text-align:left;overflow-wrap:anywhere}.diplomacy-row:nth-child(2n){background:#50505010}.diplomacy-row input{width:calc(42px * var(--ui-scale));height:calc(42px * var(--ui-scale))}#hud .tribute-button{width:var(--tribute-width);height:var(--tribute-height);min-width:0;padding:0;margin:0;border:0;color:#fff;background:var(--tribute-normal, #3d392c) center / 100% 100% no-repeat;font:inherit;text-shadow:1px 1px #000}#hud .tribute-button:hover{background-image:var(--tribute-hover)}#hud .tribute-button:active{background-image:var(--tribute-active)}#hud .tribute-button:disabled{background-image:var(--tribute-disabled);opacity:.55}.diplomacy-actions{display:flex;justify-content:space-around;gap:calc(20px * var(--ui-scale));margin-top:calc(50px * var(--ui-scale))}.diplomacy-actions button{width:30%}.diplomacy-lock,.diplomacy-victory,[data-diplomacy-market],[data-diplomacy-error]{display:block;text-align:center;margin:calc(20px * var(--ui-scale)) 0}[data-diplomacy-error]{color:#efb7a2}.native-frame>span{background-size:100% 100%;background-repeat:no-repeat}#hud .native-button{height:var(--native-button-height);min-width:0;margin:0;padding:0;border:var(--native-button-border) solid var(--native-border-color);background:var(--native-button-normal) center / 100% 100%;font:bold var(--native-button-font) "AoE2 button",Georgia,serif;outline:none}#hud .native-button:hover,#hud .native-button:focus-visible{background-image:var(--native-button-hover)}#hud .native-button:active{background-image:var(--native-button-active)}#hud .native-button span{background:var(--native-button-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px #000)}#confirm-dialog.native-confirmation{background:transparent;isolation:isolate;overflow:visible;font-kerning:none}#confirm-dialog.native-confirmation::backdrop{background:#000000eb}#confirm-dialog.native-confirmation #confirm-message{position:static;width:var(--native-message-width);max-width:100%;margin:auto;font:bold var(--native-message-font)/1.15 "AoE2 body","Times New Roman",serif;background:var(--native-message-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.confirm-actions{display:flex}#confirm-dialog [data-confirm-cancel]{position:absolute;right:0;top:0}#confirm-dialog.native-confirmation [data-confirm-cancel]{font-size:0;background-size:100% 100%}#end-dialog{position:fixed;inset:0;margin:auto;padding:2em;border:0;background:#241c10;color:#f3ead2;pointer-events:auto;text-align:center}#end-dialog::backdrop{background:#000000eb}#end-dialog button{padding:.5em;margin:1em;font:inherit}#end-dialog .end-embers{display:none}#end-dialog.native-end{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;background:transparent;isolation:isolate;font-kerning:none}.native-end .end-content{position:absolute;left:0;width:100%;display:grid}.native-end .end-title-space{grid-row:2;display:grid}.native-end #end-title{grid-row:2;margin:0;font-family:AoE2 heading,Georgia,serif;font-weight:400;line-height:1.2;-webkit-background-clip:text;background-clip:text;color:transparent}.native-end .end-separator{grid-row:4;justify-self:center;background-size:100% 100%}.native-end .end-actions{grid-row:8;display:flex;justify-content:center}#end-dialog.native-end .end-embers{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#production-warning{position:absolute;left:calc(50% + 200px * var(--ui-scale));bottom:calc(374px * var(--ui-scale));transform:translate(-50%);width:calc(828px * var(--ui-scale));height:calc(134px * var(--ui-scale));display:flex;justify-content:center;align-items:center;padding-inline:calc(50px * var(--ui-scale));color:var(--ui-Red, red);font:bold calc(34px * var(--ui-scale)) "AoE2 body","Times New Roman",serif;white-space:nowrap;isolation:isolate;text-shadow:1px 1px 1px #000}#production-warning[hidden],#global-production[hidden]{display:none}#population-flash{position:absolute;pointer-events:none;z-index:1;animation:population-warning 1s steps(2,end) infinite}#population-flash[hidden],#hud.fallback #population-flash{display:none}#hud.fallback .production-blocked{background:#ff0}@keyframes population-warning{50%{opacity:0}}#global-production{position:absolute;left:0;top:calc(115px * var(--ui-scale));--queue-cell: calc(75px * var(--ui-scale))}.production-row{display:flex;overflow:hidden;max-width:inherit}#hud .production-item{position:relative;flex:0 0 var(--queue-cell);width:var(--queue-cell);height:var(--queue-cell);background-size:100% 100%;border:1px solid #9b8b69;overflow:hidden;font-size:calc(24px * var(--ui-scale))}.production-progress{position:absolute;left:0;right:0;bottom:0;background:#00ff0040;pointer-events:none}.production-item.pending .production-progress{height:100%!important;background:#ffff0040}.production-item.blocked .production-progress{height:100%!important;background:#ff0000a6}.production-count{position:absolute;top:0;left:0;color:#fff;font-size:calc(34px * var(--ui-scale));font-weight:700;text-shadow:1px 1px 1px #000}#popup-dialog{position:fixed;inset:0;margin:auto;pointer-events:auto;width:calc(1280px * var(--ui-scale));padding:calc(60px * var(--ui-scale));background:#e0c89a;color:#391c1b;border:0;font:inherit;text-align:center}#popup-dialog::backdrop{background:var(--ui-Black50, rgba(0, 0, 0, .5))}#popup-dialog button{font:inherit;padding:.5em 2em;cursor:pointer}#popup-dialog.owned-popup{padding:0;background-color:transparent;background-size:100% 100%}#popup-dialog.owned-popup p{margin:0;display:grid;place-items:center;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap}#popup-dialog.owned-popup button{border:0;padding:0;background:var(--normal) center / 100% 100%}#popup-dialog.owned-popup button:hover{background-image:var(--hover);--active-font-size: var(--hover-font-size)}#popup-dialog.owned-popup button:active{background-image:var(--pressed);--active-font-size: var(--pressed-font-size)}#defeat-notification{position:absolute;left:30%;top:10%;isolation:isolate;width:calc(520px * var(--ui-scale));min-height:calc(100px * var(--ui-scale));font-size:calc(40px * var(--text-scale));pointer-events:none}#defeat-notification[hidden]{display:none}.defeat-civ{background-size:contain;background-repeat:no-repeat;background-position:center}.defeat-number{display:inline-grid;place-items:center;color:#000}.defeat-text{display:inline-flex;align-items:center;overflow-wrap:anywhere;overflow:hidden}.dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:calc(950px * var(--ui-scale));padding:calc(60px * var(--ui-scale));background:linear-gradient(#3a2f1c,#241c10);border:calc(6px * var(--ui-scale)) solid #7a6335;box-shadow:0 0 40px #000;text-align:center;pointer-events:auto}.dialog.hidden{display:none}.dialog h2{font-size:calc(64px * var(--text-scale));color:#ffd966;margin-bottom:calc(40px * var(--ui-scale))}.dialog button{display:block;margin:calc(16px * var(--ui-scale)) auto;min-width:calc(500px * var(--ui-scale));font-size:calc(40px * var(--text-scale));padding:calc(18px * var(--ui-scale));background:linear-gradient(#57462a,#3a2f1c);border:calc(3px * var(--ui-scale)) solid #8a7340;color:#f3ead2}.dialog button:hover{filter:brightness(1.2)}.dialog :disabled{opacity:.45;cursor:default}#menu-dialog{max-height:95vh;overflow-y:auto}.wonder-banner{position:absolute;padding:0;border:0;background-color:transparent;background-size:100% 100%;color:#fff;pointer-events:auto;cursor:pointer}.wonder-banner span{position:absolute;z-index:1;pointer-events:auto;display:block;text-align:center;background-size:contain;background-repeat:no-repeat;text-shadow:1px 1px 1px black,-1px -1px 1px black}.wonder-years{font-size:calc(45px * var(--text-scale))}.wonder-unit{font-size:calc(34px * var(--text-scale))}.wonder-owner{font-size:calc(65px * var(--text-scale))}.wonder-banner.open-banner{background-color:#241c10;clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%)}#map-setup{margin:calc(32px * var(--ui-scale)) 0;padding:calc(24px * var(--ui-scale)) 0;border-block:calc(3px * var(--ui-scale)) solid #8a7340;font-size:max(14px,calc(40px * var(--text-scale)));text-align:left}#map-setup h3{color:#ffd966;text-align:center;margin-bottom:calc(24px * var(--ui-scale))}#map-setup label{display:block;margin:calc(16px * var(--ui-scale)) 0}#map-setup input,#map-setup select{width:100%;min-width:0;padding:calc(18px * var(--ui-scale));background:#241c10;color:#f3ead2;border:calc(3px * var(--ui-scale)) solid #8a7340;font:inherit}#map-setup button{font-size:inherit}#map-setup input{user-select:text;-webkit-user-select:text}#map-setup .seed-row{display:flex;gap:calc(16px * var(--ui-scale))}#map-setup .seed-row button{min-width:0;margin:0}#map-host-note{text-align:center}#selection-box{position:absolute;border:1px solid #d9ffb0;background:#b4ff961f;pointer-events:none;display:none}#hud.fallback .panel{background-color:#1e180ceb;border:1px solid #6f5b34}#hud.fallback .resource-icon[data-icon=wood]{background:#2c6b36}#hud.fallback .resource-icon[data-icon=food]{background:#c4506e}#hud.fallback .resource-icon[data-icon=gold]{background:#d9b23f}#hud.fallback .resource-icon[data-icon=population]{background:#7d8ca3}#hud.fallback .resource-icon{width:calc(48px * var(--ui-scale));height:calc(48px * var(--ui-scale));margin:calc(18px * var(--ui-scale))}#hud.fallback .command-button{background-color:#57462a;border:1px solid #8a7340;color:#f3ead2;font-size:calc(24px * var(--text-scale))}@media(max-width:900px){#hud{--ui-scale: .24 !important}}.selection-grid{display:flex;flex-wrap:wrap;gap:3px;align-content:flex-start;overflow-y:auto;max-height:100%;padding:2px 0}.selection-member{position:relative;width:34px;height:34px;padding:0;border:1px solid rgba(0,0,0,.55);background:#00000040;cursor:pointer}.selection-member:hover{border-color:#ffe296e6}.member-portrait{position:absolute;inset:0;background-size:cover;background-position:center}.member-hp{position:absolute;left:1px;right:1px;bottom:1px;height:3px;background:#0009}.member-hp-fill{display:block;height:100%;background:var(--ui-LifeBarHealthy, #46c02c)}#techtree-dialog{position:fixed;inset:0;margin:auto;width:94vw;height:90vh;max-width:1800px;max-height:94vh;padding:16px;box-sizing:border-box;background:#ead4ad;color:#391c1b;border:2px solid #776345;pointer-events:auto}#techtree-dialog[open]{display:flex;flex-direction:column;gap:8px}#techtree-dialog::backdrop{background:#0009}#techtree-dialog header{display:flex;justify-content:space-between;align-items:center}#techtree-dialog h2,#techtree-dialog p{margin:0}#techtree-dialog button{font:inherit;cursor:pointer;color:inherit}.techtree-legend{font-size:12px}.techtree-scroll{overflow:auto;flex:1;min-height:0}.techtree-scroll table{border-collapse:separate;border-spacing:0}.techtree-scroll td{vertical-align:top;border:1px solid #baa782;padding:4px}.techtree-group{display:grid;grid-template-columns:repeat(2,150px);gap:3px}.techtree-scroll th{position:sticky;top:0;background:#ead4ad;z-index:1;padding:8px}.techtree-scroll tbody th{left:0;min-width:85px}.techtree-scroll thead th:first-child{left:0;z-index:2}#hud .techtree-node{display:flex;align-items:center;gap:6px;width:100%;min-height:46px;padding:3px;text-align:left;background:#f3e8cf;border:2px solid #a6987d;font-size:12px}.techtree-icon{display:block;width:38px;height:38px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center}.techtree-name{min-width:0;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:normal}#hud .techtree-node[data-status=disabled]{filter:grayscale(1);opacity:.5;text-decoration:line-through}#hud .techtree-node[data-status=unsupported]{border-style:dashed;opacity:.65}#hud .techtree-node[data-status=researched]{border-color:#397239;background:#c5dfb1}#hud .techtree-node[data-status=available]{border-color:#26799e}.techtree-node:focus-visible,.techtree-node:hover{outline:2px solid #572d20;outline-offset:1px}.techtree-preview{white-space:pre-line;overflow:auto;height:120px;flex-shrink:0;border-top:1px solid #776345;padding-top:8px;font-size:14px}#hud.fallback #menu-panel .menu-button[data-command=techtree]:disabled{display:block;width:auto;padding:0 8px;border:1px solid #776345;opacity:.6}#hud [data-techtree-close]{padding:6px 24px;border:1px solid #776345;background:#f3e8cf}#objectives-dialog{position:fixed;inset:0;margin:auto;padding:0;border:0;max-width:96vw;max-height:94vh;background:#ead4ad center / 100% 100%;color:#391c1b;pointer-events:auto}#objectives-dialog::backdrop{background:#0009}#objectives-dialog h2,#objectives-dialog .objectives-lines,#objectives-dialog button{position:absolute;box-sizing:border-box;margin:0}#objectives-dialog h2{text-align:center;font-weight:400}#objectives-dialog .objectives-lines{overflow:auto;white-space:pre-line}#objectives-dialog .objectives-lines p{margin:0 0 1em}#hud [data-objectives-close]{border:0;padding:0;font:inherit;cursor:pointer;background:var(--normal, #762e22) center / 100% 100%}#hud [data-objectives-close]:hover{background-image:var(--hover)}#hud [data-objectives-close]:active{background-image:var(--pressed)}#hud.fallback #menu-panel .menu-button[data-command=objectives]:disabled{display:block;width:auto;padding:0 8px;border:1px solid #776345;opacity:.6}