.hud-stage{--hud-frame-src:none;--hud-vp-top:25.5%;--hud-vp-left:10%;--hud-vp-right:1.2%;--hud-vp-bottom:2.4%}.hud-account-menu-slot{position:fixed;z-index:12;top:calc(var(--game-safe-top) + 5px);right:calc(var(--game-safe-right) + 7px);width:min(260px,calc(100vw - 76px));pointer-events:auto}.hud-account-menu-trigger{width:100%;min-height:40px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px;padding:6px 10px;border:1px solid #9f762d;border-radius:7px;background:linear-gradient(180deg,rgba(54,39,23,.98),rgba(11,9,8,.98)),#15100c;color:#ffe7a2;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:800;line-height:1;text-shadow:0 1px 2px #000;box-shadow:inset 0 0 0 1px rgba(255,226,143,.12),0 3px 9px rgba(0,0,0,.65)}.hud-account-menu-trigger-icon{color:#f2c85c;font-size:17px}.hud-account-menu-chevron{color:#d5ad54;font-size:18px;transform:translateY(-2px);transition:transform .16s ease}.hud-account-menu-trigger[aria-expanded=true] .hud-account-menu-chevron{transform:translateY(2px) rotate(180deg)}.hud-account-menu-popover{position:absolute;top:calc(100% + 5px);right:0;width:min(310px,calc(100vw - 16px));overflow:hidden;border:1px solid #a77b2e;border-radius:8px;background:radial-gradient(circle at 50% 0,rgba(129,73,30,.28),transparent 37%),linear-gradient(180deg,rgba(31,23,17,.99),rgba(9,8,8,.99));box-shadow:inset 0 0 0 1px rgba(255,225,137,.1),0 12px 30px rgba(0,0,0,.78)}.hud-account-menu-item,.hud-account-menu-logout{width:100%;min-height:42px;display:flex;align-items:center;gap:11px;padding:8px 13px;border:0;border-bottom:1px solid rgba(166,121,45,.25);border-radius:0;background:transparent;color:#f6e2ad;font-size:14px;font-weight:750;text-align:start;text-decoration:none}.hud-account-menu-item>span,.hud-account-menu-logout>span{width:22px;flex:0 0 22px;color:#e0b54e;font-size:17px;text-align:center}.hud-account-menu-item>.hud-account-menu-item-label{width:auto;min-width:0;flex:1 1;color:inherit;font-size:inherit;text-align:start}.hud-account-menu-badge{min-width:24px;height:24px;display:grid;flex:0 0 auto;place-items:center;padding-inline:5px;border:1px solid #f0c254;border-radius:999px;background:#8d202a;color:#fff1b9;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;box-shadow:0 0 8px rgba(207,47,54,.55)}.important-movements{margin-block:14px 18px;padding:14px;border:1px solid rgba(190,143,53,.56);border-radius:8px;background:linear-gradient(180deg,rgba(69,36,23,.48),rgba(17,12,10,.76))}.important-movements h2{margin:0 0 11px;color:#f5d882;font-size:18px}.important-movements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:9px;gap:9px}.important-movement{min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;padding:9px 11px;border:1px solid rgba(204,158,68,.42);border-radius:6px;background:rgba(8,8,8,.62);color:#f4dfaa;text-align:start}.important-movement--incoming{border-color:rgba(220,76,72,.72);background:linear-gradient(90deg,rgba(114,23,31,.7),rgba(18,10,10,.72))}.important-movement span{min-width:0;display:grid;grid-gap:3px;gap:3px}.important-movement small{color:#bcae88}.important-movement>b{color:#f0c85f;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hud-account-menu-item:focus-visible,.hud-account-menu-item:hover,.hud-account-menu-logout:focus-visible,.hud-account-menu-logout:hover{outline:none;background:linear-gradient(90deg,rgba(141,36,42,.78),rgba(85,48,22,.72));color:#fff2bf}.hud-account-menu-language{min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px 6px 13px;border-bottom:1px solid rgba(166,121,45,.25);color:#e8d29c;font-size:13px;font-weight:750}.hud-account-menu-language .lang-switcher{gap:4px}.hud-account-menu-language .lang-switcher button{min-width:39px;min-height:30px;padding:4px 7px;border-color:rgba(184,139,54,.48);background:rgba(4,4,4,.34);color:#c7b98d;font-size:11px}.hud-account-menu-language .lang-switcher button.active{border-color:#d4a843;background:rgba(124,43,34,.54);color:#ffe29a}.hud-account-menu-logout{border-bottom:0;color:#efb3a6;cursor:pointer}@media (min-width:1181px){.hud-account-menu-slot,[dir=rtl] .hud-account-menu-slot{position:absolute;top:var(--hud-row-top);right:8px;left:calc(50% - var(--hud-nav-shift) + var(--hud-nav-half) + 16px + var(--hud-brand-compact-width) + var(--hud-profile-visible-inset) + var(--hud-row-height) * 1.13);width:auto;min-width:56px}.hud-account-menu-trigger{height:clamp(40px,calc(var(--hud-row-height) * .28),56px)}.hud-account-menu-popover{right:0;left:auto}}@media (min-width:1181px) and (max-width:2100px){.hud-account-menu-trigger{grid-template-columns:1fr;justify-items:center;padding-inline:5px}.hud-account-menu-chevron,.hud-account-menu-trigger>span:nth-child(2){display:none}}.army-roster-summary--compact{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:700px){.army-roster-summary--compact,.barracks-unit .unit-training-facts{grid-template-columns:1fr}}.army-roster:has(.formation-command){gap:0;padding:0}.formation-command.formation-editor--compact{gap:10px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#26180c}.formation-command-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,42%);align-items:center;grid-gap:18px;gap:18px;padding:12px 16px;border:1px solid rgba(92,53,17,.48);border-radius:7px;background:linear-gradient(90deg,rgba(53,29,13,.94),rgba(25,17,10,.94)),radial-gradient(circle at 25% 0,rgba(196,133,40,.25),transparent 55%);box-shadow:inset 0 0 0 1px rgba(226,176,79,.1),0 3px 8px rgba(56,30,10,.22)}.formation-command-title{min-width:0}.formation-command-kicker{color:#c4983e;font-size:11px;font-weight:900;letter-spacing:.08em}.formation-command-title h2{margin:2px 0 4px;color:#ffdc7d;font-size:clamp(20px,1.55vw,27px);line-height:1.1;text-shadow:0 2px 3px #000}.formation-command-title p{margin:0;max-width:720px;color:#cdbb91;font-size:clamp(11px,.78vw,14px);line-height:1.55}.formation-command-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid rgba(195,145,55,.47);border-radius:6px;background:rgba(8,7,5,.5)}.formation-command-stats>div{display:grid;grid-gap:2px;gap:2px;min-width:0;padding:9px 7px;text-align:center}.formation-command-stats>div+div{-webkit-border-start:1px solid rgba(195,145,55,.28);border-inline-start:1px solid rgba(195,145,55,.28)}.formation-command-stats span{overflow:hidden;color:#aa9872;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.formation-command-stats strong{color:#f6d47a;font-size:clamp(14px,1vw,19px);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;direction:ltr}.formation-command-stats>div[data-warning] strong{color:#ee8d68}.formation-command-bar{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid rgba(107,67,25,.46);border-radius:6px;background:rgba(116,75,27,.09)}.formation-command-bar label{display:grid;grid-template-columns:auto minmax(130px,180px);align-items:center;grid-gap:8px;gap:8px;color:#513718;font-size:12px;font-weight:900}.formation-command-bar select{min-height:34px;padding:5px 9px;border:1px solid #76521e;border-radius:4px;background:linear-gradient(#332513,#17120b);color:#f2d487;font-weight:800}.formation-command-actions{display:flex;gap:7px}.formation-command-actions button{min-height:34px;padding:6px 14px;border-radius:5px;font-weight:900;cursor:pointer}.formation-auto-button{border:1px solid #6c4b20;background:linear-gradient(#3b2c18,#1c160f);color:#e8cc89}.formation-save-button{border:1px solid #7c541a;background:linear-gradient(#d1a844,#957022);color:#231404;box-shadow:inset 0 1px #f8da7c}.formation-command-actions button:disabled{opacity:.52;cursor:wait}.formation-command .formation-auto,.formation-command .formation-saved{color:#4b3417;background:rgba(124,78,27,.1);border-color:rgba(119,75,25,.33)}.formation-battlefield{display:grid;grid-gap:9px;gap:9px}.formation-line{position:relative;display:grid;grid-template-columns:minmax(150px,18%) minmax(0,1fr);min-height:194px;overflow:hidden;border:1px solid rgba(101,65,24,.52);border-radius:7px;background:linear-gradient(90deg,rgba(40,24,12,.92) 0 18%,hsla(38,50%,60%,.12) 18% 100%),repeating-linear-gradient(0deg,rgba(91,61,27,.035) 0 1px,transparent 1px 5px);box-shadow:inset 0 0 24px rgba(75,43,13,.14)}.formation-line--front{border-color:rgba(133,64,35,.68)}.formation-line--middle{border-color:rgba(133,94,35,.58)}.formation-line--rear{border-color:rgba(54,84,111,.62)}.formation-line:after{content:"";position:absolute;z-index:0;inset:auto 3% 9px 20%;height:20px;border-radius:50%;background:radial-gradient(ellipse,rgba(83,49,17,.2),transparent 68%);pointer-events:none}.formation-line-head{position:relative;z-index:2;display:grid;align-content:center;justify-items:center;grid-gap:6px;gap:6px;padding:12px;-webkit-border-end:1px solid rgba(190,139,51,.33);border-inline-end:1px solid rgba(190,139,51,.33);background:linear-gradient(180deg,rgba(37,25,15,.96),rgba(18,14,10,.94));text-align:center}.formation-line-sigil{display:grid;width:42px;height:42px;place-items:center;border:1px solid #765421;border-radius:50%;color:#e2bb60;background:radial-gradient(circle,#493418,#17110b);font-size:23px;box-shadow:0 0 12px rgba(205,147,46,.18)}.formation-line-head h3{margin:0;color:#f2d27e;font-size:clamp(14px,1vw,18px)}.formation-line-head p{margin:3px 0 0;color:#a99670;font-size:10px;line-height:1.35}.formation-line-totals{display:grid;grid-gap:3px;gap:3px;justify-items:center}.formation-line-totals span,.formation-line-totals strong{padding:3px 8px;border-radius:10px;background:rgba(188,139,48,.12);color:#d8b86a;font-size:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;direction:ltr}.formation-line-totals span{color:#bfa66b;font-size:9px}.formation-line-units{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:stretch;grid-gap:8px;gap:8px;overflow-x:visible;padding:8px}.formation-command .formation-drop-empty{display:grid;min-height:170px;place-items:center;color:#7f6746;font-size:12px}.formation-battalion{position:relative;display:grid;grid-template-rows:126px auto auto auto;min-width:0;overflow:hidden;border:1px solid rgba(103,67,24,.55);border-radius:6px;background:linear-gradient(180deg,rgba(37,25,14,.2),rgba(23,15,8,.92) 67%);box-shadow:inset 0 0 0 1px rgba(255,219,130,.05),0 2px 4px rgba(60,35,11,.22);color:#ead6a4;text-align:center}.formation-battalion.is-recommended{border-color:rgba(119,91,35,.72)}.formation-battalion.is-exposed{border-color:rgba(154,72,48,.75);box-shadow:inset 0 0 0 1px rgba(177,65,42,.14)}.formation-battalion-art{position:relative;display:grid;min-width:0;place-items:end center;overflow:hidden;color:inherit;text-decoration:none;background:radial-gradient(ellipse at 50% 75%,rgba(184,123,33,.28),transparent 58%)}.formation-battalion-art .unit-visual{max-width:100%;filter:drop-shadow(0 3px 3px rgba(0,0,0,.7));transition:transform .16s ease,filter .16s ease}.formation-battalion-art:hover .unit-visual{transform:scale(1.045);filter:brightness(1.08) drop-shadow(0 3px 4px rgba(0,0,0,.8))}.formation-battalion-count{position:absolute;z-index:2;inset:6px 6px auto auto;min-width:31px;padding:2px 7px;border:1px solid #ba8934;border-radius:10px;background:rgba(20,13,7,.92);color:#ffe08a;font-size:12px;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.formation-battalion-copy{display:grid;grid-gap:1px;gap:1px;padding:6px 6px 4px;border-top:1px solid rgba(174,125,42,.25)}.formation-battalion-copy h4{overflow:hidden;margin:0;color:#f5d67f;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.formation-battalion-copy span{overflow:hidden;color:#a8946d;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.formation-battalion-copy em{color:#df8267;font-size:8px;font-style:normal;font-weight:850}.formation-battalion-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0 5px 5px}.formation-battalion-stats div{display:grid;grid-gap:1px;gap:1px}.formation-battalion-stats dt{color:#8f8065;font-size:8px}.formation-battalion-stats dd{margin:0;color:#dbc17d;font-size:10px;font-weight:900}.formation-position-picker{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px;padding:4px;border-top:1px solid rgba(174,125,42,.2)}.formation-position-picker button{min-height:24px;padding:0;border:1px solid #554020;border-radius:3px;background:#17120c;color:#8e805f;font-size:10px;font-weight:900;cursor:pointer}.formation-position-picker button:hover{border-color:#b28434;color:#f1d179}.formation-position-picker button[data-active]{border-color:#d1a342;background:linear-gradient(#6d4d1d,#322311);color:#ffe69c;box-shadow:inset 0 0 6px rgba(244,193,77,.18)}.formation-footnote{margin:0;padding:7px 10px;color:#614827;font-size:10px;text-align:center}.army-formation-page{min-height:100%}.army-formation-page .formation-command{padding-bottom:14px}.army-formation-page .formation-command-head{grid-template-columns:minmax(0,1fr) minmax(390px,48%)}.army-formation-page .formation-line{min-height:220px}.army-formation-page .formation-line-units{grid-template-columns:repeat(auto-fill,minmax(162px,1fr))}.army-formation-page .formation-battalion{grid-template-rows:138px auto auto auto}.army-formation-page .formation-battalion-art .unit-visual{--unit-w:128px!important;--unit-h:138px!important}.army-roster--inventory{gap:12px}.army-inventory-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 15px;border:1px solid rgba(92,53,17,.48);border-radius:7px;background:linear-gradient(90deg,rgba(53,29,13,.94),rgba(25,17,10,.94));box-shadow:inset 0 0 0 1px rgba(226,176,79,.1),0 3px 8px rgba(56,30,10,.22)}.army-inventory-head>div:first-child{display:grid;grid-gap:2px;gap:2px}.army-inventory-head>div:first-child span{color:#c4983e;font-size:11px;font-weight:900}.army-inventory-head h2{margin:0;color:#ffdc7d;font-size:clamp(20px,1.55vw,27px)}.army-inventory-summary{display:grid;grid-template-columns:auto auto;align-items:center;grid-gap:0 12px;gap:0 12px;text-align:center}.army-inventory-summary span{color:#aa9872;font-size:10px}.army-inventory-summary strong{grid-row:span 2;color:#f6d47a;font-size:clamp(23px,1.7vw,31px);direction:ltr}.army-inventory-summary small{color:#c3aa70;font-size:10px}@media (max-width:900px){.formation-command-head,.formation-line{grid-template-columns:1fr}.formation-line-head{grid-template-columns:auto 1fr auto;justify-items:start;text-align:start}.formation-line-head p{display:none}}.hud-frame-art{position:absolute;inset:0;z-index:var(--z-game-frame);background:none;pointer-events:none;transform:none;isolation:isolate}.hud-stage:has(.city-ground) .hud-frame-art:before{content:"";position:absolute;z-index:0;left:68.6%;top:.7%;width:30.25%;height:23.7%;border-radius:4px;background:radial-gradient(circle at 69% 42%,rgba(91,70,36,.17),transparent 27%),linear-gradient(180deg,#171a1c,#090b0d 58%,#050708);box-shadow:inset 0 -12px 24px rgba(0,0,0,.5)}.hud-frame-img{position:relative;z-index:1;object-fit:fill;object-position:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hud-chrome{position:absolute;inset:0;z-index:var(--z-game-hud);pointer-events:none}.hud-stage:has(.city-ground) .hud-chrome:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,9,6,.08),transparent 18% 78%,rgba(5,7,5,.12)),radial-gradient(110% 92% at 50% 48%,transparent 70%,rgba(3,5,3,.18) 100%),url(/assets/ui/city-field.jpg) center 52% /cover no-repeat;-webkit-clip-path:polygon(1.04% 48.72%,10.76% 48.72%,10.76% 54.15%,1.04% 54.15%);clip-path:polygon(1.04% 48.72%,10.76% 48.72%,10.76% 54.15%,1.04% 54.15%);filter:saturate(1.06) contrast(1.025) brightness(1.025)}.hud-nav,.hud-res-col{position:absolute;inset:0;z-index:1}.hud-res-col:after{display:none!important}.hud-res-slot{position:absolute;left:1.5%;width:9%;min-height:36px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--hud-edge-bright);text-decoration:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.hud-res-slot[data-cell="1"]{top:5.8%;height:7.8%;color:var(--resource-food)}.hud-res-slot[data-cell="2"]{top:15.1%;height:8.1%;color:var(--resource-wood)}.hud-res-slot[data-cell="3"]{top:24%;height:7.3%;color:var(--resource-iron)}.hud-res-slot[data-cell="4"]{top:32.9%;height:7.2%;color:var(--resource-gold)}.hud-res-slot[data-cell="5"]{top:41.7%;height:7.1%;color:var(--resource-population)}.hud-res-icon{display:inline-flex;flex:0 0 auto}.hud-res-val{font-size:clamp(11px,1.15vw,16px);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hud-nav-slot{position:absolute;top:6.15%;width:5.6%;height:8.05%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:4px;color:var(--hud-edge-bright);text-decoration:none;transition:filter var(--motion-fast) ease,transform var(--motion-fast) ease}.hud-nav-slot[data-slot="1"]{left:61.3%}.hud-nav-slot[data-slot="2"]{left:55.15%}.hud-nav-slot[data-slot="3"]{left:49%}.hud-nav-slot[data-slot="4"]{left:42.85%}.hud-nav-slot[data-slot="5"]{left:36.7%}.hud-nav-slot:hover{filter:brightness(1.14) drop-shadow(0 0 5px rgba(217,180,90,.45));transform:translateY(-1px)}.hud-nav-slot[data-active]{filter:brightness(1.18) drop-shadow(0 0 6px rgba(217,180,90,.56))}.hud-nav-img{width:70%;height:70%;max-width:100%;max-height:100%;object-fit:contain}.hud-nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hud-crest{left:10.6%;top:3.4%;width:3%;height:10%}.hud-castle,.hud-crest{position:absolute;border-radius:4px}.hud-castle{left:70.8%;top:3.6%;width:10.2%;height:20%;overflow:hidden;isolation:isolate}.hud-castle:before{content:"";position:absolute;inset:8% 6% 0;z-index:0;border-radius:3px;background:linear-gradient(180deg,rgba(6,9,6,.08),transparent 74%,rgba(5,7,5,.12)),url(/assets/ui/city-field.jpg) center 52% /cover no-repeat;box-shadow:inset 0 0 10px rgba(0,0,0,.36)}.hud-castle-img{position:absolute;z-index:1;left:7%;top:8%;width:86%;height:82%;object-fit:contain;object-position:center bottom;-webkit-clip-path:inset(0 round 3px);clip-path:inset(0 round 3px);filter:drop-shadow(0 5px 5px rgba(0,0,0,.58))}.hud-medallion{position:absolute;left:87.9%;top:2.85%;width:9.6%;height:21.4%;border-radius:50%;overflow:hidden;isolation:isolate}.hud-medallion:before{content:"";position:absolute;inset:8%;z-index:0;border-radius:50%;background:radial-gradient(circle at 50% 38%,#282419,#080909 74%);box-shadow:inset 0 0 18px rgba(0,0,0,.82)}.hud-medallion-portrait{z-index:1;width:77%;height:77%;aspect-ratio:auto;background-position:bottom;background-size:contain;background-repeat:no-repeat}.hud-status-dot{position:absolute;right:14%;bottom:14%;width:10px;height:10px;border-radius:50%;background:#6e7681;box-shadow:0 0 6px currentColor}.hud-status-dot[data-status=connected]{background:var(--success,#3fb950)}.hud-status-dot[data-status=connecting]{background:var(--accent,#d9b45a)}.hud-utils{position:absolute;top:2.6%;left:14.9%;z-index:4;display:flex;align-items:center;gap:6px;min-height:34px;padding:3px 6px;border:1px solid rgba(129,93,35,.62);border-radius:7px;background:linear-gradient(180deg,rgba(8,11,15,.9),rgba(20,16,10,.92));box-shadow:inset 0 1px 0 rgba(255,235,166,.1),0 2px 8px rgba(0,0,0,.5);pointer-events:auto}.hud-util-btn{min-height:30px;padding:4px 9px;border:1px solid var(--hud-edge);border-radius:4px;background:rgba(10,12,15,.82);color:var(--hud-edge-bright);font-size:11px;font-weight:700}[dir=rtl] .hud-frame-art{transform:none}[dir=rtl] .hud-viewport{left:var(--hud-vp-left);right:var(--hud-vp-right)}[dir=rtl] .hud-res-slot{left:1.5%;right:auto}[dir=rtl] .hud-nav-slot[data-slot="1"]{left:61.3%;right:auto}[dir=rtl] .hud-nav-slot[data-slot="2"]{left:55.15%;right:auto}[dir=rtl] .hud-nav-slot[data-slot="3"]{left:49%;right:auto}[dir=rtl] .hud-nav-slot[data-slot="4"]{left:42.85%;right:auto}[dir=rtl] .hud-nav-slot[data-slot="5"]{left:36.7%;right:auto}[dir=rtl] .hud-crest{left:10.6%;right:auto}[dir=rtl] .hud-castle{left:70.8%;right:auto}[dir=rtl] .hud-castle-img{left:11%;right:auto}[dir=rtl] .hud-medallion{left:87.9%;right:auto}[dir=rtl] .hud-utils{left:14.9%;right:auto}.hud-stage:has(.city-ground) .city-command-strip{inset-block-start:15.65%;left:11.95%;right:30.25%;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding:3px;border-radius:5px}.hud-stage:has(.city-ground) .city-command-strip button{min-block-size:29px;padding:3px 6px}@media (min-width:1181px){.hud-res-col .hud-res-slot[data-cell],[dir=rtl] .hud-res-col .hud-res-slot[data-cell]{left:13%;right:auto;width:74%;height:17.4%}.hud-res-col .hud-res-slot[data-cell="1"]{top:4.7%}.hud-res-col .hud-res-slot[data-cell="2"]{top:23.8%}.hud-res-col .hud-res-slot[data-cell="3"]{top:42.9%}.hud-res-col .hud-res-slot[data-cell="4"]{top:62%}.hud-res-col .hud-res-slot[data-cell="5"]{top:81%}.hud-nav .hud-nav-slot[data-slot="1"],[dir=rtl] .hud-nav .hud-nav-slot[data-slot="1"]{left:1.3%;right:auto}.hud-nav .hud-nav-slot[data-slot="2"],[dir=rtl] .hud-nav .hud-nav-slot[data-slot="2"]{left:21.1%;right:auto}.hud-nav .hud-nav-slot[data-slot="3"],[dir=rtl] .hud-nav .hud-nav-slot[data-slot="3"]{left:40.8%;right:auto}.hud-nav .hud-nav-slot[data-slot="4"],[dir=rtl] .hud-nav .hud-nav-slot[data-slot="4"]{left:60.5%;right:auto}.hud-nav .hud-nav-slot[data-slot="5"],[dir=rtl] .hud-nav .hud-nav-slot[data-slot="5"]{left:80.2%;right:auto}.hud-nav .hud-nav-label{position:absolute;inset:auto 4% 5.5%;width:auto;height:auto;clip:auto;overflow:hidden;color:#f2e2b6;font-size:clamp(10px,.74vw,12px);font-weight:800;line-height:1;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #000;white-space:nowrap}}.modal-backdrop:has(.kingdom-sheet){padding:clamp(14px,3vh,34px);background:radial-gradient(circle at 50% 44%,rgba(178,132,48,.15),transparent 34%),rgba(2,3,4,.74);backdrop-filter:blur(2px) saturate(.82);-webkit-backdrop-filter:blur(2px) saturate(.82)}.modal:has(.kingdom-sheet){inline-size:min(780px,calc(100vw - 32px));max-block-size:min(720px,calc(100dvh - 28px));overflow:hidden;border:1px solid #8f6a2e;border-radius:12px;background:radial-gradient(circle at 82% 16%,rgba(197,148,55,.1),transparent 31%),linear-gradient(145deg,rgba(42,31,17,.985),rgba(19,17,14,.99) 56%,rgba(12,13,13,.99));box-shadow:0 28px 80px rgba(0,0,0,.72),inset 0 0 0 1px rgba(255,225,149,.08),0 0 34px rgba(180,129,37,.12)}.modal:has(.kingdom-sheet) .modal-head{position:relative;z-index:3;min-block-size:58px;padding:12px 18px;-webkit-border-after:1px solid rgba(209,163,70,.52);border-block-end:1px solid rgba(209,163,70,.52);background:linear-gradient(180deg,rgba(57,41,20,.98),rgba(25,21,15,.98));box-shadow:0 8px 18px rgba(0,0,0,.3),inset 0 1px rgba(255,235,170,.1)}.modal:has(.kingdom-sheet) .modal-head:after{content:"";position:absolute;inset-inline:18px;inset-block-end:-1px;block-size:1px;background:linear-gradient(90deg,transparent,#d4a94a 20% 80%,transparent)}.modal:has(.kingdom-sheet) .modal-head h2{color:#f1d995;font-size:clamp(18px,1.25vw,22px);font-weight:800;letter-spacing:.02em;text-shadow:0 2px 3px rgba(0,0,0,.7)}.modal:has(.kingdom-sheet) .modal-close{display:grid;place-items:center;inline-size:40px;block-size:40px;padding:0;border:1px solid rgba(212,169,74,.46);border-radius:50%;background:rgba(7,8,9,.56);color:#dcc27f;font-size:17px}.modal:has(.kingdom-sheet) .modal-body{padding:18px 20px 20px;overflow-y:auto}.modal:has(.kingdom-sheet) .city-enter-btn{min-block-size:42px;margin:0 0 16px;border-color:rgba(222,179,81,.72);background:linear-gradient(180deg,rgba(217,180,90,.2),rgba(98,70,26,.13));font-size:13px}.modal:has(.kingdom-sheet) .kingdom-sheet{display:grid;grid-template-columns:256px minmax(0,1fr);grid-gap:20px;gap:20px;align-items:stretch}.modal:has(.kingdom-sheet) .kingdom-sheet-art{position:relative;min-block-size:326px;display:grid;place-items:center;padding:8px;overflow:hidden;border:1px solid rgba(205,158,67,.48);border-radius:9px;background:radial-gradient(ellipse at 50% 66%,rgba(169,126,54,.25),transparent 47%),linear-gradient(180deg,rgba(40,35,27,.72),rgba(11,12,12,.94));box-shadow:inset 0 0 30px rgba(0,0,0,.48),inset 0 1px rgba(255,232,167,.08)}.modal:has(.kingdom-sheet) .kingdom-sheet-art:after{content:"";position:absolute;inset-inline:10%;inset-block-end:8%;block-size:18%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.44),transparent 68%);pointer-events:none}.modal:has(.kingdom-sheet) .kingdom-sheet-art .bld-visual{position:relative;z-index:1;filter:drop-shadow(0 12px 10px rgba(0,0,0,.5))}.modal:has(.kingdom-sheet) .kingdom-sheet-info{display:flex;flex-direction:column;gap:11px;min-inline-size:0}.modal:has(.kingdom-sheet) .kingdom-sheet-row{min-block-size:40px;flex-wrap:wrap;padding:7px 10px;border:1px solid rgba(211,164,69,.24);border-radius:7px;background:hsla(0,0%,100%,.025)}.modal:has(.kingdom-sheet) .kingdom-sheet-level{color:#f1ddaa;font-size:16px}.modal:has(.kingdom-sheet) .ag-tier,.modal:has(.kingdom-sheet) .city-state-badge{min-block-size:24px}.modal:has(.kingdom-sheet) .kingdom-produces{min-block-size:30px;margin:0;padding:5px 9px;-webkit-border-start:3px solid rgba(216,173,78,.64);border-inline-start:3px solid rgba(216,173,78,.64);background:rgba(217,180,90,.06);color:#c7baa0}.modal:has(.kingdom-sheet) .kingdom-sheet-build,.modal:has(.kingdom-sheet) .kingdom-sheet-next{min-block-size:48px;display:flex;align-items:center;gap:7px;margin:0;padding:10px 12px;border:1px solid rgba(214,167,70,.34);border-radius:7px;background:linear-gradient(90deg,rgba(217,180,90,.12),hsla(0,0%,100%,.018));color:#ddc98f;font-size:14px}.modal:has(.kingdom-sheet) .kingdom-sheet-next strong{color:#ffd76a;font-size:18px}.modal:has(.kingdom-sheet) .kingdom-sheet-cost{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:7px;gap:7px;padding:0}.modal:has(.kingdom-sheet) .kingdom-sheet-cost>span{min-block-size:42px;justify-content:center;padding:7px 6px;border:1px solid rgba(207,161,68,.28);border-radius:6px;background:rgba(0,0,0,.24);color:#ead8aa;font-size:12px;font-weight:750}.modal:has(.kingdom-sheet) .city-requirements{margin:0;padding:10px 12px;border-color:rgba(215,170,75,.34);background:rgba(0,0,0,.22)}.modal:has(.kingdom-sheet) .city-requirements h3{-webkit-margin-after:8px;margin-block-end:8px;color:#e4c87a;font-size:13px}.modal:has(.kingdom-sheet) .city-requirements ul{gap:6px}.modal:has(.kingdom-sheet) .city-requirement{min-block-size:27px;padding:3px 5px;border-radius:4px;background:hsla(0,0%,100%,.025);font-size:11px}.modal:has(.kingdom-sheet) .city-upgrade-confirm{margin:0;border-radius:5px}.modal:has(.kingdom-sheet) .city-sheet-actions{justify-content:flex-end;gap:9px;-webkit-margin-before:auto;margin-block-start:auto;-webkit-padding-before:2px;padding-block-start:2px}.modal:has(.kingdom-sheet) .kingdom-upgrade{min-inline-size:210px;min-block-size:44px;justify-content:center;align-self:auto;font-size:14px}.modal:has(.kingdom-sheet) .city-building-nav{gap:9px;-webkit-margin-before:1px;margin-block-start:1px;-webkit-padding-before:11px;padding-block-start:11px}.modal:has(.kingdom-sheet) .city-building-nav button{min-block-size:38px;border-color:rgba(210,163,69,.44);background:linear-gradient(180deg,rgba(84,63,29,.34),rgba(8,10,11,.38));color:#dbc788;font-weight:750}.modal:has(.kingdom-sheet) .city-building-nav button:hover:not(:disabled){border-color:rgba(230,190,92,.72);background:rgba(217,180,90,.13);color:#f2db95}.modal:has(.kingdom-sheet) .city-building-nav button:disabled{opacity:.34}@media (max-height:650px),(max-width:720px){.modal:has(.kingdom-sheet){inline-size:min(620px,calc(100vw - 16px));max-block-size:calc(100dvh - 16px)}.modal:has(.kingdom-sheet) .modal-body{padding:12px}.modal:has(.kingdom-sheet) .kingdom-sheet{grid-template-columns:190px minmax(0,1fr);gap:12px}.modal:has(.kingdom-sheet) .kingdom-sheet-art{min-block-size:230px}.modal:has(.kingdom-sheet) .kingdom-sheet-art .bld-visual{transform:scale(.78)}.modal:has(.kingdom-sheet) .kingdom-sheet-cost{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.modal:has(.kingdom-sheet) .kingdom-sheet{grid-template-columns:1fr}.modal:has(.kingdom-sheet) .kingdom-sheet-art{min-block-size:190px}.modal:has(.kingdom-sheet) .kingdom-sheet-art .bld-visual{transform:scale(.72)}.modal:has(.kingdom-sheet) .kingdom-upgrade{inline-size:100%}}.army-parchment{scrollbar-color:rgba(107,74,26,.72) rgba(52,34,15,.12);scrollbar-width:thin}.army-roster{display:grid;grid-gap:12px;gap:12px;-webkit-padding-after:12px;padding-block-end:12px}.army-roster-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.army-roster-summary>div{display:grid;grid-gap:2px;gap:2px;min-block-size:54px;padding:8px 12px;border:1px solid rgba(92,60,21,.56);border-radius:6px;background:linear-gradient(180deg,rgba(50,34,19,.9),rgba(17,15,12,.94)),radial-gradient(circle at 50% 0,rgba(218,172,73,.2),transparent 65%);box-shadow:inset 0 0 0 1px rgba(223,182,89,.1),0 2px 5px rgba(34,22,10,.2);color:#d7c79f;text-align:center}.army-roster-summary span{font-size:11px;color:#bda66f}.army-roster-summary strong{color:#f2d27b;font-size:clamp(16px,1.18vw,21px);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.army-roster-cats{display:flex;flex-wrap:wrap;gap:6px;padding:7px;border:1px solid rgba(104,67,22,.5);border-radius:6px;background:rgba(55,35,15,.12)}.army-roster-cats button{display:inline-flex;align-items:center;gap:7px;min-block-size:32px;padding:5px 11px;border:1px solid #73531d;border-radius:4px;background:linear-gradient(180deg,#322715,#17140f);color:#d8c58e;font-size:12px;font-weight:700;cursor:pointer}.army-roster-cats button:hover,.army-roster-cats button[data-active]{border-color:#c99d37;background:linear-gradient(180deg,#5a431e,#2b2113);color:#f5d978}.army-roster-cats button span{display:grid;place-items:center;min-inline-size:18px;block-size:18px;padding-inline:4px;border-radius:9px;background:rgba(226,184,77,.15);color:#e4c974;font-size:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.army-roster .army-unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.army-roster .army-unit-card{position:relative;display:grid;grid-template-columns:142px minmax(0,1fr);min-block-size:158px;grid-gap:9px;gap:9px;overflow:hidden;padding:5px 8px 5px 4px;border:1px solid #795a27;border-radius:7px;background:linear-gradient(90deg,rgba(9,10,10,.98),rgba(28,23,16,.97)),radial-gradient(circle at 22% 55%,rgba(218,166,61,.2),transparent 50%);box-shadow:inset 0 0 0 1px rgba(229,191,98,.11),inset 0 0 25px rgba(0,0,0,.45),0 2px 5px rgba(45,28,9,.25);color:#eadfbe}.army-roster .army-unit-card:before,.army-train-card:before{content:"";position:absolute;inset-block:5px;inset-inline-start:4px;inline-size:3px;border-radius:2px;background:linear-gradient(#9a6f23,#e3bd58,#795117);opacity:.8}.army-roster .army-unit-card[data-empty]{border-color:#584a34}.army-roster .army-unit-card[data-empty] .army-unit-art{filter:saturate(.55);opacity:.72}.army-unit-art{position:relative;display:grid;place-items:end center;min-inline-size:0;-webkit-border-end:1px solid rgba(199,155,60,.3);border-inline-end:1px solid rgba(199,155,60,.3);background:radial-gradient(ellipse at 50% 76%,rgba(168,112,34,.28),transparent 54%),linear-gradient(180deg,rgba(58,42,22,.18),rgba(0,0,0,.2))}.army-unit-art .unit-visual{max-inline-size:100%}.army-unit-art .unit-visual__image{filter:drop-shadow(0 5px 4px rgba(0,0,0,.68))}.army-unit-art .unit-visual__quantity{inset-inline-end:7px;inset-block-end:6px;min-inline-size:28px;padding:3px 7px;border-color:#b58a32;background:rgba(4,5,5,.94);color:#f3d470;font-size:12px}.army-unit-info{display:flex;min-inline-size:0;flex-direction:column;padding-block:7px 5px}.army-unit-title{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;-webkit-padding-after:8px;padding-block-end:8px;-webkit-border-after:1px solid rgba(181,139,54,.26);border-block-end:1px solid rgba(181,139,54,.26)}.army-unit-title h3{margin:0;color:#f1d781;font-size:clamp(13px,.95vw,16px);line-height:1.25}.army-unit-title span{color:#a99873;font-size:10px}.army-unit-title b{flex:0 0 auto;padding:2px 6px;border:1px solid rgba(183,141,53,.54);border-radius:3px;background:rgba(207,162,65,.11);color:#cdb36e;font-size:9px;font-weight:700}.army-unit-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:5px;gap:5px;margin:9px 0 8px}.army-unit-stats>div{display:flex;align-items:center;justify-content:center;gap:5px;min-block-size:27px;padding:3px 5px;border:1px solid rgba(157,120,46,.25);border-radius:4px;background:rgba(0,0,0,.23)}.army-unit-stats dd,.army-unit-stats dt{margin:0}.army-unit-stats dd{color:#eee2bd;font-size:11px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.army-unit-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;-webkit-margin-before:auto;margin-block-start:auto;color:#a99976;font-size:10px}.army-unit-foot strong{color:#e6c764;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.army-train .army-train-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.army-train .army-train-card{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);grid-gap:9px;gap:9px;min-block-size:136px;padding:5px 8px 5px 5px;border:1px solid #765624;border-radius:7px;background:linear-gradient(90deg,rgba(12,12,11,.96),rgba(31,24,15,.95));color:#eadfbe;box-shadow:inset 0 0 0 1px rgba(229,191,98,.1),0 2px 5px rgba(45,28,9,.22)}.army-train-card>.unit-visual{align-self:end;-webkit-border-end:1px solid rgba(199,155,60,.25);border-inline-end:1px solid rgba(199,155,60,.25)}.army-train-info{display:flex;min-inline-size:0;flex-direction:column;gap:7px;padding-block:6px}.army-train-title{display:flex;justify-content:space-between;gap:6px;-webkit-padding-after:6px;padding-block-end:6px;-webkit-border-after:1px solid rgba(181,139,54,.25);border-block-end:1px solid rgba(181,139,54,.25)}.army-train-title strong{color:#f0d681;font-size:13px}.army-train-title span{color:#aa9871;font-size:9px}.army-train-card .tr-cost{display:flex;flex-wrap:wrap;gap:5px 8px}.army-train-card .tr-cost>span{display:inline-flex;align-items:center;gap:3px;color:#d8cba9;font-size:10px;font-weight:700}.army-train-action{display:grid;grid-template-columns:minmax(55px,1fr) auto;grid-gap:6px;gap:6px;-webkit-margin-before:auto;margin-block-start:auto}.army-train .army-train-action input{inline-size:100%;min-inline-size:0;min-block-size:30px}.army-train .army-train-action button{min-block-size:30px}@media (max-width:1120px){.army-roster .army-unit-grid,.army-train .army-train-grid{grid-template-columns:1fr}}@media (max-height:720px){.army-roster .army-unit-card{grid-template-columns:116px minmax(0,1fr);min-block-size:132px}.army-unit-art .unit-visual{--unit-w:116px!important;--unit-h:126px!important}}.army-roster .army-unit-grid--compact{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:9px}.army-roster .army-unit-card--compact{display:flex;min-block-size:0;flex-direction:column;gap:0;padding:5px;text-align:center}.army-roster .army-unit-card--compact:before{inset-block:5px auto;inset-inline:8px;inline-size:auto;block-size:3px}.army-unit-card--compact .army-unit-art{min-block-size:146px;-webkit-border-end:0;border-inline-end:0;-webkit-border-after:1px solid rgba(199,155,60,.3);border-block-end:1px solid rgba(199,155,60,.3)}.army-unit-card--compact .army-unit-art .unit-visual{inline-size:min(132px,100%)}.army-unit-caption{display:grid;grid-gap:2px;gap:2px;padding:7px 4px 4px}.army-unit-caption h3{overflow:hidden;margin:0;color:#f1d781;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.army-unit-caption span{color:#aa9871;font-size:10px}@media (max-height:720px){.army-roster .army-unit-card--compact{min-block-size:0}.army-unit-card--compact .army-unit-art{min-block-size:122px}}.hud-stage:has(.city-ground) .city-command-strip{display:none!important}@media (min-width:1181px){.hud-stage{--hud-nav-width:clamp(520px,42vw,650px);--hud-nav-half:clamp(260px,21vw,325px);--hud-nav-shift:clamp(24px,2.5vw,48px);--hud-res-panel-width:clamp(340px,24vw,430px);--hud-prince-width:min(28.6667vh,260px);--hud-palace-width:clamp(150px,12vw,210px);--hud-palace-gap:clamp(8px,0.6vw,12px);--hud-vp-top:clamp(240px,27vh,295px);--hud-vp-left:clamp(8px,0.55vw,12px)}.hud-stage:has(.city-ground){--hud-vp-top:0px;--hud-vp-left:0px;--hud-vp-right:0px;--hud-vp-bottom:0px}.hud-nav,[dir=rtl] .hud-nav{left:calc(50% - var(--hud-nav-shift));right:auto;width:var(--hud-nav-width)}.hud-res-col,[dir=rtl] .hud-res-col{position:absolute;z-index:3;top:4px;right:calc(50% + var(--hud-nav-shift) + var(--hud-nav-half) + clamp(6px, .4vw, 9px));left:auto;width:var(--hud-res-panel-width);height:auto;aspect-ratio:3/2;filter:drop-shadow(0 8px 12px rgba(0,0,0,.72));isolation:isolate}.hud-res-col>.hud-module-art{object-fit:contain;object-position:center}.hud-res-col .hud-res-slot[data-cell],[dir=rtl] .hud-res-col .hud-res-slot[data-cell]{position:absolute;left:23%;right:auto;width:67%;height:9.4%;min-height:0;display:block;padding:0;color:#f7d873;text-decoration:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.82));transition:filter .14s ease,transform .14s ease}.hud-res-col .hud-res-slot[data-cell="1"]{top:28.2%}.hud-res-col .hud-res-slot[data-cell="2"]{top:39.7%}.hud-res-col .hud-res-slot[data-cell="3"]{top:51.1%}.hud-res-col .hud-res-slot[data-cell="4"]{top:62.5%}.hud-res-col .hud-res-slot[data-cell="5"]{top:73.9%}.hud-res-col .hud-res-slot:hover{filter:brightness(1.18) drop-shadow(0 0 7px rgba(232,185,75,.52));transform:translateY(-1px)}.hud-res-col .hud-res-visual{position:absolute;inset:0 auto 0 0;width:25.5%;display:grid;place-items:center}.hud-res-col .hud-res-icon{display:grid;place-items:center;color:#f3cf66}.hud-res-col .hud-res-icon img,.hud-res-col .hud-res-icon svg{width:clamp(21px,1.5vw,29px);height:clamp(21px,1.5vw,29px);filter:drop-shadow(0 2px 3px rgba(0,0,0,.9))}.hud-res-copy{position:absolute;inset:0 1% 0 28.5%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;grid-gap:clamp(5px,.45vw,9px);gap:clamp(5px,.45vw,9px);direction:inherit}.hud-res-label{overflow:hidden;color:#f3d89a;font-size:clamp(11px,.76vw,14px);font-weight:750;text-overflow:ellipsis;text-shadow:0 1px 2px #000;white-space:nowrap}.hud-res-copy .hud-res-val{position:static;inset:auto;overflow:visible;color:#fff0bd;font-size:clamp(13px,.95vw,18px);font-weight:900;line-height:1;text-overflow:clip;text-shadow:0 1px 3px #000;white-space:nowrap}.hud-res-rate{color:#c8a75e;font-size:clamp(9px,.6vw,12px);font-weight:700;white-space:nowrap}.hud-res-col .hud-utils.hud-utils-left,[dir=rtl] .hud-res-col .hud-utils.hud-utils-left{position:absolute;z-index:5;top:5.4%;left:60%;right:auto;width:35%;min-height:0;display:flex;justify-content:flex-end;gap:clamp(3px,.28vw,6px);padding:2px 3px;border-color:rgba(226,184,86,.68);border-radius:5px;background:linear-gradient(180deg,rgba(80,12,22,.9),rgba(20,7,8,.94));box-shadow:inset 0 1px rgba(255,226,151,.14),0 4px 9px rgba(0,0,0,.5)}.hud-res-col .hud-utils.hud-utils-left .hud-util-btn{min-width:27px;min-height:26px;padding:3px clamp(5px,.42vw,8px);border-color:rgba(220,174,73,.72);color:#ffe4a0;background:rgba(30,7,10,.78);font-size:clamp(8px,.55vw,11px)}.hud-brand-module,[dir=rtl] .hud-brand-module{top:4px;left:calc(50% - var(--hud-nav-shift) + var(--hud-nav-half) + clamp(6px, .4vw, 9px));right:calc(var(--hud-prince-width) + var(--hud-palace-gap) + var(--hud-palace-width) + clamp(5px, .35vw, 8px));width:auto;height:auto;aspect-ratio:3/2}}@media (min-width:1181px) and (max-width:1320px){.hud-stage{--hud-nav-width:390px;--hud-nav-half:195px}.hud-res-rate{display:none}}@media (min-width:1321px) and (max-width:1500px){.hud-stage{--hud-nav-width:450px;--hud-nav-half:225px}}@media (min-width:1501px) and (max-width:1799px){.hud-stage{--hud-nav-width:520px;--hud-nav-half:260px}}.hud-sheet:not(:has(>.city-ground)){--identity-red-950:#16080a;--identity-red-900:#260a0f;--identity-red-800:#421019;--identity-red-700:#671725;--identity-gold:#e2b94f;--identity-gold-bright:#f3d67b;--identity-ink:#f4e7c8;--identity-muted:#cbb98e;color:var(--identity-ink);font-size:15px;line-height:1.55}.hud-sheet:not(:has(>.city-ground)) .game-panel,.hud-sheet:not(:has(>.city-ground)) .panel{border-color:#8d692d;background:radial-gradient(circle at 50% 0,rgba(150,34,45,.16),transparent 36%),linear-gradient(150deg,rgba(54,14,20,.96),rgba(15,10,9,.98) 58%,rgba(7,7,6,.99));box-shadow:inset 0 0 0 1px rgba(235,196,94,.14),0 8px 24px rgba(0,0,0,.42)}.hud-sheet:not(:has(>.city-ground)) .game-panel__head{min-height:52px;padding:11px 17px;-webkit-border-after:2px solid var(--identity-gold);border-block-end:2px solid var(--identity-gold);background:linear-gradient(90deg,rgba(117,19,32,.94),rgba(54,12,18,.96) 56%,rgba(20,9,9,.98));box-shadow:inset 0 1px rgba(255,224,145,.16),inset 0 -1px rgba(0,0,0,.7)}.hud-sheet:not(:has(>.city-ground)) .game-panel__title{color:#ffe6a5;font-size:clamp(17px,1.15vw,21px);font-weight:850;text-shadow:0 1px 3px #000}.hud-sheet:not(:has(>.city-ground)) .game-panel__body{color:var(--identity-ink);font-size:clamp(14px,.92vw,16px);line-height:1.55}.hud-sheet:not(:has(>.city-ground)) .game-panel__body h2,.hud-sheet:not(:has(>.city-ground)) .game-panel__body h3,.hud-sheet:not(:has(>.city-ground)) .panel h2,.hud-sheet:not(:has(>.city-ground)) .panel h3{color:var(--identity-gold-bright);line-height:1.3}.hud-sheet:not(:has(>.city-ground)) .muted{color:var(--identity-muted)}.hud-sheet:not(:has(>.city-ground)) input,.hud-sheet:not(:has(>.city-ground)) select,.hud-sheet:not(:has(>.city-ground)) textarea{min-height:40px;color:#fff0c6;font-size:15px;border-color:#9a7334;background:rgba(18,7,8,.9)}.hud-sheet:not(:has(>.city-ground)) table{font-size:clamp(13px,.84vw,15px)}.hud-sheet:not(:has(>.city-ground)) th{color:#f6d675;background:linear-gradient(180deg,#5f1723,#2b0d12)}.hud-sheet:not(:has(>.city-ground)) td{color:#eadfc4}.barracks-tab{color:#f2ddb0;font-size:15px;border-color:#93652d;background:linear-gradient(180deg,#641824,#260b10)}.barracks-tab:hover,.barracks-tab[data-active]{color:#2a1204;border-color:#e3bb50;background:linear-gradient(180deg,#f0d275,#b98525);box-shadow:inset 0 1px #fff1b5,0 0 10px rgba(224,178,63,.32)}.barracks-unit,.bs-card,.bs-special-card{border-color:#a27733;background:radial-gradient(circle at 24% 25%,rgba(136,22,37,.2),transparent 34%),linear-gradient(155deg,#3b1118,#17100f 56%,#090808);box-shadow:inset 0 0 0 1px #d0a34c,inset 0 0 0 4px rgba(14,5,6,.78),0 8px 20px rgba(0,0,0,.42)}.barracks-unit__portrait,.bs-card__hero,.bs-special-card__art{border-color:#9b7130;background:radial-gradient(ellipse at 50% 68%,rgba(208,153,55,.26),transparent 52%),linear-gradient(145deg,#4c121d,#170b0e 54%,#080807)}.barracks-unit__nameplate,.game-panel__body .bs-card h3{min-block-size:43px;color:#ffe6a5;font-size:clamp(17px,1.05vw,20px);border-color:#c8963e;background:linear-gradient(180deg,#7b1e2d,#3b1018 68%,#200a0e);box-shadow:inset 0 1px rgba(255,229,153,.28),0 3px 7px rgba(0,0,0,.48)}.barracks-unit .unit-stats small{color:#d2bf91;font-size:12px}.barracks-unit .unit-stats b{color:#f7d66f;font-size:17px}.barracks-unit .unit-cost,.unit-order-preview{color:#f2e2bd;font-size:14px;border-color:rgba(225,179,72,.5);background:rgba(92,16,28,.16)}.barracks-unit__owned,.bs-card__levels span{color:#d6c49a;font-size:13px;border-color:rgba(218,170,70,.5);background:rgba(24,7,9,.84)}.bs-track{border-color:#92662d;background:linear-gradient(180deg,rgba(104,21,33,.5),rgba(18,9,9,.76))}.bs-track-head{font-size:15px}.bs-track-label{color:#f7e3b3}.bs-card__levels b,.bs-track-lvl{color:#f3cd63;font-size:14px}.barracks-unit .unit-act>button,.bs-up{min-height:42px;color:#2b1405;font-size:14px;font-weight:850;border-color:#e0b64a;background:linear-gradient(180deg,#f0d16e,#b57e20)}.army-parchment{font-size:clamp(14px,1vw,17px);line-height:1.5}.army-roster-summary>div{min-block-size:62px;border-color:rgba(148,79,39,.72);background:linear-gradient(180deg,rgba(100,22,32,.94),rgba(28,11,12,.96))}.army-roster-summary span{color:#ead5a5;font-size:13px}.army-roster-summary strong{color:#ffdf79;font-size:clamp(19px,1.35vw,24px)}.army-roster .army-unit-grid--compact{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px}.army-roster .army-unit-card--compact,.army-train .army-train-card{border:2px solid #976d2e;background:radial-gradient(circle at 50% 42%,rgba(160,31,46,.2),transparent 42%),linear-gradient(160deg,rgba(77,18,27,.98),rgba(18,10,10,.98) 67%);box-shadow:inset 0 0 0 1px rgba(232,188,88,.14),0 5px 12px rgba(42,17,8,.3)}.army-unit-card--compact .army-unit-art{min-block-size:154px;border-color:rgba(220,173,72,.42)}.army-unit-art .unit-visual__quantity{min-inline-size:34px;padding:4px 8px;color:#ffe18a;font-size:14px;border-color:#d2a442}.army-unit-caption{gap:4px;padding:9px 5px 6px}.army-unit-caption h3{color:#ffe29a;font-size:clamp(15px,.95vw,18px)}.army-unit-caption span{color:#d5c093;font-size:12px}.army-train-title strong{color:#ffe29a;font-size:15px}.army-train-card .tr-cost>span,.army-train-title span{color:#d9c59a;font-size:12px}.army-train-cat{min-height:38px;color:#f1ddb2;font-size:14px;border-color:#895f2b;background:linear-gradient(180deg,#5a1621,#240a0f)}.army-train-cat[data-active]{color:#2b1405;border-color:#dfb64b;background:linear-gradient(180deg,#f0d171,#b98022)}.army-slot-label{color:#f3d476;font-size:clamp(14px,1vw,17px);font-weight:750;text-shadow:0 1px 3px #000}.hud-production-dock{position:absolute;z-index:6;left:50%;bottom:clamp(8px,1.2vh,16px);width:min(760px,66vw);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:clamp(7px,.7vw,12px);gap:clamp(7px,.7vw,12px);transform:translateX(-50%);direction:ltr;pointer-events:auto}.hud-production-banner{position:relative;min-width:0;min-height:58px;display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 16px 7px 12px;overflow:hidden;color:#ffe7a2;text-decoration:none;border:2px solid #b5822e;border-inline-start-width:5px;border-radius:5px 16px 16px 5px;background:linear-gradient(90deg,rgba(255,225,137,.1),transparent 28%),linear-gradient(180deg,#861d2d,#4c101a 52%,#260a10);box-shadow:inset 0 1px rgba(255,236,177,.32),inset 0 -2px rgba(15,4,5,.72),0 6px 12px rgba(0,0,0,.62);transition:filter .14s ease,transform .14s ease}.hud-production-banner:after{content:"";position:absolute;inset:5px;border:1px solid rgba(242,199,91,.32);border-radius:3px 12px 12px 3px;pointer-events:none}.hud-production-banner:hover{filter:brightness(1.14) drop-shadow(0 0 7px rgba(231,181,66,.42));transform:translateY(-2px)}.hud-production-icon{position:relative;z-index:1;width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid #d1a43f;border-radius:50%;background:radial-gradient(circle at 38% 30%,#4b3520,#120c09 72%);box-shadow:inset 0 0 0 2px rgba(7,5,4,.85),0 2px 6px rgba(0,0,0,.62)}.hud-production-icon img{filter:saturate(1.18) contrast(1.08) drop-shadow(0 2px 2px #000)!important}.hud-production-copy{position:relative;z-index:1;min-width:0;display:grid;grid-gap:1px;gap:1px;line-height:1.05;text-align:center}.hud-production-copy small{color:#efd08a;font-size:clamp(10px,.68vw,12px);font-weight:750}.hud-production-copy strong{color:#fff0bc;font-size:clamp(14px,.92vw,17px);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000;white-space:nowrap}@media (min-width:1181px){.hud-stage{--hud-row-top:6px;--hud-row-height:calc(var(--hud-nav-width) * 0.32384);--hud-palace-width:calc(var(--hud-row-height) * 1.0515);--hud-brand-compact-width:clamp(200px,14.85vw,285px);--hud-profile-visible-inset:clamp(45px,4.25vw,82px)}.hud-utils.hud-utils-left,[dir=rtl] .hud-utils.hud-utils-left{position:absolute;z-index:8;top:8px;left:10px;right:auto;width:auto;max-width:none;min-height:38px;display:flex;padding:4px 6px}.hud-res-col,[dir=rtl] .hud-res-col{top:0}.hud-res-col .hud-res-visual{inset:0 auto 0 0;width:27.5%}.hud-res-col .hud-res-icon{width:clamp(38px,2.6vw,48px);height:clamp(38px,2.6vw,48px);border:1px solid rgba(232,188,83,.86);border-radius:50%;background:radial-gradient(circle at 38% 30%,rgba(105,56,29,.92),rgba(14,8,8,.96) 72%);box-shadow:inset 0 0 0 2px rgba(12,5,5,.82),0 3px 7px rgba(0,0,0,.72)}.hud-res-col .hud-res-icon img,.hud-res-col .hud-res-icon svg{width:clamp(27px,1.8vw,35px);height:clamp(27px,1.8vw,35px);filter:saturate(1.2) contrast(1.1) drop-shadow(0 2px 3px rgba(0,0,0,.92))}.hud-res-copy{position:absolute;inset:12% 2% 11% 29%;display:flex;flex-direction:column;justify-content:center;gap:7px}.hud-res-label,.hud-res-rate{display:none!important}.hud-res-meter-line{display:flex;align-items:center;justify-content:space-between;gap:8px;direction:ltr}.hud-res-copy .hud-res-val{position:static;display:block;color:#fff0bd;font-size:clamp(13px,.92vw,17px);font-weight:900;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000;white-space:nowrap}.hud-res-percent{color:#f1ca63;font-size:clamp(12px,.78vw,15px);font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000}.hud-res-meter{height:8px;display:block;overflow:hidden;border:1px solid rgba(225,179,74,.78);border-radius:5px;background:rgba(10,5,5,.92);box-shadow:inset 0 2px 4px rgba(0,0,0,.88)}.hud-res-meter>span{height:100%;display:block;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#79202b,#c33945 66%,#edb94e);box-shadow:inset 0 1px rgba(255,237,178,.36),0 0 7px rgba(213,57,68,.38);transition:width .32s ease}.hud-res-meter--population>span{background:linear-gradient(90deg,#6f5225,#d0a13b 72%,#f4d979)}.hud-nav,[dir=rtl] .hud-nav{top:var(--hud-row-top)}.hud-palace-module,[dir=rtl] .hud-palace-module{top:var(--hud-row-top);right:calc(var(--hud-prince-width) + var(--hud-palace-gap));width:var(--hud-palace-width);height:var(--hud-row-height);aspect-ratio:auto}.hud-brand-module,[dir=rtl] .hud-brand-module{top:var(--hud-row-top);left:calc(50% - var(--hud-nav-shift) + var(--hud-nav-half) + 8px);right:calc(var(--hud-prince-width) + var(--hud-palace-gap) + var(--hud-palace-width) + 8px);width:auto;height:var(--hud-row-height);aspect-ratio:auto;display:grid;place-items:center;padding:5px}.hud-brand-module-img{object-fit:contain!important;object-position:center!important}}.hud-sheet:not(:has(>.city-ground)){font-size:16px;line-height:1.62}.hud-sheet:not(:has(>.city-ground)) .game-panel__body{font-size:clamp(15px,1vw,17px)}.hud-sheet:not(:has(>.city-ground)) table{font-size:clamp(14px,.92vw,16px)}.bs-track-head{font-size:clamp(15px,1vw,17px)}.bs-card__levels b,.bs-track-lvl{font-size:clamp(15px,.96vw,17px)}.bs-cost .cost-chip,.bs-locked{font-size:14px}.bs-up{min-height:46px;font-size:15px}.bs-legendary-stage{display:grid;grid-gap:9px;gap:9px;padding:11px;border:1px solid #c39437;border-radius:7px;background:radial-gradient(circle at 50% 0,rgba(219,167,63,.2),transparent 48%),linear-gradient(180deg,rgba(92,22,34,.72),rgba(25,9,11,.9));box-shadow:inset 0 0 0 1px rgba(255,226,142,.1),0 4px 10px rgba(0,0,0,.34)}.bs-legendary-stage h4{margin:0;color:#ffe091;font-size:clamp(16px,1.06vw,19px);text-align:center;text-shadow:0 1px 3px #000}@media (max-height:699px),(max-width:1180px){.hud-production-dock{bottom:calc(var(--game-safe-bottom) + var(--game-hud-bottom-compact) + 7px);width:min(720px,calc(100% - 20px));gap:5px}.hud-production-banner{min-height:45px;padding:4px 8px;gap:5px}.hud-production-icon{width:32px;height:32px;flex-basis:32px}.hud-production-icon img{width:26px!important;height:26px!important}.hud-production-copy small{display:none}.hud-production-copy strong{font-size:clamp(11px,2vw,14px)}.hud-utils.hud-utils-left,[dir=rtl] .hud-utils.hud-utils-left{position:fixed;top:calc(var(--game-safe-top) + 5px);left:calc(var(--game-safe-left) + 6px);right:auto;width:auto;max-width:48%}}@media (max-width:620px){.hud-production-dock{grid-template-columns:repeat(4,1fr)}.hud-production-banner{min-width:0;border-radius:4px;padding:3px}.hud-production-icon{display:none}}@media (min-width:1181px){.hud-stage{--hud-left-tools-end:clamp(198px,10.5vw,222px);--hud-resource-left:calc(var(--hud-left-tools-end) + 104px)}.hud-left-menu-pair,[dir=rtl] .hud-left-menu-pair{position:absolute;z-index:4;top:var(--hud-row-top);right:auto;left:0;width:var(--hud-resource-left);height:calc(var(--hud-row-height) * .8);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:clamp(2px,.2vw,4px);gap:clamp(2px,.2vw,4px);pointer-events:none;filter:drop-shadow(0 7px 10px rgba(0,0,0,.72))}.hud-left-menu-frame{position:relative;min-width:0;height:100%;overflow:visible;color:#ffe39a;text-decoration:none;pointer-events:auto;isolation:isolate}.hud-left-menu-frame-art{z-index:0;object-fit:fill;object-position:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hud-left-menu-frame:first-child>.hud-left-menu-frame-art{transform:translateY(calc(var(--hud-row-height) * -.03646))}.hud-left-menu-frame:last-child>.hud-left-menu-frame-art{transform:translateY(0)}.hud-left-menu-emblem{position:absolute!important;z-index:1;top:8%!important;right:10%!important;bottom:14%!important;left:10%!important;width:80%!important;height:78%!important;object-fit:contain;object-position:center;border-radius:42%;mix-blend-mode:screen;filter:saturate(1.16) contrast(1.08) drop-shadow(0 2px 3px rgba(0,0,0,.95)) drop-shadow(0 0 5px rgba(205,142,42,.2));transition:transform .18s ease,filter .18s ease;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hud-left-menu-label{position:absolute;z-index:2;right:9%;bottom:8.5%;left:9%;overflow:hidden;color:#ffe5a0;font-size:clamp(9px,.66vw,13px);font-weight:900;line-height:1;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 4px #000;pointer-events:none}.hud-left-menu-frame:focus-visible .hud-left-menu-emblem,.hud-left-menu-frame:hover .hud-left-menu-emblem{transform:scale(1.055);filter:brightness(1.16) saturate(1.25) contrast(1.08) drop-shadow(0 2px 3px rgba(0,0,0,.95)) drop-shadow(0 0 8px rgba(244,187,73,.48))}.hud-left-menu-frame:focus-visible{outline:2px solid #f4c866;outline-offset:-5px}.hud-premium-strip,[dir=rtl] .hud-premium-strip{position:absolute;z-index:5;top:calc(var(--hud-row-top) + var(--hud-row-height) * .8);right:auto;left:0;width:var(--hud-resource-left);height:calc(var(--hud-row-height) * .2);overflow:visible;color:#ffe6a1;text-decoration:none;filter:drop-shadow(0 5px 7px rgba(0,0,0,.78));pointer-events:auto;isolation:isolate}.hud-premium-strip-art{position:absolute!important;inset:0!important;z-index:0;width:100%!important;height:100%!important;object-fit:fill;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hud-premium-gems,.hud-premium-vip{position:absolute;z-index:1;top:14%;bottom:12%;display:flex;align-items:center;justify-content:center;gap:clamp(4px,.35vw,7px);min-width:0;text-align:center;text-shadow:0 1px 3px #000}.hud-premium-gems{right:3.8%;width:27%}.hud-premium-vip{left:4.5%;width:50%}.hud-premium-icon{display:grid;flex:0 0 auto;place-items:center;filter:drop-shadow(0 0 5px rgba(225,63,72,.52))}.hud-premium-icon img{width:clamp(18px,1.3vw,26px)!important;height:clamp(18px,1.3vw,26px)!important}.hud-premium-vip-crown{flex:0 0 auto;color:#f3c85e;font-size:clamp(16px,1.2vw,24px);line-height:1}.hud-premium-copy{min-width:0;display:grid;grid-gap:1px;gap:1px;line-height:1}.hud-premium-copy small{color:#d8ba72;font-size:clamp(7px,.48vw,9px);font-weight:800}.hud-premium-copy small,.hud-premium-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-premium-copy strong{color:#fff0b8;font-size:clamp(10px,.68vw,13px);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hud-premium-strip:hover{filter:brightness(1.09) drop-shadow(0 5px 8px rgba(0,0,0,.82))}.hud-res-col,[dir=rtl] .hud-res-col{top:var(--hud-row-top);right:calc(50% + var(--hud-nav-shift) + var(--hud-nav-half) + 8px);left:var(--hud-resource-left);width:auto;height:var(--hud-row-height);aspect-ratio:auto;overflow:visible;transform:none}.hud-res-col>.hud-module-art{object-fit:fill;object-position:center}.hud-res-col .hud-res-slot[data-cell],[dir=rtl] .hud-res-col .hud-res-slot[data-cell]{left:19.8%;right:auto;width:60.2%;height:14.7%}.hud-res-col .hud-res-slot[data-cell="1"]{top:14.4%}.hud-res-col .hud-res-slot[data-cell="2"]{top:31.4%}.hud-res-col .hud-res-slot[data-cell="3"]{top:48.3%}.hud-res-col .hud-res-slot[data-cell="4"]{top:65.1%}.hud-res-col .hud-res-slot[data-cell="5"]{top:81.8%}.hud-res-col .hud-res-visual{inset:0 auto 0 0;width:16%}.hud-res-col .hud-res-icon{width:clamp(22px,1.55vw,30px);height:clamp(22px,1.55vw,30px);border:0;background:transparent;box-shadow:none}.hud-res-col .hud-res-icon img,.hud-res-col .hud-res-icon svg{width:clamp(21px,1.45vw,28px);height:clamp(21px,1.45vw,28px)}.hud-res-copy{inset:5% 0 4% 20%;display:block}.hud-res-meter-line{position:absolute;inset:0 0 auto;min-height:14px;gap:4px}.hud-res-copy .hud-res-val{font-size:clamp(10px,.68vw,13px)}.hud-res-percent{font-size:clamp(10px,.62vw,12px)}.hud-res-meter{position:absolute;right:0;bottom:0;left:0;height:8px;border:1px solid #d4a33b;border-radius:7px;background:repeating-linear-gradient(90deg,transparent 0 18%,hsla(45,84%,74%,.2) 18% 19%),#080404;box-shadow:inset 0 2px 4px rgba(0,0,0,.95),0 1px 3px rgba(0,0,0,.85)}.hud-res-meter>span{position:relative;min-width:2px;background:linear-gradient(90deg,#7d1725,#c22f3d 60%,#f0bd4d);box-shadow:inset 0 1px rgba(255,240,187,.48),0 0 8px rgba(235,177,59,.62)}.hud-res-meter--population>span{background:linear-gradient(90deg,#80561e,#d09b2f 68%,#ffe184)}.hud-brand-module,[dir=rtl] .hud-brand-module{top:var(--hud-row-top);left:calc(50% - var(--hud-nav-shift) + var(--hud-nav-half) + 8px);right:auto;width:calc(var(--hud-brand-compact-width) + var(--hud-profile-visible-inset));height:var(--hud-row-height);padding:0;overflow:hidden}.hud-brand-module-img{object-fit:fill!important;object-position:center!important}.hud-profile-module,[dir=rtl] .hud-profile-module{position:absolute;z-index:5;top:var(--hud-row-top);right:auto;left:calc(50% - var(--hud-nav-shift) + var(--hud-nav-half) + 8px + var(--hud-brand-compact-width) + var(--hud-profile-visible-inset));width:calc(var(--hud-row-height) * 1.13);height:calc(var(--hud-row-height) * 1.25);aspect-ratio:auto;overflow:hidden;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.78))}.hud-profile-module .hud-medallion,.hud-profile-module .hud-profile-quest-book{pointer-events:auto}.hud-profile-panel-art{position:absolute!important;inset:0!important;z-index:1;width:100%!important;height:100%!important;object-fit:cover;object-position:48.4% center;-webkit-clip-path:none;clip-path:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hud-profile-player-name{position:absolute;z-index:4;top:2.2%;left:6.7%;width:78.7%;height:10.5%;display:grid;place-items:center;overflow:hidden;color:#f5d57f;font-family:Georgia,Times New Roman,serif;font-size:clamp(11px,.78vw,15px);font-weight:900;line-height:1;letter-spacing:.055em;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #000,0 0 7px rgba(176,45,39,.66);white-space:nowrap;pointer-events:none}.hud-profile-module .hud-medallion,[dir=rtl] .hud-profile-module .hud-medallion{position:absolute;z-index:3;top:13.5%;right:auto;bottom:auto;left:39.2%;width:45.3%;height:61.5%;overflow:hidden;border-radius:25% 25% 15% 15%;isolation:isolate;transition:filter .14s ease,transform .14s ease}.hud-profile-module .hud-medallion:before{display:none}.hud-profile-module .hud-medallion-portrait{position:absolute;inset:0;z-index:2;width:100%;height:100%;aspect-ratio:auto;transform:none;border-radius:inherit;background-position:center 18%;background-size:cover;box-shadow:inset 0 0 22px rgba(0,0,0,.78),0 2px 5px rgba(0,0,0,.8)}.hud-profile-module .hud-medallion:hover{filter:brightness(1.1) drop-shadow(0 0 7px rgba(235,190,79,.5));transform:translateY(-1px) scale(1.01)}.hud-profile-quest-book{position:absolute;z-index:4;top:62%;left:24.4%;width:40.4%;height:38%;border-radius:14% 16% 12% 10%;transition:filter .14s ease,transform .14s ease}.hud-profile-quest-book:before{content:"";position:absolute;inset:-9% -12%;border:1px solid rgba(255,213,104,.32);border-radius:18% 20% 16% 14%;background:radial-gradient(ellipse at 50% 48%,rgba(255,224,128,.42) 0,rgba(209,85,27,.2) 46%,transparent 74%);box-shadow:0 0 8px rgba(255,204,89,.42),0 0 18px rgba(185,41,20,.24),inset 0 0 12px rgba(255,228,148,.2);opacity:0;transform:scale(.96);pointer-events:none;mix-blend-mode:screen;transition:opacity .18s ease,transform .18s ease,box-shadow .18s ease}.hud-profile-quest-book:hover{filter:brightness(1.18) saturate(1.12);transform:translateY(-2px) rotate(-.45deg) scale(1.025)}.hud-profile-quest-book:focus-visible:before,.hud-profile-quest-book:hover:before{opacity:.95;transform:scale(1.04);box-shadow:0 0 11px rgba(255,224,128,.78),0 0 25px rgba(207,56,24,.46),inset 0 0 15px rgba(255,239,184,.34)}.hud-profile-quest-book--new:before{animation:hud-quest-book-new 3.2s ease-in-out infinite}.hud-profile-quest-book--claimable:before{animation:hud-quest-book-ready 1.9s ease-in-out infinite}.hud-profile-module .hud-medallion:focus-visible,.hud-profile-quest-book:focus-visible{outline:2px solid #f1c861;outline-offset:-3px}@keyframes hud-quest-book-new{0%,72%,to{opacity:.05;transform:scale(.97)}82%{opacity:.7;transform:scale(1.02)}91%{opacity:.24;transform:scale(.99)}}@keyframes hud-quest-book-ready{0%,to{opacity:.22;transform:scale(.98)}50%{opacity:.92;transform:scale(1.045)}}@media (prefers-reduced-motion:reduce){.hud-profile-quest-book--claimable:before,.hud-profile-quest-book--new:before{animation:none;opacity:.62}}}@media (max-width:1180px){.hud-left-menu-pair,.hud-premium-strip{display:none}}.barracks-unit .unit-training-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px}.barracks-unit .unit-training-facts>span{display:grid;grid-gap:4px;gap:4px;min-block-size:58px;place-content:center;padding:8px 10px;border:1px solid rgba(225,179,72,.44);border-radius:6px;background:linear-gradient(180deg,rgba(100,20,31,.34),rgba(12,8,8,.76));text-align:center}.barracks-unit .unit-training-facts small{color:#d8c69f;font-size:13px;font-weight:750}.barracks-unit .unit-training-facts b{color:#ffe08a;font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.army-roster-summary.army-roster-summary--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.army-unit-reference-link{display:flex;min-inline-size:0;flex:1 1;flex-direction:column;color:inherit;text-decoration:none}.army-unit-reference-link:focus-visible,.army-unit-reference-link:hover{outline:none}.army-unit-card--compact:has(.army-unit-reference-link:focus-visible),.army-unit-card--compact:has(.army-unit-reference-link:hover){border-color:#e0b64a;filter:brightness(1.08);box-shadow:inset 0 0 0 1px rgba(255,226,142,.2),0 0 14px rgba(202,145,43,.28)}@media (min-width:1181px){.hud-nav .hud-nav-slot[data-slot],[dir=rtl] .hud-nav .hud-nav-slot[data-slot]{top:16.8%;width:18.3%;height:79%;flex-direction:column;align-items:center;justify-content:flex-start;overflow:visible}.hud-nav .hud-nav-img{width:74%;height:61%;margin-top:3%}.hud-nav .hud-nav-label{inset-inline:2%;overflow:visible;font-size:clamp(9px,.66vw,12px);letter-spacing:-.01em;text-overflow:clip}}@media (max-width:700px){.army-roster-summary.army-roster-summary--compact,.barracks-unit .unit-training-facts{grid-template-columns:1fr}}.research-page{width:100%;max-width:1560px;margin-inline:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.research-page__panel .game-panel__body{padding:clamp(16px,1.45vw,24px);color:#f8ecd3;background:radial-gradient(circle at 50% 0,rgba(142,29,43,.16),transparent 38%),linear-gradient(180deg,rgba(34,13,16,.98),rgba(10,8,8,.99))}.research-page .techtree{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.2vw,20px)}.research-page .tech-lane{min-width:0;padding:clamp(14px,1.2vw,19px);border:1px solid rgba(231,187,79,.72);border-radius:9px;color:#f8ecd3;background:radial-gradient(circle at 50% 0,rgba(155,37,50,.24),transparent 44%),linear-gradient(145deg,rgba(74,15,23,.96),rgba(20,9,11,.98) 54%,rgba(7,7,7,.99));box-shadow:inset 0 0 0 1px rgba(255,226,143,.1),0 7px 18px rgba(0,0,0,.38)}.research-page .tech-lane-head{display:flex;align-items:center;gap:9px;-webkit-margin-after:8px;margin-block-end:8px;-webkit-padding-after:11px;padding-block-end:11px;border-block-end-color:rgba(231,187,79,.5);color:#ffe49a;font-size:clamp(18px,1.25vw,22px);font-weight:850;line-height:1.25;text-shadow:0 1px 3px #000}.research-page .tech-node{gap:13px;min-height:106px;padding:12px 10px;border:1px solid transparent;border-radius:8px;transition:border-color .15s ease,background .15s ease,filter .15s ease}.research-page .tech-node+.tech-node{-webkit-margin-before:7px;margin-block-start:7px}.research-page .tech-node:not(:last-child):after{inset-inline-start:34px;inset-block-end:-12px;block-size:18px;inline-size:3px;background:linear-gradient(180deg,#e4b94c,#7c5523);box-shadow:0 0 5px rgba(224,180,70,.35)}.research-page .tech-node[data-state=available]{border-color:rgba(227,184,74,.4);background:linear-gradient(90deg,rgba(123,27,39,.48),rgba(34,11,15,.42))}.research-page .tech-node[data-state=available]:hover{border-color:#e6bd55;filter:brightness(1.08)}.research-page .tech-node.researching{border-color:rgba(255,211,91,.8);background:linear-gradient(90deg,rgba(117,70,11,.56),rgba(52,22,11,.72))}.research-page .tech-node.locked{opacity:1;border-color:rgba(179,98,91,.34);background:linear-gradient(90deg,rgba(49,25,27,.82),rgba(16,10,11,.68))}.research-page .tech-node.maxed{border-color:rgba(92,190,119,.56);background:linear-gradient(90deg,rgba(21,71,43,.55),rgba(12,28,20,.62))}.research-page .tech-ring{inline-size:54px;block-size:54px;background:conic-gradient(#e6bd55 var(--p,0deg),#4d3421 0);box-shadow:0 0 0 2px hsla(43,87%,70%,.2),0 4px 10px rgba(0,0,0,.42)}.research-page .tech-ring-lvl{inline-size:40px;block-size:40px;color:#ffe39a;background:radial-gradient(circle at 45% 35%,#561924,#160a0d 70%);font-size:17px;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.research-page .tech-node-body{gap:5px}.research-page .tech-node-name{color:#fff0c7;font-size:clamp(16px,1.05vw,19px);font-weight:850;line-height:1.28;text-shadow:0 1px 2px #000}.research-page .tech-node-meta,.research-page .tech-node-meta.muted{flex-wrap:wrap;color:#dac79d;font-size:clamp(13px,.84vw,15px);font-weight:650;line-height:1.4;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.research-page .tech-requirement{color:#ffb39d;font-size:clamp(13px,.84vw,15px);font-weight:700;line-height:1.45}.research-page .tech-status{font-size:clamp(14px,.9vw,16px);font-weight:850;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.research-page .tech-status.queued{color:#ffe074}.research-page .tech-status.maxed{color:#8fe2a8}.research-page .tech-btn{min-height:44px;max-width:100%;flex-wrap:wrap;gap:8px;-webkit-margin-before:3px;margin-block-start:3px;padding:8px 12px;border:1px solid #f0cd67;border-radius:7px;color:#1b1007;background:linear-gradient(180deg,#f0ce66,#b77a19);font-size:clamp(14px,.92vw,16px);font-weight:900;box-shadow:inset 0 1px rgba(255,247,194,.55),0 3px 8px rgba(0,0,0,.34)}.research-page .tech-btn:disabled{opacity:.72;color:#d9c59d;border-color:#705233;background:linear-gradient(180deg,#4c3525,#231814)}.research-page .tech-btn .tech-cost,.research-page .tech-btn .tech-cost.muted{color:inherit;opacity:1;font-size:inherit;font-weight:850;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.research-page .tech-up{white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.research-page .research-active-queue{gap:9px;-webkit-margin-after:16px;margin-block-end:16px}.research-page .research-active-queue h3{color:#ffe49a;font-size:clamp(18px,1.15vw,21px);font-weight:850}.research-page .research-queue-row{gap:12px;min-height:54px;padding:10px 13px;border-color:rgba(231,187,79,.55);color:#f7ead0;background:linear-gradient(90deg,rgba(111,23,35,.66),rgba(24,10,13,.86));font-size:clamp(14px,.92vw,16px)}.research-page .research-queue-row>strong{color:#ffe074;font-size:1.08em}.research-page .research-confirm{min-height:52px;-webkit-margin-after:14px;margin-block-end:14px;padding:10px 13px;border-inline-start-width:4px;color:#f7e7c2;background:linear-gradient(90deg,rgba(123,29,41,.7),rgba(34,12,16,.8));font-size:clamp(14px,.92vw,16px);font-weight:650}.hud-sheet:not(:has(>.city-ground)) :is(button,input,select,textarea,th,td,dd,strong,b){text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.hud-sheet:not(:has(>.city-ground)) :is(td,dd,strong,b,[class*=value],[class*=level],[class*=cost]){font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hud-sheet:not(:has(>.city-ground)) small{font-size:max(13px,.82em);line-height:1.45}@media (max-width:900px){.research-page .techtree{grid-template-columns:1fr}.research-page .tech-node{min-height:98px}}@media (max-width:560px){.research-page__panel .game-panel__body{padding:12px}.research-page .tech-lane{padding:11px}.research-page .tech-node{align-items:flex-start;gap:10px;padding-inline:7px}.research-page .tech-ring{inline-size:48px;block-size:48px}.research-page .tech-ring-lvl{inline-size:36px;block-size:36px;font-size:16px}.research-page .tech-node:not(:last-child):after{inset-inline-start:30px}.research-page .research-queue-row{grid-template-columns:1fr auto}.research-page .research-queue-row>:last-child{grid-column:1/-1}}