.village-tools{position:absolute;right:22px;top:246px;display:flex;gap:6px;z-index:15}.village-tools .button{background:#f7edd5e8;border:1px solid #c3a77c;box-shadow:0 3px 12px #61452518;font-size:12px;min-height:42px}
.planning-panel{position:absolute;z-index:24;right:22px;top:205px;bottom:105px;width:350px;overflow:auto;padding:19px;background:#fbf3e2f5;border:1px solid #be9a64;border-radius:14px;box-shadow:0 14px 45px #573b2933;color:#4d3d2b}.planning-panel[hidden]{display:none}.planning-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.planning-heading h2{font:30px Georgia,serif;margin:5px 0}.planning-heading small{font-size:10px;letter-spacing:.08em;color:#4b7e87}.planning-panel>p{font-size:13px;line-height:1.55}.plan-status{border-left:3px solid #5d9eaa;padding:10px;background:#e4efea;border-radius:5px;font-size:12px;line-height:1.5}.plan-total{display:grid;gap:7px;margin:14px 0;padding:13px;border:1px solid #d8c5a3;border-radius:8px;background:#fff9ee}.plan-total small,.plan-total span{font-size:11px;color:#7b6549}.plan-total strong{font-size:14px}.planning-panel details{border-top:1px solid #dbcbb1;padding:12px 0;font-size:12px}.planning-panel summary{cursor:pointer;font-weight:700}.plan-buildings{margin-top:9px;max-height:155px;overflow:auto}.plan-buildings>div{display:flex;border-bottom:1px solid #e0d0b6}.plan-buildings button{background:transparent;color:#4d3d2b;min-height:43px;padding:6px 10px;text-align:left;border-radius:5px}.plan-buildings button:first-child{flex:1;display:grid;gap:3px}.plan-buildings button:hover{background:#efe1c8}.plan-buildings small{font-size:11px;color:#7c674e}.plan-buttons{display:grid;gap:8px;margin:12px 0}.plan-error{color:#a24632;font-weight:600}.planning-panel>small{font-size:11px;line-height:1.5;display:block}.planning-panel .button{font-size:12px;white-space:normal;min-height:42px}.planning-panel .inline-actions{gap:5px;margin-bottom:12px;flex-wrap:wrap}.planning.placing #planning-panel,body:has(#build-catalog:not([hidden])) #planning-panel{visibility:hidden}.planning .world-monument,.planning .world-mission,.planning .village-tools{display:none!important}#start-village-plan{margin:12px 0 18px;background:#e0eee7;color:#315e61;min-height:44px;white-space:normal}
.village-receipt{padding:13px 15px;border-radius:8px;border-left:4px solid #498d72;background:#e0eee3;color:#315444}.village-receipt.error{border-color:#aa5740;background:#f5e3d7;color:#823c2a}.market-supplies{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.market-supplies span{padding:7px 9px;background:#eadbc0;border-radius:6px;font-size:12px}.village-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.market-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.market-offer{padding:16px;background:#fff8e9;border:1px solid #d8c3a0;border-radius:10px}.market-offer>small{font-size:11px;line-height:1.5;display:block;color:#81694d}.market-offer h4{font:22px Georgia,serif;margin:10px 0}.market-offer .button{width:100%;margin:12px 0;font-size:12px;min-height:43px}.market-exchange{display:grid;grid-template-columns:1fr 14px 1fr;gap:8px;align-items:center}.market-exchange span{font-size:10px;color:#786044}.market-exchange strong{font-size:13px;display:block;margin-top:5px;color:#4d3d2b;line-height:1.45}.market-exchange b{color:#6b9590}.donkey-list{display:grid;gap:10px;margin-top:14px}.donkey-list>div{display:grid;grid-template-columns:1fr 90px;align-items:center;gap:8px;padding:12px;background:#f5ead4;border-radius:8px}.donkey-list progress{width:90px;margin:0}.donkey-list span{font-size:12px}.donkey-list .button{font-size:11px;padding:8px;white-space:normal}.village-selects{display:flex;gap:14px;flex-wrap:wrap}.village-selects label,#heritage-content label:has(#cut-worker){display:grid;gap:6px;flex:1;min-width:145px;font-size:12px}.village-selects select,#cut-worker{width:100%;min-height:43px;max-width:100%;background:#fff8e9;border:1px solid #c8ae85;padding:7px;border-radius:6px;color:#4d3d2b}.market-order{padding:15px 0;border-bottom:1px solid #decdb0;display:grid;gap:9px}.market-order>small{color:#81694d}.market-order .button{justify-self:start;min-height:42px;font-size:12px;white-space:normal}.market-order p{margin:0;line-height:1.5}.cut-patterns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.cut-patterns section{padding:14px;border:1px solid #d9c5a2;border-radius:9px;background:#fff7e6}.cut-patterns h4{min-height:40px;font:20px Georgia,serif;margin:0 0 10px}.cut-patterns .button{font-size:11px;white-space:normal;min-height:44px}.cut-patterns p{font-size:11px;line-height:1.5}.cut-target{width:75px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.cut-target i{aspect-ratio:1;background:#8a744e}.cut-steps{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;counter-reset:cut}.cut-steps li{font-size:11px;counter-increment:cut;background:#eee1c8;padding:7px;border-radius:6px}.cut-steps li:before{content:counter(cut)' · '}.cut-steps .current{background:#d7e8e6;color:#326c74}.cut-steps .done{background:#dfe9d5;color:#587348}.cut-tools{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.cut-tools .active{background:#3d757c;color:#fff5de}.cut-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:450px}.cut-grid button{min-height:66px;border-radius:8px;border:1px solid #9cbab9;background:#dbe8e4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#3b6466}.cut-grid .marked{border:2px solid #bd8b3c}.cut-grid .exact{background:#e1ead7;color:#4d6c3d;border-color:#a2b48c}.cut-grid .overcut{background:#f4d7c7;border-color:#cb8f74;color:#8c4834}.cut-grid strong{font-size:15px}.cut-grid small{font-size:10px}.cut-grid button:hover{filter:brightness(1.05)}.cut-legend{font-size:11px!important}.cut-result{padding:12px;background:#e6ebd8;border-radius:8px}.village-tools button:focus-visible,.planning-panel button:focus-visible,.cut-grid button:focus-visible{outline:3px solid #397b8a;outline-offset:3px}
.plan-buttons{grid-template-columns:1fr 1fr}.plan-total{margin:8px 0;padding:10px}.planning-panel>p{font-size:12px;margin:9px 0}.planning-panel .plan-status{padding:8px}.planning #site-hud{display:none!important}.planning-heading{position:sticky;top:-19px;background:#fbf3e2;z-index:1;padding:5px 0}.planning-panel>small{font-size:10px}.planning-panel details{padding:10px 0}
@media(max-width:700px){.village-tools{right:12px;top:265px;display:grid;gap:5px}.village-tools .button{font-size:10px;padding:8px;min-height:40px}.planning-panel{inset:auto 10px 91px;width:auto;max-height:58vh;padding:15px}.planning-heading h2{font-size:26px}.market-offers,.cut-patterns{grid-template-columns:1fr}.cut-patterns section{display:grid;grid-template-columns:75px 1fr;gap:8px}.cut-patterns h4{grid-column:1/-1;min-height:0}.cut-patterns .button{grid-column:1/-1}.market-offer{padding:13px}.cut-grid{gap:4px}.cut-grid button{min-height:51px}.cut-grid strong{font-size:12px}.cut-grid small{font-size:8px}.donkey-list>div{grid-template-columns:1fr 82px}.village-card-heading .button{font-size:11px;min-height:40px}.planning-panel .plan-buildings{max-height:110px}.planning-heading{top:-15px}}
@media(prefers-reduced-motion:reduce){.village-tools *,.planning-panel *,.cut-grid *{transition:none!important}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.village-tab-switch{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.village-tab-switch .button{font-size:12px;min-height:42px}body:has(#heritage-panel:not([hidden])) .village-tools{display:none}body:has(#heritage-panel:not([hidden]) .market-offers) #site-hud,body:has(#heritage-panel:not([hidden]) .cut-grid) #site-hud{display:none!important}
.planning .heritage-tools,.planning #egypt-minimap,.planning .campaign-ribbon{opacity:.4}.planning .world-actions #extract-button,.planning .world-actions #lay-stone-button{opacity:.4}
.planning .world-navigation{display:none}
.plan-buttons{position:sticky;bottom:-19px;background:#fbf3e2;padding:10px 0;z-index:2}.plan-buttons:before{content:attr(data-total);grid-column:1/-1;font-size:12px;font-weight:700;line-height:1.45;color:#4f654e}.plan-testing .planning-panel{top:auto;height:auto;max-height:32vh}.plan-testing .planning-panel>p,.plan-testing .planning-panel>.plan-total,.plan-testing .planning-panel>.inline-actions,.plan-testing .planning-panel>details,.plan-testing .planning-panel>small{display:none}.plan-testing .planning-heading h2{font-size:23px}.plan-testing .planning-heading{position:static}.plan-testing .plan-buttons{margin-bottom:0}.plan-testing .plan-status{font-size:11px;margin-top:7px}
@media(max-width:700px){.plan-buttons{bottom:-15px}.plan-testing .planning-panel{max-height:31vh}.plan-testing .planning-heading h2{font-size:21px}}

.transport-catalog{display:grid;gap:12px;margin:12px 0}.transport-choice{padding:12px;border:1px solid #d4bc90;border-radius:12px;background:#fff6e4}.transport-choice.locked{background:#eadfc8}.transport-choice h4{margin:0 0 6px}.transport-choice small{display:block;color:#685237}.transport-choice p{margin:8px 0;line-height:1.45}.transport-unlocks summary{cursor:pointer;font-weight:700;padding:12px 0}.transport-choice .button{width:100%}

body:has(.citizen-follow:not([hidden])) .village-tools{display:none}
#heritage-panel{display:flex;flex-direction:column;overflow:hidden}
#heritage-panel .heritage-heading{position:static;flex:0 0 auto}
#heritage-content{min-height:0;overflow:auto;overscroll-behavior:contain}