/* Original MaNaS Wars vector village; fixed building anchors across all tiers. */
.village-overview{overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--card);margin:0 0 30px;box-shadow:0 20px 50px #0002}.village-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;background:var(--card)}.village-toolbar h2{margin:6px 0 0;font-size:24px}.village-toolbar .eyebrow{color:var(--accent)}.village-scene{position:relative;isolation:isolate;width:100%;aspect-ratio:1.8;max-height:none;overflow:hidden;background:#304d3f}.village-ground{position:absolute;inset:0;width:100%;height:100%;background-image:url("village/landscape-0410.svg");background-size:100% 100%;background-position:center;background-repeat:no-repeat;z-index:-1}.village-spot{position:absolute;width:19%;min-height:44px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-radius:18px;transition:filter .2s;z-index:1}.village-spot:hover,.village-spot:focus-visible{filter:drop-shadow(0 0 10px #d6c59a);z-index:2;outline:2px solid #dcc594;outline-offset:0}.village-spot img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 4px #142c2a77)}.spot-label{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:3px 9px;background:#102324e8;color:#f1e4c9;border:1px solid #687661;border-radius:7px;font-size:12px;box-shadow:0 3px 8px #10232466}.spot-label b{color:#f5ce86;font-size:11px;border-left:1px solid #526150;padding-left:7px}.unbuilt .spot-label{color:#bbcab6}.spot-wood{left:20%;top:27%}.spot-iron{left:51%;top:20%}.spot-stone{left:80%;top:27%}.spot-hq{left:50%;top:47%}.spot-farm{left:20%;top:54%}.spot-store{left:80%;top:54%}.spot-barracks{left:33%;top:77%}.spot-rally{left:67%;top:77%}.spot-wall{left:50%;top:82%;width:17%}.scene-caption{position:absolute;left:20px;bottom:15px;font-size:10px;letter-spacing:1px;color:#d8dcc8;background:#1b3639bd;padding:4px 9px;border-radius:5px}.scene-help{margin:0;padding:14px 22px;color:var(--muted);font-size:12px;border-top:1px solid var(--border);background:var(--card)}.village-activity{padding:14px 24px;background:var(--card)}.village-activity .eyebrow{color:var(--accent)}.building-art{display:block;width:160px;height:135px;object-fit:contain;margin:0 auto 6px}.building{scroll-margin-top:20px;transition:border-color .2s}.building:target{border-color:#d9b774;box-shadow:0 0 0 3px #d9b77433}.building .level{top:18px}.resources{gap:10px;margin:12px 0 20px}.resource{padding:12px 16px}.resource strong{font-size:23px}.resource small{display:block;line-height:1.6}.village-heading h1{font-size:28px;margin:8px 0}.tech-intro p{max-width:720px;color:var(--muted)}.tech-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#c5d7c8}.tech-tier{border-left:2px solid #3c5361;padding:0 0 30px 24px;margin-left:22px}.tech-tier-heading{display:flex;align-items:center;gap:16px;margin:0 0 20px}.tech-tier-heading>span{display:grid;place-items:center;width:46px;height:46px;margin-left:-48px;border:1px solid #817399;border-radius:50%;background:#293449;color:#d5c4f0;font-weight:800;flex-shrink:0}.tech-tier-heading small{font-size:9px;letter-spacing:1.7px;color:var(--muted)}.tech-tier-heading h2{margin:5px 0 0;font-size:21px}.tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tech-node{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}.tech-node>img{width:125px;height:106px;object-fit:contain;align-self:center}.tech-node .eyebrow{font-size:9px;letter-spacing:1px}.tech-node h3{margin:9px 0 12px}.tech-built{border-color:#4e8169}.tech-built .eyebrow{color:#93d6b0}.tech-ready .eyebrow{color:#e9ca8d}.tech-locked>img{filter:grayscale(.75);opacity:.65}.tech-future{border-style:dashed}.tech-future .eyebrow{color:#b7bfd0}.future-building{display:grid;place-items:center;align-self:center;width:125px;height:106px;font-size:55px;color:#8794ac;background:radial-gradient(ellipse,#35435a66,transparent 65%)}.requirements{list-style:none;margin:0 0 16px;padding:0}.requirements li{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border);padding:6px 0;font-size:12px}.requirements small{white-space:nowrap;color:var(--muted);font-size:10px}.requirements .met>span{color:#8cd4b1}.requirements .unmet>span{color:#edbd8d}.visual-settings{min-width:510px}.visual-settings input{min-width:70px}.visual-settings th{white-space:nowrap}.tech-node-content{flex:1;display:flex;flex-direction:column}.tech-node-content .text-link{margin-top:auto}
@media(max-width:760px){.village-toolbar{padding:15px}.village-toolbar h2{font-size:20px}.village-toolbar .button{padding:8px 12px;font-size:11px}.village-scene{aspect-ratio:1/1.04}.village-spot{width:25%}.spot-wood{left:17%;top:23%}.spot-iron{left:50%;top:18%}.spot-stone{left:83%;top:23%}.spot-hq{top:45%;width:28%}.spot-farm{left:17%;top:49%}.spot-store{left:83%;top:49%}.spot-barracks{left:23%;top:74%}.spot-rally{left:77%;top:74%}.spot-wall{top:83%;width:26%}.spot-label{font-size:9px;padding:3px 5px;gap:4px}.spot-label b{font-size:9px;padding-left:4px}.scene-caption{font-size:8px;left:10px;bottom:8px}.scene-help{padding:12px 15px;font-size:11px}.village-activity{padding:14px 16px}.building-art{max-width:100%;width:130px;height:105px}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-node{padding:13px}.tech-tier{padding-left:14px;margin-left:14px}.tech-tier-heading>span{margin-left:-38px}.tech-tier-heading h2{font-size:18px}.tech-node h3{font-size:17px}.requirements li{flex-direction:column;gap:0}.resources .resource{padding:10px 12px}.resource strong{font-size:21px}}
@media(max-width:420px){.tech-grid{grid-template-columns:1fr}.tech-node{flex-direction:row;gap:10px}.tech-node>img,.future-building{width:80px;height:80px;flex-shrink:0}.tech-node-content .eyebrow{font-size:8px}.village-toolbar .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.village-spot,.building{transition:none}}

/* WebP building artwork and wall layers. Fixed common anchors on desktop/mobile. */
.village-scene{aspect-ratio:1000/650}.village-spot{width:17%;z-index:2}.village-spot .sprite-art{display:block;position:relative;width:100%;aspect-ratio:1}.sprite-art{position:relative}.sprite-art>img{display:block;width:100%;height:100%;object-fit:contain}.national-flag{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.village-spot .sprite-art>img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.wall-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;object-fit:fill}.wall-ring-back{z-index:0}.wall-ring-front{z-index:3}.spot-wood{left:14%;top:22%}.spot-iron{left:86%;top:22%}.spot-stone{left:13%;top:79%}.spot-farm{left:86%;top:79%}.spot-hq{left:56%;top:33%;width:21%}.spot-store{left:30%;top:43%}.spot-barracks{left:70%;top:54%}.spot-rally{left:43%;top:64%;width:15%}.spot-wall{left:50%;top:88%;width:15%;min-height:44px;z-index:4}.village-spot:focus-visible,.village-spot:hover{z-index:5}.building-art.sprite-art{height:135px}.scene-caption{z-index:4}.tech-node>img{image-rendering:auto}
@media(max-width:760px){.village-scene{aspect-ratio:1/1.04}.village-spot{width:20%}.spot-hq{width:24%}.spot-rally{width:18%}.spot-wall{width:18%}.building-art.sprite-art{height:105px}.spot-label{font-size:9px}.scene-caption{font-size:7px;letter-spacing:0;padding:3px 5px}}

.tech-node>.sprite-art{width:125px;height:106px;align-self:center;display:block}@media(max-width:420px){.tech-node>.sprite-art{width:80px;height:80px;flex-shrink:0}}

/* Keep low-resolution source sprites near their natural dimensions. */
.village-overview{max-width:900px;margin-left:auto;margin-right:auto}.village-spot .sprite-art{margin-left:auto;margin-right:auto}
.spot-hq[data-stage="0"] .sprite-art{max-width:111px}
.spot-hq[data-stage="1"] .sprite-art{max-width:115px}
.spot-hq[data-stage="2"] .sprite-art{max-width:112px}
.spot-wood[data-stage="0"] .sprite-art{max-width:70px}
.spot-wood[data-stage="1"] .sprite-art{max-width:85px}
.spot-wood[data-stage="2"] .sprite-art{max-width:91px}
.spot-stone[data-stage="0"] .sprite-art{max-width:54px}
.spot-stone[data-stage="1"] .sprite-art{max-width:66px}
.spot-stone[data-stage="2"] .sprite-art{max-width:78px}
.spot-iron[data-stage="0"] .sprite-art{max-width:71px}
.spot-iron[data-stage="1"] .sprite-art{max-width:94px}
.spot-iron[data-stage="2"] .sprite-art{max-width:111px}
.spot-store[data-stage="0"] .sprite-art{max-width:80px}
.spot-store[data-stage="1"] .sprite-art{max-width:89px}
.spot-store[data-stage="2"] .sprite-art{max-width:89px}
.spot-farm[data-stage="0"] .sprite-art{max-width:64px}
.spot-farm[data-stage="1"] .sprite-art{max-width:124px}
.spot-farm[data-stage="2"] .sprite-art{max-width:138px}
.spot-barracks[data-stage="0"] .sprite-art{max-width:78px}
.spot-barracks[data-stage="1"] .sprite-art{max-width:92px}
.spot-barracks[data-stage="2"] .sprite-art{max-width:105px}
.spot-rally[data-stage="0"] .sprite-art{max-width:77px}
.village-spot .sprite-art>img{filter:none}.spot-label{filter:none}

/* Native-size source images in building cards and technology previews. */
#building-hq[data-stage="0"] .building-art.sprite-art{width:111px;max-width:100%}
#building-hq[data-stage="1"] .building-art.sprite-art{width:115px;max-width:100%}
#building-hq[data-stage="2"] .building-art.sprite-art{width:112px;max-width:100%}
#building-wood[data-stage="0"] .building-art.sprite-art{width:70px;max-width:100%}
#building-wood[data-stage="1"] .building-art.sprite-art{width:85px;max-width:100%}
#building-wood[data-stage="2"] .building-art.sprite-art{width:91px;max-width:100%}
#building-stone[data-stage="0"] .building-art.sprite-art{width:54px;max-width:100%}
#building-stone[data-stage="1"] .building-art.sprite-art{width:66px;max-width:100%}
#building-stone[data-stage="2"] .building-art.sprite-art{width:78px;max-width:100%}
#building-iron[data-stage="0"] .building-art.sprite-art{width:71px;max-width:100%}
#building-iron[data-stage="1"] .building-art.sprite-art{width:94px;max-width:100%}
#building-iron[data-stage="2"] .building-art.sprite-art{width:111px;max-width:100%}
#building-store[data-stage="0"] .building-art.sprite-art{width:80px;max-width:100%}
#building-store[data-stage="1"] .building-art.sprite-art{width:89px;max-width:100%}
#building-store[data-stage="2"] .building-art.sprite-art{width:89px;max-width:100%}
#building-farm[data-stage="0"] .building-art.sprite-art{width:64px;max-width:100%}
#building-farm[data-stage="1"] .building-art.sprite-art{width:124px;max-width:100%}
#building-farm[data-stage="2"] .building-art.sprite-art{width:138px;max-width:100%}
#building-barracks[data-stage="0"] .building-art.sprite-art{width:78px;max-width:100%}
#building-barracks[data-stage="1"] .building-art.sprite-art{width:92px;max-width:100%}
#building-barracks[data-stage="2"] .building-art.sprite-art{width:105px;max-width:100%}
#building-wall[data-stage="0"] .building-art.sprite-art{width:57px;max-width:100%}
#building-wall[data-stage="1"] .building-art.sprite-art{width:85px;max-width:100%}
#building-wall[data-stage="2"] .building-art.sprite-art{width:95px;max-width:100%}
#building-rally[data-stage="0"] .building-art.sprite-art{width:77px;max-width:100%}
.tech-node>img[src$="/tower-3.webp"]{width:79px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/wood-1.webp"]{width:70px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/store-3.webp"]{width:89px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/wall-1.webp"]{width:57px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/iron-2.webp"]{width:94px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/tower-1.webp"]{width:120px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/hq-1.webp"]{width:111px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/barracks-2.webp"]{width:92px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/market-3.webp"]{width:116px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/stable-3.webp"]{width:120px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/stable-1.webp"]{width:83px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/workshop-3.webp"]{width:107px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/barracks-1.webp"]{width:78px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/hq-3.webp"]{width:112px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/stone-3.webp"]{width:78px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/workshop-1.webp"]{width:68px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/smith-3.webp"]{width:91px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/farm-2.webp"]{width:124px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/academy-1.webp"]{width:94px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/market-1.webp"]{width:78px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/store-1.webp"]{width:80px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/barracks-3.webp"]{width:105px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/hq-2.webp"]{width:115px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/wood-2.webp"]{width:85px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/iron-1.webp"]{width:71px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/market-2.webp"]{width:109px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/store-2.webp"]{width:89px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/wall-3.webp"]{width:95px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/tower-2.webp"]{width:79px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/iron-3.webp"]{width:111px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/stone-2.webp"]{width:66px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/wall-2.webp"]{width:85px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/wood-3.webp"]{width:91px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/temple-2.webp"]{width:105px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/farm-1.webp"]{width:64px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/smith-1.webp"]{width:86px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/smith-2.webp"]{width:88px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/hide-1.webp"]{width:50px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/stable-2.webp"]{width:106px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/temple-1.webp"]{width:75px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/rally-1.webp"]{width:77px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/farm-3.webp"]{width:138px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/first-temple-1.webp"]{width:119px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/workshop-2.webp"]{width:90px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/statue-1.webp"]{width:42px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/stone-1.webp"]{width:54px;max-width:100%;height:auto;max-height:106px}
.tech-node>img[src$="/temple-3.webp"]{width:133px;max-width:100%;height:auto;max-height:106px}
.tech-node>.sprite-art{width:77px}.tech-node>.sprite-art:has(img[src*="/hq-"]){width:111px}