.beginner-guide{z-index:12;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:0 0;border:0;width:72px;height:72px;padding:0;position:absolute;top:12px;right:auto}.beginner-guide:active{cursor:grabbing}.beginner-guide img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.beginner-guide:focus-visible{border-radius:8px;outline:2px solid #f5d181}.beginner-guide~.right-tools{top:96px}.mission-tracker-strip>button.mission-tracker{animation-delay:inherit;border:0;position:relative;inset:auto;overflow:hidden}@keyframes mission-light-sweep{0%{opacity:0;transform:translate(-50%)}3%{opacity:1}25%,75%{opacity:1;transform:translate(50%)}50%{opacity:1;transform:translate(-50%)}97%{opacity:1}to{opacity:0;transform:translate(-50%)}}.mission-tracker-strip.mission-attention>.mission-tracker:after{content:"";z-index:12;pointer-events:none;opacity:0;animation:5s linear mission-light-sweep;animation-delay:inherit;background:linear-gradient(90deg,#0000 calc(50% - 32px),#edbc3359 calc(50% - 14px),#fff1b8e6 50%,#edbc3359 calc(50% + 14px),#0000 calc(50% + 32px));position:absolute;inset:0}.mission-action-guide{width:clamp(21px,calc(var(--action-size)*.8),37px);z-index:20;pointer-events:none;height:38px;animation:1s ease-in-out 10 mission-action-bob;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.mission-action-guide svg{filter:drop-shadow(0 2px 2px #0008);width:100%;height:100%;display:block}@keyframes mission-action-bob{0%,to{transform:translate(-50%,-9px)}50%{transform:translate(-50%)}}.resource-costs.resource-costs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 6px;min-width:0;padding:4px 0;display:grid}.resource-costs.resource-costs .resource-cost-card{box-sizing:border-box;clip-path:none;color:#ffd48e;direction:ltr;background:#1e1e1e;border:1px solid #333;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 4px;min-width:0;height:auto;min-height:34px;padding:3px 4px;display:flex}.resource-costs .resource-cost-needed{white-space:nowrap;align-items:center;gap:3px;min-width:0;font-size:11px;display:flex}.resource-costs .resource-cost-needed img{object-fit:contain;width:18px;height:18px;display:block}.resource-costs .resource-cost-needed b{color:inherit;font-size:11px}.resource-costs .resource-cost-card.missing .resource-cost-needed{color:#aaa}.resource-costs .resource-cost-card.missing .resource-cost-needed img{filter:grayscale()}.resource-costs .resource-cost-open{color:#ff4b60;font:inherit;cursor:pointer;white-space:nowrap;direction:rtl;background:0 0;border:0;flex:none;padding:0;font-size:12px;line-height:18px;text-decoration:none;animation:1.8s ease-in-out infinite resource-shortage-pulse;display:block}.resource-costs .resource-cost-open:focus-visible{outline-offset:2px;outline:1px solid #ff8a96}.resource-costs .resource-cost-open{margin-left:auto}.resource-costs .resource-cost-open.resource-cost-buy{color:#ffd65a}.resource-costs .resource-cost-open.resource-cost-buy:focus-visible{outline-color:#ffd65a}@keyframes resource-shortage-pulse{0%,to{opacity:1}50%{opacity:.45}}.building-resources>div>.resource-costs{grid-column:1/-1}button.timed-gold-finish{box-sizing:border-box;color:#fff;width:100%;min-height:36px;font:inherit;text-align:center;cursor:pointer;background:linear-gradient(#58a54e,#287734);border:1px solid #8fc877;border-radius:4px;margin:8px 0 0;padding:7px 8px;font-size:13px;display:block}.timed-gold-finish>span{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.timed-gold-finish img{object-fit:contain;vertical-align:middle;width:18px;height:18px}.timed-gold-finish:disabled{opacity:.5;cursor:default}.timed-gold-finish:focus-visible{outline-offset:2px;outline:2px solid #d5f7b9}.speedup-controls{flex-wrap:wrap}.speedup-controls>button.timed-gold-finish{color:#fff;background:linear-gradient(#58a54e,#287734);flex:1 0 100%;order:10}:root{color:#f5e8c7;background:#101517;font-family:Tahoma,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;color:inherit;cursor:pointer}main{background:#263c32;width:min(100vw,650px);height:100svh;min-height:620px;margin:auto;position:relative;overflow:hidden}.hud{z-index:5;background:linear-gradient(#363434,#17191b);border-bottom:2px solid #b98a3e;align-items:center;gap:8px;height:64px;padding:7px 10px;display:flex;position:absolute;inset:0 0 auto;box-shadow:0 2px 8px #0009}.brand{grid-template-columns:28px auto;column-gap:5px;min-width:120px;line-height:16px;display:grid}.brand strong{color:#f4d98e;font-size:13px}.brand small{color:#bdb09c;grid-column:2;font-size:9px}.crest{color:#d4a949;grid-row:span 2;align-self:center;font-size:23px}.resources{white-space:nowrap;flex:1;justify-content:center;gap:9px;font-size:11px;display:flex}.resources span{background:#111a;border:1px solid #5e5543;border-radius:4px;padding:5px 4px}.commander{white-space:nowrap;background:#282725;border:1px solid #795f36;border-radius:6px;padding:5px;font-size:10px}.commander b{color:#e1ba60;display:block}.scene-wrap{position:absolute;inset:64px 0 76px;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}.left-tools,.right-tools{z-index:4;gap:7px;display:grid;position:absolute;top:16px}.left-tools{left:8px}.right-tools{right:8px}.left-tools button,.right-tools button{color:#e7c266;text-shadow:0 1px #000;background:#161a1bdd;border:1px solid #b58942;border-radius:8px;width:54px;min-height:49px;font-size:19px}.left-tools small,.right-tools small{color:#f4e6c1;font-size:9px;display:block}.queue{z-index:4;text-align:center;color:#d4c7aa;background:#15191add;border:1px solid #716244;padding:6px;font-size:11px;position:absolute;top:8px;left:80px;right:80px}.queue.active{border-color:#d0a64e}.queue b{color:#f0cd74;margin:0 6px}.queue button{color:#21180d;background:#c2933e;border:0;border-radius:3px;margin-right:7px;padding:2px 6px;font-size:10px}.map-guide{z-index:3;text-align:center;white-space:nowrap;color:#e7d9b7;background:#121918dc;border:1px solid #9c7c43;border-radius:4px;padding:5px 12px;font-size:10px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.map-guide b{color:#f1c85c}.dock{z-index:5;direction:rtl;background:linear-gradient(#242627,#101314);border-top:2px solid #bb8f43;height:76px;display:flex;position:absolute;inset:auto 0 0}.dock button{background:0 0;border:0;border-left:1px solid #474541;flex:1}.dock button:active{background:#745b31}.dock i{color:#e0bb65;text-shadow:0 1px #000;font-size:25px;font-style:normal;display:block}.dock small{color:#eadfca;font-size:10px;display:block}.veil{z-index:10;background:#000a;place-items:center;display:grid;position:absolute;inset:0}.card{text-align:center;background:linear-gradient(145deg,#414039,#202224);border:2px solid #bd934b;border-radius:12px;width:min(90%,450px);padding:22px;box-shadow:0 12px 30px #000b}.card h1{margin:4px 0 15px;font-size:22px}.card p{color:#d0c4ae;line-height:1.8}.close{float:left;color:#e8d2a1;background:0 0;border:0;font-size:27px}.eyebrow{margin:0;font-size:12px;color:#d3aa58!important}.building-illustration{color:#88a85c;text-shadow:0 4px 7px #000;font-size:80px}.building-card dl{grid-template-columns:repeat(3,1fr);gap:4px;margin:10px 0;display:grid}.building-card dl div{background:#17191a;padding:8px}.building-card dt{color:#bcb49f;font-size:10px}.building-card dd{color:#edcc78;margin:5px 0 0;font-size:12px}.primary{color:#12200e;background:linear-gradient(#8fc36b,#4f913f);border:0;border-radius:5px;width:100%;padding:12px;font-weight:700}.level-line{background:#171a1b;justify-content:center;align-items:center;gap:20px;padding:14px;display:flex}.level-line span{color:#d3a94f;font-size:22px}.costs{grid-template-columns:1fr 1fr;padding:0;list-style:none;display:grid}.costs li{background:#2b2d2d;border:1px solid #4c4a43;padding:8px}.duration{font-size:12px}.side-panel{z-index:10;background:#191c1e;position:absolute;inset:0 0 76px;overflow:auto}.side-panel header{background:#302f30;border-bottom:2px solid #b98c44;justify-content:space-between;align-items:center;height:58px;padding:0 15px;display:flex}.side-panel h1{font-size:19px}.side-panel header b{color:#e1bd68;font-size:12px}.side-panel nav{color:#e7c56f;border-bottom:1px solid #6c5b3b;justify-content:center;gap:25px;padding:13px;font-size:12px;display:flex}.side-panel nav span{color:#c5c0b3}.item-grid{grid-template-columns:repeat(3,1fr);gap:11px;padding:15px;display:grid}.item{color:#ede5d5;background:#282b2d;border:1px solid #777266;padding:6px;font-size:10px}.item-art{background:linear-gradient(135deg,#88a365,#263b2c);height:74px;margin-bottom:6px;display:block}.art-1,.art-4{background:linear-gradient(135deg,#bf8954,#3f291b)}.art-2,.art-5{background:linear-gradient(135deg,#8c9da0,#24333e)}.art-3{background:linear-gradient(135deg,#be7b6e,#34242b)}.item small{color:#e5bd60;margin-top:4px;display:block}.empty{text-align:center;color:#c9c1ad;padding:120px 30px}.empty i{color:#c69c4f;font-size:65px;font-style:normal}.empty h2{font-size:17px}.empty p{font-size:13px;line-height:1.8}@media (width<=500px){.brand{min-width:88px}.brand strong{font-size:11px}.resources{gap:2px;font-size:9px}.resources span{padding:4px 2px}.commander{font-size:8px}.queue{left:67px;right:67px}.item-grid{grid-template-columns:repeat(2,1fr)}}.settings-section{text-align:right;padding:18px 16px 28px}.settings-section h2{color:#efc75f;margin:0 0 8px;font-size:18px}.settings-section>p{color:#c9c0ad;margin:0 0 18px;font-size:12px;line-height:1.8}.castle-skin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.castle-skin{color:#ead9ae;text-align:center;background:linear-gradient(#302d26,#201f1b);border:1px solid #665738;border-radius:7px;min-width:0;padding:10px 8px;transition:border-color .15s,box-shadow .15s,transform .15s}.castle-skin:hover{border-color:#b89348;transform:translateY(-1px)}.castle-skin.selected{border-color:#f2c75c;box-shadow:0 0 0 2px #f2c75c2b,inset 0 0 18px #c8942729}.castle-skin-preview{aspect-ratio:2/3;background-image:var(--castle-art,url(/reference-assets/captured/castle-states.webp));filter:drop-shadow(0 5px 3px #0009);background-repeat:no-repeat;background-size:600% 100%;width:min(100%,105px);margin:0 auto 7px;display:block}.castle-skin span{font-size:12px;font-weight:700;display:block}.castle-skin b,.castle-skin small{color:#edc45d;height:18px;margin-top:5px;font-size:10px;display:block}@media (width<=500px){.castle-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.session-ended-overlay{box-sizing:border-box;z-index:99999;direction:rtl;background:#101a18ed;border:0;place-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:24px;display:grid;position:fixed;inset:0}.session-ended-overlay::backdrop{background:#101a18}.session-ended-overlay section{color:#f5dcaa;text-align:center;background:#20241f;border:1px solid #bd9b59;border-radius:12px;max-width:420px;padding:24px}.session-ended-overlay p{line-height:2}.map-guide.map-guide{color:#fff;direction:ltr;border-color:#9c7c4380;border-radius:5px;align-items:center;gap:6px;padding:2px 6px;font:400 12px Arial,sans-serif;display:flex}.map-guide #coordinates{white-space:pre;color:#fff;font-variant-numeric:tabular-nums;font-weight:400}.map-search-toggle{color:#fff;background:0 0;border:0;place-items:center;width:22px;height:22px;padding:3px;display:grid}.map-search-toggle svg{width:16px;height:16px}.map-coordinate-form{white-space:normal;direction:ltr;background:#171d1bf5;border:1px solid #ac925d88;border-radius:7px;align-items:center;gap:7px;width:220px;padding:7px;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0007}.map-coordinate-form[hidden]{display:none}.map-coordinate-inputs{flex:1;gap:8px;min-width:0;display:flex}.map-coordinate-inputs label{color:#eee;flex:1;align-items:center;gap:4px;min-width:0;font:400 12px Arial,sans-serif;display:flex}.map-coordinate-inputs input{color:#fff;text-align:center;background:#101513;border:1px solid #8b744b88;border-radius:4px;width:100%;min-width:0;height:29px;padding:3px;font:400 16px Arial,sans-serif}.map-coordinate-form button{color:#fff;background:#66502b;border:1px solid #b9934f88;border-radius:4px;flex:none;place-items:center;width:29px;height:29px;padding:5px;display:grid}.map-coordinate-form button svg{width:17px;height:17px}.map-guide .map-coordinate-form{border-color:#ac925d55;border-radius:5px;gap:5px;width:194px;padding:4px 5px;box-shadow:0 2px 7px #0005}.map-guide .map-coordinate-inputs label{color:#d9d9d9;gap:3px;font-size:11px}.map-guide .map-coordinate-inputs input{background:#101513aa;border-color:#8b744b55;border-radius:3px;height:25px;padding:1px 3px;font-weight:400}.map-guide .map-coordinate-form button{background:#66502b88;border-color:#b9934f55;border-radius:3px;width:25px;height:25px;padding:4px}.map-guide.map-guide{justify-content:center;gap:10px;min-width:162px;padding:3px 10px}.map-guide .map-search-toggle{background:#70582e;border:1px solid #b9934f99;border-radius:4px;box-shadow:inset 0 1px #ffffff12}.map-guide .map-search-toggle:hover{background:#896b37}.map-guide .map-search-toggle:active{background:#534121}.session-relogin{color:#fff3d5;background:linear-gradient(#a58442,#705323);border:1px solid #d9b465;border-radius:7px;width:min(100%,280px);padding:14px 22px;font:400 16px Tahoma,sans-serif;box-shadow:0 4px 18px #0005}.session-relogin:hover{filter:brightness(1.1)}.session-relogin:focus-visible{outline-offset:4px;outline:2px solid #ffe3a1}.side-panel .mail-sections{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:0;display:grid;overflow:hidden}.mail-sections button{color:#c9c1ad;white-space:nowrap;background:0 0;border:0;border-left:1px solid #6c5b3b;border-radius:0;min-width:0;padding:11px 3px;font-size:11px}.mail-sections button:last-child{border-left:0}.mail-sections button[aria-pressed=true]{color:#fff0c9;background:#544323;box-shadow:inset 0 -2px #e1b85e}.player-name-link{color:inherit;font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:4px;-webkit-text-decoration:underline #bba77866;text-decoration:underline #bba77866}.map-guide .map-coordinate-form{gap:8px;width:260px;padding:8px}.map-guide .map-coordinate-inputs{gap:8px}.map-guide .map-coordinate-inputs input{height:32px}.map-guide .map-coordinate-form button{width:50px;height:50px;padding:10px}.map-guide .map-coordinate-form button svg{width:24px;height:24px}.primary:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.game-alert{z-index:20;color:#ffdfb1;text-align:center;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;cursor:text;background:#301e18f5;border:1px solid #cd9855;padding:12px;font-size:12px;position:absolute;bottom:80px;left:12px;right:12px}.resources{flex-wrap:wrap;gap:4px;min-width:0}.resources>span{justify-content:center;align-items:center;gap:3px;display:inline-flex}.resources img{object-fit:contain;width:17px;height:17px}.resources [data-resource=gold]{color:#ffd77e}@media (width<=500px){.resources{gap:2px}.resources>span{padding:2px}.resources img{width:13px;height:13px}}.position-save-status{z-index:8;color:#e7c68c;background:#151515df;border:1px solid #9c7c43;border-radius:4px;padding:7px 10px;font-size:12px;position:absolute;bottom:14px;right:12px}.queue{z-index:8;color:#ffdd9e;background:#1c1b16df;border:1px solid #a48a56;border-radius:4px;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:5px 9px;font-size:12px;display:flex;position:absolute;inset:15px 80px auto auto}.queue.queue-wide{left:74px;right:8px}.queue .construction-queue-row{white-space:nowrap;flex:1 1 0;justify-content:center;align-items:center;line-height:20px;display:flex}.queue .queue-speedup{cursor:pointer;background:0 0;border:0;flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;margin:0;padding:1px;display:inline-flex}.queue-speedup img{object-fit:contain;width:17px;height:17px;display:block}.queue-speedup:disabled{opacity:.5;cursor:wait}.queue-speedup:focus-visible{border-radius:3px;outline:1px solid #e8c788}.resources>[data-resource]{cursor:pointer;isolation:isolate;position:relative}.resources>[data-resource]:focus-visible{outline-offset:2px;outline:1px solid #ebcf8c}.resources .resource-exact{z-index:2;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;background:#171c18fa;border:1px solid #b69a5b;border-radius:4px;justify-content:center;align-items:center;width:max-content;min-width:100%;height:100%;padding:3px 6px;font:400 12px Arial,sans-serif;animation:3.6s linear both resource-exact-fade;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 5px #0006}@keyframes resource-exact-fade{0%,83.333%{opacity:1}to{opacity:0}}.resources.resources>[data-resource]{isolation:auto}.map-tile-actions{z-index:50;pointer-events:none;direction:ltr;position:absolute;inset:0}.map-action{width:var(--map-action-size);height:calc(var(--map-action-size)*1.32);pointer-events:auto;color:#ffd48e;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.map-action-circle{aspect-ratio:1;background:url(/reference-assets/images/action-bar/ellipse-golden.svg) 50%/100% 100% no-repeat;place-items:center;width:100%;display:grid;position:relative}.map-action-circle b{font:700 calc(var(--map-action-size)*.42)/1 Georgia,serif;color:#d7b76f;text-shadow:0 2px 1px #000;transform:translateY(-2px)}.map-action-label{white-space:nowrap;text-align:center;min-width:92%;font-size:var(--map-action-font);text-shadow:0 1px #000;background:url(/reference-assets/images/action-bar/name-box-small-golden.svg) 50%/100% 100% no-repeat;padding:2px 7px 4px;line-height:1.3;position:absolute;top:76%;left:50%;transform:translate(-50%)}.map-action:active{filter:brightness(1.2);transform:translate(-50%,-49%)}.map-action-ring{pointer-events:none;position:absolute;inset:0;overflow:visible}.map-action-ring circle{stroke:#0000;filter:none}.map-action-ring path{stroke:#1a1916;stroke-width:var(--map-ring-width);filter:drop-shadow(0 1px #b49858)}.map-empty-tile .map-action-ring circle{stroke:#0000;filter:none}.map-empty-coordinate{z-index:2;white-space:pre;color:#ffd48e;text-align:center;text-shadow:0 1px #000;pointer-events:none;background:#070604f2;border:1px solid #d9ae4e88;border-radius:5px;padding:4px 12px 5px;font-family:Arial Narrow,Roboto Condensed,Arial,sans-serif;line-height:1;position:absolute;transform:translate(-50%,-50%)}.march-status{z-index:8;color:#ffdd9e;pointer-events:auto;background:#171b18ed;border:1px solid #a48a56;border-radius:6px;max-height:25svh;padding:7px 10px;font-size:11px;position:absolute;bottom:76px;left:12px;right:12px;overflow:auto}.march-status-row+.march-status-row{border-top:1px solid #665334;margin-top:6px;padding-top:6px}.march-status-heading,.march-status-details{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;line-height:1.8;display:flex}.march-status-heading strong{color:#f8cc7b;font-size:12px}.march-status-heading>span{color:#c8c6b9}.march-status-details b{color:#fff;font-variant-numeric:tabular-nums;display:inline-block}.march-status-row progress{accent-color:#8dc76d;width:100%;height:5px;margin-top:5px;display:block}.battle-ripple{z-index:9;pointer-events:none;object-fit:contain;height:auto;position:absolute;transform:translateZ(0)}.scene-wrap{touch-action:none}.camp-info-dialog{color:#f2dfb9;width:min(90vw,380px);max-height:85svh;font:inherit;background:#1c231f;border:2px solid #bd934b;border-radius:8px;margin:auto;padding:16px;position:fixed;inset:0;overflow:auto}.camp-info-dialog::backdrop{background:#000a}.camp-info-dialog header{text-align:center;padding:0 28px;position:relative}.camp-info-dialog h2{color:#f3ce82;font-size:18px}.camp-info-dialog header button{color:#f5d493;background:#303025;border:1px solid #a78850;border-radius:3px;width:28px;height:28px;font-size:23px;line-height:1;position:absolute;top:0;right:0}.camp-info-dialog dl>div{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;font-size:12px;display:flex}.camp-info-dialog dd{overflow-wrap:anywhere;min-width:0;margin:0}.camp-info-dialog dt{color:#c5ba9c;flex-shrink:0}.camp-info-troops{direction:ltr;flex-wrap:wrap;gap:5px;display:flex}.camp-info-troops>span{border:1px solid #9d8149;border-radius:3px;width:56px;height:56px;display:block;position:relative;overflow:hidden}.camp-info-troops img{object-fit:cover;width:100%;height:100%}.camp-info-troops b{color:#ffe0a0;text-shadow:0 1px 3px #000;font-size:12px;position:absolute;bottom:2px;right:2px}.dock [data-action=toggle-map]:disabled,.dock [data-action=troops]:disabled,.dock [data-action=alliance]:disabled{opacity:.4;filter:grayscale();cursor:not-allowed}.map-unit-search{z-index:8;background:#161a1bed;border:1px solid #b58942;border-radius:8px;place-items:center;width:44px;height:44px;padding:7px;display:grid;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 6px #0005}.map-unit-search img{object-fit:contain;pointer-events:none;width:30px;height:30px;display:block}.map-unit-search:hover{background:#343025}.map-unit-search:active{background:#443822}.map-unit-search:focus-visible{outline-offset:2px;outline:2px solid #f0cf87}main[data-zoom-screen=city] .map-unit-search{display:none}.map-unit-search{padding:0;overflow:hidden}.map-unit-search img{object-fit:contain;width:100%;height:100%}.map-action:disabled{opacity:.4;filter:grayscale();cursor:not-allowed}.building-actions{z-index:7;pointer-events:none;direction:ltr;position:absolute;inset:0}.building-action{width:var(--action-size);height:calc(var(--action-size)*1.32);pointer-events:auto;color:#ffd48e;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.building-action-circle{aspect-ratio:1;background:url(/reference-assets/images/action-bar/ellipse-golden.svg) 50%/100% 100% no-repeat;width:100%;display:block;position:relative}.building-action img{object-fit:contain;width:54%;height:54%;position:absolute;top:23%;left:23%}.building-action-label{white-space:nowrap;text-align:center;min-width:85%;font-size:var(--action-font);background:url(/reference-assets/images/action-bar/name-box-small-golden.svg) 50%/100% 100% no-repeat;padding:1px 6px 3px;line-height:1.3;position:absolute;top:77%;left:50%;transform:translate(-50%)}.building-action:disabled{cursor:default;color:#d4d3d6}.building-action:disabled .building-action-circle{background-image:url(/reference-assets/images/action-bar/ellipse-silver.svg)}.building-action:disabled .building-action-label{background-image:url(/reference-assets/images/action-bar/name-box-small-silver.svg)}.building-action:focus-visible{outline-offset:4px;border-radius:50%;outline:2px solid #ffd48e}.building-action-ring{pointer-events:none;position:absolute;overflow:visible}.reference-modal{z-index:12;direction:rtl;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.reference-backdrop{background:#0009;border:0;position:absolute;inset:0}.reference-panel{background:#111;border:2px solid #ffd48e;border-radius:0;width:100%;max-height:78%;padding:17px 5px 0;position:relative;box-shadow:inset 0 0 0 3px #111,inset 0 0 0 5px #ad8d56}.reference-panel:before,.reference-panel:after{content:"";background:#111;border-top:2px solid #ffd48e;width:24%;height:18px;position:absolute;top:-19px}.reference-panel:before{transform-origin:100% 100%;right:0;transform:skew(32deg)}.reference-panel:after{transform-origin:0 100%;left:0;transform:skew(-32deg)}.reference-panel-title{z-index:1;clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%);background:#111;border-top:2px solid #ffd48e;border-bottom:2px solid #ffd48e;justify-content:center;align-items:center;width:52%;height:39px;display:flex;position:absolute;top:-30px;left:24%}.reference-panel-title h1{color:#ffd48e;margin:0;font-size:20px}.reference-panel-title>button{color:#ffd48e;background:0 0;border:0;font-size:23px;position:absolute;top:2px;left:10px}.reference-panel-scroll{scrollbar-width:thin;max-height:calc(78svh - 30px);padding:0 16px 16px;overflow:auto}.building-panel-heading{justify-content:center;align-items:center;gap:14px;margin:8px 0 12px;display:flex}.reference-building-art{background-repeat:no-repeat;flex:none;display:block}.building-panel-heading h2{color:#fff;margin:0 0 10px;font-size:20px}.building-panel-heading p{color:#fff;margin:0;font-size:14px;font-weight:700}.building-panel-heading p span{color:#ffd48e}.building-comparison{background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:14px;padding:0;display:grid}.building-stat{color:#fff;text-align:center;background:linear-gradient(90deg,#111,#202020);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:58px;padding:6px;font-size:12px;display:flex}.building-stat b{direction:ltr;align-items:center;gap:6px;display:flex}.building-stat i{color:#ffd48e;font-style:normal}.building-stat strong{color:#ffd48e}.building-requirements,.building-resources{border-top:1px solid #252525;padding:14px 0 10px}.reference-panel h3{color:#fff;margin:0 0 12px;font-size:13px}.building-requirement{color:#ccc;text-align:right;background:#1e1e1e;border:1px solid #333;border-radius:6px;justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;padding:7px 12px;display:flex}.building-requirement small{color:#cfcfcf;font-size:11px;display:inline}.building-requirement b{text-align:center;color:#152615;background:#159c38;border-radius:50%;width:17px;height:17px;font-size:12px;line-height:17px}.building-requirement.missing b{color:#fff;background:#a42b20}.building-resources>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.building-resource{clip-path:polygon(0 0,100% 0,100% 70%,95% 100%);color:#ffd48e;border:1px solid #333;border-radius:6px;justify-content:space-between;align-items:center;gap:5px;padding:6px 9px;font-size:13px;display:flex}.building-resource img{object-fit:contain;width:20px;height:20px}.building-resource.missing{color:#ee6e5f}.reference-upgrade-submit{color:#080808;background:linear-gradient(110deg,#978566,#e6c58a,#ae956b);border:0;border-radius:4px;width:100%;padding:8px;font-size:14px;font-weight:700}.reference-upgrade-submit small{margin-right:7px;font-size:12px;display:inline}.reference-upgrade-submit:disabled{filter:grayscale(.55);opacity:.5;cursor:not-allowed}.builder-unavailable{color:#e2a26b;font-size:12px}.no-requirements{color:#bbb;font-size:12px}.building-level-table{max-height:240px;overflow:auto}.building-level-table table{border-collapse:collapse;text-align:center;width:100%;font-size:12px}.building-level-table td,.building-level-table th{border-bottom:1px solid #333;padding:7px}.building-level-table .current{color:#ffd48e;background:#423820}@media (width<=500px){.reference-panel-scroll{padding:0 12px 12px}.building-resource{font-size:11px}.reference-panel-title h1{font-size:17px}}.building-resource.unavailable{color:#8b8b8b}.building-resource.resource-top-up{font:inherit;text-align:inherit;cursor:pointer;background:0 0;font-size:13px}.building-resource.resource-top-up:hover{border-color:#ee6e5f}.building-resource.resource-top-up:focus-visible{outline:1px solid #ee6e5f}.top-up-selection{align-items:center;gap:12px;margin:12px 0;font-size:13px;display:flex}.building-actions{z-index:9}.building-resource{clip-path:none}.reference-modal{align-items:center;padding:28px 14px}.reference-panel{border-radius:9px;width:min(440px,100%);max-height:calc(100svh - 56px);padding-top:0;overflow:hidden}.reference-panel:before,.reference-panel:after{display:none}.reference-panel-title{clip-path:none;background:linear-gradient(90deg,#191919,#292622,#191919);border-top:0;border-bottom:1px solid #ad8d56;width:100%;height:46px;min-height:46px;position:relative;top:auto;left:auto}.reference-panel-scroll{max-height:calc(100svh - 130px)}.building-level-table{scrollbar-width:none;-ms-overflow-style:none}.building-level-table::-webkit-scrollbar{display:none}.building-level-table{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid #746347;border-radius:4px}.building-level-table table{border-collapse:separate;border-spacing:0}.building-level-table thead th{z-index:1;color:#edca85;background:#27231c;position:sticky;top:0;box-shadow:0 1px #746347}.building-level-table .building-level-spacer{border:0;padding:0}.building-level-table-compact{width:min(100%,240px);margin-inline:auto}.building-stat-wide{grid-column:1/-1}.builder-unavailable.builder-busy{text-align:center;color:#ff6b6b;font-weight:700}.building-action[data-kind=upgrade]:disabled{opacity:.55}.reference-panel-title{box-sizing:border-box;border-top:1px solid #ad8d56}.reference-panel-title>button,.construction-speedup-compact>header .close{color:#ffd98b;background:#28231b;border:1px solid #b99856;border-radius:4px;place-items:center;width:30px;height:30px;padding:0;font-size:23px;line-height:1;display:grid;position:absolute;top:7px;left:auto;right:8px;box-shadow:inset 0 1px #ffffff12}.reference-panel-title>button:hover{background:#4a3920}.construction-speedup-compact>header{direction:rtl;display:flex}main[data-zoom-screen=world] .building-actions,main[data-zoom-screen=world] .mission-tracker-strip,main[data-zoom-screen=city] .map-guide{display:none}.building-requirement.missing{isolation:isolate;position:relative;overflow:hidden}.building-requirement.prerequisite-attention:after{content:"";z-index:1;pointer-events:none;opacity:0;animation:2.5s linear 3 prerequisite-light-sweep;animation-delay:var(--prerequisite-delay,0s);background:linear-gradient(90deg,#0000 calc(50% - 32px),#edbc3359 calc(50% - 14px),#fff1b8e6 50%,#edbc3359 calc(50% + 14px),#0000 calc(50% + 32px));position:absolute;inset:0}@keyframes prerequisite-light-sweep{0%{opacity:0;transform:translate(-50%)}3%{opacity:1}50%{opacity:1;transform:translate(50%)}97%{opacity:1}to{opacity:0;transform:translate(-50%)}}.top-up-items{direction:ltr;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0;display:flex}.top-up-item{background:#151515;border:1px solid #ccc;border-radius:3px;width:56px;height:56px;display:block;position:relative;overflow:hidden}.top-up-item img{object-fit:contain;width:100%;height:100%;display:block}.top-up-item b{color:#fff;text-shadow:1px 1px 2px #000,0 0 3px #000;font-size:14px;line-height:1.1;position:absolute;bottom:2px;right:3px}.missions-panel{color:#fff;background:#202020;border-radius:6px;flex-direction:column;width:min(400px,95vw);max-height:88vh;display:flex;overflow:hidden;box-shadow:0 12px 55px #0009}.missions-panel>header{color:#161616;text-align:center;background:linear-gradient(100deg,#988668,#e7c68c,#ac936b);place-items:center;min-height:40px;display:grid;position:relative}.missions-panel h1{margin:8px;font-size:16px}.missions-panel .close{color:#111;position:absolute;top:3px;left:auto;right:8px}.missions-scroll{scrollbar-color:#8c7c57 #222;scrollbar-width:thin;overflow:auto}.mission-banner{object-fit:cover;width:100%;height:155px;display:block}.missions-list{padding:12px}.missions-list h2{color:#e7c68c;margin:5px 0 12px;font-size:13px}.mission-row{background:#232323;border:1px solid #806c45;border-radius:3px;margin-bottom:12px;overflow:hidden}.mission-row.complete{border-color:#3da858}.mission-title{color:#f4dfb7;background:#473f2e;justify-content:space-between;padding:5px 8px;font-size:13px;display:flex}.complete .mission-title{color:#07160b;background:#39a653}.mission-body{align-items:center;gap:12px;padding:8px;display:flex}.mission-button{color:#060d06;background:linear-gradient(#65bf62,#168d28);border:0;border-radius:3px;min-width:72px;min-height:32px;font-weight:700}.mission-button:disabled{opacity:.45;cursor:not-allowed}.mission-rewards{direction:ltr;flex-wrap:wrap;flex:1;gap:7px;display:flex}.mission-reward{background:#151515;border:1px solid #ccc;border-radius:3px;flex:none;width:56px;height:56px;display:block;position:relative;overflow:hidden}.mission-reward img{object-fit:contain;width:100%;height:100%}.mission-reward b,.mission-reward small{text-shadow:1px 1px 2px #000,0 0 3px #000;color:#ffe1a2;text-align:center;width:100%;font-size:14px;position:absolute;top:0;left:0}.mission-reward small{text-align:right;box-sizing:border-box;color:#fff;padding-right:3px;top:auto;bottom:0}.mission-tracker{z-index:8;color:#ffdd9e;background:#1c1b16df;border:1px solid #a48a56;border-radius:4px;align-items:center;gap:16px;max-width:75%;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:15px;left:12px}.mission-tracker b{color:#7bdb87}.mission-inventory{flex-wrap:wrap;gap:12px;padding:15px;display:flex}.inventory-entry{flex-direction:column;align-items:center;gap:5px;width:100px;font-size:12px;display:flex}.mission-button[data-action=mission-go],.mission-button[data-action=claim-mission]{color:#302007;background:linear-gradient(#ffe28a,#d6a328)}.inventory-tabs button{color:#aaa;background:0 0;border:0;padding:3px 8px;font-size:12px}.inventory-tabs button[aria-pressed=true]{color:#e7c56f;border-bottom:2px solid #b98c44}.inventory-entry>small{color:#e6c58a;font-size:11px}.inventory-entry .mission-reward{width:95.2px;height:95.2px}.inventory-entry .mission-reward b{color:#ffe1a2;text-shadow:0 1px #765024,1px 2px 2px #000,0 0 4px #000b;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-size:23.8px;font-weight:400}.inventory-entry .mission-reward small{font-size:16px}.inventory-entry{color:inherit;background:0 0;border:0;padding:0}.inventory-entry:focus-visible{outline-offset:3px;outline:1px solid #e7c68c}.item-use-modal{z-index:20}.item-use-body{text-align:center;padding:18px;font-size:13px}.item-use-body>.mission-reward{width:95.2px;height:95.2px;margin:0 auto 12px}.item-use-body>p{color:#ddd;line-height:1.8}.item-quantity-controls{direction:ltr;justify-content:center;gap:8px;margin:12px 0;display:flex}.item-quantity-controls input{text-align:center;color:#fff;width:85px;min-width:0;font:inherit;background:#151515;border:1px solid #78684d;border-radius:4px;padding:8px}.item-quantity-controls button{color:#e7c68c;background:#2b251d;border:1px solid #78684d;border-radius:4px;min-width:35px}.item-use-cancel{color:#ddd;background:0 0;border:0;margin-top:12px}.item-use-body button:disabled{opacity:.5;cursor:not-allowed}.mission-tracker-strip{z-index:8;direction:rtl;align-items:center;gap:7px;max-width:calc(100% - 24px);display:flex;position:absolute;bottom:15px;left:12px}.mission-tracker-strip>.mission-tracker{min-width:0;max-width:none;display:block;position:static}.mission-tracker-reward{color:#e7c68c;background:#000;border:1px solid #9c7c43;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:25px;line-height:1;display:inline-flex}.mission-row.complete .mission-title{color:#f4dfb7;background:#473f2e}.mission-row.complete .mission-button[data-action=claim-mission]{color:#ffe28a;box-shadow:none;background:linear-gradient(#65bf62,#168d28);border:0}.side-panel .mission-inventory{grid-template-columns:repeat(4,minmax(0,95.2px));place-content:start center;gap:6px;display:grid}.mission-inventory .inventory-entry{width:100%;min-width:0}.mission-inventory .inventory-entry .mission-reward{aspect-ratio:1;width:min(100%,95.2px);height:auto}.mission-inventory>p{grid-column:1/-1}.missions-scroll{scrollbar-width:none;-ms-overflow-style:none}.missions-scroll::-webkit-scrollbar{width:0;height:0;display:none}.mission-title{align-items:center;gap:8px}.mission-title>strong{flex:1;min-width:0}.mission-title>span{white-space:nowrap;flex-shrink:0}.mission-title>.mission-button{border-radius:3px;flex-shrink:0;min-width:44px;min-height:22px;padding:2px 9px;font-size:11px;font-weight:400;line-height:18px}.mission-tracker-strip,.mission-tracker{z-index:11}.mission-tracker-strip>.mission-tracker{background:#1c1b16}.side-panel.inventory-panel{flex-direction:column;display:flex;overflow:hidden}.inventory-panel>header{flex-shrink:0}.inventory-panel .inventory-main-tabs{flex-shrink:0;gap:6px;margin:0;padding:8px 10px 0;display:flex}.inventory-main-tabs>button{color:#aeb0a6;min-width:0;min-height:42px;font:inherit;background:#303029;border:1px solid #65583c;border-radius:28px 28px 0 0;flex:1;margin:0 0 -1px;padding:8px 10px;font-size:13px;position:relative}.inventory-main-tabs>button[aria-selected=true]{z-index:1;color:#ffe1a0;background:#191b1a;border-color:#aa8b50 #aa8b50 #191b1a;font-weight:700;box-shadow:inset 0 2px #c6a361}.inventory-panel .inventory-pane{background:#191b1a;border:1px solid #aa8b50;flex-direction:column;flex:1;min-height:0;margin:0 10px 10px;display:flex}.inventory-pane>.inventory-tabs{border-bottom:1px solid #685b3b;flex-shrink:0;justify-content:center;gap:6px;margin:0;padding:8px 4px;display:flex}.inventory-pane>.mission-inventory{flex:1;align-content:flex-start;min-height:0;overflow:auto}.inventory-pane>.item-shop{flex:1;min-height:0}.inventory-main-tabs>button:focus-visible{outline-offset:-4px;outline:2px solid #ffe3a1}.production-indicators{z-index:8;pointer-events:none;position:absolute;inset:0}.production-indicator{aspect-ratio:112/138;pointer-events:auto;background:url(/reference-assets/sprite-sheets/town-collect.webp) 0 0/500% 100% no-repeat;background-position:calc(var(--collect-frame)*25%) 0;cursor:pointer;filter:drop-shadow(0 2px 3px #0008);border:0;padding:0;position:absolute;transform:translate(-50%,-100%)}.production-indicator:disabled{opacity:.5;cursor:wait}.production-storage{color:#e6c58a;padding:8px 0;font-size:12px}.production-storage small{color:#bbb;margin-top:6px;display:block}.production-indicator[data-resource]:disabled{opacity:1;cursor:pointer}.production-collect-ghost{will-change:transform,opacity;pointer-events:none!important}.production-indicators{transform-origin:0 0}.dock .troops-icon{color:#e0bb65;width:25px;height:25px;margin:auto;display:block}.troops-panel{background:#171c1a}.troops-panel>header{z-index:1;justify-content:center;position:sticky;top:0}.troops-panel>header h1{margin:0}.troops-panel>header .close{float:none;position:absolute;left:auto;right:12px}.troops-content{gap:12px;padding:12px;display:grid}.troops-group{background:#222723;border:1px solid #655638;border-radius:5px;overflow:hidden}.troops-group h2{color:#e9c77d;background:#302f28;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:10px;font-size:13px;display:flex}.troops-total{font-size:17px}.troops-group ul{margin:0;padding:0 10px;list-style:none}.troops-group li{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;min-height:64px;padding:8px 0;display:flex}.troops-group li:last-child{border-bottom:0}.troops-group li>img{object-fit:cover;border:1px solid #8e7950;border-radius:3px;width:44px;height:48px}.troops-group li>div{flex:1;min-width:0;font-size:13px}.troops-group li>div small{color:#c9bc9f;margin-top:5px;font-size:11px;display:block}.troops-group li>b{color:#f4d184;font-size:16px}.troops-empty{color:#bdb7a8;margin:0;padding:14px 10px;font-size:12px;line-height:1.7}.troops-group ul{direction:ltr;flex-wrap:wrap;gap:5px;padding:8px;display:flex}.troops-group li.troop-icon-card{background:#171a17;border:1px solid #8e7950;border-radius:3px;flex:0 0 56px;width:56px;height:56px;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.troops-group li.troop-icon-card>img{object-fit:cover;border:0;border-radius:0;width:100%;height:100%;display:block}.troops-group li.troop-icon-card>b{color:#ffe0a0;text-shadow:0 1px 2px #000,1px 0 2px #000,-1px 0 2px #000;font-variant-numeric:tabular-nums;max-width:calc(100% - 4px);font-size:12px;line-height:15px;position:absolute;bottom:2px;right:3px}.troops-group.troops-summary{background:#303025;border:2px solid #c5a35e;border-radius:9px}.troops-summary h2{color:#211c12;background:linear-gradient(110deg,#d6bb7e,#a98749);border-bottom:1px solid #e4cc95;padding:13px 11px;font-size:14px}.troops-summary .troops-total{color:#211c12;font-size:24px;font-weight:700}.troops-summary ul{padding:11px 9px}.troops-group.troops-breakdown{background:#1c231f;border-color:#444c43;border-radius:4px;margin-inline:7px}.troops-breakdown h2{color:#bdc7b8;background:#28312b;padding:8px 10px;font-size:12px}.troops-breakdown .troops-total{color:#dfd5b8;font-size:16px}.troops-camp-row{direction:rtl;border-bottom:1px solid #ffffff12;align-items:center;gap:8px;padding:8px;display:flex}.troops-camp-row:last-child{border-bottom:0}.troops-camp-label{text-align:center;color:#d4c59e;flex-direction:column;flex:0 0 82px;align-items:center;gap:4px;font-size:11px;display:flex}.troops-camp-icon{background:url(/reference-assets/sprite-sheets/events.png) -96px -24px/240px 72px no-repeat;width:48px;height:48px;display:block}.troops-camp-row>ul{flex:1;align-content:center;min-width:0;padding:0}.troops-panel{scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-y}.troops-panel::-webkit-scrollbar{display:none}.attack-selection-dialog{box-sizing:border-box;outline-offset:-6px;color:#f5dfb4;text-align:center;width:min(92vw,440px);max-height:85svh;font:inherit;background:#191b1a;border:2px solid #e2bd70;border-radius:9px;outline:1px solid #9b793e;margin:auto;padding:20px;position:fixed;inset:0;overflow:auto}.attack-selection-dialog::backdrop{background:#000a}.attack-selection-dialog h2{color:#ffcf77;margin:0 0 12px;font-size:19px}.attack-selection-dialog p{font-size:13px;line-height:1.8}.attack-unit-list{gap:8px;max-height:42svh;display:grid;overflow:auto}.attack-unit{text-align:right;background:#262621;border:1px solid #625238;border-radius:5px;align-items:center;gap:10px;padding:7px;display:flex}.attack-unit img{object-fit:cover;border-radius:3px;width:48px;height:48px}.attack-unit>span{flex:1;font-size:13px}.attack-unit small{color:#c4b698;margin-top:5px;font-size:11px;display:block}.attack-unit input{color:#fff;text-align:center;width:80px;min-width:0;font:inherit;direction:ltr;background:#111;border:1px solid #a88b53;border-radius:4px;padding:8px 4px}.attack-selection-actions{gap:10px;margin-top:14px;display:flex}.attack-selection-actions button{color:#eee;font:inherit;background:#3e403b;border:1px solid #ad8d50;border-radius:4px;flex:1;padding:10px;font-size:13px}.attack-selection-actions [data-action=attack-selection-submit]{color:#201a0d;background:linear-gradient(#ffe099,#dba33d)}.attack-selection-dialog button:disabled{opacity:.45;cursor:default}.attack-selection-error{color:#ffb2a0;overflow-wrap:anywhere}.attack-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:12px 4px;display:grid}.attack-type-card{aspect-ratio:1;background:#171717;border:1px solid #e4bc71;border-radius:3px;padding:0;position:relative;overflow:hidden}.attack-type-card img{object-fit:cover;width:100%;height:100%;display:block}.attack-type-card.selected img{filter:brightness(.5)}.attack-type-card b{color:#ffcf77;text-shadow:0 1px 3px #000;font-size:13px;position:absolute;bottom:2px;right:4px}.attack-type-card i{color:#40bd69;place-items:center;font-size:40px;font-style:normal;font-weight:700;display:grid;position:absolute;inset:0}.attack-selection-dialog .attack-army-summary{direction:ltr;background:#292929;justify-content:space-between;gap:8px;padding:10px 6px;font-size:12px;display:flex}.attack-army-summary span{direction:rtl}.attack-count-row{border-bottom:1px solid #36322a;padding:12px 3px}.attack-count-heading{direction:ltr;align-items:center;gap:10px;display:flex}.attack-count-heading img{object-fit:cover;border:1px solid #d6b16b;border-radius:3px;width:50px;height:50px}.attack-count-heading strong{text-align:left;flex:1;font-size:15px}.attack-count-heading span{color:#ffd185;font-size:14px}.attack-count-controls{align-items:center;gap:9px;margin-top:12px;display:flex}.attack-count-controls button{color:#ffcf77;background:#29251e;border:1px solid #e3b75e;border-radius:3px;flex-shrink:0;width:25px;height:25px;padding:0;font-size:22px;line-height:20px}.attack-count-controls input{accent-color:#ffd185;cursor:pointer;flex:1;min-width:0}.attack-add-troops{color:#201a0d;width:100%;font:inherit;background:#ffd58a;border:0;border-radius:4px;margin-top:16px;padding:11px;font-weight:700}.attack-selection-actions [data-action=attack-types-next]{color:#201a0d;background:linear-gradient(#ffe099,#dba33d)}.attack-type-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;padding:6px 0}.attack-type-card{justify-self:center;width:calc(100% - 3px)}.attack-type-card b{font-size:10px;bottom:1px;right:2px}.attack-type-card i{font-size:24px}.attack-count-row{direction:ltr;align-items:center;gap:7px;padding:9px 0;display:flex}.attack-count-icon{object-fit:cover;border:1px solid #d6b16b;border-radius:3px;flex-shrink:0;width:42px;height:42px}.attack-count-controls{flex:1;gap:5px;min-width:0;margin:0}.attack-count-controls input[type=range]{width:100%;margin:0}.attack-count-controls button{width:22px;height:24px;font-size:19px}.attack-manual-count{text-align:center;flex:0 0 59px;min-width:0}.attack-manual-count input{box-sizing:border-box;color:#fff;width:100%;font:inherit;text-align:center;appearance:textfield;background:#111;border:1px solid #a88b53;border-radius:3px;padding:4px 2px;font-size:12px}.attack-manual-count input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.attack-manual-count input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.attack-manual-count small{color:#d1bb91;margin-top:2px;font-size:10px;display:block}.attack-add-troops{background:#d3ac67;border:1px solid #c39b59;margin-top:9px;padding:6px 10px;font-size:12px;font-weight:400}.attack-selection-dialog .attack-duration{color:#ffd185;font-variant-numeric:tabular-nums;margin:18px 0;font-size:28px;font-weight:700}.attack-type-grid{direction:ltr}.attack-count-controls .attack-all{width:auto;min-width:34px;font:inherit;padding:0 4px;font-size:11px;line-height:1.2}.attack-count-portrait{text-align:center;flex:0 0 44px;min-width:0}.attack-count-portrait img{object-position:center top;display:block}.attack-count-portrait small{color:#d1bb91;margin-top:3px;font-size:10px;display:block}.attack-type-card img,.attack-unit img{object-position:center top}.attack-selection-actions [data-action=attack-selection-cancel]{order:1}.mail-list{padding:0 10px}.mail-row{text-align:right;color:#d9d2c1;background:#302a23;border:0;border-bottom:1px solid #47433b;align-items:center;gap:10px;width:100%;padding:13px 7px;display:flex}.mail-row.unread{background:#403526}.mail-row>i{color:#e8bd5d;font-size:22px;font-style:normal}.mail-row span{flex:1}.mail-row b,.mail-row small{display:block}.mail-row b{font-size:13px}.mail-row small{color:#aca595;margin-top:5px;font-size:10px}.mail-loading{text-align:center;color:#c9c1ad;padding:24px}.mail-back{color:#edc86b;text-align:right;background:#262525;border:0;border-bottom:1px solid #665738;width:100%;padding:10px}.battle-result{text-align:center;background:linear-gradient(110deg,#612522,#1d1d1d 48%,#1e592e);padding:18px 12px}.battle-result h2{color:#ffd67d;margin:0 0 14px;font-size:18px}.battle-sides{direction:ltr;grid-template-columns:1fr 1fr;display:grid}.battle-sides div{direction:rtl;justify-items:center;gap:3px;display:grid}.battle-sides i{border:1px solid #e0bd75;border-radius:50%;place-items:center;width:42px;height:42px;font-style:normal;display:grid}.battle-sides strong{font-size:13px}.battle-sides small,.battle-result p{color:#d9d2c1;font-size:10px}.battle-unit-columns{grid-template-columns:1fr 1fr;gap:8px;padding:12px;display:grid}.battle-unit-columns>div{background:#252525;border:1px solid #755b30}.battle-unit-columns h3{text-align:center;color:#edca70;margin:0;padding:8px;font-size:12px}.battle-unit-columns ul{margin:0;padding:0;list-style:none}.battle-unit-columns li{border-top:1px solid #48443b;justify-content:space-between;padding:7px;font-size:11px;display:flex}.battle-unit-columns li b{color:#f1d999}.battle-note{text-align:center;color:#bdb5a2;margin:0;padding:8px 15px 20px;font-size:11px}.mail-trigger{position:relative}.mail-badge{color:#fff;text-align:center;background:#bc2b2b;border:1px solid #ffd3d3;border-radius:10px;min-width:17px;height:17px;padding:1px 4px;font-size:10px;line-height:13px;position:absolute;top:2px;right:5px}.report-coordinate{color:#ffe0a0;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e7bf6d;padding:1px 2px;font:600 12px Arial,sans-serif}.report-coordinate:focus-visible{outline-offset:2px;outline:1px solid #fff0b0}.report-coordinate:active{color:#fff}.battle-result.own-victory{background:linear-gradient(110deg,#1e592e,#1d1d1d 48%,#612522)}.battle-result.own-defeat{background:linear-gradient(110deg,#612522,#1d1d1d 48%,#1e592e)}.battle-unit-columns{direction:ltr}.battle-unit-columns>div{direction:rtl}.mail-row b{font-weight:400}.mail-row.unread b{color:#ffd36a;font-weight:700}.mail-row.hunt-victory b{color:#80998a;font-weight:400}.mail-row.hunt-victory.unread b{color:#63d18a;font-weight:700}.mail-row.hunt-defeat b{color:#986f70;font-weight:400}.mail-row.hunt-defeat.unread b{color:#c14e52;font-weight:700}.hunt-army{padding:14px 12px}.hunt-army h3{text-align:center;color:#edca70;font-size:14px}.hunt-army table{border-collapse:collapse;border:1px solid #755b30;width:100%;font-size:12px}.hunt-army th,.hunt-army td{text-align:right;padding:10px}.hunt-army thead{color:#231a0f;background:#dfb96d}.hunt-army tbody tr:nth-child(odd){background:#303030}.hunt-army tfoot{color:#edca70;background:#242424}.hunt-report-id{text-align:center;color:#aaa195;overflow-wrap:anywhere;padding:0 12px 20px;font-size:10px}.hunt-player-portrait,.hunt-npc-portrait{box-sizing:border-box;background:#202020;border:1px solid #e0bd75;border-radius:0;width:80px;height:80px;margin-bottom:6px;display:block;position:relative;overflow:hidden}.hunt-player-portrait img{object-fit:cover;object-position:top;width:100%;height:auto;min-height:107.527%;display:block;transform:translateY(-7%)}.hunt-npc-portrait .npc-search-art{width:100%;max-width:100%;height:100%;max-height:100%;display:block;position:static;top:auto;left:auto;overflow:hidden;transform:none}.hunt-npc-portrait[data-kind=vikings] .npc-search-art,.hunt-npc-portrait[data-kind=swordsman] .npc-search-art{transform:translateY(-5px)}.mail-panel{flex-direction:column;display:flex;overflow:hidden}.mail-panel>header,.mail-panel>.mail-sections,.mail-bulk-actions{flex-shrink:0}.mail-content{flex:1;min-height:0;overflow-y:auto}.mail-panel .mail-archive-tab{color:#ddc493;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:4px;padding:8px;font-size:12px;display:flex}.mail-panel .mail-archive-tab[aria-pressed=true]{color:#fff0c9;border-bottom-color:#e1b85e}.mail-tab-count{color:#fff;background:#b92d30;border-radius:10px;place-items:center;min-width:16px;min-height:16px;margin-inline-start:3px;padding:1px 3px;font-size:9px;font-weight:700;line-height:1.2;display:inline-grid}.mail-row{gap:3px;padding:0}.mail-open{text-align:right;min-width:0;color:inherit;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:13px 5px;display:flex}.mail-open>i{color:#e8bd5d;font-size:20px;font-style:normal}.mail-open>span{min-width:0}.mail-row .mail-row-actions{flex:none;align-items:center;gap:2px;display:flex}.mail-row-actions button{color:#d5b575;background:0 0;border:0;place-items:center;width:36px;height:40px;padding:3px;font-size:19px;display:grid}.mail-row-actions [data-action=mail-delete]{color:#d45d5d}.mail-panel button:disabled{cursor:default;opacity:.45}.mail-bulk-actions{background:#2c2b29;border-top:1px solid #665738;justify-content:space-around;gap:8px;padding:14px 8px;display:flex}.mail-bulk-actions button{background:0 0;border:0;padding:4px 2px;font-size:13px;font-weight:700}.mail-delete-all{color:#ce5155}.mail-read-all{color:#e1bd7c}.mail-detail-toolbar{background:#262525;align-items:center;display:flex}.mail-detail-toolbar .mail-back{flex:1;width:auto}.mail-detail-toolbar .mail-row-actions{flex:none;display:flex}.mail-error{color:#ef9898;text-align:center;margin:0;padding:10px;font-size:12px}.mail-more{color:#e1bd7c;background:#302b22;border:1px solid #665738;margin:15px auto;padding:8px 16px;display:block}.mail-generic-detail{padding:20px;line-height:1.8}.mail-generic-detail h2{font-size:16px}.mail-panel .mail-tab-count{color:#fff}.mail-panel .mail-open:disabled{opacity:1}.mail-sections button{justify-content:center;align-items:center;min-height:42px;padding:10px 1px;font-size:12px;font-weight:700;line-height:1.4;display:flex;position:relative}.mail-sections .mail-tab-count{min-width:12px;min-height:12px;font-size:8px;position:absolute;top:1px;right:2px}@media (width<=400px){.mail-sections button{font-size:11px}}.spy-resources{text-align:center;padding:12px}.spy-resources h3{color:#edca70;font-size:14px}.spy-resources>span{vertical-align:top;background:#252525;border:1px solid #755b30;align-items:center;gap:6px;margin:4px;padding:8px;font-size:12px;display:inline-flex}.spy-resources img{object-fit:contain;width:28px;height:28px}.spy-resources b{color:#edca70}.spy-result-failure h2{color:#ef6868}.spy-overview{border-collapse:collapse;direction:ltr;width:100%;margin-top:12px;font-size:13px}.spy-overview td,.spy-overview th{text-align:center;background:#20202099;width:33.333%;padding:8px}.spy-overview th{color:#edca70;direction:rtl}.spy-unit-results{overflow-x:auto}.spy-unit-results table{min-width:310px;font-size:10px}.spy-unit-results td,.spy-unit-results th{padding:8px 4px}.spy-unknown-troops,.spy-no-defenders{text-align:center;color:#c9c1ad;padding:8px 12px;font-size:12px;line-height:1.8}.spy-resources p{color:#c9c1ad;font-size:11px}.spy-overview tr:nth-child(2n) td,.spy-overview tr:nth-child(2n) th{background:#41414199}.mail-row-actions svg{pointer-events:none;width:28px;height:28px;display:block}.combat-overview,.combat-lines,.combat-exchanges{padding:12px;font-size:12px;line-height:1.9}.combat-overview h3,.combat-lines h3{text-align:center;color:#edca70}.combat-table-scroll{scrollbar-width:none;overflow:auto}.combat-table-scroll::-webkit-scrollbar{display:none}.combat-overview table,.combat-lines table{border-collapse:collapse;text-align:center;width:100%;font-size:11px}.combat-overview th,.combat-overview td,.combat-lines th,.combat-lines td{border:1px solid #665738;padding:7px 3px}.combat-lines{box-sizing:border-box;min-width:0;max-width:100%}.combat-lines table{table-layout:fixed;background:#272624;font-size:10px}.combat-lines th,.combat-lines td{overflow-wrap:anywhere;padding:6px 2px}.combat-lines thead th{color:#edca70;white-space:normal;width:14%}.combat-lines thead th:first-child{width:7%}.combat-lines thead th:nth-child(2){width:23%}.combat-lines .combat-enemy-row th,.combat-lines .combat-enemy-row td{color:#f77;border-bottom:2px solid #88734a;padding-top:3px;padding-bottom:3px}.combat-exchanges li{margin:10px 0}.battle-loot{background:#191711;border:1px solid #685635;border-radius:6px;margin:0 0 12px;padding:12px}.battle-loot h3{text-align:center;color:#ffd48e;margin:0 0 10px;font-size:14px}.battle-loot>div{flex-wrap:wrap;justify-content:center;gap:12px 20px;display:flex}.battle-loot span{align-items:center;gap:6px;min-width:0;display:flex}.battle-loot img{object-fit:contain;width:28px;height:28px}.battle-loot b{color:#fff;font-size:14px}.npc-loot>.npc-loot-resources{flex-wrap:nowrap;justify-content:center;gap:10px;display:flex}.npc-loot-resources>span{flex-direction:column;flex:0 0 52px;gap:4px}.npc-loot-resources b{overflow-wrap:anywhere;max-width:100%;font-size:12px}.npc-loot>.npc-loot-gold{margin-top:12px}.npc-loot>.npc-loot-items{justify-content:center;gap:16px 12px;margin-top:24px}.npc-loot .npc-loot-item{flex-direction:column;flex:0 0 72px;gap:6px}.npc-loot .npc-loot-art{box-sizing:border-box;border:1px solid #ccc;border-radius:3px;flex:none;width:72px;height:72px;display:block;position:relative;overflow:hidden}.npc-loot .npc-loot-art img{object-fit:contain;width:100%;height:100%;display:block}.npc-loot-art strong{text-align:center;color:#ffe1a2;text-shadow:0 1px #765024,1px 2px 2px #000,0 0 4px #000b;width:100%;font-family:Palatino Linotype,Book Antiqua,Palatino,serif;font-size:18px;font-weight:400;position:absolute;top:0;left:0}.npc-loot-item>b{color:#fff;font-size:14px}.mail-row.battle-victory .mail-open b{color:#63d18a}.mail-row.battle-defeat .mail-open b{color:#ff686b}.system-letter{color:#f3dfbb;padding:12px}.system-letter h2{text-align:center;font-size:18px}.system-letter-sender{color:#e9c17d}.system-letter-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:2}.system-letter-gift{border-top:1px solid #6a5536;margin-top:18px;padding-top:10px}.system-letter-gift h3{text-align:center}.system-letter-gift .npc-loot-resources{flex-wrap:wrap}.system-letter-claim{color:#201707;font:inherit;background:linear-gradient(#ffe099,#dba33d);border:1px solid #e0b36e;border-radius:4px;margin:18px auto 8px;padding:10px 18px;display:block}.system-letter-claim:disabled{opacity:.55}.system-letter small{color:#aaa}.system-letter-gift .npc-loot-resources{justify-content:center;gap:10px;display:flex}.system-letter-gift .npc-loot-resources>span{align-items:center;display:flex}.system-letter-gift .npc-loot-resources img{object-fit:contain;width:28px;height:28px}.system-letter-gift .npc-loot-items{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.system-letter-gift .npc-loot-item{flex-direction:column;align-items:center;gap:6px;display:flex}.system-letter-gift .npc-loot-art{border:1px solid #aaa;border-radius:3px;width:72px;height:72px;display:block;position:relative;overflow:hidden}.system-letter-gift .npc-loot-art img{object-fit:contain;width:100%;height:100%}.mail-mutation-confirm-backdrop{z-index:30;background:#000b;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.mail-mutation-confirm{color:#f5e8c7;text-align:center;background:#222521;border:1px solid #bd934b;border-radius:8px;width:min(100%,360px);padding:20px;box-shadow:0 12px 45px #000b}.mail-mutation-confirm h2{color:#f3d490;margin:0 0 12px;font-size:18px}.mail-mutation-confirm p{margin:0;font-size:13px;line-height:1.9}.mail-mutation-confirm>div{gap:10px;margin-top:20px;display:flex}.mail-mutation-confirm button{color:#eee;font:inherit;background:#3e403b;border:1px solid #89764e;border-radius:4px;flex:1;padding:11px 6px;font-size:12px}.mail-mutation-confirm button.delete{color:#fff;background:#9f3f36;border-color:#e09080}.mail-mutation-confirm button.archive{color:#201a0d;background:#c49a42;border-color:#e4bf69}.message-timestamp{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;direction:rtl;unicode-bidi:isolate;align-items:center;gap:5px;font-family:Arial,Helvetica,sans-serif;display:inline-flex}.message-date{direction:rtl;gap:0;display:inline-flex}.message-clock{direction:ltr}.mail-row .message-timestamp,.mail-row .message-timestamp span{flex:none}.npc-search-dialog{box-sizing:border-box;color:#ffd48e;width:min(94vw,560px);max-height:88svh;font:inherit;background:#141715;border:2px solid #c4a467;border-radius:8px;margin:auto;padding:15px;position:fixed;inset:0;overflow:auto}.npc-search-dialog::backdrop{background:#000a}.npc-search-dialog header{text-align:center;padding:0 30px;position:relative}.npc-search-dialog h2{margin:0 0 6px;font-size:17px}.npc-search-dialog header>button{color:#ffd48e;background:#28251e;border:1px solid #b29158;border-radius:3px;width:27px;height:27px;font-size:22px;line-height:1;position:absolute;top:0;right:0}.npc-search-hint{text-align:center;color:#bfb6a0;margin:7px 0 14px;font-size:11px}.npc-search-kinds{direction:ltr;flex-wrap:nowrap;justify-content:center;gap:6px;margin-top:16px;display:flex}.npc-search-kinds>button{color:#c8c6c1;background:0 0;border:0;flex-direction:column;flex:1 1 0;align-items:center;min-width:0;padding:0;display:flex}.npc-search-kinds>button>span{aspect-ratio:1;background:#282b28;border:2px solid #aaa69b;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.npc-search-kinds img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.npc-search-kinds b{box-sizing:border-box;white-space:nowrap;z-index:1;background:0 0;border:0;max-width:100%;margin-top:4px;padding:3px 2px;font-size:10px;font-weight:400}.npc-search-kinds [aria-pressed=true]{color:#ffd48e}.npc-search-kinds [aria-pressed=true]>span{background:#0e100e;border-color:#ffd48e}.npc-search-level{align-items:center;gap:8px;margin:22px 0 10px;display:flex}.npc-search-level button{color:#ffd48e;background:#24241f;border:1px solid #e8bc73;border-radius:3px;flex-shrink:0;width:25px;height:25px;font-size:20px;line-height:1}.npc-search-level input[type=range]{accent-color:#ffd48e;flex:1;min-width:0}.npc-search-level input[type=number]{color:#fff;width:40px;font:inherit;text-align:center;appearance:textfield;direction:ltr;background:#111;border:1px solid #716144;border-radius:3px;padding:4px 2px;font-family:Arial,sans-serif;font-size:12px}.npc-search-level input::-webkit-inner-spin-button{appearance:none}.npc-search-level>span{white-space:nowrap;font-size:12px}.npc-search-error{color:#efb2a3;text-align:center;margin:8px 0;font-size:12px;line-height:1.6}.npc-search-submit{color:#16120c;width:100%;font:inherit;background:linear-gradient(100deg,#99876a,#e2be7b,#99876a);border:0;border-radius:4px;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.npc-search-submit strong{font-size:15px}.npc-search-submit small{margin-top:0;font-size:11px}.npc-search-dialog button:disabled{opacity:.5;cursor:default}.npc-search-art{width:98px;max-width:none;height:98px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.npc-search-kinds [data-kind=vikings] .npc-search-art,.npc-search-kinds [data-kind=swordsman] .npc-search-art{transform:translate(-50%,-55%)}.npc-search-kinds>button>span{box-sizing:border-box}.npc-search-error:empty{display:none}.npc-search-dialog>.npc-search-hint:last-child{margin:10px 0 0}.hospital-panel{flex-direction:column;display:flex}.hospital-capacity{color:#e7c68c;background:#212121;justify-content:space-between;padding:12px;font-size:13px;display:flex}.hospital-units{flex:1;padding:10px;overflow:auto}.hospital-unit{border-bottom:1px solid #40382b;align-items:center;gap:12px;padding:12px 4px;display:flex}.hospital-unit>img{object-fit:contain;width:72px;height:90px}.hospital-unit>div{flex:1}.hospital-unit h2{color:#fff;margin:0 0 7px;font-size:14px}.hospital-unit span{color:#c8baa0;font-size:12px}.hospital-unit label{margin-top:10px;font-size:12px;display:block}.hospital-unit input{color:#fff;text-align:center;width:80px;font:inherit;background:#141414;border:1px solid #806c45;border-radius:4px;margin:0 8px;padding:6px}.hospital-unit button{color:#e7c68c;background:#3e3424;border:1px solid #806c45;border-radius:4px;margin-top:8px;font-size:12px}.hospital-footer{text-align:center;background:#212121;border-top:1px solid #b98c44;padding:12px;font-size:13px}.hospital-resources{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hospital-empty{text-align:center;color:#bbb;padding:45px 12px;font-size:14px}.healing-error{color:#df9e87;font-size:12px}.healing-progress{color:#e7c68c}.hospital-footer [data-healing-timer]{color:#e7c68c;font-size:21px}.hospital-panel{background:#161616;overflow:hidden}.hospital-panel header{background:#292929;border-bottom:0;flex-shrink:0;height:40px}.hospital-capacity{color:#ffd184;flex-shrink:0;padding:10px 8px;font-size:14px;font-weight:700}.hospital-units{min-height:0;padding:12px 9px}.hospital-unit{direction:ltr;border:0;align-items:flex-start;gap:8px;padding:8px 3px}.hospital-portrait{flex:0 0 64px;height:64px;position:relative}.hospital-portrait img{object-fit:cover;box-sizing:border-box;border:1px solid #efc77e;border-radius:3px;width:64px;height:64px}.hospital-wounded-badge{text-align:center;background:#d84339;border:1px solid #ffb276;border-radius:2px;width:18px;line-height:18px;position:absolute;top:-4px;left:-4px;color:#fff!important;font-size:19px!important}.hospital-unit-controls{flex:1;min-width:0}.hospital-unit-heading{justify-content:space-between;align-items:center;gap:8px;margin:2px 0 10px;display:flex}.hospital-unit-heading h2{color:#fff;text-shadow:1px 1px #70501d;margin:0;font-size:14px}.hospital-unit-heading b{color:#ffda91;white-space:nowrap;font-size:14px}.hospital-slider-controls{align-items:center;gap:8px;height:24px;display:flex}.hospital-slider-controls button{color:#fbd18a;background:#181818;border:1px solid #e1b768;border-radius:3px;flex-shrink:0;width:24px;height:24px;margin:0;padding:0;font-size:22px;line-height:20px}.hospital-slider-controls .hospital-max{color:#15120c;background:linear-gradient(#f3dfad,#ab8a4d);border-color:#dac28a;width:auto;padding:0 5px;font-size:12px;font-weight:700}.hospital-slider-controls input[type=range]{appearance:none;cursor:pointer;direction:ltr;background:#161616;border:1px solid #edc477;border-radius:6px;flex:1;width:0;min-width:0;height:8px;margin:0;padding:0}.hospital-slider-controls input[type=range]::-webkit-slider-thumb{appearance:none;background:#202020;border:3px solid #ffd184;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 3px #000}.hospital-slider-controls input[type=range]::-moz-range-thumb{background:#202020;border:3px solid #ffd184;border-radius:50%;width:16px;height:16px}.hospital-slider-controls input:focus-visible{outline-offset:4px;outline:2px solid #fff}.hospital-slider-controls :disabled{opacity:.5;cursor:default}.hospital-reserved{text-align:right;margin-top:8px;display:block}.hospital-footer{flex-shrink:0}.hospital-resources{background:#171717;border-radius:3px;gap:5px;padding:5px}.hospital-resources .building-resource{background:#1e1e1e;border:1px solid #333;border-radius:6px;min-height:30px;padding:4px 7px}.hospital-resources .building-resource img{width:17px;height:17px}.hospital-footer .reference-upgrade-submit{color:#161616;background:linear-gradient(#ddd,#999);border:0;border-radius:3px}.hospital-footer .reference-upgrade-submit:disabled{opacity:.55}.hospital-unit>.hospital-portrait{flex:0 0 64px}.hospital-unit>.hospital-unit-controls{flex:1;min-width:0}.hospital-footer .reference-upgrade-submit:not(:disabled){color:#201707;opacity:1;background:linear-gradient(#ffe099,#dba33d);border:1px solid #f2c86d}.hospital-footer .reference-upgrade-submit [data-healing-timer]{color:inherit;margin-right:7px;font-size:12px;display:inline}.hospital-slider-controls input[type=range]{background:linear-gradient(to right,#edc477 0,#edc477 calc(var(--healing-fill,0%) + var(--healing-thumb-offset,11px)),#161616 calc(var(--healing-fill,0%) + var(--healing-thumb-offset,11px)),#161616 100%)}.hospital-treatment-progress{color:#e7c68c;background:#171717;border:1px solid #685537;border-radius:4px;margin-bottom:8px;padding:6px 8px;font-size:12px;font-weight:400}.hospital-treatment-summary{justify-content:space-between;align-items:center;gap:8px;line-height:20px;display:flex}.hospital-treatment-bar{direction:ltr;background:#242424;border:1px solid #b7955d;border-radius:4px;height:28px;margin:4px 0;position:relative;overflow:hidden}.hospital-treatment-fill{pointer-events:none;background:linear-gradient(#9fbb59,#51792f);position:absolute;top:0;bottom:0;left:0}.hospital-treatment-countdown{color:#fff;text-shadow:0 1px 2px #000;direction:rtl;justify-content:center;align-items:center;gap:6px;height:100%;display:flex;position:relative}.hospital-treatment-progress [data-healing-timer]{font-size:12px;font-weight:400}.settings-link{text-align:right;color:#f4d592;background:#29251e;border:1px solid #806c45;border-radius:4px;width:100%;margin:12px 0;padding:16px;display:block}.account-error{color:#efa79a}.server-selection{color:#f4dfb7;background:#171b19;place-items:center;padding:24px;display:grid}.server-selection section{width:100%;max-width:480px}.server-list{gap:12px;margin:24px 0;display:grid}.server-list button{color:#ffe0a0;background:#27251e;border:1px solid #c19a58;border-radius:5px;justify-content:space-between;gap:14px;padding:20px;display:flex}.server-list button:disabled{opacity:.5}.reset-warning{line-height:1.9}.reset-warning h2{color:#efa79a}.reset-warning label{margin-top:24px;display:block}.reset-warning input{color:#fff;width:100%;font:inherit;background:#111;border:1px solid #957c51;margin:12px 0;padding:10px;display:block}.reset-confirm{color:#fff;background:#bb4937;border:1px solid #f0a18a;border-radius:4px;width:100%;padding:12px}.reset-confirm:disabled{color:#aaa;cursor:not-allowed;background:#555;border-color:#666}.theme-options{gap:12px;margin:16px 0;display:flex}.theme-options button{background:#333026;border:1px solid #aa8b55;border-radius:4px;padding:10px}.theme-options button[aria-pressed=true]{color:#fff;background:#93703a}main[data-theme=night] .scene-wrap canvas{filter:brightness(.65)saturate(.85)}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:14px;padding:10px 0;display:grid}.avatar-choice{background:#24231f;border:1px solid #806c45;border-radius:5px;flex-direction:column;align-items:center;gap:7px;padding:8px;display:flex}.avatar-choice img{object-fit:contain;width:85px;height:85px}.avatar-choice span{font-size:12px}.avatar-choice small{color:#d8c091;font-size:10px}.avatar-choice.selected{background:#423920;border:2px solid #f1c565}.avatar-choice:disabled:not(.selected){opacity:.5;cursor:not-allowed}.player-avatar{object-fit:contain;border:1px solid #b98c44;border-radius:4px;width:30px;height:34px;display:block}.brand{grid-template-columns:36px auto}.crest{background:0 0;border:0;padding:0}.player-avatar{width:36px;height:40.8px}.profile-portrait{object-fit:contain;width:96px;height:110px;margin:0 auto 18px;display:block}.profile-name-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.profile-name-row h2{overflow-wrap:anywhere;margin:0}.profile-name-row button,.rename-editor button{color:#f5d58e;background:#41351f;border:1px solid #b58e4d;border-radius:4px;padding:9px;font-size:12px}.profile-name-row button{flex-shrink:0}.rename-editor{background:#25241f;border:1px solid #806c45;border-radius:5px;margin-bottom:18px;padding:14px}.rename-editor label{font-size:13px;display:block}.rename-editor input{width:100%;font:inherit;color:#fff;background:#121515;border:1px solid #92784a;margin:12px 0;padding:10px;display:block}.rename-editor p{font-size:12px;line-height:1.8}.rename-editor button{margin:4px}.rename-editor button:disabled{opacity:.45;cursor:not-allowed}.rename-editor [data-action=confirm-name]{color:#17140d;background:#b68c37}.profile-details{margin:0}.profile-details>div{border-bottom:1px solid #494235;grid-template-columns:1fr 1.4fr;gap:12px;padding:12px 0;font-size:12px;line-height:1.8;display:grid}.profile-details dt{color:#c9b894}.profile-details dd{overflow-wrap:anywhere;unicode-bidi:plaintext;margin:0}.profile-panel .settings-section{padding:8px 14px 12px}.profile-panel .profile-portrait{width:56px;height:64px;margin:0 auto 6px}.profile-panel .profile-name-row{margin-bottom:6px}.profile-panel .profile-name-row h2{font-size:16px}.profile-panel .profile-name-row button{padding:6px 8px}.profile-panel .profile-details>div{border:0;gap:8px;padding:3px 0;font-size:11px;line-height:1.4}.profile-panel .profile-details dd{min-width:0}@media (height<=700px){.profile-panel .profile-portrait{width:42px;height:48px}.profile-panel .profile-details{grid-template-columns:1fr 1fr;gap:3px 12px;display:grid}.profile-panel .profile-details>div{padding:2px 0;display:block}.profile-panel .profile-details dt{font-size:10px}.profile-panel .profile-details dd{font-size:11px}}.brand .player-power{color:#e6c46e;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px}.hud .brand{grid-template-columns:36px auto;row-gap:1px;min-width:112px}.hud .brand strong{color:#e2e4e6;text-overflow:ellipsis;white-space:nowrap;max-width:105px;font-size:10px;font-weight:400;line-height:14px;overflow:hidden}.hud .brand .player-power{color:#e6c46e;align-items:center;gap:3px;font-size:16px;font-weight:700;line-height:20px;display:flex}.power-icon{object-fit:contain;flex-shrink:0;width:18px;height:18px;display:block}.coin-confirm-dialog{color:#f5e8c7;text-align:center;background:#222521;border:2px solid #bd934b;border-radius:9px;width:min(90vw,370px);max-height:85svh;padding:22px;position:fixed;overflow:auto;box-shadow:0 12px 45px #000b}.coin-confirm-dialog::backdrop{background:#000b}.coin-confirm-dialog h2{color:#f3d490;margin:0 0 15px;font-size:19px}.coin-confirm-dialog p{overflow-wrap:anywhere;font-size:13px;line-height:1.9}.coin-confirm-amount{color:#f2ce72;justify-content:center;align-items:center;gap:8px;margin:18px 0;display:flex}.coin-confirm-amount img{object-fit:contain;width:27px;height:27px}.coin-confirm-amount strong{font-size:28px}.coin-confirm-actions{gap:10px;margin-top:20px;display:flex}.coin-confirm-actions button{color:#eee;background:#3e403b;border:1px solid #89764e;border-radius:4px;flex:1;padding:11px 6px;font-size:12px}.coin-confirm-actions [data-action=coin-confirm]{color:#201a0d;background:#c49a42;border-color:#e4bf69}.coin-confirm-actions button:focus-visible{outline-offset:3px;outline:2px solid #fff}.profile-panel{isolation:isolate}.profile-panel>header{z-index:2;position:relative}.profile-panel .profile-portrait{object-fit:contain;object-position:center;opacity:.28;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;width:100%;height:calc(100% - 86px);margin:0;position:absolute;inset:74px 0 12px}.profile-panel .settings-section>:not(.profile-portrait){z-index:1;position:relative}.profile-panel .profile-details,.profile-panel .profile-name-row h2{text-shadow:0 1px 3px #000,0 0 5px #000}.profile-panel .profile-details>div{font-size:15px;font-weight:700}.profile-panel .profile-name-row h2{font-size:18px;font-weight:700}.profile-panel .profile-details dt,.profile-panel .profile-details dd{font-weight:700}@media (height<=700px){.profile-panel .profile-details dt{font-size:14px}.profile-panel .profile-details dd{font-size:15px}}.profile-panel .profile-name-row{justify-content:flex-start;gap:8px}.profile-panel .profile-name-row [data-action=edit-name]{order:0}.profile-panel>header{direction:rtl;grid-template-columns:40px minmax(0,1fr) 40px;display:grid}.profile-panel>header h1{text-align:center;grid-area:1/2;margin:0}.profile-panel>header .close{float:none;grid-area:1/1;justify-self:center}.profile-panel .profile-name-row{margin-top:20px;margin-bottom:20px}.profile-panel .profile-name-row [data-action=edit-name]{box-sizing:border-box;place-items:center;width:30px;min-width:30px;height:30px;padding:0;font-size:18px;line-height:1;display:grid}.hud .commander{box-sizing:border-box;color:#e1ba60;flex:0 0 51.0625px;place-items:center;width:51.0625px;height:38px;display:grid}.commander svg{width:23px;height:23px;display:block}@media (width<=500px){.hud .commander{flex-basis:43.25px;width:43.25px;height:33px}.commander svg{width:21px;height:21px}}.player-avatar{box-sizing:border-box;position:relative;overflow:hidden}.player-avatar-image{width:auto;max-width:none;height:263.158%;display:block;position:absolute;top:-13.1579%;left:50%;transform:translate(-50%)}.second-builder-note{color:#c9b894;margin:0 8px 16px;font-size:11px;line-height:1.8}.settings-link:disabled{cursor:default;opacity:.65}.construction-queue-row{justify-content:center;gap:2px;min-height:20px}.construction-queue-row+.construction-queue-row{margin-top:0}.rename-editor [data-action=confirm-name].name-invalid{color:#f77;opacity:1;background:#231a18;font-weight:700}.rename-editor input[aria-invalid=true]{color:#f77;border-color:#f77}.server-selection{box-sizing:border-box;height:100svh;overflow:auto}.server-selection header{position:relative}.server-selection header .close{color:#edca70;background:#171717;border:1px solid #9d7c44;border-radius:3px;width:32px;height:32px;padding:0;font-size:28px;line-height:28px;position:absolute;top:0;right:0}.server-list article{background:#24231f;border:1px solid #806c45;border-radius:5px;padding:14px}.server-list article h2{margin:0 0 8px;font-size:16px}.server-list article small{font-size:12px;line-height:1.9}.server-list article>div{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.server-list article button{font:inherit;padding:10px}.server-selection table{border-collapse:collapse;width:100%;margin:14px 0;font-size:12px}.server-selection th,.server-selection td{overflow-wrap:anywhere;border-bottom:1px solid #665535;padding:8px 4px}.server-selection h1{text-align:center}.server-selection button{cursor:pointer}.server-selection button:disabled{cursor:default}.side-panel>header{justify-content:center;position:relative}.side-panel>header h1{text-align:center;width:calc(100% - 88px);margin:0}.side-panel>header .close{color:#f0d9aa;background:#25231e;border:1px solid #a88954;border-radius:3px;place-items:center;width:32px;height:32px;padding:0;font-size:26px;line-height:1;display:grid;position:absolute;top:50%;left:auto;right:12px;transform:translateY(-50%)}.side-panel>header .close:active{background:#463b28}.side-panel>header>b{position:absolute;top:50%;left:12px;transform:translateY(-50%)}.settings-menu{padding:16px}.settings-menu .settings-link{color:#f0d49b;text-align:right;background:linear-gradient(#51432d,#292720);border:1px solid #ad8c50;border-radius:5px;align-items:center;width:100%;min-height:66px;margin:0 0 12px;padding:12px;display:flex}main,main *{-ms-overflow-style:none;scrollbar-width:none}main::-webkit-scrollbar{width:0;height:0;display:none}main ::-webkit-scrollbar{width:0;height:0;display:none}.construction-speedup-panel{background:#191b1a}.construction-speedup-panel .speedup-body{text-align:center;color:#f0d5a0;max-height:calc(100svh - 130px);padding:16px;overflow:auto}.speedup-body>p{font-size:13px;line-height:1.8}.speedup-body progress{accent-color:#69ad49;width:100%;height:13px}.speedup-items{direction:rtl;gap:12px;padding:20px 3px;display:flex;overflow-x:auto}.speedup-items>button{background:#262621;border:1px solid #6f6044;border-radius:5px;flex-shrink:0;padding:7px}.speedup-items small{margin-top:5px;font-size:11px;display:block}.speedup-quantity{direction:ltr;justify-content:center;align-items:center;gap:8px;margin:15px 0;display:flex}.speedup-quantity input{color:#fff;text-align:center;width:80px;font:inherit;background:#111;border:1px solid #ad8d53;padding:8px}.speedup-quantity button,.speedup-controls button{color:#fff1c5;background:#9e7939;border:1px solid #c49b57;border-radius:4px;padding:9px}.speedup-body label{font-size:13px;display:block}.speedup-body input[type=range]{accent-color:#e7bb65;direction:ltr;width:100%}.speedup-controls{justify-content:center;gap:12px;margin:20px 0;display:flex}.speedup-body button:disabled{opacity:.45;cursor:not-allowed}.speedup-body .speedup-note{color:#c7bda6;font-size:11px}.construction-speedup-compact>header{direction:rtl;grid-template-columns:40px minmax(0,1fr) 40px;display:grid}.construction-speedup-compact>header h1{text-align:center;grid-area:1/2;margin:0}.construction-speedup-compact>header .close{float:none;grid-area:1/1;justify-self:center}.construction-speedup-compact .speedup-quantity{margin:10px 0}.construction-speedup-compact .speedup-quantity input,.construction-speedup-compact .speedup-quantity button{box-sizing:border-box;height:28px;min-height:0;padding:3px 8px;font-size:13px;line-height:20px}.construction-speedup-compact [data-action=speedup-exit]{color:#eee;background:#3e403b;border-color:#89764e}.speedup-items{scrollbar-width:none;touch-action:pan-x;cursor:grab;gap:6px}.speedup-items::-webkit-scrollbar{display:none}.speedup-items:active{cursor:grabbing}.speedup-items>button{background:0 0;border:0;padding:4px}.speedup-items>button[aria-pressed=true]{background:#403725;border:2px solid #f0c76d}.speedup-items .mission-reward{width:64px;height:64px}.speedup-body>.speedup-building-target{color:#f5d18c;background:#2b291f;border:1px solid #6d5b39;border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0 0 10px;padding:7px;display:flex}.speedup-building-target strong{font-size:15px}.speedup-building-target span{color:#d9c6a1;font-size:12px}.speedup-items>.speedup-planned-item{flex-shrink:0;padding:4px}.construction-speedup-panel .speedup-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.construction-speedup-panel .speedup-controls>button{box-sizing:border-box;width:100%;min-width:0;margin:0;font-size:13px}.construction-speedup-panel .speedup-controls>button.timed-gold-finish{order:0;flex:initial}.reference-modal.construction-speedup-modal{padding:6px 6px max(6px,env(safe-area-inset-bottom,0px));box-sizing:border-box;align-items:center}.construction-speedup-modal .construction-speedup-panel{height:auto;min-height:0;max-height:calc(100vh - 12px);max-height:calc(100svh - 6px - max(6px,env(safe-area-inset-bottom,0px)));box-sizing:border-box;flex-direction:column;display:flex}.construction-speedup-panel .speedup-body{flex:0 auto;min-height:0;max-height:none;padding:10px 8px;overflow:auto}.construction-speedup-panel .speedup-controls{direction:rtl;flex-shrink:0;gap:4px;margin:0;padding:4px 12px 12px}.construction-speedup-panel .speedup-controls>[data-action=speedup-back]{color:#eee;background:0 0}.construction-speedup-panel .speedup-items>:first-child{margin-inline-start:auto}.construction-speedup-panel .speedup-items>:last-child{margin-inline-end:auto}.construction-speedup-panel .speedup-quantity{gap:4px}.construction-speedup-panel .speedup-quantity input{width:64px;min-width:0}.construction-speedup-panel .speedup-quantity button{white-space:nowrap;padding-inline:6px}.construction-speedup-panel .speedup-quantity [data-action=speedup-plus],.construction-speedup-panel .speedup-quantity [data-action=speedup-minus],.construction-speedup-panel .speedup-quantity [data-action=speedup-max]{background:#000}.training-panel{isolation:isolate;background:#212121;flex-direction:column;display:flex;overflow:hidden}.training-panel>header{z-index:2;background:#292929;flex-shrink:0}.training-hero{object-fit:cover;object-position:top;z-index:-2;width:100%;height:calc(100% - 40px);position:absolute;top:40px;left:0}.training-panel:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#21212108 10%,#21212155 30%,#212121 65%);position:absolute;inset:40px 0 0}.training-heading{color:#fff;text-shadow:0 2px 3px #000;flex-shrink:0;padding:14px 14px 0}.training-heading h2{margin:0 0 6px;font-size:22px}.training-heading span{font-size:12px}.training-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.training-stats{color:#e8ce9b;text-shadow:0 1px 3px #000;padding:9px 12px;font-size:11px}.training-show-locked{color:#e4c48d;background:#212121a8;border:1px solid #7e6a47;border-radius:3px;align-self:flex-start;margin:0 12px 5px;padding:5px;font-size:10px}.training-carousel{direction:ltr;flex-shrink:0;gap:8px;padding:6px 12px 12px;display:flex;overflow-x:auto}.training-unit{color:#eee;background:#171717;border:1px solid #9e9e9e;border-radius:3px;flex:0 0 72px;padding:0;font-size:10px;position:relative;overflow:hidden}.training-unit.selected{border:2px solid #e6bd75}.training-unit img{object-fit:cover;width:100%;height:68px;display:block}.training-unit span{white-space:nowrap;padding:3px 1px;display:block}.training-unit.locked img{filter:grayscale();opacity:.65}.training-unit i{font-style:normal;position:absolute;top:2px;left:2px}.training-controls{color:#e4c48d;padding:0 12px 10px;font-size:12px}.training-controls>div{align-items:center;gap:8px;margin:8px 0;display:flex}.training-controls button{color:#e8c789;background:#28231a;border:1px solid #a58954;border-radius:3px;min-width:26px;height:26px}.training-controls input[type=number]{color:#fff;text-align:center;width:70px;min-width:0;height:26px;font:inherit;background:#171717;border:1px solid #8f774a;border-radius:3px;flex:1}.training-controls input[type=range]{accent-color:#e9c17e;direction:ltr;width:100%}.training-progress{color:#e4c48d;flex-direction:column;gap:12px;padding:10px;display:flex}.training-progress progress{accent-color:#6bb34b;width:100%}.training-progress b{font-size:19px}.training-footer .training-collect{background:linear-gradient(#acd27f,#618b3c)!important}.training-cancel{color:#e3b8a0;background:#332521;border:1px solid #a56554;border-radius:3px;padding:8px 24px}.training-panel button:disabled{opacity:.5;cursor:default}.training-footer{z-index:1}.training-confirm-dialog{box-sizing:border-box;color:#f5e8c7;text-align:center;background:#222521;border:2px solid #bd934b;border-radius:9px;width:min(90vw,370px);max-height:85svh;padding:22px;position:fixed;overflow:auto;box-shadow:0 12px 45px #000b}.training-confirm-dialog::backdrop{background:#000b}.training-confirm-dialog h2{color:#f3d490;margin:0 0 15px;font-size:19px}.training-confirm-dialog p{font-size:13px;line-height:1.9}.training-confirm-actions{gap:10px;margin-top:20px;display:flex}.training-confirm-actions button{color:#eee;font:inherit;background:#3e403b;border:1px solid #89764e;border-radius:4px;flex:1;padding:11px 6px;font-size:12px}.training-confirm-actions [data-action=training-confirm-yes]{color:#201a0d;background:linear-gradient(#ffe099,#dba33d);border-color:#e4bf69}.training-confirm-actions button:focus-visible{outline-offset:3px;outline:2px solid #fff}.training-panel>header{justify-content:center;display:flex;position:relative}.training-panel>header h1{text-align:center;margin:0}.training-panel>header .close{float:none;position:absolute;top:50%;left:auto;right:12px;transform:translateY(-50%)}.training-panel .training-hero{object-fit:cover;object-position:center top;width:100%;height:100%;inset:0}.training-panel:after{background:linear-gradient(#14141438,#14141480);inset:0}.training-spacer{flex:0 0 24px;min-height:24px}.training-heading{padding-top:10px}.training-heading h2{margin-bottom:3px}.training-stats{padding-top:5px;padding-bottom:5px}.training-carousel{scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y}.training-carousel::-webkit-scrollbar{display:none}.training-carousel:active{cursor:grabbing}.training-unit-art{position:relative}.training-unit-count{color:#fff;text-shadow:0 1px 2px #000,1px 0 2px #000,-1px 0 2px #000;pointer-events:none;font-size:11px;font-weight:400;line-height:14px;position:absolute;bottom:2px;right:3px}.training-unit img{pointer-events:none}.training-footer{background:#15151599;padding:6px 12px}.training-footer .hospital-resources{background:#1119;gap:2px 12px;padding:4px 8px}.training-footer .hospital-resources .building-resource{gap:5px;min-height:22px;padding:2px 0;font-size:12px}.training-footer .hospital-resources .building-resource img{object-fit:contain;width:18px;height:18px}.training-footer>p{margin:5px 0;font-size:12px}.training-footer .reference-upgrade-submit{margin-top:4px;padding-top:7px;padding-bottom:7px}.training-confirm-actions .relocation-confirm-yes{color:#201a0d;background:linear-gradient(#ffe099,#dba33d);border-color:#e4bf69}.training-progress-line{direction:ltr;align-items:center;gap:7px;display:flex}.training-progress-line progress{flex:1;width:100%;min-width:0;height:12px;display:block}.training-cancel-icon{color:#fff;background:#a8322b;border:1px solid #ed8374;border-radius:3px;flex:0 0 20px;width:20px;min-height:20px;padding:0;font-size:17px;font-weight:700;line-height:16px;box-shadow:inset 0 0 0 1px #651b18}.training-cancel-icon:active{background:#cf463c}.training-body>.training-spacer{flex:1 0 24px;min-height:24px}.training-stats{flex-shrink:0}.training-box{background:#1119;border-radius:3px;flex-shrink:0;margin:0 12px 8px;padding:4px 8px}.training-types-box .training-show-locked{margin:0 0 5px}.training-types-box .training-carousel{padding:6px 0 8px}.training-quantity-box{padding:4px 0}.training-unit img{object-position:center top}.training-panel .training-box{background:#111111f0;border-radius:0;margin:0}.training-panel .training-footer{background:#111111f0}.training-footer .hospital-resources{background:0 0}.training-types-heading{direction:rtl;align-items:stretch;gap:6px;display:flex}.training-types-heading .training-show-locked{flex:none}.training-lock-notice-space{flex:1;min-width:0;margin-bottom:5px;position:relative}.training-lock-notice{text-align:center;color:#ff4b60;text-shadow:0 0 4px #ff173b55;pointer-events:none;justify-content:center;align-items:center;font-size:10px;line-height:1.35;display:flex;position:absolute;inset:0}.training-footer [data-action=training-start]{box-sizing:border-box;border:1px solid #0000;height:32px;min-height:32px;padding:7px 8px;line-height:16px}