.settlement-dialog{width:690px;max-width:94vw;padding:30px 34px}.settlement-panel .eyebrow{padding-right:20px}.settlement-panel h2{max-width:560px;font-size:24px}.settlement-panel .secondary-button{white-space:normal;line-height:1.4}.settlement-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:18px 0}.settlement-stats>div{padding:12px;background:#101f2480;border:1px solid #aab99528;border-radius:3px}.settlement-stats span,.settlement-stats strong{display:block}.settlement-stats span{font-size:10px;color:#afbfac;margin-bottom:6px}.settlement-stats strong{font-size:13px;font-weight:500;color:#e7d6aa}.settlement-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #c0c7ad20}.settlement-row>div{min-width:0}.settlement-row strong{font-size:12px;font-weight:500}.settlement-row small{display:block;font-size:10px;color:#a9bda9;line-height:1.65;margin-top:5px}.settlement-row>button{flex-shrink:0;max-width:170px}.settlement-panel>button{margin-top:12px;margin-right:8px}.transfer-form{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0;align-items:center}.transfer-form input{width:80px}.transfer-form select{width:auto;min-width:140px;flex:1}.settlement-panel input,.settlement-panel select{border:1px solid var(--line);border-radius:3px;background:#102126;padding:10px;color:var(--pale);font:inherit;font-size:11px}.settlement-panel input:focus-visible,.settlement-panel select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.storage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.storage-grid>div{padding:9px;background:#2237308a;border:1px solid #b7bc8025}.storage-grid span,.storage-grid strong,.storage-grid small{display:block}.storage-grid span{font-size:11px;color:#bcceba}.storage-grid strong{font-size:15px;color:#e4d098;margin:5px 0}.storage-grid small{font-size:9px;color:#9baf9e}.building-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.building-card{border:1px solid var(--line);padding:15px;border-radius:3px;background:#25352e60;display:flex;flex-direction:column;align-items:start}.building-card>strong{font:500 14px Cinzel,Georgia,serif}.building-card p{font-size:11px;line-height:1.6;margin:9px 0}.building-card small{color:#bbae86;font-size:10px;margin-bottom:12px}.building-card button{margin-top:auto}.hotbar-editor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hotbar-editor label,.policy-form label{display:grid;gap:7px;color:#b8c5b0;font-size:10px}.hotbar-editor select{width:100%;min-width:0}.policy-form{display:grid;grid-template-columns:2fr 1fr;gap:12px;align-items:end}.policy-form button{grid-column:1/-1;justify-self:start}.policy-form input{width:100%}.proposal-card{border:1px solid var(--line);border-radius:3px;padding:14px;margin:10px 0;background:#21352d70}.proposal-card p{font-size:11px;margin:10px 0}.proposal-card .panel-actions{margin-top:10px}.status-pill{border:1px solid #9cbd8155;border-radius:12px;padding:3px 8px;font-size:9px;text-transform:uppercase;color:#d0d6ad}.settlement-warning{padding:12px;border-left:2px solid #d8b56f;background:#ae80331c}.atlas-list .settlement-row{padding:9px 0}.hotbar .slot-tier{position:absolute;top:5px;right:5px;font-size:7px;color:#d5c49b}.hotbar .slot.empty{opacity:.4}#carry-status{font-size:9px;color:#d9c891;line-height:1.7;margin-top:10px}#map-button{pointer-events:auto;cursor:pointer;background:none;border:0;padding:0;display:block;width:100%;color:inherit}#map-button:focus-visible{outline:2px solid var(--gold)}#waypoint-label{padding:7px 3px 0;font-size:9px;line-height:1.5;color:#e5c993;text-align:center}.tool-caption-secondary{font-size:8px;letter-spacing:1px}.settlement-panel .market-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.settlement-panel .market-heading{align-items:flex-start}.settlement-panel .market-heading>span{text-align:right}.settlement-panel .market-row{padding:13px 0}.settlement-panel .panel-actions{margin-bottom:4px}.settlement-panel .panel-actions button{min-width:140px}@media(max-width:620px){.settlement-dialog{padding:25px 20px}.settlement-panel h2{font-size:21px}.hotbar-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.building-catalog{grid-template-columns:1fr}.settlement-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.settlement-row{gap:10px}.settlement-row>button{max-width:120px}.transfer-form button{flex:1}.settlement-panel .market-heading{display:block}.settlement-panel .market-heading>span{display:block;text-align:left;margin-top:5px}}
.defense-state{margin:16px 0;padding:14px 16px;border:1px solid #83986d66;border-left:3px solid #9bb985;background:#31483340;border-radius:3px}.defense-state>strong{font-size:13px;color:#dce8c9}.defense-state p{font-size:11px;line-height:1.6;margin:7px 0 0}.defense-state[data-defense-state="empty"],.defense-state[data-defense-state="blocked"]{border-color:#b992515c;border-left-color:#ddb770;background:#76572724}.defense-state[data-defense-state="destroyed"]{border-color:#b969545c;border-left-color:#d4866c;background:#76413124}
.trade-quantity{display:flex;align-items:center;gap:12px;font-size:11px;color:#c7d1b8;margin:14px 0 6px}.trade-quantity input{width:110px;max-width:100%;font-size:14px}.settlement-panel .trade-limit{font-size:10px;line-height:1.5;margin:7px 0;color:#aebda7}.trade-quotes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}.settlement-panel .trade-quotes p{font-size:11px;line-height:1.6;margin:0;color:#d5d8bf}@media(max-width:620px){.trade-quotes{grid-template-columns:1fr;gap:7px}}

.requested-deliveries{margin:1rem 0;padding:0 .9rem;border:1px solid #b69d624d;border-radius:10px;background:#bd9c4510}.requested-deliveries .settlement-row{border-bottom:0}

/* Illustrated counters: native details stay usable on touch and keyboard. */
.settlement-dialog:has(.storefront){width:1000px;padding:0;overflow:hidden;overflow-y:auto;background:#15251f;border-color:#b39359}
.storefront{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 0,#65503955,transparent 60%),linear-gradient(90deg,#121e1b,#253129 50%,#14211d)}
.storefront-scene{position:relative;height:280px;overflow:hidden;border-bottom:5px solid #9b7848;background:#30291f}
.storefront-scene>svg{display:block;width:100%;height:100%;object-fit:cover}
.storefront-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#12211ed9,transparent 42%)}
.shop-scene-caption{position:absolute;z-index:1;bottom:20px;left:32px;font:11px Cinzel,Georgia,serif;text-transform:uppercase;letter-spacing:2.5px;color:#f1d9a3}
.storefront-content{padding:24px 32px 34px;position:relative}.storefront-content>.eyebrow{color:#d7b777;font-size:10px;letter-spacing:2px}.storefront-content>h2{max-width:100%;margin-top:7px}.storefront-content>h3{font:600 17px Cinzel,Georgia,serif;color:#efdbad;margin:27px 0 13px}.storefront-content>.settlement-stats{border-bottom:1px solid #d3ba7340;padding-bottom:16px}.storefront-content>.settlement-stats>div{background:#101d1780;border-color:#aa8d5040}
.shop-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:16px 0 24px}.shop-item{min-width:0;position:relative;display:flex;flex-direction:column;border:1px solid #b6a26b65;border-radius:8px;background:linear-gradient(145deg,#344035,#1b2b25 74%);box-shadow:0 6px 16px #07100c38;overflow:hidden;transition:border-color .18s,box-shadow .18s}.shop-item:hover,.shop-item:focus-within{border-color:#e0bd73;box-shadow:0 8px 24px #0005,0 0 0 1px #d4b26838}.shop-item-art{position:relative;height:155px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#9a895438,transparent 68%),linear-gradient(0deg,#a6814533 0 6px,transparent 6px),repeating-linear-gradient(90deg,#614b2c14 0 34px,#201e1314 35px 37px)}.shop-item-art>svg{display:block;width:100%;height:100%;padding:8px 12px 2px;filter:drop-shadow(0 8px 5px #0005);transition:transform .22s ease}.shop-item:hover .shop-item-art>svg,.shop-item:focus-within .shop-item-art>svg{transform:translateY(-3px) scale(1.06)}.shop-item-tag{position:absolute;top:10px;left:10px;font-size:8px;letter-spacing:1.3px;text-transform:uppercase;color:#eddaa9;background:#16211bd9;padding:5px 7px;border:1px solid #a8905247;border-radius:3px}.shop-item-insight{position:absolute;inset:auto 8px 8px;padding:8px 9px;background:#15211cee;border:1px solid #c4a56699;border-radius:4px;color:#fae5b4;font-size:10px;line-height:1.5;opacity:0;transform:translateY(5px);transition:opacity .15s,transform .15s;pointer-events:none}.shop-item:hover .shop-item-insight,.shop-item:focus-within .shop-item-insight{opacity:1;transform:none}.shop-item-body{padding:15px 15px 16px;display:flex;flex-direction:column;flex:1;min-width:0;border-top:1px solid #b3a07130}.shop-item h4{font:600 15px Cinzel,Georgia,serif;color:#f1dfb2;margin:0 0 12px;line-height:1.45}.shop-item-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}.shop-item-facts>div{min-width:0}.shop-item-facts dt{font-size:9px;color:#a6b6a0;margin-bottom:4px}.shop-item-facts dd{margin:0;font-size:11px;line-height:1.5;color:#e0cf9f}.shop-item-details{font-size:11px;color:#c0cdb8}.shop-item-details summary{cursor:pointer;display:list-item;width:fit-content;color:#d9bd7c;font-size:10px;padding:5px 3px;border-radius:2px}.shop-item-details summary:focus-visible{outline:2px solid #ecd18d;outline-offset:3px}.shop-item-details p{font-size:10px;line-height:1.65;margin:8px 0 10px;color:#c6d1bd}.shop-item-details[open]{margin-bottom:6px}.shop-item-status{font-size:9px!important;line-height:1.5!important;min-height:27px;color:#b7c6a9!important;margin:10px 0!important}.shop-item[data-available="false"] .shop-item-status{color:#e6bb88!important}.shop-item-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:4px}.shop-item-actions>button{min-width:0;flex:1;font-size:11px;padding:10px 8px!important;background:#c3a264!important;color:#14251d!important;border:1px solid #ddc68c!important;box-shadow:inset 0 1px #fff3}.shop-item-actions>button:disabled{background:#314035!important;border-color:#8a957855!important;color:#a9b49a!important;opacity:.8}.shop-item-actions>button:focus-visible{outline:2px solid #fce8ab;outline-offset:3px}.shop-item-actions .status-pill{margin:auto 0;color:#c9d8bb}.shop-materials{padding-top:8px;border-top:1px solid #bbbc9040}.shop-materials>strong{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#dbc797}.shop-materials>div{display:grid;gap:6px}.shop-material{display:flex;gap:5px;align-items:center;padding:5px;background:#11211b80;border-radius:4px;font-size:10px;color:#d5dabc}.shop-material>svg{width:37px;height:32px;flex-shrink:0}.shop-material small{display:block;font-size:8px;color:#99ad94;margin-top:2px}.shop-material.short{border-left:2px solid #d7a16c}.shop-material.short small{color:#e4b28e}.shop-single-item{max-width:540px;grid-template-columns:1fr}.shop-single-item .shop-item{display:grid;grid-template-columns:1fr 1fr}.shop-single-item .shop-item-art{height:100%;min-height:260px}.shop-single-item .shop-item-body{border-top:0;border-left:1px solid #b3a07130}
@media(max-width:800px){.shop-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-single-item{grid-template-columns:1fr}.storefront-scene{height:235px}.storefront-content{padding:22px}.shop-scene-caption{left:22px}}
@media(max-width:480px){.storefront-scene{height:180px}.storefront-content{padding:20px 16px}.shop-scene-caption{font-size:9px;letter-spacing:1.5px;left:16px}.shop-item-grid{gap:11px;grid-template-columns:1fr}.shop-item{display:grid;grid-template-columns:112px 1fr}.shop-item-art{height:100%;min-height:205px}.shop-item-art>svg{padding:0 3px}.shop-item-tag{top:8px;left:5px;right:5px;font-size:7px;text-align:center}.shop-item-body{padding:13px 12px;border-top:0;border-left:1px solid #b3a07130}.shop-item h4{font-size:13px}.shop-item-facts{gap:6px}.shop-item-facts dd{font-size:10px}.shop-item-insight{display:none}.shop-single-item .shop-item{grid-template-columns:112px 1fr}.shop-single-item .shop-item-art{min-height:235px}}
@media(prefers-reduced-motion:reduce){.shop-item,.shop-item-art>svg,.shop-item-insight{transition:none}.shop-item:hover .shop-item-art>svg,.shop-item:focus-within .shop-item-art>svg{transform:none}}

/* Separate counters keep personal gold and village supplies easy to scan. */
.bank-counter{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;align-items:center;border:1px solid #b39a6755;border-radius:8px;padding:20px;background:linear-gradient(130deg,#79623b25,#14241d90);margin:22px 0}.bank-counter-art>svg{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 8px #0005)}.bank-counter h3,.bank-credit h3,.market-donation h3{font:600 17px Cinzel,Georgia,serif;color:#efdbad;margin:0 0 12px}.bank-counter p,.bank-credit p{font-size:12px;line-height:1.7}.bank-counter label,.bank-credit>label{font-size:11px;color:#cfcbaf}.bank-counter .transfer-form{margin-bottom:0}.bank-credit{border-top:1px solid #b39a6740;padding-top:24px;margin:25px 0}.bank-credit .settlement-stats>div{background:#111e1990}.market-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.market-resource-card{min-width:0;border:1px solid #b39a6760;border-radius:8px;background:linear-gradient(145deg,#344035,#1b2b25 74%);overflow:hidden;box-shadow:0 6px 16px #07100c38}.market-resource-card:focus-within{border-color:#e0bd73}.market-resource-art{position:relative;height:125px;background:radial-gradient(ellipse at 50% 50%,#9a895448,transparent 72%),repeating-linear-gradient(90deg,#614b2c14 0 34px,#201e1314 35px 37px);border-bottom:3px solid #8d70424d}.market-resource-art>svg{display:block;width:100%;height:100%;padding:0 20px;filter:drop-shadow(0 6px 5px #0005)}.market-resource-art>span{position:absolute;right:12px;bottom:10px;font-size:9px;color:#d9cba8;padding:4px 6px;border-radius:3px;background:#18251de0}.market-resource-body{padding:18px}.market-resource-body .market-heading{display:block}.market-resource-body .market-heading h3{font:600 17px Cinzel,Georgia,serif;color:#f1dfb2;margin:0 0 8px}.market-resource-body .market-heading>span{display:block;text-align:left;font-size:11px;color:#b7c6ac}.market-resource-body .trade-quantity{justify-content:space-between}.market-resource-body .trade-quotes{min-height:68px}.market-resource-body .market-buttons{gap:8px}.market-resource-body .market-buttons button{min-width:0;font-size:11px;padding:10px 8px}.market-resource-body .market-sell-max{grid-column:1/-1;background:#c3a264;color:#14251d;border-color:#ddc68c}.market-resource-body .market-sell-max:disabled{background:#314035;color:#a9b49a;border-color:#8a957855}.market-resource-body .trade-max-quote{min-height:32px;font-size:10px;line-height:1.6;margin:10px 0 0;color:#d6cda8}.market-resource-body button:focus-visible{outline:2px solid #fce8ab;outline-offset:3px}.market-donation{border:1px solid #8c9f7050;border-radius:6px;padding:18px;background:#31432a35;margin:24px 0}.market-donation p{font-size:12px;line-height:1.7}.market-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:680px){.market-resource-grid{grid-template-columns:1fr}.market-resource-body .trade-quotes{min-height:0}.market-resource-art{height:115px}.market-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bank-counter{grid-template-columns:105px minmax(0,1fr);gap:14px;padding:16px}}
@media(max-width:420px){.bank-counter{grid-template-columns:1fr}.bank-counter-art{height:100px}.bank-counter-art>svg{height:100%;width:100%}.market-resource-body{padding:15px}}

/* Build 17: illustrated village ledgers and service menus. */
.settlement-dialog:has(.menu-hero){width:940px;padding:26px 30px}
.settlement-panel:has(.menu-hero)>h3,.worker-card h3,.worker-card h4,.menu-section h3,.storage-counter h4,.structure-upgrade h3,.structure-upgrade h4{font-family:Cinzel,Georgia,serif;color:#f0dfb5}
.menu-hero{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;align-items:center;margin:0 0 22px;min-width:0;border:1px solid #bca27055;border-radius:10px;overflow:hidden;background:radial-gradient(ellipse at 0 60%,#a9975540,transparent 60%),linear-gradient(130deg,#30463c,#172c26)}
.menu-hero-art{position:relative;min-width:0;height:190px;background:radial-gradient(ellipse at 50% 60%,#b9a26820,transparent 70%)}
.menu-hero-art>svg{width:100%;height:100%;display:block;object-fit:contain}
.menu-hero-art>svg[data-building-art]{object-fit:cover;height:190px}
.menu-hero-art>.menu-tier{position:absolute;left:13px;bottom:12px;box-shadow:0 3px 12px #0a160d99}
.menu-hero-copy{padding:22px 24px 22px 0;min-width:0}
.menu-hero-copy .eyebrow{font-size:9px;letter-spacing:2px;color:#d5b778;margin:0 0 10px}
.menu-hero-copy h2{font-size:25px;line-height:1.3;margin:0 0 12px;max-width:100%}
.menu-hero-copy>p:last-child{font-size:12px;line-height:1.8;color:#bacbb7;margin-bottom:0}
.menu-tier{display:inline-block;border:1px solid #cab07066;border-radius:4px;background:#263a29e8;color:#efd59a;font-size:9px;line-height:1.3;text-transform:uppercase;letter-spacing:1px;padding:5px 8px}
.menu-meter{height:7px;border-radius:8px;background:#0e221a;border:1px solid #81906944;overflow:hidden;margin:9px 0 15px}
.menu-meter>span{display:block;height:100%;background:linear-gradient(90deg,#689875,#dac37d);border-radius:5px}
.menu-section{display:grid;grid-template-columns:minmax(0,1fr);border:1px solid #a7a47744;border-radius:9px;padding:20px;margin:20px 0;background:linear-gradient(125deg,#2c403480,#13291f99);min-width:0}
.menu-section:has(>.menu-section-art){grid-template-columns:150px minmax(0,1fr);align-items:center;gap:20px}
.menu-section-art{min-width:0;align-self:center}
.menu-section-art>svg{display:block;width:100%;height:auto;max-height:155px}
.menu-section-content{min-width:0}
.menu-section h3{font-size:17px;margin:0 0 10px}
.menu-section p{font-size:11px;line-height:1.75;color:#bdcab5}
.menu-section .settlement-stats{margin:12px 0}
.menu-section .settlement-stats>div{padding:10px}
.menu-section .secondary-button{font-size:11px}
.menu-footnote{font-size:10px!important;line-height:1.65;color:#b4c4ac!important}
.menu-service-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.menu-service-links>.menu-section{display:flex;flex-direction:column;margin:0;padding:16px;align-items:stretch;gap:8px}
.menu-service-links .menu-section-art{width:100%;height:95px}
.menu-service-links .menu-section-art>svg{height:95px}
.menu-service-links .menu-section-content{display:flex;flex:1;flex-direction:column}
.menu-service-links button{margin-top:auto;width:100%}
.bank-credit.menu-section{margin:20px 0;border:1px solid #b39a6755;padding:20px}
.pack-supplies{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 24px}
.pack-supply{position:relative;min-width:0;padding:0 10px 12px;border:1px solid #9eaa7155;border-radius:8px;background:linear-gradient(155deg,#314b3e,#1b3127);text-align:center;overflow:hidden}
.pack-supply>div{height:90px;margin:0 -10px 5px;border-bottom:1px solid #b4a27033;background:#af955415}
.pack-supply svg{width:100%;height:100%}
.pack-supply>strong{font-size:21px;color:#f0dba7;display:block}
.pack-supply>span{font-size:11px;color:#d5dfca;display:block;margin:4px 0}
.pack-supply>small{font-size:9px;color:#a6b99f;line-height:1.5;display:block}
.pack-supply>.bound-supply{font-size:8px;color:#dbc99c;margin-top:7px}
.pack-equipment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:14px 0 24px}
.pack-tool{display:grid;grid-template-columns:80px minmax(0,1fr);gap:7px;align-items:center;padding:10px;border:1px solid #9eaa7140;border-radius:8px;background:#263c2e88;min-width:0}
.pack-tool-art{height:110px;min-width:0}
.pack-tool-art>svg{display:block;width:100%;height:100%;filter:drop-shadow(0 5px 3px #0005)}
.pack-tool h4{font-family:Cinzel,Georgia,serif;color:#e5d4aa;font-size:12px;margin:8px 0}
.pack-tool p{font-size:9px;line-height:1.5;margin:0;color:#b4c5ad}
.pack-tool .menu-tier{font-size:7px;padding:4px 6px;letter-spacing:.5px}
.pack-tool[data-equipped=false]{opacity:.63}
.pack-tool .menu-meter{height:5px;margin-bottom:0}
.worker-card{margin:23px 0;border:1px solid #b49d6766;border-radius:10px;background:linear-gradient(145deg,#2c4438,#172e24);overflow:hidden;box-shadow:0 8px 22px #08140d38}
.worker-card-heading{display:grid;grid-template-columns:130px minmax(0,1fr) 110px;gap:18px;align-items:center;padding:6px 20px 0 4px;background:radial-gradient(ellipse at 15% 50%,#ceb27526,transparent 70%);border-bottom:1px solid #b0a6753d}
.worker-card-portrait{height:140px}
.worker-card-portrait>svg,.worker-assignment-art>svg{width:100%;height:100%;display:block}
.worker-card-heading h3{font-size:19px;margin:9px 0}
.worker-card-heading p{font-size:11px;color:#d6cf9d;margin:4px 0}
.worker-card-heading small{font-size:9px;line-height:1.65;color:#b0c3a8;display:block;padding-bottom:15px}
.worker-card-body{padding:18px 22px 22px}
.worker-card-body>h4{font-size:14px;margin:24px 0 12px}
.worker-card-body>p{font-size:11px;line-height:1.8;color:#b7c6b0}
.worker-training{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.worker-training-card{border:1px solid #9b9e6866;border-radius:7px;padding:14px;background:#17302388;min-width:0}
.worker-training-card h5{font-family:Cinzel,Georgia,serif;font-size:14px;color:#e8d5a3;margin:11px 0}
.worker-training-card p{margin:10px 0;font-size:10px}
.worker-training-card p>small,.worker-training-card p>strong{display:block;line-height:1.6}
.worker-training-card p>small{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#9cae91}
.worker-training-card p>strong{font-weight:500;color:#e0d3a1}
.worker-training-card button{width:100%;font-size:10px;margin-top:7px;padding:9px 5px}
.worker-color-options{display:flex;flex-wrap:wrap;gap:7px}
.worker-color-options>button{font-size:9px;padding:8px 11px;border-radius:4px;background:#1c3428;border:1px solid #93a57666;color:#d1d9c3}
.worker-color-options>button[aria-pressed=true]{background:#d3bd83;color:#1a3025;opacity:1;outline:1px solid #e5d9a2;outline-offset:2px}
.worker-order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.worker-order-grid>label{min-width:0;display:grid;gap:7px;font-size:10px;color:#b9c9ad}
.worker-order-grid select{width:100%;min-width:0;font-size:11px}
.worker-card .panel-actions{gap:8px}
.worker-card .panel-actions>button{font-size:10px;min-width:0;flex:1 1 130px}
.storage-counter{border:1px solid #a3996570;border-radius:9px;background:linear-gradient(140deg,#32463866,#172d23bb);overflow:hidden;margin:14px 0 24px}
.storage-counter>header{padding:16px 18px;border-bottom:1px solid #b6a17044;display:flex;gap:20px;align-items:center;justify-content:space-between}
.storage-counter h4{font-size:15px;margin:0;white-space:nowrap}
.storage-counter>header>p{font-size:10px;line-height:1.6;margin:0;color:#b9c8ac;max-width:370px}
.storage-counter .storage-grid{padding:16px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.storage-counter .storage-grid>div{min-width:0;text-align:center;padding:0 7px 9px;border-radius:6px;background:#1f392bc2;overflow:hidden}
.storage-item-art{height:67px;margin:0 -7px 3px;background:#aa925719;border-bottom:1px solid #a9a57a22}
.storage-item-art>svg{display:block;width:100%;height:100%}
.storage-counter .storage-grid strong{font-size:12px}
.storage-counter .storage-grid span{font-size:10px}
.storage-counter .storage-grid small{font-size:8px;line-height:1.5}
.storage-transfer-controls{padding:16px 18px;background:#10271ecc;border-top:1px solid #b6a17055}
.storage-transfer-controls>label,.storage-transfer-controls .transfer-form>label{font-size:10px;color:#c3d1b8}
.storage-transfer-controls .transfer-form{margin:8px 0 12px;align-items:end}
.storage-transfer-controls .transfer-form>label{display:grid;gap:5px}
.storage-transfer-controls button{font-size:11px;padding:10px 13px}
.storage-transfer-controls #storage-store-max,.storage-transfer-controls #storage-take-max{background:#c4a565;color:#1b3024;border-color:#e2c58a}
.storage-transfer-controls p{margin:0;font-size:10px;line-height:1.75;color:#c7c8a6}
.structure-upgrade{margin:24px 0;border:1px solid #c5aa6b80;border-radius:10px;overflow:hidden;background:linear-gradient(130deg,#3d4a3377,#1b3326)}
.structure-upgrade>header{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;align-items:center;border-bottom:1px solid #b8a06c44;background:#b3965520;padding-right:20px}
.structure-upgrade>header>div:first-child{height:125px}
.structure-upgrade>header svg{display:block;width:100%;height:100%}
.structure-upgrade h3{font-size:18px;margin:9px 0 6px}
.structure-upgrade>header p{font-size:10px;letter-spacing:.4px;color:#d0c190;margin:0 0 13px}
.upgrade-comparison{margin:18px 20px;border:1px solid #8b997052;border-radius:5px;overflow:hidden}
.upgrade-comparison-head,.upgrade-comparison-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;padding:10px 13px;font-size:11px;line-height:1.45;align-items:center}
.upgrade-comparison-head{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#bfd0ac;background:#132b21}
.upgrade-comparison-row{border-top:1px solid #a2a26e22}
.upgrade-comparison-row:nth-child(odd){background:#75826313}
.upgrade-comparison-row>span{font-size:10px;color:#bbc9b0}
.upgrade-comparison-row>strong{font-weight:500;color:#c5d3b9}
.upgrade-comparison-row>strong:last-child{color:#f2da9b}
.structure-upgrade>h4{font-size:13px;margin:20px 20px 10px}
.menu-costs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:10px 20px}
.menu-cost{display:flex;gap:5px;align-items:center;padding:7px;border:1px solid #8caa6744;border-radius:5px;background:#23433288;min-width:0}
.menu-cost>svg{width:43px;height:37px;flex-shrink:0}
.menu-cost strong,.menu-cost small{display:block;line-height:1.6}
.menu-cost strong{font-size:10px;color:#e1d1a1;font-weight:500}
.menu-cost small{font-size:8px;color:#a9bf9d}
.menu-cost.short{background:#6a462733;border-color:#d5a36b80}
.menu-cost.short small{color:#e7b98b}
.structure-upgrade>.menu-footnote{margin:12px 20px 18px}
.structure-upgrade>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-top:1px solid #b5a56744;background:#132a20aa}
.upgrade-readiness{font-size:10px;color:#c1cfae;line-height:1.6;margin:0;max-width:330px}
.structure-upgrade>footer>button{flex-shrink:0;font-size:11px;background:#c5a665;border-color:#dbc187;color:#173122;max-width:240px}
.care-beds,.barracks-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:18px 0}
.care-bed{display:grid;gap:8px;padding:15px;border:1px solid #89a36b55;border-radius:7px;background:linear-gradient(130deg,#43543a55,#1b3328)}
.care-bed .menu-tier{width:fit-content}
.care-bed strong{font-size:12px;line-height:1.6;font-weight:500;color:#d2dabe}
.care-bed small{font-size:9px;line-height:1.6;color:#9cb694}
.care-bed[data-occupied=true]{border-color:#dbb57b88;background:#6e603a33}
.care-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.care-options>.menu-section{margin:0;display:flex;flex-direction:column}
.care-options .menu-section-content{display:flex;flex:1;flex-direction:column}
.care-options button{margin-top:auto;font-size:11px}
.barracks-slot{text-align:center;border:1px solid #94a37c55;border-radius:8px;background:#253c2e;padding:0 12px 14px;min-width:0}
.barracks-slot>div{height:115px;margin-bottom:8px;border-bottom:1px solid #a4aa7322}
.barracks-slot svg{display:block;width:100%;height:100%}
.barracks-slot>strong,.barracks-slot>small{display:block;font-size:11px;margin:10px 0 0;line-height:1.6;color:#d0d9bd}
.barracks-slot>small{font-size:9px;color:#a4b99b}
@media(max-width:740px){.menu-hero{grid-template-columns:180px minmax(0,1fr);gap:17px}.menu-hero-art,.menu-hero-art>svg[data-building-art]{height:170px}.menu-hero-copy{padding:20px 18px 20px 0}.menu-hero-copy h2{font-size:21px}.pack-supplies{grid-template-columns:repeat(4,minmax(0,1fr))}.pack-equipment{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-counter .storage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.worker-card-heading{grid-template-columns:105px minmax(0,1fr);gap:12px}.worker-assignment-art{display:none}.menu-section:has(>.menu-section-art){grid-template-columns:100px minmax(0,1fr);gap:14px}.worker-training{gap:8px}.worker-training-card{padding:10px}.worker-card-body{padding:15px}.care-options{grid-template-columns:1fr}.structure-upgrade>footer{flex-wrap:wrap}.menu-costs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:490px){.settlement-dialog:has(.menu-hero){padding:22px 16px}.menu-hero{grid-template-columns:1fr;gap:0}.menu-hero-art,.menu-hero-art>svg[data-building-art]{height:145px}.menu-hero-art>svg:not([data-building-art]){max-width:210px;margin:auto}.menu-hero-copy{padding:18px}.menu-hero-copy h2{font-size:20px}.pack-supplies{grid-template-columns:repeat(3,minmax(0,1fr))}.pack-supply>div{height:74px}.pack-equipment{grid-template-columns:1fr}.pack-tool{grid-template-columns:70px minmax(0,1fr)}.pack-tool-art{height:90px}.worker-card-heading{grid-template-columns:90px minmax(0,1fr);padding-right:14px}.worker-card-heading h3{font-size:15px}.worker-card-portrait{height:120px}.worker-training{grid-template-columns:1fr}.worker-training-card{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.worker-training-card>.menu-tier{grid-column:1/-1;justify-self:start}.worker-training-card h5{grid-column:1/-1}.worker-training-card button{grid-column:1/-1}.worker-order-grid{grid-template-columns:1fr}.storage-counter .storage-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px}.storage-counter>header{display:block}.storage-counter>header p{margin-top:8px}.storage-transfer-controls .transfer-form>select{flex-basis:100%}.storage-transfer-controls .transfer-form>label{flex-basis:100%}.storage-transfer-controls input{width:100%}.menu-section:has(>.menu-section-art){grid-template-columns:1fr}.menu-section-art{height:95px}.menu-section-art>svg{height:100%}.structure-upgrade>header{grid-template-columns:110px minmax(0,1fr);gap:12px}.structure-upgrade h3{font-size:15px}.upgrade-comparison{margin:12px}.upgrade-comparison-head,.upgrade-comparison-row{gap:7px;padding:9px 8px;grid-template-columns:1.15fr 1fr 1fr;font-size:9px}.upgrade-comparison-row>span{font-size:9px}.menu-costs{margin:10px 12px}.structure-upgrade>footer{padding:13px}.structure-upgrade>footer>button{width:100%;max-width:none}}

/* The worker ledger keeps the roster visible while one worker's orders are edited. */
.settlement-dialog:has(.worker-manager){width:1040px;max-width:94vw;padding:24px 28px}
.worker-manager{min-width:0;color:#dbe2ce}
.worker-manager-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-right:22px;margin-bottom:16px}
.worker-manager-heading>div{min-width:0}
.worker-manager-heading .eyebrow{margin:0 0 6px;font-size:9px;letter-spacing:1.8px}
.worker-manager-heading h2{margin:0;font-size:24px}
.worker-manager-heading p:not(.eyebrow){font-size:12px;line-height:1.6;color:#b9c9b5;margin:7px 0 0}
.worker-manager .worker-hire-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;flex-shrink:0}
.worker-manager .worker-hire-actions button{min-width:0;font-size:11px;padding:10px 13px;margin:0}
.worker-manager .worker-overview{margin:0 0 16px}
.worker-manager .worker-overview .settlement-stats,.worker-manager .worker-overview.settlement-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}
.worker-manager .worker-overview .settlement-stats>div,.worker-manager .worker-overview.settlement-stats>div{min-width:0;padding:10px 12px;border-radius:5px;background:#152b2380;border-color:#a8ae7840}
.worker-manager .worker-overview .settlement-stats span,.worker-manager .worker-overview.settlement-stats span{font-size:11px;margin-bottom:5px}
.worker-manager .worker-overview .settlement-stats strong,.worker-manager .worker-overview.settlement-stats strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.worker-toolbar{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}
.worker-toolbar>label{display:grid;min-width:0;gap:6px;font-size:11px;color:#c2ceb9}
.worker-manager .worker-toolbar input,.worker-manager .worker-toolbar select{width:100%;min-width:0;padding:10px 11px;font-size:12px;background:#11251e;border-color:#a3ac7955;border-radius:5px}
.worker-manager .worker-toolbar input::placeholder{color:#97ab98}
.worker-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}
.worker-roster,.worker-detail{min-width:0}
.worker-roster{padding:12px 8px 8px;border:1px solid #91a57940;border-radius:8px;background:#10251db3}
.worker-roster>h3{margin:0 6px 4px;font:600 14px Cinzel,Georgia,serif;color:#efdcac}
.worker-roster .worker-roster-count{font-size:11px;line-height:1.5;color:#aabfa7;margin:0 6px 12px}
.worker-roster-list{display:grid;gap:6px;max-height:540px;max-height:min(540px,62vh);overflow-y:auto;overscroll-behavior:contain;padding:3px;scrollbar-width:thin;scrollbar-color:#a6a474 #12251e}
.worker-manager .worker-roster-item{display:block;width:100%;min-width:0;padding:11px 10px;text-align:left;color:#d8e0c9;background:#213a2d80;border:1px solid #8a9e733b;border-radius:5px;font:inherit;line-height:1.5;box-shadow:none}
.worker-manager .worker-roster-item:hover{background:#304936;border-color:#b9b27499}
.worker-manager .worker-roster-item[aria-pressed=true]{background:#394b33;border-color:#dfc181;box-shadow:inset 3px 0 #dfc181}
.worker-roster-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 8px;min-width:0}
.worker-roster-title>strong{font-size:13px;font-weight:600;color:#f0e3bd;overflow-wrap:anywhere}
.worker-status{display:inline-block;width:fit-content;max-width:100%;padding:3px 7px;border:1px solid #8bb78255;border-radius:4px;font-size:10px;line-height:1.3;font-weight:500;color:#c8e6b8;background:#54774324}
.worker-status[data-state=attention]{color:#ffe0aa;border-color:#d5aa6266;background:#94652933}
.worker-status[data-state=paused]{color:#cbd3d8;border-color:#92a6ae55;background:#72869324}
.worker-roster-meta,.worker-roster-route,.worker-roster-note{display:block;margin-top:5px;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.worker-roster-meta{color:#a8bea3}
.worker-roster-route{color:#d3dcc5}
.worker-roster-note{color:#edcf8f}
.worker-manager .worker-card{margin:0;border-radius:8px;box-shadow:none;border-color:#bca56c66;background:linear-gradient(145deg,#293e32,#172e24)}
.worker-manager .worker-card-heading{grid-template-columns:72px minmax(0,1fr) 64px;gap:10px;padding:10px 16px 8px 9px}
.worker-manager .worker-card-portrait{height:90px}
.worker-manager .worker-assignment-art{display:block;height:64px}
.worker-manager .worker-card-heading h3{font-size:18px;margin:2px 0 7px;overflow-wrap:anywhere}
.worker-manager .worker-card-heading p{font-size:11px;line-height:1.5;margin:4px 0}
.worker-manager .worker-card-heading small{font-size:11px;line-height:1.5;padding-bottom:0}
.worker-manager .worker-quick-actions{margin:0;padding:11px 16px;display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #a3ad7b33;background:#162c2280}
.worker-manager .worker-quick-actions>button{min-width:0;flex:0 1 auto;font-size:11px;padding:9px 12px}
.worker-detail-tabs{display:flex;gap:4px;padding:9px 13px 0;border-bottom:1px solid #a3ad7b44;background:#142a20}
.worker-manager .worker-detail-tabs>button{flex:1;min-width:0;border:1px solid transparent;border-bottom:3px solid transparent;border-radius:4px 4px 0 0;padding:11px 8px;background:transparent;color:#b9cbb2;font-size:12px;line-height:1.4}
.worker-manager .worker-detail-tabs>button:hover{background:#b3ad6c12;color:#f0dfb5}
.worker-manager .worker-detail-tabs>button[aria-pressed=true]{border-bottom-color:#dfc181;background:#d6bf7914;color:#f4dfa9}
.worker-manager .worker-card-body{padding:17px}
.worker-manager .worker-card-body>h4{margin:4px 0 12px;font-size:15px}
.worker-manager .worker-card-body>p{font-size:12px;line-height:1.6}
.worker-manager .worker-card-body .settlement-stats{margin:12px 0;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
.worker-manager .worker-card-body .settlement-stats>div{padding:9px}
.worker-manager .worker-card-body .settlement-stats span{font-size:10px}
.worker-manager .worker-card-body .settlement-stats strong{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.worker-manager .worker-order-grid{gap:11px}
.worker-manager .worker-order-grid>label{font-size:11px;line-height:1.5}
.worker-manager .worker-order-grid select{font-size:12px}
.worker-manager .worker-card-body .panel-actions>button{font-size:11px;min-width:0;padding:11px 12px}
.worker-manager .worker-card-body .settlement-row{gap:12px;flex-wrap:wrap}
.worker-manager .worker-card-body .settlement-row>div{flex:1 1 180px}
.worker-manager .worker-card-body .settlement-row small{font-size:11px;line-height:1.6}
.worker-manager .worker-card-body .settlement-row>button{font-size:11px;max-width:100%;padding:10px 12px}
.worker-manager .worker-training{gap:9px}
.worker-manager .worker-training-card{padding:12px 10px}
.worker-manager .worker-training-card h5{font-size:13px}
.worker-manager .worker-training-card p{font-size:11px}
.worker-manager .worker-training-card p>small{font-size:9px;letter-spacing:.4px}
.worker-manager .worker-training-card button{font-size:11px;line-height:1.5}
.worker-route-summary{padding:12px;border-left:3px solid #a9b979;border-radius:3px;background:#94a95b12;font-size:12px;line-height:1.7;color:#d2dec3;overflow-wrap:anywhere}
.worker-empty{padding:26px 18px;border:1px dashed #a2b17c66;border-radius:7px;text-align:center;font-size:12px;line-height:1.7;color:#bcccaf}
.worker-empty>strong{display:block;margin-bottom:7px;font-size:14px;color:#ebdbaf}
.worker-empty>p{margin:6px 0 0;font-size:12px;line-height:1.7}
.worker-help{margin:18px 0 0;border-top:1px solid #a3ad7b33;padding-top:14px;font-size:12px;color:#b9cbb1;line-height:1.7}
.worker-help>summary{cursor:pointer;width:fit-content;padding:3px 0;color:#d7c48f;font-size:12px}
.worker-help p{font-size:12px;line-height:1.7;margin:11px 0 0}
.worker-manager button:focus-visible,.worker-manager input:focus-visible,.worker-manager select:focus-visible,.worker-help>summary:focus-visible{outline:2px solid #f5dda0;outline-offset:2px}
@media(max-width:900px){
  .worker-manager-heading{align-items:flex-start}.worker-manager .worker-hire-actions{flex-direction:column;flex-shrink:1}
  .worker-workspace{grid-template-columns:250px minmax(0,1fr);gap:13px}
  .worker-manager .worker-card-heading{grid-template-columns:60px minmax(0,1fr);padding-right:13px}.worker-manager .worker-assignment-art{display:none}
  .worker-manager .worker-training{grid-template-columns:1fr}.worker-manager .worker-training-card{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.worker-manager .worker-training-card>.menu-tier,.worker-manager .worker-training-card h5,.worker-manager .worker-training-card button{grid-column:1/-1}.worker-manager .worker-training-card>.menu-tier{justify-self:start}
}
@media(max-width:760px){
  .settlement-dialog:has(.worker-manager){padding:22px 18px}
  .worker-manager-heading{padding-right:18px;gap:12px}.worker-manager-heading h2{font-size:22px}
  .worker-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.worker-toolbar>label:first-child{grid-column:1/-1}
  .worker-workspace{grid-template-columns:1fr;gap:16px}.worker-roster-list{max-height:260px}
  .worker-manager .worker-card-heading{grid-template-columns:70px minmax(0,1fr) 64px}.worker-manager .worker-assignment-art{display:block}
  .worker-manager .worker-overview .settlement-stats,.worker-manager .worker-overview.settlement-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:490px){
  .settlement-dialog:has(.worker-manager){padding:22px 13px}
  .worker-manager-heading{display:block;padding-right:20px}.worker-manager .worker-hire-actions{margin-top:12px;flex-direction:row;justify-content:flex-start}
  .worker-manager .worker-hire-actions button{flex:1 1 auto;padding:10px;font-size:11px}
  .worker-manager .worker-overview .settlement-stats>div,.worker-manager .worker-overview.settlement-stats>div{padding:9px}
  .worker-toolbar{gap:8px}.worker-manager .worker-toolbar input,.worker-manager .worker-toolbar select{padding:10px 7px;font-size:11px}
  .worker-manager .worker-card-heading{grid-template-columns:58px minmax(0,1fr);padding:10px;gap:8px}.worker-manager .worker-card-heading h3{font-size:16px}.worker-manager .worker-card-portrait{height:83px}.worker-manager .worker-assignment-art{display:none}
  .worker-manager .worker-quick-actions{padding:10px;gap:6px}.worker-manager .worker-quick-actions>button{flex:1 1 auto;padding:9px 7px}
  .worker-detail-tabs{padding:7px 7px 0}.worker-manager .worker-detail-tabs>button{padding:10px 5px;font-size:11px}
  .worker-manager .worker-card-body{padding:13px}.worker-manager .worker-order-grid{grid-template-columns:1fr}
}

/* Build 31: put the next action in reach and expand detail only when asked. */
.settlement-panel{font-size:13px}
.settlement-panel .secondary-button,.settlement-panel .primary-button{min-height:40px;font-size:12px}
.settlement-panel .menu-hero{grid-template-columns:120px minmax(0,1fr);gap:18px;margin-bottom:16px}
.settlement-panel .menu-hero-art{height:110px}
.settlement-panel .menu-hero h2{font-size:23px;line-height:1.3}
.settlement-panel .menu-hero-copy p{font-size:12px;line-height:1.55}
.settlement-panel .settlement-stats{margin:12px 0;gap:8px}
.settlement-panel .settlement-stats>div{padding:10px 12px}
.settlement-panel .settlement-stats span{font-size:11px;line-height:1.4}
.settlement-panel .settlement-stats strong{font-size:14px}
.settlement-panel input,.settlement-panel select{min-height:40px;font-size:12px}
.settlement-panel .menu-fold{border:1px solid #b2b78c35;border-radius:9px;background:#152c2380;margin:12px 0;overflow:hidden}
.settlement-panel .menu-fold>summary{cursor:pointer;min-height:48px;padding:14px 18px;color:#ead9ab;list-style:disclosure-closed;list-style-position:inside;font-size:13px}
.settlement-panel .menu-fold[open]>summary{list-style:disclosure-open;list-style-position:inside;border-bottom:1px solid #b2b78c26;background:#a1aa6810}
.settlement-panel .menu-fold>summary strong{font-weight:600}
.settlement-panel .menu-fold>summary span{display:block;font-size:11px;color:#adc3ab;line-height:1.5;margin:5px 0 0 16px}
.settlement-panel .menu-fold>summary:hover{background:#c8b06a12}
.settlement-panel .menu-fold>summary:focus-visible{outline:2px solid #e8cc8c;outline-offset:-3px}
.settlement-panel .menu-fold-body{padding:14px 18px}
.settlement-panel .menu-fold-body>.menu-section,.settlement-panel .menu-fold-body>.structure-upgrade{margin:0;border:0;background:none}
.settlement-panel .menu-fold-body>.menu-section+.menu-section{margin-top:16px}
.settlement-panel .shop-item-actions>.menu-fold{flex-basis:100%;width:100%;margin:5px 0 0}
.settlement-panel .shop-item-actions .menu-fold>summary{font-size:12px;padding:10px 12px;min-height:40px}
.settlement-panel .shop-item-actions .menu-fold>summary span{font-size:10px}
.settlement-panel .shop-item-actions .menu-fold-body{padding:12px;display:grid;gap:9px}
.settlement-panel .shop-item-actions .menu-fold-body label{display:grid;gap:6px;font-size:11px;line-height:1.5}
.settlement-panel .shop-item-actions .menu-fold-body input{width:100%;box-sizing:border-box}
.settlement-panel .pack-supplies{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.settlement-panel .pack-supply{padding:10px;border-radius:8px}
.settlement-panel .pack-supply>div{height:64px}
.settlement-panel .pack-supply>strong{font-size:22px}
.settlement-panel .pack-supply>span{font-size:12px}
.settlement-panel .pack-supply>small{font-size:10px;line-height:1.5}
.settlement-panel .pack-supply>button{width:100%;margin-top:9px;min-width:0;padding:7px 5px}
.settlement-panel .pack-empty{padding:18px;background:#152c2399;border-radius:8px;color:#bac9ac}
.settlement-panel .pack-first-aid .menu-section{grid-template-columns:64px minmax(0,1fr);gap:12px;margin:14px 0;padding:14px}
.settlement-panel .pack-first-aid .menu-section-art{height:74px;padding:0}
.settlement-panel .pack-first-aid .menu-section-content{padding:0}
.settlement-panel .pack-first-aid h3{font-size:15px;margin:0 0 7px}
.settlement-panel .pack-first-aid .menu-section-content>header p{font-size:11px;line-height:1.5}
.settlement-panel .pack-first-aid .settlement-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.settlement-panel .pack-first-aid .settlement-stats>div{padding:7px}
.settlement-panel .pack-first-aid .settlement-stats span{font-size:10px}
.settlement-panel .pack-first-aid .settlement-stats strong{font-size:12px}
.settlement-panel .direct-storage{margin:12px 0 20px}
.settlement-panel .direct-storage>header{padding:15px 18px}
.settlement-panel .direct-storage>header h4{font-size:16px;margin:0 0 6px}
.settlement-panel .direct-storage>header p{font-size:12px;line-height:1.5;margin:0}
.settlement-panel .storage-resource-list{padding:0 14px}
.settlement-panel .storage-resource-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,1fr);align-items:center;gap:14px;padding:12px 0;border-top:1px solid #a7b58728}
.settlement-panel .storage-resource-identity{display:flex;align-items:center;gap:10px;min-width:0}
.settlement-panel .storage-resource-identity>svg{width:62px;height:58px;flex:0 0 62px;background:#b5a47412;border-radius:8px}
.settlement-panel .storage-resource-identity h5{font-size:14px;color:#e6d6ac;margin:0 0 6px;line-height:1.4}
.settlement-panel .storage-resource-identity p{font-size:11px;margin:0;line-height:1.6;color:#bacbb2}
.settlement-panel .storage-resource-identity p strong{color:#eee0b4}
.settlement-panel .storage-resource-identity small{display:block;font-size:10px;line-height:1.5;color:#ccb17d}
.settlement-panel .storage-resource-actions{display:grid;gap:6px}
.settlement-panel .storage-quick-group{display:grid;grid-template-columns:46px repeat(3,minmax(38px,1fr));align-items:center;gap:5px}
.settlement-panel .storage-quick-group>span{font-size:11px;color:#bfd0b4}
.settlement-panel .storage-quick-group>button{min-width:0;min-height:38px;padding:7px 4px;font-size:12px;border-radius:5px;line-height:1.2}
.settlement-panel .storage-quick-group>button:last-child{color:#f0d99a;border-color:#c3ad6955;background:#b6a06018}
.settlement-panel .storage-quick-group>button:disabled{opacity:.35}
.settlement-panel .direct-storage>.menu-fold{margin:10px 14px 14px}
.settlement-panel .direct-storage .storage-transfer-controls{border:0;padding:0;background:none}
.settlement-panel .worker-donation-note,.settlement-panel .worker-order-note{grid-column:1/-1;padding:12px;margin:0;font-size:12px;line-height:1.6;border-radius:6px;background:#a9863118;border:1px solid #b9a05d3d}
.settlement-panel .worker-tool-shop{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:12px;margin:10px 0;padding:12px;background:#142c23;border:1px solid #9ea57935;border-radius:8px}
.settlement-panel .worker-tool-shop.current{border-color:#d3b56c80}
.settlement-panel .worker-tool-shop-art>svg{width:66px;height:70px}
.settlement-panel .worker-tool-shop .settlement-row{padding:0 0 6px;border:0}
.settlement-panel .worker-tool-shop .panel-actions{gap:7px;margin-top:5px}
.settlement-panel .worker-tool-shop .panel-actions>button{min-width:0;flex:1;font-size:11px;padding:8px 9px}
.settlement-panel .storefront-scene{height:150px}
@media(max-width:620px){
  .settlement-panel .menu-hero{grid-template-columns:82px minmax(0,1fr);gap:12px}
  .settlement-panel .menu-hero-art{height:90px}
  .settlement-panel .menu-hero h2{font-size:19px}
  .settlement-panel .storage-resource-row{grid-template-columns:1fr;gap:10px}
  .settlement-panel .storage-resource-actions{grid-template-columns:1fr 1fr;gap:8px}
  .settlement-panel .storage-quick-group{grid-template-columns:repeat(3,minmax(38px,1fr))}
  .settlement-panel .storage-quick-group>span{grid-column:1/-1}
  .settlement-panel .storage-resource-identity>svg{width:50px;height:44px;flex-basis:50px}
  .settlement-panel .pack-first-aid .menu-section{display:block}
  .settlement-panel .pack-first-aid .menu-section-art{display:none}
  .settlement-panel .menu-fold-body{padding:12px}
  .settlement-panel .storefront-scene{height:115px}
}
.settlement-panel .direct-storage>header{display:block}
.settlement-panel .direct-storage>header>p{max-width:none}
.settlement-panel .menu-hero-art>svg[data-building-art]{height:100%}
.settlement-panel .menu-hero-copy{padding-top:16px;padding-bottom:16px}
.settlement-panel .carry-notice{font-size:12px;line-height:1.5;color:#b8c6b8;margin:10px 0 16px}
.settlement-panel .carry-notice.is-encumbered{padding:10px 12px;border:1px solid #917746;border-radius:8px;background:#6e532622;color:#f0d5a2}
.settlement-panel .smelter-counter{padding:18px;margin:18px 0;border:1px solid #577061;border-radius:14px;background:#10271f}
.settlement-panel .smelter-counter>header,.settlement-panel .smelting-recipe>header,.settlement-panel .smelter-active{display:flex;align-items:center;gap:14px}
.settlement-panel .smelter-counter>header>span{width:86px;flex:0 0 86px}
.settlement-panel .smelter-counter svg{width:100%;height:auto;display:block}
.settlement-panel .smelter-counter h3,.settlement-panel .smelter-counter h4{margin:0 0 5px}
.settlement-panel .smelter-counter p{line-height:1.5;margin:5px 0 12px}
.settlement-panel .smelting-recipes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.settlement-panel .smelting-recipe{padding:14px;background:#1b362a;border:1px solid #3c5846;border-radius:10px;min-width:0}
.settlement-panel .smelting-recipe>header>span,.settlement-panel .smelter-output-art{display:block;width:60px;flex:0 0 60px}
.settlement-panel .smelting-recipe label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}
.settlement-panel .smelting-recipe input{width:74px;min-width:0;min-height:42px}
.settlement-panel .smelting-recipe button{width:100%;min-height:44px}
.settlement-panel .smelting-cost{font-size:12px;min-height:36px;padding-top:8px;color:#e3d6af}
.settlement-panel .smelting-status,.settlement-panel .smelter-progress{font-size:12px;color:#bccdbc}
.settlement-panel .smelter-active{padding:16px 0}
.settlement-panel .smelter-active>div{flex:1;min-width:0}
@media(max-width:600px){.settlement-panel .smelting-recipes{grid-template-columns:1fr}.settlement-panel .smelter-counter{padding:12px}.settlement-panel .smelter-counter>header>span{width:64px;flex-basis:64px}}