:root{--ink:#2b3040;--muted:#5f6475;--paper:#fff8ee;--line:#dcdce8;--green:#4c638b;--green-strong:#35466a;--mint:#dcecf8;--mint-soft:#f1f7fc;--lime:#eee6f7;--sky:#dcecf8;--sky-soft:#f1f7fc;--lavender:#e9e2f4;--lavender-soft:#f7f3fb;--peach:#f7ddcf;--peach-soft:#fff3ec;--accent:#d78f72;--white:#fffefa;--danger:#994b40;--focus:#3e5f94;--focus-ring:#c7daf0;--radius:16px;--radius-small:10px;--shadow-soft:0 8px 24px rgba(53,70,106,.08);--motion-fast:160ms;--motion-medium:220ms;--motion-panel:280ms;--ease-standard:cubic-bezier(.2,.7,.25,1);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:14px;background:var(--paper);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.38}input,select,textarea{min-width:0}input,select,textarea{border:1px solid var(--line);border-radius:8px;background:var(--white);padding:10px 12px}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px}input[type=number]{width:100%}select{width:100%}textarea{width:100%;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #5e906f;outline-offset:2px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #367354;outline-offset:3px}a{color:var(--green)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h2{font-size:15px;font-weight:650;letter-spacing:-.25px}h3{font-size:14px}p{line-height:1.65}.icon{width:19px;height:19px;display:inline-block;vertical-align:middle;flex:none}span[data-icon]{display:inline-flex}.skip{position:fixed;top:-60px;background:var(--green);color:white;padding:15px;z-index:100}.skip:focus{top:0}
.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:#fffefb;gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{display:grid!important;place-items:center;width:42px;height:44px;background:var(--green);border-radius:13px 13px 17px 8px;color:var(--mint)}.brand-mark .icon{width:27px;height:27px}.brand strong{font-size:30px;line-height:1;letter-spacing:-1.3px;font-weight:800}.brand-dot{color:#83aa66}.brand small{display:block;letter-spacing:1.8px;font-size:8px;font-weight:650;margin-top:5px}.nav{display:flex;height:100%;gap:24px}.nav-tab{display:flex;align-items:center;gap:9px;padding:0 4px;color:var(--muted);position:relative;font-weight:550}.nav-tab.active{color:var(--ink)}.nav-tab.active:after{content:"";position:absolute;bottom:0;height:3px;left:0;right:0;background:var(--green);border-radius:3px 3px 0 0}.header-actions{display:flex;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:11px 14px;background:var(--white);font-weight:550;font-size:13px;transition:background .15s}.button:hover:not(:disabled){background:#f0f3e9}.button.primary{color:#fffefb;background:var(--green);border-color:var(--green)}.button.primary:hover{background:#356048}.button.quiet{border-color:transparent;background:transparent}.button.danger{color:#a24738;border-color:#eddad0}.full{width:100%}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 0;color:var(--muted)}.text-button:hover{color:var(--green)}.text-button .icon{width:14px;height:14px}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;flex-shrink:0}.icon-button:hover{background:#edf1e7}.icon-button.selected{background:var(--ink);color:var(--white)}
main{padding:29px 30px 0;max-width:1920px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:0 3px 27px;gap:20px}.eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:700;color:#849275;margin-bottom:10px}.title-line{display:flex;align-items:center;gap:13px}.title-line input{width:clamp(230px,26vw,430px);font-size:29px;line-height:1.2;letter-spacing:-1.05px;font-weight:650;padding:0;border:1px solid transparent;background:transparent}.title-line input:hover{border-color:var(--line)}.title-line input:focus{background:var(--white)}.tag{background:#edf1e6;color:#6c7965;padding:5px 8px;border-radius:5px;font-size:10px;white-space:nowrap}.page-heading p{color:var(--muted);font-size:12px;margin-top:9px}.heading-meta{text-align:right;display:grid;gap:10px;justify-items:end}.save-status{font-size:11px;color:var(--muted)}.save-status:before{content:"";display:inline-block;background:#97b486;width:5px;height:5px;border-radius:50%;margin-right:6px}.workspace{display:grid;grid-template-columns:228px minmax(300px,1fr) 278px;gap:17px;align-items:start}.panel{border:1px solid var(--line);background:var(--white);border-radius:var(--radius);overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px}.count{font-size:10px;background:#f0f2e9;border-radius:5px;padding:4px 7px;color:var(--muted)}.catalogue{display:flex;flex-direction:column;height:710px}.catalogue>.panel-heading{padding:21px 18px 0}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:0 10px;gap:7px}.search input{border:0;background:none;padding:10px 0;width:100%;font-size:12px}.search input:focus{outline:none}.search:focus-within{outline:2px solid #5e906f;outline-offset:2px}.search .icon{width:15px;color:#8f9a8b}.catalogue>.search{margin:0 14px}.filter-row{display:flex;gap:5px;flex-wrap:wrap;padding:13px 14px 8px}.filter{font-size:10px;color:var(--muted);padding:6px 8px;border-radius:6px}.filter.active{color:var(--green);background:#eaf0e1}.catalog-list{padding:0 8px;overflow:auto;scrollbar-width:thin;flex:1}.category-heading{font-size:9px;font-weight:650;letter-spacing:1.3px;color:#91a08d;text-transform:uppercase;margin:15px 9px 6px}.catalog-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 8px;border-radius:9px;position:relative}.catalog-item:hover{background:#f1f4eb}.catalog-item.armed{background:#e9f2df;box-shadow:inset 0 0 0 1px #afc99a}.catalog-item .thumb{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e9f0dd;color:#617e47;flex:none}.catalog-item .thumb.process{background:#e6eeee;color:#637d83}.catalog-item .thumb.craft{background:#f4e3d3;color:#a57350}.catalog-item .thumb.climate{background:#f5edcd;color:#a88a48}.thumb .icon{width:23px;height:23px}.catalog-item .item-info{flex:1;min-width:0}.item-info strong{display:block;font-size:11px;font-weight:550;line-height:1.3}.item-info small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.catalog-item .item-count{font-size:9px;color:#829178;min-width:21px;text-align:right}.catalog-footer{border-top:1px solid var(--line);padding:13px 13px 9px}.catalog-footer .button{font-size:10px;padding:10px 7px}.catalog-footer .text-button{display:flex;justify-content:center;margin:7px auto 0;font-size:11px}
.board-panel{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fbfcf8;height:710px;display:flex;flex-direction:column}.board-top{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;background:var(--white);border-bottom:1px solid var(--line)}.board-title{font-size:12px;font-weight:600;display:flex;gap:8px;align-items:center}.board-title small{font-size:10px;color:var(--muted);font-weight:400}.live-dot{width:6px;height:6px;border-radius:50%;background:#8fac73}.board-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--white);border-bottom:1px solid var(--line);gap:7px}.tool-group{display:flex;align-items:center;gap:3px}.separator{height:17px;width:1px;background:var(--line);margin:0 7px;display:inline-block}.toggle-tool{display:flex;align-items:center;gap:5px;padding:8px;font-size:10px;color:var(--muted);border-radius:6px}.toggle-tool[aria-pressed=true]{background:#f0f3e8;color:var(--green)}.toggle-tool .icon{width:16px}.board-wrap{position:relative;min-height:300px;flex:1;overflow:hidden;background:#eaf0e5}.board-wrap svg#board{width:100%;height:100%;position:absolute;inset:0;touch-action:none;user-select:none}.board-wrap svg#board.placing{cursor:crosshair}.plot{fill:#e1ead4;stroke:#9cae8e;stroke-width:.45}.plot.alternate{fill:#e6eedc}.plot.unowned{fill:#e9ece3;stroke:#bdc5b4}.plot-number{font-size:2.2px;font-weight:650;letter-spacing:.3px;fill:#7e9272;pointer-events:none}.building{color:#45693a;cursor:grab}.building .footprint{fill:#c4daa0;stroke:#6f925a;stroke-width:.3}.building-shadow{fill:#587152;opacity:.16}.building.process{color:#566e77}.building.process .footprint{fill:#c6dadd;stroke:#879da2}.building.craft{color:#9a6a4b}.building.craft .footprint{fill:#edceb1;stroke:#b99670}.building.climate{color:#997836}.building.climate .footprint{fill:#eee0a5;stroke:#ad984e}.building.reserve{color:#a08c72}.building.reserve .footprint{fill:#e8dfce;stroke:#b39e83;stroke-dasharray:1 1}.building.is-selected .footprint{stroke:var(--green);stroke-width:.8}.building.is-selected{filter:drop-shadow(0 0 1px #5b775955)}.building-level{font-size:2.2px;text-anchor:end;fill:currentColor;opacity:.8}.lock-dot{fill:#233d36;stroke:#fffefb;stroke-width:.3}.ghost{pointer-events:none;opacity:.7}.ghost.invalid .footprint{fill:#edb6a7;stroke:#b13e28}.ghost.valid .footprint{stroke:#2e6544;stroke-width:.7}.climate-zone{stroke-width:.4;stroke-dasharray:1.7 1;pointer-events:none}.mode-Warm,.mode-Scorching{fill:#e7b17620;stroke:#bf8c4c}.mode-Cool,.mode-Freeze{fill:#84b9d92b;stroke:#6a99b6}.mode-Adequate{fill:#efd86428;stroke:#b8a649}.board-hint{position:absolute;top:15px;left:50%;transform:translateX(-50%);max-width:90%;width:max-content;padding:8px 12px;border-radius:7px;background:#fffefbf0;box-shadow:0 2px 9px #233d3606;font-size:10px;color:#687762;pointer-events:none;text-align:center}.zoom-controls{display:flex;align-items:center;gap:4px;position:absolute;bottom:17px;right:17px;border:1px solid #d4dec9;border-radius:9px;background:var(--white);box-shadow:0 2px 6px #233d360a;padding:4px}.zoom-controls>span:not(.separator){font-size:10px;min-width:39px;text-align:center}.zoom-controls .icon-button{width:27px;height:27px}.zoom-controls .icon{width:15px}.north{position:absolute;bottom:26px;left:19px;font-size:10px;letter-spacing:2px;color:#7d8e70}.board-bottom{display:flex;justify-content:space-between;gap:10px;padding:15px 17px;font-size:9px;color:var(--muted);background:var(--white);border-top:1px solid var(--line)}.board-bottom strong{font-weight:500;color:var(--ink)}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:2px;margin:0 4px 0 10px;background:#b4ca93}.legend-dot:first-child{margin-left:0}.legend-dot.process{background:#b4c9cc}.legend-dot.craft{background:#e3bc9b}
.right-column{display:grid;gap:14px}.right-column>.panel{padding:19px 18px}.terrain-levels{display:flex;gap:7px;margin-bottom:18px}.terrain-levels .tag{font-size:10px;border:1px solid var(--line);background:none}.space-figure{display:flex;align-items:baseline;gap:7px}.space-figure strong{font-size:30px;font-weight:550;letter-spacing:-1.5px}.space-figure span{font-size:10px;color:var(--muted)}.space-bar{height:5px;background:#edf0e5;border-radius:5px;margin:11px 0 10px;overflow:hidden}.space-bar i{height:100%;display:block;background:#a2ba77;border-radius:5px}.space-caption{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}.stat-pair{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;margin-top:14px;gap:10px;font-size:11px;color:var(--muted)}.stat-pair strong{font-size:12px;color:var(--ink);font-weight:600}.tiny-label{font-size:7px;letter-spacing:.75px;color:#94a184}.muted{color:var(--muted);font-size:11px}.micro{color:#8b9686;font-size:9px;line-height:1.5;margin-top:10px}.field-label{display:block;font-size:10px;font-weight:550;margin:14px 0 7px}.optimizer select{font-size:11px;padding:10px}.optimize-button{margin-top:17px;font-size:11px!important;padding:12px 9px}.optimize-button .icon{width:16px}.optimize-button .icon:last-child{margin-left:auto}.inspector:empty{display:none}.inspector .panel-heading{margin-bottom:12px}.inspector-name{display:flex;gap:10px;align-items:center}.inspector-name .icon{width:24px;height:24px}.inspector-name h2{font-size:13px}.inspector-name small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input-grid input,.input-grid select{font-size:11px;padding:8px}.inspector-actions{display:flex;gap:3px;margin-top:13px;padding-top:10px;border-top:1px solid var(--line)}.inspector-actions .icon-button{flex:1}.inspector-placeholder{display:flex;gap:11px}.inspector-placeholder>.icon{width:32px;height:32px;color:#a4b18f}.inspector-placeholder strong{font-size:11px;display:block;margin:2px 0 5px}.inspector-placeholder p{font-size:10px;color:var(--muted)}.notice{background:#f1f3e5;border:1px solid #dbe2c7;border-radius:9px;padding:12px 14px;font-size:11px;line-height:1.7;margin-top:16px}.notice.warning{background:#fbf1e7;border-color:#ead8c4;color:#8b674d}.result{font-size:11px;border-top:1px solid var(--line);margin-top:14px;padding-top:12px;line-height:1.7}.result strong{font-weight:650}.page-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:22px 3px;color:#8c9788;font-size:10px}.page-footer .text-button{font-size:10px}.page-footer .icon{width:13px}
.content-page{min-height:650px}.content-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:22px}.settings-panel{padding:22px}.settings-panel .field-label{font-size:11px}.settings-panel select{font-size:12px}.production-main{min-width:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px;gap:14px}.section-header h2{font-size:20px;font-weight:550;letter-spacing:-.6px}.section-header p{font-size:11px;color:var(--muted);margin-top:5px}.production-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.metric-tile{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:22px}.metric-tile small{font-size:10px;color:var(--muted)}.metric-tile strong{display:block;font-size:29px;font-weight:550;letter-spacing:-.8px;margin:10px 0 5px}.metric-tile span{font-size:10px;color:var(--muted)}.metric-tile.highlight{background:#e9efdc;border-color:#dce5c9}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--white)}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{font-weight:550;font-size:9px;text-transform:uppercase;letter-spacing:.7px;background:#f4f6ee;color:var(--muted);padding:14px 17px;white-space:nowrap}td{padding:14px 17px;border-top:1px solid #edf0e7;line-height:1.5}td small{display:block;color:var(--muted);font-size:9px;margin-top:3px}td.numeric,th.numeric{text-align:right}td strong{font-weight:550}td .icon{width:17px;color:#879577;margin-right:7px}.empty-state{background:var(--white);border:1px dashed #ccd7bf;border-radius:16px;text-align:center;padding:75px 25px;display:grid;justify-items:center;gap:15px}.empty-state>.icon{width:43px;height:43px;color:#94a77f}.empty-state h3{font-size:19px;font-weight:550}.empty-state p{max-width:420px;color:var(--muted);font-size:12px}.check-row{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.5;margin:10px 0}.check-row input{flex:none;margin:0}.database-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:18px}.database-toolbar .search{width:350px;background:var(--white)}.database-toolbar select{width:auto;font-size:12px}.database-toolbar .tag{margin-left:auto}.data-summary{display:flex;gap:30px;flex-wrap:wrap;margin:20px 0 24px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-summary strong{font-size:22px;letter-spacing:-.5px;font-weight:550}.data-summary span{font-size:11px;color:var(--muted);margin-left:7px}.status-label{display:inline-block;padding:3px 6px;border-radius:4px;background:#ecf2e4;color:#6e805a;font-size:8px;white-space:nowrap}.status-label.warning{background:#f6e8d9;color:#99704f}.table-info{font-size:10px;color:var(--muted);margin:14px 0}
dialog{width:min(640px,calc(100vw - 28px));max-height:88vh;border:1px solid #dbe2d1;padding:0;border-radius:17px;box-shadow:0 25px 100px #1933262b;background:var(--white);color:var(--ink)}dialog::backdrop{background:#1c33294d;backdrop-filter:blur(4px)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--white);z-index:1}.modal-header h2{font-size:19px;font-weight:550}.modal-header .icon-button{margin-right:-7px}#modal-body{padding:23px 24px 25px}#modal-body p{font-size:12px;color:var(--muted);margin-bottom:15px}.modal-actions{display:flex;gap:9px;margin-top:20px;justify-content:flex-end;flex-wrap:wrap}.modal-actions .button{font-size:12px}.modal-divider{margin:23px 0 18px;padding-top:20px;border-top:1px solid var(--line)}.modal-divider h3{margin-bottom:9px}.modal-field{margin:16px 0}.modal-field label{display:block;font-size:11px;margin-bottom:7px}.modal-field input{width:100%}.source-card{margin:18px 0}.source-card a{font-weight:600;font-size:13px;text-decoration:none}.source-card p{font-size:11px!important;margin-top:5px}.inventory-list{max-height:44vh;overflow:auto;padding-right:9px}.inventory-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.inventory-row label{font-size:12px;flex:1}.inventory-row small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.inventory-row input{width:70px;font-size:12px;padding:7px}.inventory-row .icon{color:#899b74}.saved-plan{display:flex;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.saved-plan>div{flex:1}.saved-plan strong{font-size:13px}.saved-plan small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.saved-plan .button{font-size:11px}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;margin:20px 0}.shortcuts div{display:flex;justify-content:space-between;gap:5px}.shortcuts kbd{background:#eef2e7;border:1px solid #dce3d1;border-radius:4px;padding:3px 7px;font-size:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(560px,90vw);background:#243d33;color:#fffdf6;border:1px solid #385541;border-radius:10px;padding:13px 20px;z-index:200;font-size:12px;box-shadow:0 7px 25px #19362d22;line-height:1.5}.busy{position:fixed;inset:0;background:#203e2d48;backdrop-filter:blur(3px);z-index:150;display:grid;place-items:center;padding:20px}.busy>div{background:var(--white);border-radius:16px;border:1px solid var(--line);padding:30px;text-align:center;max-width:400px}.busy strong{display:block;margin:16px 0 12px;font-size:17px}.busy p{font-size:12px;color:var(--muted);margin-bottom:20px}.spinner{display:inline-block;border:2px solid #d5dfc9;border-top-color:var(--green);width:26px;height:26px;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1650px){.workspace{grid-template-columns:250px minmax(350px,1fr) 300px}.catalogue,.board-panel{height:770px}.catalog-item .item-info strong{font-size:12px}.catalogue .button{font-size:11px}}
@media(max-width:1200px){main{padding:24px 18px 0}.topbar{padding:0 22px}.workspace{grid-template-columns:200px minmax(280px,1fr) 240px;gap:12px}.right-column>.panel{padding:17px 14px}.tiny-label{display:none}.title-line input{font-size:26px}.board-title small{display:none}.catalogue,.board-panel{height:700px}.board-bottom{padding:13px 12px;font-size:8px}.toggle-tool span:not([data-icon]){display:none}}
@media(max-width:1000px){.workspace{grid-template-columns:205px minmax(0,1fr)}.right-column{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr}.catalogue,.board-panel{height:660px}.heading-meta{display:none}.content-layout{grid-template-columns:250px minmax(0,1fr)}.metric-tile{padding:17px}.metric-tile strong{font-size:23px}.nav{gap:17px}.header-actions .quiet{padding:10px}.header-actions .quiet>span:last-child{display:none}.board-title small{display:block}}
@media(max-width:700px){.topbar{height:auto;min-height:118px;padding:14px 17px 0;gap:12px;flex-wrap:wrap}.brand-mark{width:33px;height:36px;border-radius:10px}.brand strong{font-size:25px}.brand small{font-size:6px;letter-spacing:1.5px}.brand{gap:8px}.brand-mark .icon{width:22px}.header-actions{margin-left:auto;gap:4px}.header-actions .button{padding:9px 10px;font-size:11px}.header-actions .quiet{padding:9px}.nav{order:3;flex-basis:100%;height:43px;justify-content:center;gap:38px}.nav-tab{font-size:11px;gap:7px}.nav-tab .icon{width:16px}main{padding:21px 13px 0}.page-heading{padding-bottom:20px}.eyebrow{font-size:8px;letter-spacing:1.6px}.title-line{gap:8px;flex-wrap:wrap}.title-line input{font-size:25px;width:100%;max-width:350px}.title-line .tag{font-size:8px;padding:4px 6px}.page-heading p{font-size:10px;margin-top:7px}.workspace{display:flex;flex-direction:column;gap:13px}.catalogue{order:2;width:100%;height:auto}.catalogue>.panel-heading{padding:15px 15px 0;margin-bottom:11px}.catalogue>.search{margin:0 15px}.filter-row{padding:8px 15px}.catalog-list{display:flex;max-height:130px;overflow:auto;padding:5px 8px 11px;gap:6px;flex:none}.category-heading{display:none}.catalog-item{width:100px;min-width:100px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;border:1px solid #e9ecdf;padding:9px}.catalog-item .thumb{width:30px;height:30px;border-radius:7px}.catalog-item .thumb .icon{width:21px}.catalog-item .item-info strong{font-size:10px}.item-info small{font-size:8px}.catalog-item .item-count{position:absolute;right:8px;top:17px;font-size:9px}.catalog-footer{display:flex;gap:13px;align-items:center;padding:11px 14px}.catalog-footer .button{width:auto;font-size:10px;flex:1}.catalog-footer .text-button{margin:0;font-size:9px;max-width:100px}.board-panel{order:1;width:100%;height:455px}.board-top{padding:8px 13px}.board-title{font-size:11px}.board-toolbar{padding:8px}.board-title small{display:none}.board-wrap{min-height:280px}.board-hint{font-size:8px;padding:7px 9px;top:10px}.board-bottom{font-size:8px;padding:12px}.board-bottom>span:first-child{font-size:7px}.right-column{order:3;display:grid;grid-template-columns:1fr;width:100%;gap:13px}.right-column>.panel{padding:18px}.terrain-levels{margin-bottom:12px}.space-figure strong{font-size:29px}.inspector-placeholder p{font-size:11px}.page-footer{flex-direction:column;gap:7px;align-items:flex-start;padding:20px 3px;font-size:9px}.page-footer .text-button{font-size:9px}.content-layout{display:flex;flex-direction:column}.settings-panel{padding:18px}.production-metrics{gap:7px}.metric-tile{padding:14px 10px;border-radius:9px}.metric-tile strong{font-size:22px}.metric-tile small,.metric-tile span{font-size:8px}.section-header{align-items:flex-start}.section-header h2{font-size:19px}.section-header .button{font-size:10px;padding:9px}.section-header p{font-size:10px}.data-summary{gap:16px;padding:14px 0;margin:15px 0}.data-summary strong{font-size:18px}.data-summary span{font-size:9px}.database-toolbar{flex-wrap:wrap;gap:10px}.database-toolbar .search{width:100%}.database-toolbar select{font-size:10px;max-width:65%}.database-toolbar .tag{font-size:9px}th,td{padding:12px;font-size:10px}th{font-size:8px}.content-page{min-height:400px}.modal-header{padding:15px 18px}.modal-header h2{font-size:17px}#modal-body{padding:18px}.shortcuts{grid-template-columns:1fr}.modal-actions{justify-content:flex-start}.modal-actions .button{font-size:11px}.toast{bottom:14px;width:90%;font-size:11px}.empty-state{padding:45px 20px}.empty-state h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Stable image slots keep labels readable while third-party artwork loads or fails. */
span.artwork{display:inline-grid;position:relative;vertical-align:middle;width:32px;height:32px;flex:0 0 32px;color:inherit;isolation:isolate}
span.artwork>.artwork-fallback{display:grid;place-items:center;grid-area:1/1;width:100%;height:100%}
span.artwork>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.artwork img,.artwork image{opacity:0;pointer-events:none}
.artwork.ready img,.artwork.ready image{opacity:1}
.artwork.ready>.artwork-fallback{visibility:hidden}
g.artwork{pointer-events:none}
.thumb>span.artwork{width:40px;height:40px;flex-basis:40px}
.inspector-name>span.artwork{width:44px;height:44px;flex-basis:44px}
.visual-label{display:flex;align-items:center;gap:9px}
.visual-label>span:last-child{min-width:0}
.ingredient-token{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;margin:2px 0}
.ingredient-token>.artwork{width:24px;height:24px;flex-basis:24px}
.ingredient-token .icon{width:17px;height:17px}

/* Aniimo Planner V2 visual layer. The palette is an interface adaptation, not an official game brand guide. */
html{scroll-behavior:smooth;background:var(--paper)}
body{min-width:320px;background:var(--paper);color:var(--ink);accent-color:var(--green)}
::selection{background:var(--lavender);color:var(--ink)}
button,input,select,textarea{font-size:inherit}
button{min-height:40px}
button:disabled{opacity:.5}
input,select,textarea{min-height:42px;border-color:var(--line);border-radius:var(--radius-small);background:var(--white);transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}
input:hover,select:hover,textarea:hover{border-color:#aebfb4}
input:focus,select:focus,textarea:focus,.search:focus-within{outline:3px solid var(--focus-ring);outline-offset:1px;border-color:var(--focus);box-shadow:0 0 0 1px var(--focus)}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.building:focus-visible{outline:none}
.building:focus-visible .footprint{stroke:var(--focus);stroke-width:1.2}
a{color:var(--green-strong);text-underline-offset:3px}
.skip{top:-80px;left:16px;border-radius:0 0 var(--radius-small) var(--radius-small);background:var(--green-strong);font-weight:650;transition:top var(--motion-fast) var(--ease-standard)}

.topbar{background:var(--white);border-color:var(--line)}
.brand-mark{background:var(--green-strong);color:var(--mint)}
.brand-dot{color:#70a77e}
.brand small{color:var(--muted)}
.nav-tab{min-height:48px;color:var(--muted);transition:color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}
.nav-tab:hover{color:var(--green-strong)}
.nav-tab.active,.nav-tab[aria-selected=true]{color:var(--green-strong)}
.nav-tab.active:after,.nav-tab[aria-selected=true]:after{height:4px;background:var(--green);transform-origin:center;animation:tab-marker var(--motion-fast) var(--ease-standard)}
@keyframes tab-marker{from{transform:scaleX(.35);opacity:.35}to{transform:scaleX(1);opacity:1}}

.button,.icon-button,.text-button,.toggle-tool,.filter,.catalog-item{transition:color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}
.button{border-color:var(--line);border-radius:var(--radius-small);background:var(--white);font-weight:650}
.button:hover:not(:disabled){background:var(--mint-soft);border-color:#b9cbbd;transform:translateY(-1px)}
.button:active:not(:disabled),.icon-button:active:not(:disabled),.catalog-item:active:not(:disabled){transform:translateY(0)}
.button.primary{background:var(--green);border-color:var(--green);color:#fff}
.button.primary:hover:not(:disabled){background:var(--green-strong);border-color:var(--green-strong)}
.button.quiet{background:transparent}
.button.danger{color:var(--danger);border-color:#e8c6bd;background:var(--peach-soft)}
.text-button{min-height:32px;color:var(--muted);font-weight:600}
.text-button:hover{color:var(--green-strong)}
.icon-button{width:40px;height:40px;border-radius:var(--radius-small)}
.icon-button:hover:not(:disabled){background:var(--mint-soft)}
.icon-button.selected,.icon-button[aria-pressed=true]{background:var(--green-strong);color:#fff}

main{padding-top:30px}
.page-heading{padding-bottom:24px}
.eyebrow{color:var(--muted);font-size:10px}
.title-line input{color:var(--ink)}
.tag,.count{background:var(--lavender-soft);color:#5f526f;border:1px solid #ded4eb}
.page-heading p,.save-status{color:var(--muted)}
.save-status:before{width:7px;height:7px;background:#62986f;box-shadow:0 0 0 3px var(--mint-soft)}
.workspace{grid-template-columns:minmax(220px,248px) minmax(420px,1fr) minmax(264px,292px);gap:18px}
.panel{border-color:var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-soft)}
.catalogue,.board-panel{height:clamp(650px,calc(100dvh - 196px),780px)}
.catalogue{box-shadow:inset 0 3px 0 var(--mint),var(--shadow-soft)}
.catalogue>.panel-heading{padding-top:23px}
.panel-heading h2{color:var(--ink)}
.search{min-height:42px;border-color:var(--line);background:var(--white)}
.search .icon{color:#6e8278}
.category-heading{font-size:10px;color:var(--muted)}
.filter{min-height:34px;padding-inline:10px;font-size:11px}
.filter:hover{background:var(--mint-soft);color:var(--green-strong)}
.filter.active,.filter[aria-pressed=true]{background:var(--mint);color:var(--green-strong);box-shadow:inset 0 0 0 1px #b8d2ba}
.catalog-item{min-height:58px}
.catalog-item:hover{background:var(--mint-soft)}
.catalog-item.armed{background:var(--mint);box-shadow:inset 0 0 0 2px #7aa487}
.catalog-item .thumb{background:var(--mint-soft);color:#4f744f}
.catalog-item .thumb.process{background:var(--sky-soft);color:#507385}
.catalog-item .thumb.craft{background:var(--peach-soft);color:#8b5b45}
.catalog-item .thumb.climate{background:#fff8dc;color:#896f31}
.item-info strong{font-size:12px}
.item-info small,.catalog-item .item-count{font-size:10px;color:var(--muted)}
.catalog-footer{border-color:var(--line);background:#fffdf7}

.board-panel{border-color:#cbd8ce;background:var(--white);box-shadow:0 10px 30px rgba(43,69,57,.08)}
.board-top,.board-toolbar,.board-bottom{background:var(--white);border-color:var(--line)}
.board-title{font-size:13px}
.live-dot{width:8px;height:8px;background:#5e966d;box-shadow:0 0 0 3px var(--mint-soft)}
.toggle-tool{min-height:38px;font-size:11px}
.toggle-tool:hover{background:var(--mint-soft);color:var(--green-strong)}
.toggle-tool[aria-pressed=true]{background:var(--mint);color:var(--green-strong);box-shadow:inset 0 0 0 1px #bed4bf}
.board-wrap{background:#edf5ea}
.plot{fill:#e2efd9;stroke:#849d85}
.plot.alternate{fill:#e9f3e2}
.plot.unowned{fill:#f1f0e9;stroke:#adb8aa}
.building .footprint{transition:fill var(--motion-fast) var(--ease-standard),stroke var(--motion-fast) var(--ease-standard),filter var(--motion-fast) var(--ease-standard)}
.building.is-selected .footprint{stroke:var(--green-strong);stroke-width:1}
.building.is-selected{filter:drop-shadow(0 1px 2px rgba(31,73,62,.2))}
.ghost{transition:opacity var(--motion-fast) var(--ease-standard)}
.board-hint{background:rgba(255,254,250,.96);border:1px solid rgba(216,225,216,.9);box-shadow:0 4px 16px rgba(36,59,55,.06);font-size:11px;color:var(--muted)}
.zoom-controls{border-color:var(--line);box-shadow:0 4px 14px rgba(36,59,55,.08)}
.board-bottom{font-size:10px}
.right-column>.panel{box-shadow:inset 0 3px 0 var(--lavender),var(--shadow-soft)}
.right-column>.optimizer{box-shadow:inset 0 3px 0 var(--sky),var(--shadow-soft)}
.space-bar{height:7px;background:#edf1ea}
.space-bar i{background:#83aa78}
.space-caption,.stat-pair{font-size:12px}
.tiny-label{font-size:9px;color:var(--muted)}
.muted{font-size:12px;color:var(--muted)}
.micro{font-size:11px;color:var(--muted)}
.field-label{font-size:12px}
.optimizer select,.input-grid input,.input-grid select{font-size:12px}
.optimize-button{font-size:12px!important}
.inspector-name h2{font-size:14px}
.inspector-name small,.inspector-placeholder p{font-size:11px}
.notice{background:var(--mint-soft);border-color:#cfe1cd;border-radius:var(--radius-small);font-size:12px}
.notice.warning{background:var(--peach-soft);border-color:#efcdbd;color:#74493a}
.result{font-size:12px}

.content-page:not([hidden]){animation:view-enter var(--motion-medium) var(--ease-standard)}
@keyframes view-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.content-layout{grid-template-columns:minmax(280px,310px) minmax(0,1fr);gap:24px}
.settings-panel{padding:24px;background:var(--sky-soft);box-shadow:inset 0 3px 0 var(--sky),var(--shadow-soft)}
.section-header h2{color:var(--ink);font-weight:650}
.section-header p{font-size:12px}
.production-metrics,.goal-metrics,.calculator-metrics{gap:14px}
.metric-tile,.goal-metric,.calculator-metric{border:1px solid var(--line);border-radius:14px;background:var(--white);box-shadow:0 5px 16px rgba(46,68,59,.05)}
.metric-tile:nth-child(2),.goal-metric:nth-child(2),.calculator-metric:nth-child(2){background:var(--sky-soft);border-color:#c9dcea}
.metric-tile:nth-child(3),.goal-metric:nth-child(3),.calculator-metric:nth-child(3){background:var(--lavender-soft);border-color:#ded3eb}
.metric-tile.highlight,.goal-metric.highlight,.calculator-metric.highlight{background:var(--mint-soft);border-color:#c9dfc8}
.metric-tile small,.metric-tile span,.goal-metric small,.goal-metric span,.calculator-metric small,.calculator-metric span{font-size:11px;color:var(--muted)}
.table-wrap{border-color:var(--line);border-radius:14px;background:var(--white);box-shadow:0 5px 16px rgba(46,68,59,.04)}
table{font-size:12px}
th{padding:14px 16px;background:var(--lavender-soft);color:#5f6f69;font-size:10px}
td{padding:14px 16px;border-color:#e7ece6}
td small{font-size:10px}
tbody tr{transition:background-color var(--motion-fast) var(--ease-standard)}
tbody tr:hover{background:#fffcf5}
.empty-state{border-color:#b9d0ba;background:var(--mint-soft)}
.empty-state p{font-size:13px}
.database-toolbar{padding:12px;border:1px solid #ddd5e9;border-radius:14px;background:var(--lavender-soft)}
.data-summary{padding:18px 16px;border-color:#ded5e9;background:var(--lavender-soft);border-radius:14px}
.data-summary span{font-size:12px}
.status-label{padding:4px 7px;background:var(--mint-soft);color:#466442;font-size:10px;border:1px solid #cfe1cd}
.status-label.warning{background:var(--peach-soft);color:#74493a;border-color:#efcdbd}
.table-info{font-size:11px;color:var(--muted)}

/* Generic calculator contracts used by the goal and recommendation views. */
.goal-calculator,.calculator-shell{display:grid;gap:20px}
.goal-mode-switch,.calculator-mode-switch,.segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--lavender-soft)}
.goal-mode-switch>button,.calculator-mode-switch>button,.segmented-control>button{flex:1;min-height:42px;border-radius:8px;color:var(--muted);font-weight:650}
.goal-mode-switch>button:hover,.calculator-mode-switch>button:hover,.segmented-control>button:hover{background:rgba(255,255,255,.7);color:var(--green-strong)}
.goal-mode-switch>button.active,.goal-mode-switch>button.primary,.goal-mode-switch>button[aria-selected=true],.goal-mode-switch>button[aria-pressed=true],.calculator-mode-switch>button.active,.calculator-mode-switch>button.primary,.calculator-mode-switch>button[aria-selected=true],.calculator-mode-switch>button[aria-pressed=true],.segmented-control>button.active,.segmented-control>button.primary,.segmented-control>button[aria-selected=true],.segmented-control>button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 2px 8px rgba(46,68,59,.08)}
.calculator-section,.goal-section,.result-section{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
.goal-fields,.calculator-fields,.workforce-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.goal-summary,.calculator-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.recommendation-list,.requirement-list,.bottleneck-list,.assumption-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.recommendation-card,.result-card{padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--white);transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}
.recommendation-card:hover,.result-card:hover{border-color:#b9cbbd;box-shadow:var(--shadow-soft);transform:translateY(-1px)}
.goal-calculator .is-feasible,.calculator-shell .is-feasible{background:var(--mint-soft);border-color:#bfd8bf}
.goal-calculator .is-theoretical,.calculator-shell .is-theoretical{background:var(--lavender-soft);border-color:#d8cbe7}
.goal-calculator .is-warning,.goal-calculator .is-unknown,.calculator-shell .is-warning,.calculator-shell .is-unknown{background:var(--peach-soft);border-color:#ecc5b4}
.calculator-results.is-updated,.goal-results.is-updated,#production-results>*{animation:result-enter var(--motion-medium) var(--ease-standard)}
@keyframes result-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.goal-calculator,.goal-calculator>* ,.production-main,.goal-results,.goal-section,.recommendation-list,.recommendation-card,.result-card{min-width:0}
.goal-section{overflow-wrap:anywhere}
.goal-section>h2,.goal-section>h3{margin-bottom:12px}
.goal-section h4{margin:18px 0 8px;font-size:12px;color:var(--muted);letter-spacing:.02em}
.goal-section ul{margin:8px 0 0;padding-left:20px}
.goal-section li+li{margin-top:7px}
.goal-section details,.recommendation-card details{max-width:100%;margin-top:8px}
.goal-section summary,.recommendation-card summary{cursor:pointer;font-weight:650;color:var(--green-strong)}
.calculator-advanced>summary,.production-disclosure>summary{display:flex;align-items:center;min-height:42px;cursor:pointer;font-weight:650;color:var(--green-strong)}
.calculator-advanced[open]>summary,.production-disclosure[open]>summary{margin-bottom:12px}
.calculator-advanced>.section-header{margin-top:8px}
.production-disclosure+.production-disclosure{margin-top:12px}
.recommendation-card{display:grid;gap:12px;overflow-wrap:anywhere}
.recommendation-card>.section-header{margin-bottom:0}
.recommendation-card code{white-space:normal;overflow-wrap:anywhere;word-break:break-word;color:#665774}
.recommendation-card input{width:100%}
[data-worker-row]{align-items:end}
[data-worker-row]>*{min-width:0}
[data-worker-row]>.icon-button{justify-self:end;align-self:end}
.visual-label{max-width:100%}
.visual-label>span:last-child,.ingredient-token>span:last-child{overflow-wrap:anywhere}
.ingredient-token{max-width:100%}
.table-wrap{width:100%;max-width:100%;overscroll-behavior-inline:contain}
td{overflow-wrap:anywhere}
#preview-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;border-width:0 0 1px;border-radius:0;padding:10px 14px;background:var(--peach-soft)}
#preview-actions .button{margin-left:auto}
#preview-actions .button+.button{margin-left:0}

dialog{border-color:var(--line);border-radius:20px;background:var(--white);box-shadow:0 22px 70px rgba(31,73,62,.2)}
dialog[open]{animation:dialog-enter var(--motion-panel) var(--ease-standard)}
dialog::backdrop{background:rgba(31,49,43,.5);backdrop-filter:none}
@keyframes dialog-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.modal-header{background:var(--white);border-color:var(--line)}
#modal-body p{font-size:13px}
.modal-divider,.inventory-row,.saved-plan{border-color:var(--line)}
.inventory-row small,.saved-plan small{font-size:11px}
.saved-plan{border-radius:10px;transition:background-color var(--motion-fast) var(--ease-standard)}
.saved-plan:hover{background:var(--lavender-soft)}
.shortcuts kbd{background:var(--lavender-soft);border-color:#ddd2e9}
.toast{z-index:320;background:var(--green-strong);border-color:#396b5d;box-shadow:0 8px 24px rgba(31,73,62,.18);animation:toast-enter var(--motion-medium) var(--ease-standard)}
@keyframes toast-enter{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
.busy{z-index:310;background:rgba(31,73,62,.4);backdrop-filter:none}
.busy>div{box-shadow:var(--shadow-soft)}
.spinner{border-color:#d5e2d6;border-top-color:var(--green)}
.page-footer{font-size:11px;color:var(--muted)}

/* Drawer hooks stay inert until markup opts in with .mobile-drawer or [data-mobile-drawer]. */
.mobile-drawer-toggle,.drawer-toggle,.drawer-close,.drawer-backdrop{display:none}

@media(min-width:701px){
 .mobile-drawer-toggle,.drawer-toggle,.drawer-close,.drawer-backdrop{display:none!important}
 .mobile-drawer,[data-mobile-drawer]{position:static;visibility:visible;pointer-events:auto;transform:none}
 body.drawer-open{overflow:auto}
}

@media(max-width:1200px){
 .workspace{grid-template-columns:minmax(205px,224px) minmax(350px,1fr) minmax(238px,258px);gap:14px}
 .catalogue,.board-panel{height:clamp(620px,calc(100dvh - 180px),730px)}
}

@media(max-width:1000px){
 .workspace{grid-template-columns:minmax(210px,230px) minmax(0,1fr)}
 .right-column{grid-template-columns:repeat(2,minmax(0,1fr))}
 .right-column>.optimizer{grid-column:1/-1}
 .content-layout{grid-template-columns:minmax(250px,280px) minmax(0,1fr)}
}

@media(max-width:700px){
 button,.button,.icon-button,.toggle-tool,.filter,.text-button,summary{min-height:44px}
 .icon-button{width:44px;height:44px}
 .topbar{background:var(--white)}
 .nav{gap:8px;justify-content:space-between;overflow-x:auto}
 .nav-tab{min-width:max-content;padding-inline:10px;font-size:12px}
 main{padding:18px 12px 0}
 .page-heading{padding-bottom:16px}
 .eyebrow{font-size:9px}
 .page-heading p{font-size:11px}
 .workspace{display:flex;gap:12px}
 .board-panel{order:1;height:clamp(470px,68dvh,620px);min-height:470px}
 .board-top,.board-toolbar{padding:8px 10px}
 .board-top .mobile-drawer-toggle{padding-inline:9px;font-size:11px}
 .board-wrap{min-height:330px}
 .board-title{font-size:12px}
 .board-hint{font-size:10px}
 .board-bottom{font-size:10px;overflow-x:auto;white-space:nowrap}
 .catalogue{height:auto;box-shadow:inset 0 3px 0 var(--mint),var(--shadow-soft)}
 .catalog-list{max-height:154px}
 .catalog-item{min-height:112px}
 .item-info strong{font-size:11px}
 .item-info small,.catalog-item .item-count{font-size:9px}
 .right-column{grid-template-columns:1fr}
 .right-column>.optimizer{grid-column:auto}
 .content-layout{display:flex;gap:14px}
 .settings-panel{padding:18px}
 .production-metrics,.goal-metrics,.calculator-metrics{grid-template-columns:1fr}
 .metric-tile,.goal-metric,.calculator-metric{padding:16px}
 .metric-tile small,.metric-tile span,.goal-metric small,.goal-metric span,.calculator-metric small,.calculator-metric span{font-size:10px}
 .goal-fields,.calculator-fields,.workforce-grid{grid-template-columns:1fr}
 .goal-mode-switch,.calculator-mode-switch,.segmented-control{grid-template-columns:1fr}
 .calculator-section,.goal-section,.result-section{padding:16px}
 [data-worker-row]>.icon-button{justify-self:start}
 .table-wrap{max-width:100%;overscroll-behavior-inline:contain}
 .table-wrap table{min-width:640px}
 .database-toolbar{align-items:stretch}
 .database-toolbar select{width:100%;max-width:none;font-size:12px}
 .database-toolbar .tag{align-self:flex-start;margin-left:0}
 .data-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .data-summary span{display:block;margin:3px 0 0}
 .saved-plan{flex-wrap:wrap;padding:14px 8px;gap:8px}
 .saved-plan>div{flex-basis:100%}
 .saved-plan>.button{flex:1 1 auto}
 .modal-actions{gap:8px}
 .modal-actions .button{flex:1 1 140px;font-size:12px}
 .page-footer,.page-footer .text-button{font-size:10px}

 .mobile-drawer-toggle,.drawer-toggle,.drawer-close{display:inline-flex}
 .drawer-backdrop{position:fixed;inset:0;z-index:280;border:0;background:rgba(31,49,43,.48);opacity:0;pointer-events:none;transition:opacity var(--motion-panel) var(--ease-standard)}
 body.drawer-open{overflow:hidden}
 body.drawer-open .drawer-backdrop,.drawer-backdrop.is-open,.drawer-backdrop[data-state=open]{display:block;opacity:1;pointer-events:auto}
 .mobile-drawer,[data-mobile-drawer]{position:fixed;z-index:290;top:0;bottom:0;width:min(88vw,390px);height:100dvh;max-height:none;overflow:auto;border-radius:0;background:var(--white);visibility:hidden;pointer-events:none;transition:transform var(--motion-panel) var(--ease-standard),visibility 0s linear var(--motion-panel);box-shadow:0 0 32px rgba(31,49,43,.18)}
 .mobile-drawer[data-drawer-side=left],[data-mobile-drawer][data-drawer-side=left],.catalogue.mobile-drawer{left:0;right:auto;transform:translateX(-102%)}
 .mobile-drawer[data-drawer-side=right],[data-mobile-drawer][data-drawer-side=right],.right-column.mobile-drawer,.settings-panel.mobile-drawer,.goal-results.mobile-drawer,.production-main.mobile-drawer{right:0;left:auto;transform:translateX(102%)}
 .mobile-drawer.is-open,.mobile-drawer[data-state=open],[data-mobile-drawer].is-open,[data-mobile-drawer][data-state=open]{visibility:visible;pointer-events:auto;transform:translateX(0);transition-delay:0s}
 .catalogue.mobile-drawer{width:min(90vw,390px)}
 .right-column.mobile-drawer{width:min(92vw,430px)}
 .settings-panel.mobile-drawer{width:min(92vw,430px)}
 .goal-results.mobile-drawer,.production-main.mobile-drawer{width:min(96vw,760px);padding:18px max(14px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:var(--paper)}
 .right-column.mobile-drawer{display:block;padding:14px}
 .right-column.mobile-drawer>.panel{margin-bottom:12px}
 .settings-panel.mobile-drawer{padding:20px}
 .mobile-drawer>.drawer-close,.right-column.mobile-drawer>.drawer-close,.settings-panel.mobile-drawer>.drawer-close,.goal-results.mobile-drawer>.drawer-close{position:sticky;top:10px;z-index:2;display:flex;margin:0 0 10px auto;background:var(--white);border:1px solid var(--line);box-shadow:0 3px 10px rgba(46,68,59,.08)}
 .catalogue.mobile-drawer .panel-heading{position:sticky;top:0;z-index:2;background:var(--white)}
 #preview-actions{font-size:11px;padding:8px 10px}
 #preview-actions .button{flex:1 1 130px;margin-left:0}
}

@media(max-width:370px){
 .board-top{flex-wrap:wrap}
 .board-top>.tool-group{width:100%;justify-content:flex-end}
 .board-panel{min-height:500px}
}

/* V2 palette normalization: sky, lavender, peach and cream replace the former green-led treatment. */
.brand-dot{color:#b86f58}
.save-status:before,.live-dot{background:#7189bd;box-shadow:0 0 0 3px var(--sky-soft)}
.search .icon,.north{color:var(--muted)}
input:hover,select:hover,textarea:hover{border-color:#c4c9da}
.button:hover:not(:disabled),.recommendation-card:hover,.result-card:hover{border-color:#c4c9da}
.filter.active,.filter[aria-pressed=true]{border-color:#bdcfe2;box-shadow:inset 0 0 0 1px #bdcfe2}
.toggle-tool[aria-pressed=true]{box-shadow:inset 0 0 0 1px #bdcfe2}
.catalog-item.armed{box-shadow:inset 0 0 0 2px #718bb8}
.catalog-item .thumb{background:var(--sky-soft);color:#4c638b}
.catalog-item .thumb.process{background:var(--lavender-soft);color:#675b8f}
.catalog-item .thumb.craft{background:var(--peach-soft);color:#80513f}
.catalog-item .thumb.climate{background:#fff6ed;color:#80513f}
.inspector-placeholder>.icon{color:#756a94}
.inventory-row .icon,td .icon,.empty-state>.icon{color:#66779a}
.board-panel{border-color:#d1d5e3;box-shadow:0 10px 30px rgba(53,70,106,.08)}
.board-wrap{background:#f1f6fb}
#board pattern#grid path{stroke:#7189a8}
#board pattern#hatch path{stroke:#8b8fa1}
.plot{fill:#dcecf8;stroke:#8193b3}
.plot.alternate{fill:#e9e2f4}
.plot.unowned{fill:#f3efe9;stroke:#aaa8b1}
.plot-number{fill:#616779}
.building{color:#4c638b}
.building .building-shadow{fill:#56627d;opacity:.12}
.building.grow .footprint{fill:#cfe4f5;stroke:#718fb2}
.building.process{color:#625482}
.building.process .footprint{fill:#dfd6ee;stroke:#8677a2}
.building.craft{color:#80513f}
.building.craft .footprint{fill:#f3d3c2;stroke:#b78068}
.building.climate{color:#80513f}
.building.climate .footprint{fill:#f6d9cb;stroke:#b77e68}
.building.reserve{color:#6b6678}
.building.reserve .footprint{fill:#eee8f2;stroke:#9a91aa}
.building.is-selected .footprint,.ghost.valid .footprint{stroke:var(--green-strong)}
.building.is-selected{filter:drop-shadow(0 1px 2px rgba(53,70,106,.2))}
.lock-dot{fill:var(--ink)}
.mode-Warm,.mode-Scorching{fill:#f1a78324;stroke:#b97860}
.mode-Cool,.mode-Freeze{fill:#87b9dd30;stroke:#668db4}
.mode-Adequate{fill:#a99ad126;stroke:#7d6da4}
.board-hint{border-color:rgba(211,214,229,.95);box-shadow:0 4px 16px rgba(53,70,106,.07)}
.zoom-controls{border-color:#d2d6e4;box-shadow:0 4px 14px rgba(53,70,106,.09)}
.legend-dot.grow{background:#8fb8d8}
.legend-dot.process{background:#a99ac4}
.legend-dot.craft{background:#dfa98e}
.space-bar{background:#ececf3}
.space-bar i{background:#8098c3}
.notice{border-color:#c9dcea}
.metric-tile,.goal-metric,.calculator-metric{box-shadow:0 5px 16px rgba(53,70,106,.06)}
.metric-tile.highlight,.goal-metric.highlight,.calculator-metric.highlight{border-color:#c9dcea}
.table-wrap{box-shadow:0 5px 16px rgba(53,70,106,.05)}
th{color:var(--muted)}
td{border-color:#e8e7ef}
.empty-state{border-color:#bdcfe2}
.status-label{color:#405781;border-color:#c9dcea}
.goal-calculator .is-feasible,.calculator-shell .is-feasible{border-color:#c2d8eb}
.goal-mode-switch>button.active,.goal-mode-switch>button.primary,.goal-mode-switch>button[aria-selected=true],.goal-mode-switch>button[aria-pressed=true],.calculator-mode-switch>button.active,.calculator-mode-switch>button.primary,.calculator-mode-switch>button[aria-selected=true],.calculator-mode-switch>button[aria-pressed=true],.segmented-control>button.active,.segmented-control>button.primary,.segmented-control>button[aria-selected=true],.segmented-control>button[aria-pressed=true]{box-shadow:0 2px 8px rgba(53,70,106,.12)}
.goal-section summary,.recommendation-card summary{color:var(--green-strong)}
dialog{box-shadow:0 22px 70px rgba(53,70,106,.2)}
dialog::backdrop{background:rgba(43,48,64,.52)}
.toast{border-color:#5d7399;box-shadow:0 8px 24px rgba(53,70,106,.2)}
.busy{background:rgba(43,48,64,.42)}
.spinner{border-color:#d8dce7;border-top-color:var(--green)}
.drawer-backdrop{background:rgba(43,48,64,.5)}
@media(max-width:700px){
 .catalog-item{border-color:var(--line)}
 .mobile-drawer,[data-mobile-drawer]{box-shadow:0 0 32px rgba(53,70,106,.2)}
 .mobile-drawer>.drawer-close,.right-column.mobile-drawer>.drawer-close,.settings-panel.mobile-drawer>.drawer-close,.goal-results.mobile-drawer>.drawer-close{box-shadow:0 3px 10px rgba(53,70,106,.1)}
}

@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important}
 .button:hover:not(:disabled),.recommendation-card:hover,.result-card:hover{transform:none}
 .mobile-drawer,[data-mobile-drawer]{transition:none}
}