@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111715;--panel:#171e1b;--panel-raised:#202923;--border:#303930;--text:#e4e9df;--muted:#8c9a8c;--lime:#c6eb88;--amber:#dfb77a;--red:#f08e7e;--cyan:#92cbd0;--sans:'DM Sans','Segoe UI',sans-serif;--display:'Space Grotesk','Segoe UI',sans-serif;--mono:Consolas,'Courier New',monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.38}button:not(:disabled),a{transition:background .16s,color .16s,border-color .16s,transform .16s}button:not(:disabled):hover{filter:brightness(1.15)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button svg{flex-shrink:0}svg{width:20px;height:20px;vertical-align:middle}h1,h2,h3,p{margin:0}a{color:var(--lime)}[hidden]{display:none!important}.mono{font-family:var(--mono)}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;color:var(--muted)}.subtle{color:#556152}.lime-text{color:var(--lime)!important}.amber-text{color:var(--amber)!important}.red-text{color:var(--red)!important;font-size:12px;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#3c493b;border-radius:5px}::-webkit-scrollbar-track{background:transparent}
.topbar{height:85px;display:flex;align-items:center;padding:0 27px 0 22px;border-bottom:1px solid var(--border);gap:40px;background:#161c18}.brand{display:flex;align-items:center;gap:13px;min-width:246px;color:var(--text);text-decoration:none}.brand-mark{width:42px;height:45px;border:1px solid #a9cf74;display:grid;place-items:center;color:var(--lime);border-radius:9px;transform:rotate(-4deg)}.brand-mark svg{width:28px;height:28px}.brand strong{font-family:var(--display);font-size:26px;letter-spacing:-1.5px;font-weight:600;line-height:1.1}.slash{color:#7b8d71;padding:0 2px}.brand-dot{color:var(--lime)}.brand small{display:block;font:8px var(--mono);letter-spacing:2px;color:var(--muted);margin-top:6px}.turn{font:10px var(--mono);letter-spacing:1px;display:flex;align-items:center;gap:10px;white-space:nowrap}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px #c6eb8829}.top-stats{display:flex;gap:34px;margin-left:auto}.stat{display:flex;align-items:center;gap:12px}.stat>svg{color:var(--muted);width:21px;height:21px}.stat small{display:block;font:8px var(--mono);letter-spacing:1.1px;color:var(--muted);margin-bottom:7px;white-space:nowrap}.stat b{font:500 23px var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.7px}.stat em{font:11px var(--mono);font-style:normal;color:var(--muted);letter-spacing:0}.data-stat b{color:var(--lime)}.icon-button{height:34px;width:34px;border:1px solid var(--border);border-radius:7px;display:grid;place-items:center}.help-button{margin-left:0;color:var(--muted)}
.workspace{display:grid;grid-template-columns:65px 264px minmax(350px,1fr) 292px;height:calc(100dvh - 119px);min-height:660px}.rail{display:flex;align-items:center;flex-direction:column;border-right:1px solid var(--border);padding:22px 9px 14px;gap:12px;background:#151c18}.rail-button{width:42px;height:42px;display:grid;place-items:center;color:#859281;border-radius:8px}.rail-button.active{color:var(--lime);background:#293323}.rail-button:hover{background:var(--panel-raised)}.rail-button svg{width:21px;height:21px}.rail-separator{width:24px;height:1px;background:var(--border);margin:6px 0}.rail-bottom{margin-top:auto}.rail-version{font:9px var(--mono);color:#63705e;margin-top:2px}
.catalog-panel{border-right:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;min-height:0}.panel-heading{padding:26px 22px 24px}.panel-heading h1{font:500 23px/1.15 var(--display);letter-spacing:-.7px;margin:12px 0}.panel-heading h1 span{color:var(--lime)}.panel-heading p{font-size:11px;line-height:1.7;color:var(--muted)}.tabs{display:flex;border-bottom:1px solid var(--border);padding:0 20px;gap:20px}.tabs button{padding:0 0 13px;font-size:12px;color:var(--muted);position:relative}.tabs button span{font:9px var(--mono);margin-left:4px;color:#657461}.tabs button.active{color:var(--lime)}.tabs button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--lime)}#catalog-tools{padding:17px 18px 0}.search{display:flex;gap:9px;align-items:center;border:1px solid var(--border);border-radius:5px;padding:9px 10px}.search svg{width:15px;height:15px;color:var(--muted)}.search input{width:100%;background:none;border:0;color:var(--text);font-size:11px;outline:none}.search input::placeholder{color:#7c8878}.filters{display:flex;gap:6px;padding-top:12px}.filters button{border:1px solid var(--border);border-radius:4px;color:#91a08a;padding:5px 9px;font-size:10px;flex:1}.filters button svg{width:15px;height:15px}.filters .active{background:#2e3a28;color:var(--lime);border-color:#5b6c41}.catalog-list{flex:1;overflow:auto;min-height:0;padding:16px 16px 10px;display:flex;flex-direction:column;gap:10px}.package-card{flex-shrink:0;text-align:left;background:#1c251f;border:1px solid #354032;border-radius:8px;padding:13px 14px;position:relative}.package-card.selected{border-color:#a2be6a;background:#252f23;box-shadow:inset 3px 0 0 var(--lime)}.package-card:hover{background:#263026;border-color:#6c7e5d}.package-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.package-icon{height:32px;width:34px;display:grid;place-items:center;color:var(--package-color);background:color-mix(in srgb,var(--package-color) 9%,transparent);border:1px solid color-mix(in srgb,var(--package-color) 25%,transparent);border-radius:5px}.package-icon svg{width:19px;height:19px}.package-price{font:500 14px var(--display);color:#c0ceaf}.package-price small{font:9px var(--mono);color:var(--muted)}.package-price svg{color:var(--lime);width:18px}.package-card>strong{display:block;font:500 13px var(--mono);margin-bottom:5px;letter-spacing:-.5px}.package-title{font-size:10px;color:#a3af9c}.package-meta{display:flex;gap:8px;font:9px var(--mono);color:#819079;margin-top:13px;padding-top:10px;border-top:1px solid #354030}.package-meta span:last-child{margin-left:auto;text-transform:uppercase;font-size:8px}.catalog-footer{border-top:1px solid var(--border);padding:14px 15px;font-size:9px;display:flex;align-items:center;gap:7px;color:var(--muted)}.catalog-footer svg{width:13px;height:13px}.defense-card{padding:16px;background:#1c251f;border:1px solid var(--border);border-radius:7px}.defense-icon{display:inline-grid;place-items:center;height:30px;width:30px;background:#313e29;color:var(--lime);border-radius:6px}.defense-card h3{font-size:13px;font-weight:500;margin:12px 0 8px}.defense-card p{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:14px}.defense-card button{width:100%}.empty{color:var(--muted);font-size:12px;line-height:1.6;padding:10px}
.factory-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:#131c1b}.factory-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:55px;padding:0 22px;border-bottom:1px solid var(--border);background:#171f1b;gap:12px}.view-tabs{display:flex;gap:20px;height:55px;align-items:stretch}.view-tabs button{font-size:11px;display:flex;align-items:center;gap:7px;color:var(--muted);position:relative;padding:0}.view-tabs svg{width:15px;height:15px}.view-tabs button.active{color:var(--text)}.view-tabs button.active:after{content:'';position:absolute;height:2px;bottom:0;left:0;right:0;background:var(--lime)}.view-tabs button span{padding:2px 5px;background:#2d382b;border-radius:3px;font:9px var(--mono)}.scene-status{font:8px var(--mono);letter-spacing:1px;white-space:nowrap;color:#91a18c;display:flex;gap:6px;align-items:center}.scene-status i{width:5px;height:5px;background:#97a58a;border-radius:50%}.scene-status i.incident{background:var(--red);box-shadow:0 0 12px var(--red)}.scene-wrap{position:relative;flex:1;min-height:320px;overflow:hidden}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.scene-heading{position:absolute;top:27px;left:30px;pointer-events:none;z-index:1}.scene-heading h2{font:400 clamp(21px,1.8vw,30px)/1.2 var(--display);letter-spacing:-.9px;margin-top:10px;color:#e1e8d9}.scene-heading p{font-size:10px;color:#8f9d8b;margin-top:10px}.scene-heading.compact h2{display:none}.scene-heading.compact p{margin-top:6px}.scene-heading.compact .eyebrow{font-size:9px}.scene-controls{position:absolute;right:20px;bottom:42px;display:flex;flex-direction:column;background:#1d2822d9;border:1px solid #40503c;border-radius:6px;overflow:hidden}.scene-controls button{padding:8px;color:#a9baa1}.scene-controls button+button{border-top:1px solid #40503c}.scene-controls svg{width:16px;height:16px}.scene-legend{position:absolute;bottom:21px;left:25px;display:flex;gap:14px;color:#9eaf98;font-size:9px}.scene-legend span{display:flex;align-items:center;gap:5px}.scene-legend i{width:5px;height:5px;border-radius:50%}.lime{background:var(--lime)}.amber{background:var(--amber)}.red{background:var(--red)}.camera-hint{position:absolute;bottom:22px;right:19px;font:7px var(--mono);letter-spacing:.7px;color:#7d8b78}.controlbar{display:flex;align-items:center;padding:14px 21px;gap:12px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#19221c}.play-control{display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap;padding:8px 0}.play-control svg{width:14px;height:14px;color:var(--lime)}.speed{font:11px var(--mono);border:1px solid #3b4934;border-radius:4px;padding:6px 8px}.production-count{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--muted)}.production-count>span{font:18px var(--display);color:var(--text)}.production-count small{font:7px/1.4 var(--mono);max-width:50px;letter-spacing:.5px}.primary,.secondary,.danger-button,.installed{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600;border-radius:5px;min-height:37px;padding:10px 12px}.primary{background:var(--lime);color:#27321d}.primary svg{width:16px;height:16px}.secondary{background:#252f24;border:1px solid #46533c;color:#d0ddc4}.secondary svg,.danger-button svg{width:15px;height:15px}.secondary span,.primary span{margin-left:auto;font:10px var(--mono);white-space:nowrap}.danger-button{background:#422c25;color:#fac4b9;border:1px solid #845347}.danger-button span{margin-left:auto;font:9px var(--mono)}.installed{color:var(--lime);border:1px solid #50613d}.installed:disabled{opacity:1}.text-button{display:flex;justify-content:center;align-items:center;gap:6px;font-size:10px;color:#a6b59b;padding:8px}.text-button svg{width:13px;height:13px}
.console{height:180px;display:flex;flex-direction:column;background:#131a16}.console-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px 11px;gap:10px}.console-header h3{font-size:11px;font-weight:500;display:flex;gap:8px;align-items:center}.console-header h3 svg{width:15px;height:15px;color:#a0b28e}.console-header h3 span{font:8px var(--mono);border:1px solid var(--border);color:var(--muted);border-radius:3px;padding:2px 4px}.console-header button{display:flex;align-items:center;gap:7px;font:9px var(--mono);color:var(--lime)}.console-header button svg{width:13px;height:13px}.console-header button span{color:var(--muted)}.logs{overflow:auto;padding:0 20px 14px;flex:1}.log{display:flex;align-items:baseline;gap:10px;margin-top:10px;font:10px/1.6 var(--mono)}.log time{color:#67755f;flex-shrink:0}.log-dot{flex-shrink:0;width:4px;height:4px;background:#74836a;border-radius:50%}.log p{color:#acb6a2}.log.ok .log-dot{background:var(--lime)}.log.warn .log-dot{background:var(--amber)}.log.danger .log-dot{background:var(--red)}.log.warn p{color:var(--amber)}.log.danger p{color:var(--red)}
.right-panel{background:var(--panel);border-left:1px solid var(--border);overflow:auto;min-height:0}.order{padding:23px 23px 20px;border-bottom:1px solid var(--border)}.section-line{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-line>svg{width:15px;height:15px;color:var(--muted)}.order-number{font:14px var(--display);color:var(--lime)}.order-number span{font-size:10px;color:#64715f}.client{display:block;font:8px var(--mono);letter-spacing:1.1px;color:#8e9d84;margin:21px 0 8px}.order h2{font:500 22px/1.2 var(--display);letter-spacing:-.7px}.order>p{color:#9ca993;font-size:11px;line-height:1.7;margin:10px 0 17px}.requirements{display:flex;flex-direction:column;gap:10px}.requirement{display:flex;align-items:center;gap:10px;color:#b8c3ae;font-size:11px}.requirement>svg{width:15px;height:15px;color:#8f9e85}.requirement-check{margin-left:auto;border:1px solid #4b5742;width:14px;height:14px;border-radius:50%;display:grid;place-items:center}.requirement.complete{color:var(--lime)}.requirement.complete .requirement-check{background:var(--lime);border-color:var(--lime);color:#20301a}.requirement-check svg{width:10px;height:10px}.order-progress{display:flex;justify-content:space-between;font:9px var(--mono);color:#87977d;margin:20px 0 8px}.order-progress b{font-weight:400;color:#b5c3a9}.progress-track{height:4px;background:#34412d;border-radius:3px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--lime);transition:width .3s}.reward{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:9px;color:var(--muted)}.reward b{display:block;font:12px var(--mono);color:#d3dfc8;margin-top:4px}.reward button{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--lime);padding:8px;border:1px solid #52653e;border-radius:4px}.reward svg{width:14px;height:14px}.inspector{padding:22px 23px;border-bottom:1px solid var(--border)}.inspector h3{font:500 16px var(--mono);letter-spacing:-.5px;margin:17px 0 10px;overflow-wrap:anywhere}.inspector-meta{display:flex;align-items:center;justify-content:space-between;gap:7px}.inspector-meta>.mono{font-size:10px;color:#95a48c}.status-pill{padding:4px 6px;color:#abc48e;font:7px var(--mono);letter-spacing:.6px;border-radius:3px;background:#2b3624;border:1px solid #414d34}.status-pill.danger{background:#3e2923;border-color:#774e40;color:var(--red)}.status-pill.warning{color:var(--amber)}.inspector-tip{font-size:11px;color:var(--muted);line-height:1.7;margin-top:16px}.inspection-report{margin-top:15px;padding:11px;background:#121a15;border:1px solid #303e2a;border-radius:5px}.inspection-report dl{margin:0;display:grid;grid-template-columns:62px 1fr;gap:8px;font-size:9px}.inspection-report dt{color:#7e8e74}.inspection-report dd{margin:0;text-align:right;overflow-wrap:anywhere;color:#b9c9ad}.inspection-report p{font-size:10px;color:#97a68c;line-height:1.7;margin-top:10px;border-top:1px solid #2d3b28;padding-top:9px}.inspection-report svg{width:12px;height:12px}.dependency-chips{display:flex;gap:5px;flex-wrap:wrap;margin:13px 0}.dependency-chips button{font:8px var(--mono);border:1px solid #3d4b34;padding:5px 6px;border-radius:3px;color:#9eb48c;background:#212d1e}.dependency-chips button:disabled{opacity:.7}.inspector-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.affected{font-size:10px;color:#aebb9e;line-height:1.8;margin-top:12px}.affected b{color:var(--amber);font-weight:500}.risk{padding:22px 23px}.risk>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.risk .eyebrow{font-size:8px;letter-spacing:1px}.risk b{font:21px var(--display)}.risk b small{font:10px var(--mono);color:var(--muted)}.risk-meter{height:5px;background:repeating-linear-gradient(90deg,#37422f 0 14%,transparent 14% 16%);margin-top:13px}.risk-meter i{height:5px;display:block;transition:width .3s}.risk p{font-size:9px;line-height:1.7;color:var(--muted);margin-top:10px}#defense-badges{display:flex;gap:8px;margin-top:14px}#defense-badges>span{color:var(--lime);background:#283621;border:1px solid #495c38;border-radius:4px;padding:5px}#defense-badges svg{width:14px;height:14px}#defense-badges .text-button{padding:0}.footer{height:34px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 22px;font:8px var(--mono);letter-spacing:.5px;color:#7c8c73;background:#151c17;gap:15px}.footer .live-dot{width:4px;height:4px;margin-right:7px}.footer-sep{margin:0 12px;color:#4a5742}.footer button{font-size:9px;color:#b2c79f;display:flex;align-items:center;gap:8px}.footer svg{width:12px;height:12px}
#incident-banner{position:absolute;top:88px;left:25px;right:25px;z-index:3}#incident-banner:empty{display:none}#incident-banner button{display:flex;align-items:center;gap:12px;padding:12px 15px;background:#3b2825ee;border:1px solid #a26353;border-radius:7px;color:#f2b9a8;width:100%;text-align:left;box-shadow:0 8px 30px #0005}#incident-banner b{font-size:12px;font-weight:500}#incident-banner small{display:block;font:9px var(--mono);margin-top:4px}#incident-banner svg:last-child{margin-left:auto}#pause-overlay{position:absolute;inset:0;z-index:5;background:#142019ad;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}#pause-overlay>span{font:500 32px var(--display);letter-spacing:9px}#pause-overlay small{color:#b4c6a8}.graph-panel{position:absolute;inset:0;background:#151f19f5;z-index:4;overflow:auto;padding:30px}.graph-heading h2{font:400 27px var(--display);margin:10px 0}.graph-heading p{font-size:11px;line-height:1.7;color:var(--muted);max-width:370px}.graph-row{display:flex;align-items:center;margin-top:27px}.graph-root{width:145px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:10px;font:11px var(--mono);border:1px solid #5b7050;background:#2c3c27;border-radius:6px;padding:14px 8px;overflow-wrap:anywhere}.graph-root svg{color:var(--lime)}.graph-root small{font:7px var(--mono);color:#9db38d}.graph-connector{width:35px;height:1px;background:#698057;flex-shrink:0}.graph-deps{display:flex;flex-direction:column;gap:6px;border-left:1px solid #698057;padding-left:15px;flex:1}.graph-deps button{display:flex;align-items:center;gap:6px;border:1px solid #3b5136;border-radius:4px;padding:8px;font:10px var(--mono);background:#202f22;text-align:left}.graph-deps small{margin-left:auto;color:var(--muted);font-size:8px}.graph-deps i{width:4px;height:4px;border-radius:50%;background:var(--lime)}.graph-deps button.compromised{color:var(--red);border-color:#a36452}.graph-deps button.active,.graph-root.active{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.graph-footnote{font-size:10px;line-height:1.7;color:var(--muted);margin-top:25px}.graph-empty{padding:60px 0;color:var(--muted);line-height:1.8}.webgl-error{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:80px 40px;gap:18px;background:#19271f}.webgl-error h2{font:26px var(--display)}.webgl-error p{font-size:12px;line-height:1.8;color:var(--muted)}
dialog{width:min(760px,calc(100vw - 32px));max-height:85dvh;border:1px solid #5a6d49;background:#1b261d;color:var(--text);border-radius:14px;padding:38px;box-shadow:0 25px 100px #0009;overflow:auto}dialog::backdrop{background:#080f0bd9;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:18px;top:16px;color:var(--muted)}dialog h2{font:500 34px/1.15 var(--display);letter-spacing:-1px;margin:15px 25px 17px 0}dialog p{font-size:12px;color:#acbca2;line-height:1.8}.modal-intro{font-size:13px!important;max-width:610px}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}.guide-steps>div{border:1px solid #3d5033;background:#22301f;border-radius:7px;padding:17px}.guide-steps b{font:25px var(--display);color:var(--lime)}.guide-steps h3{font-size:12px;margin:16px 0 8px}.guide-steps p{font-size:11px}.guide-note{padding:14px;border-left:2px solid var(--amber);background:#2e3021;color:#c9c6a6;font-size:11px;line-height:1.7;margin-bottom:25px}.lessons details{border-top:1px solid #384c31}.lessons summary{padding:13px 0;color:#cadbc0;font-size:12px;cursor:pointer}.lessons p{padding-bottom:17px;font-size:11px}.source-links{margin-top:22px;font-size:10px!important}.source-links a{margin:0 3px}.small-note{font-size:10px!important;margin-top:15px;color:#819776!important}.summary-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.summary-stats>div{border:1px solid #4a5f3d;border-radius:6px;padding:18px 10px;text-align:center}.summary-stats b{display:block;font:28px var(--display);color:var(--lime)}.summary-stats span{font:7px var(--mono);letter-spacing:.5px;display:block;margin-top:10px;color:#9fb48e}.summary-lessons{margin:22px 0}.summary-lessons p{margin:8px 0}.modal-actions{display:flex;gap:12px;margin-top:25px}.update-diff{display:flex;flex-direction:column;gap:12px;font:11px/1.7 var(--mono);padding:20px;background:#111b12;border:1px solid #3a5030;border-radius:7px;margin:25px 0;color:#c4dbaf}
@media(min-width:1600px){.workspace{grid-template-columns:72px 285px minmax(350px,1fr) 315px}.scene-heading{top:35px;left:35px}.scene-heading h2{font-size:34px}.console{height:195px}.package-card{padding:17px}.package-title{font-size:11px}.order,.inspector,.risk{padding:25px}.order h2{font-size:25px}}
@media(max-width:1250px){.workspace{grid-template-columns:52px 222px minmax(300px,1fr) 252px}.topbar{gap:20px;padding:0 18px}.brand{min-width:225px}.top-stats{gap:22px}.turn{display:none}.panel-heading{padding:23px 17px 20px}.panel-heading h1{font-size:21px}.catalog-list{padding:12px}.order,.inspector,.risk{padding:19px 17px}.scene-status{display:none}.controlbar{gap:8px;padding:12px}.production-count{display:none}.controlbar .primary{margin-left:auto}.camera-hint{display:none}.factory-toolbar{padding:0 17px}.console-header{padding:13px}.console-header button span{display:none}.logs{padding:0 13px 12px}.scene-heading{left:22px;top:23px}.scene-heading h2{font-size:24px}}
@media(max-width:1000px){.workspace{grid-template-columns:205px minmax(300px,1fr) 235px}.rail{display:none}.brand{min-width:205px}.topbar{height:76px}.workspace{height:calc(100dvh - 110px)}.brand strong{font-size:23px}.top-stats{gap:20px}.stat small{font-size:7px;letter-spacing:.5px}.stat b{font-size:21px}.stat>svg{display:none}.help-button{width:30px}.package-card{padding:12px}.package-meta{gap:4px;font-size:8px}.view-tabs{gap:14px}.view-tabs button{font-size:10px}.order h2{font-size:20px}.panel-heading h1{font-size:20px}.console-header h3{font-size:9px}.console-header button{font-size:8px}.console-header h3 span{display:none}.scene-legend{gap:9px;left:16px;font-size:8px}.graph-panel{padding:20px}.graph-row{align-items:stretch;flex-direction:column;gap:10px}.graph-root{width:100%;flex-direction:row;font-size:10px}.graph-root small{margin-left:auto}.graph-connector{display:none}.graph-deps{margin-left:20px}.graph-deps button{font-size:9px}}
@media(max-width:780px){.topbar{height:72px;padding:0 14px;gap:12px;position:relative}.brand{min-width:auto;gap:8px}.brand-mark{width:31px;height:35px}.brand-mark svg{width:23px;height:23px}.brand strong{font-size:20px}.brand small{font-size:6px;letter-spacing:1.2px}.top-stats{gap:14px}.stat small{font-size:6px}.stat b{font-size:18px}.data-stat{display:none}.help-button{width:30px;height:30px}.workspace{display:grid;grid-template-columns:1fr 1fr;height:auto;min-height:0}.factory-panel{grid-column:1/-1;grid-row:1}.scene-wrap{height:470px;flex:none;min-height:0}.factory-toolbar{min-height:47px}.view-tabs{height:47px}.scene-status{display:flex}.scene-heading{top:22px}.scene-heading h2{font-size:25px}.console{height:150px}.console-header h3{font-size:11px}.console-header button{font-size:10px}.console-header h3 span{display:block}.controlbar{padding:13px 17px}.production-count{display:flex;margin-left:auto}.controlbar .primary{margin-left:0}.catalog-panel{grid-column:1;grid-row:2;min-width:0;border-top:1px solid var(--border)}.right-panel{grid-column:2;grid-row:2;min-width:0;border-top:1px solid var(--border)}.catalog-list{max-height:900px;flex:none;overflow:auto}.panel-heading{padding:21px 15px}.panel-heading h1{font-size:21px}.tabs{padding:0 14px;gap:14px}.tabs button{font-size:11px}#catalog-tools{padding:15px 12px 0}.filters{gap:4px}.filters button{padding:5px}.package-meta{flex-wrap:wrap;gap:5px}.package-meta span:last-child{margin-left:auto}.package-title{font-size:10px}.order,.inspector,.risk{padding:21px 15px}.order h2{font-size:22px}.order-number{font-size:12px}.eyebrow{font-size:8px}.section-line{gap:5px}.inspector h3{font-size:14px}.inspector-actions .primary,.inspector-actions .secondary{font-size:10px;padding:10px 8px;flex-wrap:wrap}.inspector-actions span{font-size:9px}.inspection-report{padding:8px}.inspection-report dl{grid-template-columns:1fr;gap:3px}.inspection-report dd{text-align:left;margin-bottom:5px}.footer{height:auto;min-height:48px;padding:12px;font-size:7px;flex-wrap:wrap;gap:10px}.footer-sep{margin:0 5px}#save-status{display:none}.risk .eyebrow{font-size:7px}.graph-row{flex-direction:row;align-items:center}.graph-root{flex-direction:column;width:145px}.graph-root small{margin:0}.graph-connector{display:block}.graph-deps{margin:0}.guide-steps{grid-template-columns:1fr;gap:10px}.guide-steps>div{padding:15px}.guide-steps h3{display:inline;margin-left:10px}.guide-steps p{margin-top:10px}dialog{padding:26px 22px}dialog h2{font-size:27px;margin-top:23px}.summary-stats{grid-template-columns:1fr 1fr}.modal-actions{flex-direction:column}.scene-legend{bottom:18px;left:20px;font-size:9px}.camera-hint{display:block;font-size:6px;bottom:41px;left:20px;right:auto}.scene-controls{right:17px;bottom:22px}.graph-heading h2{font-size:25px}}
@media(max-width:400px){.brand strong{font-size:18px}.brand small{font-size:5px}.top-stats{gap:9px}.stat small{font-size:5px}.stat b{font-size:16px}.help-button{width:26px}.scene-wrap{height:420px}.scene-status{font-size:7px}.production-count{display:none}.controlbar .primary{margin-left:auto}.graph-root{width:110px;font-size:8px}.graph-connector{width:15px}.graph-deps{padding-left:8px}.graph-deps button{font-size:8px;flex-wrap:wrap}.package-meta span:last-child{margin-left:0}.catalog-footer{font-size:8px;padding:12px}.risk b{font-size:18px}.order .eyebrow{font-size:7px}.reward{gap:5px}.reward button{font-size:9px;padding:6px}.inspector-meta{align-items:flex-start;flex-direction:column}.console-header{gap:5px}.console-header h3{font-size:10px}.console-header button{font-size:9px}}
.toolbar-actions{display:flex;align-items:center;gap:15px}.tutorial-launch{display:flex;align-items:center;gap:6px;border:1px solid #52683e;border-radius:5px;color:var(--lime);padding:6px 9px;font-size:10px;white-space:nowrap}.tutorial-launch svg{width:12px;height:12px}.guide-tutorial{display:flex;align-items:center;gap:18px;justify-content:space-between;margin-top:23px;padding:17px;border:1px solid #52683e;border-radius:7px;background:#293922}.guide-tutorial>span{font-size:12px;line-height:1.6;color:#c7d5bb}.guide-tutorial .primary{white-space:nowrap}.tutorial-card{position:fixed;z-index:40;left:50%;transform:translateX(-50%);bottom:45px;width:390px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 110px);overflow:auto;padding:20px 22px;border:1px solid #a2c477;border-radius:12px;background:#202f21;box-shadow:0 14px 65px #0009}.tutorial-top{display:flex;align-items:center;justify-content:space-between}.tutorial-top .eyebrow{color:var(--lime);font-size:9px}.tutorial-top button{padding:2px;color:#b8c9a9;display:grid;place-items:center}.tutorial-top svg{width:17px;height:17px}.tutorial-progress{height:3px;border-radius:3px;background:#425535;margin:13px 0 15px;overflow:hidden}.tutorial-progress i{display:block;height:100%;background:var(--lime);transition:width .25s}.tutorial-counter{font:8px var(--mono);letter-spacing:1px;color:#a5b896}.tutorial-card h2{font:500 21px/1.2 var(--display);letter-spacing:-.5px;margin:9px 0 10px}.tutorial-card>p{font-size:12px;line-height:1.65;color:#c0d0b2}.tutorial-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.tutorial-actions .primary{width:100%;justify-content:space-between}.tutorial-instruction{font-size:10px;color:var(--lime)}.tutorial-actions .text-button{padding:5px 0;white-space:nowrap;color:#d1e2bf}.tutorial-card .tutorial-nudge{font-size:10px;color:var(--amber);margin-top:10px}.tutorial-nudge:empty{display:none}.tutorial-skip{display:block;margin:15px auto 0;padding:3px 0;font-size:10px;color:#a5b697;text-decoration:underline;text-underline-offset:3px}.tutorial-target{outline:3px solid var(--lime)!important;outline-offset:4px;box-shadow:0 0 0 8px #c6eb8820!important;scroll-margin:110px 20px;position:relative;z-index:6}.tutorial-active #save-status{color:var(--lime)}.tutorial-active .scene-status{display:none}
@media(max-width:1250px){.toolbar-actions{gap:5px}.tutorial-launch{padding:6px}.view-tabs{gap:12px}}
@media(max-width:780px){body.tutorial-active{padding-bottom:var(--tutorial-space,340px)}.toolbar-actions .scene-status{display:none}.tutorial-card{padding:17px 18px;width:360px}.tutorial-card h2{font-size:20px}.tutorial-card>p{font-size:11px}.tutorial-actions{margin-top:13px}.tutorial-skip{margin-top:11px}.guide-tutorial{flex-direction:column;align-items:stretch}.tutorial-target{outline-offset:2px}.view-tabs button{gap:5px}.tutorial-launch{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
#pause-overlay{inset:76px 20px auto auto;max-width:220px;padding:16px;border:1px solid #526645;border-radius:8px;background:#1b291deb;backdrop-filter:none;gap:10px;pointer-events:none}#pause-overlay>span{font-size:15px;letter-spacing:4px}#pause-overlay small{font-size:9px;line-height:1.5;text-align:center}#pause-overlay button{pointer-events:auto;font-size:10px;min-height:30px;padding:8px}