.kingdom-panel{padding:0!important;overflow:hidden;background:#080d0a}.kingdom-heading{padding:18px 22px 14px;margin:0;border-bottom:1px solid #344332;background:linear-gradient(180deg,#121c15,#0a100c)}.kingdom-heading h2{margin:2px 0 0;color:#d8e6c8}.kingdom-heading .state-label{display:grid;gap:2px;text-align:right}.kingdom-heading .state-label b{color:#b9e684;font:15px Cinzel,Georgia,serif}.kingdom-intro{max-width:820px;margin:13px auto;padding:0 18px;text-align:center;color:#90a486;font-size:10px}.kingdom-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:10px;padding:0 10px 12px}.kingdom-map-shell{position:relative;min-width:0}.kingdom-map{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #42533f;background:#0a120e url('assets/kingdom-valley-concept.png?v=1.0.73') center/cover no-repeat;box-shadow:inset 0 0 80px #000c,0 8px 32px #0006;isolation:isolate}.kingdom-map::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:20;background:linear-gradient(180deg,#03100919,transparent 35%,#02060538),radial-gradient(ellipse at center,transparent 54%,#0205037a 100%)}.kingdom-map-note{position:absolute;z-index:30;left:10px;bottom:8px;margin:0;padding:5px 8px;border:1px solid #65705266;background:#07100bd9;color:#bcccae;font:8px Inter,Verdana,sans-serif;letter-spacing:.6px}.kingdom-building{--x:50%;--y:50%;--building-scale:1;position:absolute;z-index:10;left:var(--x);top:var(--y);width:86px;height:92px;padding:0;border:0;background:none;transform:translate(-50%,-70%) scale(var(--building-scale));transform-origin:50% 80%;filter:drop-shadow(0 7px 5px #0009);transition:filter .18s,transform .18s}.kingdom-building:hover,.kingdom-building.selected{z-index:18;filter:drop-shadow(0 0 7px #8fe06f) drop-shadow(0 8px 6px #000c);transform:translate(-50%,-70%) scale(calc(var(--building-scale) * 1.07))}.kingdom-building-visual{position:absolute;inset:0}.kingdom-building svg{width:100%;height:100%;overflow:visible}.kb-shadow{fill:#0008}.kb-foundation path:first-child{fill:#202720;stroke:#9b9160;stroke-width:1.3;stroke-dasharray:3 2}.kb-foundation path:last-child{fill:#4a4b32aa;stroke:#bdaf74;stroke-width:.7}.kb-main,.kb-wing,.kb-tower,.kb-turret{fill:#756f59;stroke:#d7c98d;stroke-width:1}.kb-face{fill:#303b31;stroke:#89826b;stroke-width:.8}.kb-roof{fill:#315d36;stroke:#a8d07b;stroke-width:1}.kb-door{fill:#101914;stroke:#d0b86c;stroke-width:.8}.kb-window{fill:#e2c467;stroke:#fff3a3;stroke-width:.5}.kb-banner{fill:#b8db65;stroke:#eefac7;stroke-width:.7}.kb-aura{fill:none;stroke:#9bf06c;stroke-width:2;stroke-dasharray:2 4;opacity:.8}.kb-crown{fill:#d8c76e;stroke:#fff0a3;stroke-width:.7}.kb-light{fill:#dfffa2}.kb-type-mark{fill:none;stroke:#e7d37f;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.kb-stage{opacity:0;transition:opacity .18s}.kingdom-building[data-level="1"] .kb-stage-1,.kingdom-building[data-level="2"] :is(.kb-stage-1,.kb-stage-2),.kingdom-building[data-level="3"] :is(.kb-stage-1,.kb-stage-2,.kb-stage-3),.kingdom-building[data-level="4"] :is(.kb-stage-1,.kb-stage-2,.kb-stage-3,.kb-stage-4),.kingdom-building[data-level="5"] .kb-stage{opacity:1}.kingdom-building[data-level="0"] .kb-type-mark{opacity:.25}.kingdom-building[data-level="0"] .kingdom-building-visual{filter:saturate(.35)}.kingdom-building[data-level="2"]{--level-growth:1.04}.kingdom-building[data-level="3"]{--level-growth:1.08}.kingdom-building[data-level="4"]{--level-growth:1.13}.kingdom-building[data-level="5"]{--level-growth:1.2}.kingdom-building[data-level]:not([data-level="0"]){transform:translate(-50%,-70%) scale(calc(var(--building-scale) * var(--level-growth,1)))}.kingdom-building[data-level]:not([data-level="0"]):hover,.kingdom-building[data-level]:not([data-level="0"]).selected{transform:translate(-50%,-70%) scale(calc(var(--building-scale) * var(--level-growth,1) * 1.06))}.kingdom-building-label{position:absolute;left:50%;bottom:-13px;min-width:78px;transform:translateX(-50%);display:grid;padding:3px 6px;border:1px solid #62744c;background:#07100bea;color:#e0e9d5;font:8px Inter,Verdana,sans-serif;white-space:nowrap;box-shadow:0 2px 7px #000a}.kingdom-building-label small{color:#91ab7d;font-size:7px}.kingdom-building-label i{font-style:normal}.kingdom-building.selected .kingdom-building-label{border-color:#a7db71;color:#efffd9;background:#142312f2}.kingdom-wall-art{position:absolute;z-index:6;inset:0;pointer-events:none}.kingdom-wall-ring{width:100%;height:100%;overflow:visible}.wall-foundation{fill:none;stroke:#d5c17c99;stroke-width:4;stroke-dasharray:7 8}.wall-built{fill:none;stroke:#4c4a3d;stroke-width:0;stroke-linecap:square;filter:drop-shadow(0 4px 2px #0009)}.wall-towers,.wall-gate{fill:#5f5e4d;stroke:#d0bf80;stroke-width:2;opacity:0}.wall-banner{fill:#90c960}.kingdom-wall-art[data-level="1"] .wall-built{stroke-width:5;stroke:#6b5636}.kingdom-wall-art[data-level="2"] .wall-built{stroke-width:8;stroke:#65665d}.kingdom-wall-art[data-level="3"] .wall-built{stroke-width:10;stroke:#77796c}.kingdom-wall-art[data-level="3"] .wall-towers{opacity:1}.kingdom-wall-art[data-level="4"] .wall-built,.kingdom-wall-art[data-level="5"] .wall-built{stroke-width:13;stroke:#8b8c77}.kingdom-wall-art[data-level="4"] :is(.wall-towers,.wall-gate),.kingdom-wall-art[data-level="5"] :is(.wall-towers,.wall-gate){opacity:1}.kingdom-wall-art[data-level="5"] .kingdom-wall-ring{filter:url(#wall-glow)}.kingdom-wall-art[data-level]:not([data-level="0"]) .wall-foundation{opacity:.25}.kingdom-wall-art.selected .wall-foundation,.kingdom-wall-art.selected .wall-built{stroke:#a8e375}.kingdom-inspector{border:1px solid #344332;background:linear-gradient(180deg,#111a13,#090f0b);min-width:0}.kingdom-inspector h3{margin:0;padding:11px 12px;border-bottom:1px solid #344332;color:#dce9cf;font:14px Cinzel,Georgia,serif}.kingdom-building-list{display:grid;max-height:258px;overflow:auto;scrollbar-color:#41543a #0b100c}.kingdom-building-list button{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border:0;border-bottom:1px solid #242e24;background:transparent;color:#9eaa97;text-align:left;font-size:9px}.kingdom-building-list button:hover,.kingdom-building-list button.selected{background:#20301f;color:#d9ecc8}.kingdom-building-list button b{font-weight:400;color:#c9b96f;white-space:nowrap}.kingdom-building-list i{font-style:normal}.kingdom-building-detail{padding:12px}.kingdom-stage{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #2c372b}.kingdom-stage b{color:#d9c66c}.kingdom-stage small{color:#85977d}.kingdom-detail-copy{min-height:75px;color:#899b82;font-size:9px}.kingdom-detail-copy span{display:block;margin-top:7px;color:#b1c6a2}.kingdom-detail-copy b{color:#d0dbca}.kingdom-level-control{display:grid;grid-template-columns:32px 1fr 32px;gap:5px;align-items:center;margin-top:9px}.kingdom-level-control>button{height:31px;border:1px solid #4d633f;background:#182217;color:#bddb9f;font-size:16px}.kingdom-levels{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.kingdom-levels button{height:31px;padding:0;border:1px solid #344231;background:#0d140e;color:#7e8c78;font-size:9px}.kingdom-levels button.active{border-color:#83b758;background:#294521;color:#efffdc}.kingdom-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px}.kingdom-preview-actions button{padding:7px 4px;border:1px solid #3e4b38;background:#101710;color:#a9b6a0;font-size:8px}.kingdom-preview-disclaimer{margin:10px 0 0;color:#687660;font-size:8px;text-align:center}.kingdom-wall-select{position:absolute;z-index:25;right:10px;top:10px;padding:5px 8px;border:1px solid #6a775e;background:#07100bd9;color:#d7e5c9;font-size:8px}.kingdom-wall-select:hover{border-color:#9bd570}.kingdom-wall-select b{color:#d4c16c}.kingdom-civic .kb-roof{fill:#315d36}.kingdom-military .kb-roof{fill:#66372d}.kingdom-harbor .kb-roof{fill:#28576a}.kingdom-lumber .kb-roof{fill:#66472c}.kingdom-forge .kb-roof{fill:#713c25}.kingdom-tower .kb-roof{fill:#414c72}.kingdom-academy .kb-roof{fill:#385f4d}.kingdom-market .kb-roof{fill:#725b2f}
@media(max-width:1050px){.kingdom-layout{grid-template-columns:1fr}.kingdom-inspector{display:grid;grid-template-columns:1fr 1fr}.kingdom-inspector h3{grid-column:1/-1}.kingdom-building-list{max-height:210px}.kingdom-building-detail{border-left:1px solid #344332}}
@media(max-width:760px){.kingdom-heading{padding:13px 11px}.kingdom-heading .state-label{display:none}.kingdom-intro{font-size:9px}.kingdom-layout{padding:0 4px 8px}.kingdom-map{aspect-ratio:1/1;min-height:410px;background-position:center}.kingdom-building{width:61px;height:68px}.kingdom-building-label{min-width:60px;font-size:6px;padding:2px 3px}.kingdom-building-label small{font-size:6px}.kingdom-map-note{display:none}.kingdom-wall-select{font-size:7px}.kingdom-inspector{display:block}.kingdom-building-detail{border-left:0;border-top:1px solid #344332}.kingdom-building-list{grid-template-columns:1fr 1fr;max-height:none}.kingdom-building-list button:nth-last-child(-n+1){grid-column:1/-1}}

/* Detailed landmark artwork */
.kingdom-building{width:104px;height:104px}
.kb-shadow{fill:#0009}.kb-foundation path:first-child{fill:#1b211c;stroke:#9b9160;stroke-width:1.2}.kb-foundation path:last-child{fill:#555139b8;stroke:#c0b176;stroke-width:.7}
.kb-stone,.kb-wing,.kb-tower,.kb-turret{fill:#716d55;stroke:#d0c38c;stroke-width:1}.kb-side{fill:#343b33;stroke:#827d61;stroke-width:.8}.kb-roof{stroke:#a8c98a;stroke-width:1}.kb-wood,.kb-stall{fill:#67492f;stroke:#bc9563;stroke-width:1}.kb-ground,.kb-yard{fill:#4d422d;stroke:#a99361;stroke-width:.8}.kb-door,.kb-gate{fill:#111813;stroke:#d0b86c;stroke-width:.9}.kb-window,.kb-light{fill:#e4c96e;stroke:#fff0a5;stroke-width:.6}.kb-clock{fill:#292f29;stroke:#e4cf7d;stroke-width:1}.kb-banner{fill:#8fc75c;stroke:#e2f3b6;stroke-width:.8}.kb-gold{fill:#cdb55d;stroke:#fff0a2;stroke-width:.7}.kb-stairs{fill:#4e5045;stroke:#a9a27d;stroke-width:.8}.kb-battlement{fill:#656657;stroke:#c6bd91;stroke-width:1}.kb-emblem,.kb-rack,.kb-columns,.kb-rail,.kb-telescope,.kb-crane,.kb-lanterns,.kb-water-stroke{fill:none;stroke:#d2bd73;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.kb-water{fill:#164a50c7;stroke:#73a9a4;stroke-width:1}.kb-pier,.kb-post,.kb-log,.kb-stack{fill:#69492c;stroke:#b28a55;stroke-width:1}.kb-cut{fill:#a47b48;stroke:#d1ad6b;stroke-width:.8}.kb-boat{fill:#5e4028;stroke:#c39459;stroke-width:1}.kb-sail{fill:#b9ad78;stroke:#e3d9a1;stroke-width:.8}.kb-crates,.kb-cart{fill:#60442c;stroke:#b98a50;stroke-width:.8}.kb-wheel{fill:#382b20;stroke:#b58b56;stroke-width:3}.kb-chimney{fill:#4b4b40;stroke:#b4aa82;stroke-width:1}.kb-rim{fill:#2b302c;stroke:#aaa17b;stroke-width:1}.kb-smoke{fill:none;stroke:#777d73;stroke-width:7;stroke-linecap:round;opacity:.68}.forge-mouth{fill:#27120d;stroke:#e56f28;stroke-width:1.5;filter:drop-shadow(0 0 3px #ff742d)}.kb-anvil{fill:#343b3b;stroke:#afb3a5;stroke-width:1}.kb-ore{fill:#343a31;stroke:#95a06f;stroke-width:1}.kb-dome{fill:#3b644a;stroke:#b4cf91;stroke-width:1}.kb-awning{fill:#6b5131;stroke:#d0b06d;stroke-width:1}.kb-stripe{fill:none;stroke:#a84232;stroke-width:6}.kb-fountain{fill:#586658;stroke:#bdb68a;stroke-width:1}.kb-water-stroke{stroke:#85c2bd}.kb-lens{fill:#82b9b2;stroke:#e0f1ce;stroke-width:1}.kb-level-glow{fill:none;stroke:#a6e26f;stroke-width:2;stroke-dasharray:4 3}
.kingdom-wall-ring{filter:drop-shadow(0 4px 3px #000b)}.wall-foundation{stroke:#c7b778aa;stroke-width:5;stroke-dasharray:8 9}.wall-built{stroke-linecap:round;stroke-linejoin:round}.wall-towers,.wall-gate{filter:drop-shadow(0 3px 2px #000c)}.kingdom-wall-art[data-level="1"] .wall-built{stroke-width:8}.kingdom-wall-art[data-level="2"] .wall-built{stroke-width:12}.kingdom-wall-art[data-level="3"] .wall-built{stroke-width:15}.kingdom-wall-art[data-level="4"] .wall-built,.kingdom-wall-art[data-level="5"] .wall-built{stroke-width:19}
@media(max-width:760px){.kingdom-building{width:70px;height:70px}}

/* Generated realistic kingdom assets */
.kingdom-map{background-image:none}
.kingdom-building,.kingdom-building[data-level]{width:108px;height:158px;--level-growth:1;transform:translate(-50%,-72%) scale(var(--building-scale));transform-origin:50% 86%}
.kingdom-building:hover,.kingdom-building.selected,.kingdom-building[data-level]:not([data-level="0"]),.kingdom-building[data-level]:not([data-level="0"]):hover,.kingdom-building[data-level]:not([data-level="0"]).selected{transform:translate(-50%,-72%) scale(var(--building-scale))}
.kingdom-building:hover,.kingdom-building.selected{filter:drop-shadow(0 0 8px #8fe06f) drop-shadow(0 9px 7px #000d)}
.kingdom-building-visual{overflow:visible;filter:none!important}
.kingdom-building-sprite{position:absolute;inset:0;display:block;background-image:var(--building-art);background-repeat:no-repeat;background-size:500% 100%;background-position:0 0;opacity:0;transition:opacity .18s,filter .18s;filter:drop-shadow(0 7px 5px #000b)}
.kingdom-building-foundation{position:absolute;left:17%;right:17%;bottom:13%;height:15%;display:block;transform:skewY(-9deg);border:1px dashed #a89a65;background:linear-gradient(135deg,#27271fbb,#6860449c);box-shadow:0 5px 8px #0009}
.kingdom-building[data-level="1"] .kingdom-building-sprite{opacity:1;background-position:0 0}.kingdom-building[data-level="2"] .kingdom-building-sprite{opacity:1;background-position:25% 0}.kingdom-building[data-level="3"] .kingdom-building-sprite{opacity:1;background-position:50% 0}.kingdom-building[data-level="4"] .kingdom-building-sprite{opacity:1;background-position:75% 0}.kingdom-building[data-level="5"] .kingdom-building-sprite{opacity:1;background-position:100% 0;filter:drop-shadow(0 0 5px #9bdc6a88) drop-shadow(0 8px 6px #000c)}
.kingdom-building[data-level]:not([data-level="0"]) .kingdom-building-foundation{opacity:0}.kingdom-building-label{bottom:2px;z-index:2}.kingdom-harbor{z-index:14}.kingdom-harbor .kingdom-building-sprite{transform:scale(1.08);transform-origin:50% 78%}.kingdom-lumber .kingdom-building-sprite{background-size:contain;background-position:center bottom;transform:scale(.9);transform-origin:50% 82%}.kingdom-lumber[data-level="1"] .kingdom-building-sprite{background-image:var(--building-stage-1);background-position:center bottom}.kingdom-lumber[data-level="2"] .kingdom-building-sprite{background-image:var(--building-stage-2);background-position:center bottom}.kingdom-lumber[data-level="3"] .kingdom-building-sprite{background-image:var(--building-stage-3);background-position:center bottom}.kingdom-lumber[data-level="4"] .kingdom-building-sprite{background-image:var(--building-stage-4);background-position:center bottom}.kingdom-lumber[data-level="5"] .kingdom-building-sprite{background-image:var(--building-stage-5);background-position:center bottom}
@media(max-width:760px){.kingdom-building,.kingdom-building[data-level]{width:68px;height:104px}.kingdom-building-label{bottom:-1px}.kingdom-harbor .kingdom-building-sprite{transform:scale(1.04)}}

/* Isolated stage artwork keeps every building inside its own frame. */
.kingdom-building-sprite{background-size:contain;background-position:center bottom}
.kingdom-building[data-level="1"] .kingdom-building-sprite{background-image:var(--building-stage-1);background-position:center bottom}
.kingdom-building[data-level="2"] .kingdom-building-sprite{background-image:var(--building-stage-2);background-position:center bottom}
.kingdom-building[data-level="3"] .kingdom-building-sprite{background-image:var(--building-stage-3);background-position:center bottom}
.kingdom-building[data-level="4"] .kingdom-building-sprite{background-image:var(--building-stage-4);background-position:center bottom}
.kingdom-building[data-level="5"] .kingdom-building-sprite{background-image:var(--building-stage-5);background-position:center bottom}
.kingdom-harbor .kingdom-building-sprite{transform:none}
.kingdom-lumber .kingdom-building-sprite{transform:scale(1.08);transform-origin:50% 84%}
.kingdom-building-label{min-width:84px;padding:4px 7px;font-size:10px}
.kingdom-building-label small{font-size:9px}
@media(max-width:760px){.kingdom-building-label{min-width:66px;padding:3px 4px;font-size:8px}.kingdom-building-label small{font-size:7px}.kingdom-harbor .kingdom-building-sprite{transform:none}}

/* Buildings are rendered as fixed, map-integrated scenery patches. */
.kingdom-building,.kingdom-building[data-level],.kingdom-building:hover,.kingdom-building.selected,.kingdom-building[data-level]:not([data-level="0"]),.kingdom-building[data-level]:not([data-level="0"]):hover,.kingdom-building[data-level]:not([data-level="0"]).selected{width:25.12%;height:38.26%;transform:translate(-50%,-50%);transform-origin:center;filter:none}
.kingdom-building-visual{inset:0;overflow:visible}
.kingdom-building-sprite,.kingdom-lumber .kingdom-building-sprite,.kingdom-harbor .kingdom-building-sprite{inset:0;background-size:100% 100%;background-position:center;background-repeat:no-repeat;transform:none;filter:none}
.kingdom-building[data-level="5"] .kingdom-building-sprite{filter:none}
.kingdom-building-foundation{display:none}
.kingdom-building:hover .kingdom-building-sprite,.kingdom-building.selected .kingdom-building-sprite{filter:brightness(1.06)}

/* Full-map progression: every stage is a single flattened scene. */
.kingdom-map{background-color:#07100b;background-position:center;background-size:cover;background-repeat:no-repeat;cursor:pointer;transition:filter .16s ease,opacity .16s ease}
.kingdom-map.changing{filter:brightness(.86);opacity:.9}
.kingdom-map:focus-visible{outline:2px solid #9bd570;outline-offset:2px}
.kingdom-map-note{pointer-events:none}
@media(max-width:760px){.kingdom-map{aspect-ratio:16/9;min-height:0;background-size:contain}}