:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#283039;background:#ded7c8;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:light;--paper: #f5f0e4;--paper-2: #ebe4d6;--panel: rgba(250, 247, 239, .96);--panel-strong: #f8f4ea;--ink: #293139;--muted: #7c807f;--line: #d2cab9;--line-strong: #bcb29f;--steel: #66747d;--blue: #497f9d;--green: #568a68;--amber: #c98a35;--orange: #d78b39;--red: #ad5d4e}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:1180px;min-height:700px;background:radial-gradient(circle at 16% 10%,rgba(255,255,255,.75),transparent 31%),linear-gradient(135deg,#d8d0bf,#eee8dc 46%,#d9d0bf)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.desktop-app{position:relative;width:100vw;height:100vh;display:grid;grid-template-columns:clamp(178px,13.7vw,208px) minmax(760px,1fr) clamp(205px,14.5vw,238px);grid-template-rows:68px minmax(0,1fr) 28px;grid-template-areas:"top top top" "library workspace properties" "status status status";gap:0;overflow:hidden;background:#e0dacce6}.eyebrow{margin:0 0 4px;color:#938a7c;font-size:9px;font-weight:850;letter-spacing:.15em}.top-toolbar{grid-area:top;z-index:20;display:grid;grid-template-columns:minmax(360px,1fr) 100px minmax(460px,1fr);align-items:center;gap:14px;padding:8px 14px;border-bottom:1px solid rgba(129,116,94,.28);background:#f9f6eef2;box-shadow:0 7px 24px #493b2717;backdrop-filter:blur(16px)}.mission-summary{display:flex;align-items:center;gap:12px;min-width:0}.level-number{width:45px;height:45px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #c8a16a;border-radius:50%;color:#50351d;background:linear-gradient(145deg,#f7d895,#d99a47);box-shadow:inset 0 2px #ffffffa6,0 4px 12px #704e2629;font-size:14px;font-weight:950}.mission-summary h1{margin:0;color:#2d3439;font-size:19px;line-height:1;letter-spacing:.005em}.mission-copy{margin:5px 0 0;color:#84817b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.run-state{display:grid;justify-items:center;gap:3px}.mode-chip{min-width:76px;padding:5px 10px;border:1px solid #caa25f;border-radius:999px;color:#5a3d1d;background:#f3d49b;font-size:8px;font-weight:950;letter-spacing:.14em;text-align:center}.run-state b{color:#73736f;font-size:11px;font-variant-numeric:tabular-nums}.simulation-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px}.toolbar-divider{width:1px;height:26px;margin:0 3px;background:#d8d0c2}.tool-button,.wide-action,.connection-button,.project-actions button,.action-grid button,.run-button{border:1px solid #c9c1b3;border-radius:8px;color:#4a5359;background:linear-gradient(180deg,#fffdf8,#ece6dc);box-shadow:inset 0 1px #ffffffb3,0 2px 6px #4c3d2a12;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease,opacity .12s ease}.tool-button:hover:not(:disabled),.wide-action:hover:not(:disabled),.connection-button:hover:not(:disabled),.project-actions button:hover:not(:disabled),.action-grid button:hover:not(:disabled){border-color:#a99b85;background:#fffdf8;box-shadow:0 4px 10px #4c3d2a1a}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.38;filter:grayscale(.25)}.tool-button{height:34px;padding:0 10px;font-size:10px;font-weight:750}.icon-only{width:35px;padding:0;font-size:16px}.run-button{height:42px;min-width:120px;border-color:#b8792e;color:#fffaf0;background:linear-gradient(180deg,#de9a47,#bf7330);box-shadow:inset 0 1px #ffffff61,0 5px 13px #995b2430;font-size:11px;font-weight:900}.run-button:hover:not(:disabled){background:linear-gradient(180deg,#e9a757,#c87b35)}.side-panel{min-height:0;overflow:hidden;background:var(--panel)}.library-panel{grid-area:library;display:flex;flex-direction:column;border-right:1px solid rgba(136,121,97,.22);box-shadow:5px 0 18px #4c3d2a0b}.properties-panel{grid-area:properties;display:flex;flex-direction:column;border-left:1px solid rgba(136,121,97,.22);box-shadow:-5px 0 18px #4c3d2a0b}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:14px 12px 8px}.compact-heading{padding-bottom:6px}.panel-heading h2{margin:0;color:#343b40;font-size:15px}.inspector-heading{border-top:1px solid #ded7ca;padding-top:12px}.panel-badge,.state-badge{padding:3px 6px;border:1px solid #cfc6b6;border-radius:999px;color:#8b857d;background:#f2ece1;font-size:8px;font-weight:850;letter-spacing:.05em}.state-badge.active{color:#355b40;border-color:#8eba9a;background:#dcecdf}.state-badge.fixed{color:#67471e;border-color:#d8b875;background:#f5e4b7}.state-badge.locked{color:#345466;border-color:#9abaca;background:#dcebf1}.panel-description{margin:0;padding:0 12px 10px;color:#88847d;font-size:9px;line-height:1.4}.parts-list{min-height:0;flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;padding:0 9px 10px;scrollbar-width:thin;scrollbar-color:#c7bcaa transparent}.inventory-section-label{grid-column:1 / -1;margin:6px 2px 0;color:#9a9184;font-size:7px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.inventory-section-label:first-child{margin-top:2px}.palette-part{position:relative;min-width:0;min-height:72px;display:grid;grid-template-rows:40px auto;place-items:center;gap:3px;padding:6px 4px 5px;border:1px solid #d4ccbe;border-radius:10px;color:#424a4f;background:linear-gradient(180deg,#fffdf9,#eee8dd);box-shadow:inset 0 1px #ffffffe6,0 2px 6px #4e3d280d;text-align:center}.palette-part:hover:not(:disabled){transform:translateY(-1px);border-color:#b9915b;background:#fffdf9;box-shadow:0 5px 11px #5f45251c}.palette-part.dragging{opacity:.42;transform:scale(.96)}.part-copy{min-width:0;max-width:100%}.part-copy b{display:block;overflow:hidden;color:#4b514f;font-size:9px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.palette-part em{position:absolute;right:4px;top:4px;min-width:22px;padding:2px 4px;border:1px solid rgba(178,132,68,.27);border-radius:999px;color:#9b6d2f;background:#f9e8c5c7;font-size:8px;font-style:normal;font-weight:900}.palette-icon{position:relative;width:48px;height:38px;display:block}.extended-icon{display:grid!important;place-items:center;border-radius:8px;color:#f7f4ed;font-size:23px;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.2)}.ball-icon:before{content:"";position:absolute;left:9px;top:4px;width:31px;height:31px;border:1px solid #707980;border-radius:50%;background:radial-gradient(circle at 31% 25%,#fff 0 7%,#d7dde0 13%,#89959b 39%,#424d53 69%,#20272b);box-shadow:0 5px 7px #4b3d2c30}.plank-icon:before,.lever-icon:before{content:"";position:absolute;left:1px;top:14px;width:46px;height:10px;transform:rotate(-13deg);border:1px solid #7c4a27;border-radius:3px;background:linear-gradient(180deg,#e2ad72,#a46337 55%,#794322);box-shadow:0 4px 5px #50341e2e}.lever-icon:after{content:"";position:absolute;left:19px;top:14px;width:9px;height:9px;border:2px solid #62503e;border-radius:50%;background:#e4b765}.wall-icon:before{content:"";position:absolute;left:2px;top:14px;width:44px;height:11px;transform:rotate(-5deg);border:1px solid #873f3a;border-radius:5px;background:linear-gradient(180deg,#d67b6c,#a24d47);box-shadow:0 4px 5px #5f362b26}.pulley-icon:before{content:"";position:absolute;left:8px;top:2px;width:35px;height:35px;border:5px solid #68767c;border-radius:50%;background:radial-gradient(circle,#dba150 0 12%,#f2eee6 13% 29%,#7d8a90 30% 45%,#49555a 46% 62%,#d8d2c5 63% 67%,#617077 68%);box-shadow:0 4px 6px #40434026}.weight-icon:before{content:"";position:absolute;left:10px;top:2px;width:31px;height:35px;clip-path:polygon(31% 0,69% 0,74% 16%,87% 24%,100% 100%,0 100%,13% 24%,26% 16%);background:linear-gradient(90deg,#4e5a5f,#c1c7c8 42%,#79858a 66%,#444e52);filter:drop-shadow(0 4px 4px rgba(72,63,52,.18))}.domino-icon{background:linear-gradient(145deg,#f1e6d1,#aa9b83);color:#5b5042;font-size:18px}.rubberball-icon{border-radius:50%;background:radial-gradient(circle at 32% 28%,#f6ffff 0 8%,#78c8e6 12% 34%,#3b8fb5 58%,#286682 82%);color:#f3d77c;font-size:15px}.spring-icon{background:linear-gradient(145deg,#7c878b,#49565b);color:#f1c56f;font-size:23px}.magnet-icon{background:linear-gradient(90deg,#c96860 0 48%,#5d91b1 52% 100%);font-size:21px}.sheave-icon{border-radius:50%;background:radial-gradient(circle,#dca351 0 10%,#ebe5d9 11% 24%,#7a888d 25% 45%,#4b595e 46% 57%,#c8c0b1 58% 63%,#65747a 64% 77%,#48555a 78%);font-size:0}.button-icon{background:linear-gradient(180deg,#edc36f 0 32%,#cf7c32 33% 50%,#a8b0af 51% 70%,#677277 71%);font-size:0}.latch-icon{background:linear-gradient(165deg,#c5c9c7 0 28%,#7d898d 29% 57%,#536066 58% 100%);position:relative;font-size:0}.latch-icon:after{content:"";width:7px;height:7px;border-radius:50%;background:#d9a14d;box-shadow:-7px 0 #566269}.connections-card{display:grid;grid-template-columns:1fr;gap:5px;margin:6px 9px 9px;padding:8px;border:1px solid #d5ccbc;border-radius:10px;background:#f0eadfb8}.connections-card .eyebrow{margin-left:3px}.connection-button{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:9px;font-weight:800}.connection-button span{color:#a47334}.connection-button.active{color:#fff;border-color:#aa6f2b;background:linear-gradient(180deg,#dca053,#bb742e)}.workspace-panel{grid-area:workspace;min-width:0;min-height:0;display:grid;grid-template-rows:38px minmax(0,1fr);background:linear-gradient(90deg,rgba(115,84,45,.055) 1px,transparent 1px),linear-gradient(rgba(115,84,45,.055) 1px,transparent 1px),#e8e1d4;background-size:28px 28px}.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 10px;border-bottom:1px solid rgba(132,113,84,.18);background:#f4f0e7d1}.workspace-header strong{color:#77736d;font-size:9px}.workspace-tools{display:flex;align-items:center;gap:13px}.toggle-control{display:flex;align-items:center;gap:6px;color:#7c7a74;font-size:9px;cursor:pointer}.toggle-control input{accent-color:#b97731}.zoom-hint{color:#9a958b;font-size:8px}.canvas-frame{position:relative;min-width:0;min-height:0;margin:8px 9px 9px;overflow:hidden;border:1px solid rgba(135,116,86,.28);border-radius:14px;background:#f2eee4;box-shadow:0 14px 34px #5a462c1f,inset 0 0 0 1px #ffffff8c}#game-canvas{width:100%;height:100%;display:block;cursor:default}#game-canvas.cursor-move{cursor:grabbing}#game-canvas.cursor-drag{cursor:move}#game-canvas.cursor-rotate,#game-canvas.cursor-tool{cursor:crosshair}.objective-strip{position:absolute;z-index:7;top:12px;left:50%;width:min(430px,53%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;transform:translate(-50%);pointer-events:none}.objective-strip>span:not(.objective-line){display:flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid rgba(130,113,87,.25);border-radius:999px;color:#6f6b64;background:#fffdf7d1;box-shadow:0 2px 7px #57422612;font-size:7px;font-weight:900;letter-spacing:.1em}.objective-strip i{width:6px;height:6px;border-radius:50%;display:block}.objective-start i{background:#659aba}.objective-finish i{background:#699978}.objective-line{height:1px;background:linear-gradient(90deg,#659aba2e,#c0883e99,#6999782e)}.build-prompt{position:absolute;z-index:7;left:50%;bottom:13px;display:flex;align-items:center;gap:9px;padding:6px 9px;transform:translate(-50%);border:1px solid rgba(132,112,82,.18);border-radius:999px;color:#817a6f;background:#fffdf7c7;pointer-events:none;transition:opacity .2s ease}.build-prompt strong{color:#9a692d;font-size:7px;letter-spacing:.12em}.build-prompt span{font-size:7px}.state-legend{position:absolute;z-index:7;left:10px;bottom:10px;display:flex;gap:9px;padding:5px 7px;border:1px solid rgba(132,112,82,.16);border-radius:999px;background:#fffdf7b8;pointer-events:none}.state-legend span{display:flex;align-items:center;gap:4px;color:#837e75;font-size:7px}.state-legend i{width:6px;height:6px;border-radius:2px}.legend-level{background:#7ea9c0}.legend-fixed{background:#d2a04e}.legend-free{border:1px solid #7b8589;background:transparent}.canvas-corner-label{position:absolute;right:10px;bottom:9px;color:#57544d6b;font-size:7px;font-weight:850;letter-spacing:.11em;pointer-events:none}.task-card{margin:10px 9px 6px;padding:12px;border:1px solid #d1c4ad;border-radius:12px;background:linear-gradient(145deg,#fffdf7,#f1eadc);box-shadow:0 5px 15px #5642290f}.task-card h2{margin:0 0 7px;color:#3c4448;font-size:14px;line-height:1.12}.task-card p:not(.eyebrow){margin:0;color:#807b73;font-size:9px;line-height:1.45}.principles-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}.principles-row span{padding:3px 6px;border:1px solid #d4c7b0;border-radius:999px;color:#876b45;background:#faf0da;font-size:7px;font-weight:800}.property-content{min-height:0;overflow:auto;padding:0 9px 8px}.property-group,.project-actions{margin-bottom:7px;padding:9px;border:1px solid #d9d1c4;border-radius:9px;background:#f7f3ead1}.property-group h3,.project-actions h3{margin:0 0 8px;color:#91897d;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.group-title-row{display:flex;align-items:center;justify-content:space-between}.group-title-row span{color:#a77233;font-size:9px;font-weight:800}.numeric-grid,.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.numeric-grid label{color:#8b857b;font-size:8px;font-weight:800}.numeric-grid input,.angle-controls input{width:100%;height:30px;margin-top:4px;border:1px solid #cec5b7;border-radius:6px;outline:none;color:#4e575c;background:#fffdf8;padding:0 7px;font-size:9px;font-variant-numeric:tabular-nums}.numeric-grid input:focus,.angle-controls input:focus{border-color:#bd8b4d;box-shadow:0 0 0 2px #bd8b4d1f}.angle-controls{display:grid;grid-template-columns:34px 1fr 34px;gap:5px}.angle-controls label{position:relative}.angle-controls label span{position:absolute;right:7px;top:8px;color:#9a9389;font-size:9px;pointer-events:none}.angle-controls input{margin:0;padding-right:19px;text-align:center}.wide-action{width:100%;min-height:31px;padding:0 8px;font-size:8px;font-weight:800}.wide-action+.wide-action{margin-top:5px}.wide-action.secondary{color:#777f82;background:#f3eee6}.action-grid button,.project-actions button{min-height:30px;padding:0 6px;font-size:8px;font-weight:800}.danger-button{color:#8d4d43!important;border-color:#d7b4ab!important;background:#f8e7e2!important}.project-actions{margin:auto 9px 9px}.properties-panel:not(.has-selection) .property-content{opacity:.42;pointer-events:none}.status-bar{grid-area:status;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 10px;border-top:1px solid rgba(133,115,88,.2);color:#858178;background:#f6f2e9f0;font-size:8px}.status-light{width:6px;height:6px;border-radius:50%;background:#c9903f;box-shadow:0 0 7px #c9903f73}#status-message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-shortcuts{color:#a09b92;font-size:7px}.palette-ghost{position:fixed;z-index:1000;left:0;top:0;min-width:100px;height:38px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid #bb8544;border-radius:9px;color:#6c4924;background:#f4dbac;box-shadow:0 12px 28px #533b1f33;font-size:9px;font-weight:900;pointer-events:none;will-change:transform}.result-card{position:absolute;z-index:60;left:50%;top:50%;width:350px;padding:25px;border:1px solid #c9b993;border-radius:16px;color:#384146;background:linear-gradient(145deg,#fffdf7,#eee5d5);box-shadow:0 25px 70px #43321f47;text-align:center;transform:translate(-50%,-50%) scale(.95);opacity:0;pointer-events:none;transition:.18s ease}.result-card.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.result-icon{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 13px;border-radius:50%;color:#36543e;background:#d6ead8;font-size:25px;font-weight:950}.result-card h2{margin:0 0 7px;font-size:21px}.result-card>p:not(.eyebrow){margin:0;color:#817b72;font-size:11px}.result-card b{display:block;margin:15px 0;color:#a9702f;font-size:16px}.result-card button{height:39px;padding:0 17px;border:1px solid #bb8342;border-radius:9px;color:#fff;background:#c9883b;font-size:9px;font-weight:900}.fatal-error{position:absolute;z-index:100;left:50%;top:50%;width:min(620px,calc(100vw - 40px));padding:22px;transform:translate(-50%,-50%);border:2px solid #bc6956;border-radius:12px;color:#6a352c;background:#f6ded7;box-shadow:0 18px 50px #0000002e;text-align:center}.fatal-error strong,.fatal-error span,.fatal-error small{display:block}.fatal-error span{margin:10px 0}.fatal-error small{color:#8e5b50}.desktop-app.simulating .library-panel,.desktop-app.simulating .properties-panel{opacity:.66;pointer-events:none}.desktop-app.simulating .build-prompt{opacity:0}.desktop-app.completed:after{content:"";position:absolute;z-index:50;inset:0;background:#483b283d;pointer-events:none}@media(max-width:1320px){.desktop-app{grid-template-columns:174px minmax(690px,1fr) 205px}.top-toolbar{grid-template-columns:minmax(300px,1fr) 88px minmax(430px,1fr);gap:9px}.mission-copy{display:none}.palette-part{min-height:66px}.part-copy b{font-size:8px}.status-shortcuts{display:none}}@media(max-height:820px){.desktop-app{grid-template-rows:62px minmax(0,1fr) 26px}.top-toolbar{padding-top:6px;padding-bottom:6px}.palette-part{min-height:61px;grid-template-rows:35px auto}.palette-icon{transform:scale(.9)}.task-card{padding:9px}.task-card p:not(.eyebrow){display:none}.canvas-frame{margin:6px}}.desktop-app{background:radial-gradient(circle at 48% 2%,rgba(255,255,255,.62),transparent 34%),linear-gradient(135deg,#d9d1c1,#eee8dc 48%,#d8cfbf)}.top-toolbar{box-shadow:0 8px 26px #4c3d2a17,inset 0 -1px #816f540d}.level-number{box-shadow:inset 0 2px #ffffff9e,0 0 0 4px #c98a350e,0 5px 14px #6346231f}.library-panel{box-shadow:5px 0 22px #5642280e}.properties-panel{box-shadow:-5px 0 22px #5642280e}.palette-part{transition:transform .13s ease,border-color .13s ease,box-shadow .13s ease,background .13s ease}.palette-part:hover:not(:disabled){transform:translateY(-2px)}.canvas-frame:before{content:"";position:absolute;z-index:5;inset:0;border-radius:inherit;box-shadow:inset 0 18px 35px #71563109,inset 0 -16px 28px #71563109;pointer-events:none}.run-button{position:relative;overflow:hidden}.run-button:after{content:"";position:absolute;top:-60%;left:-35%;width:25%;height:220%;transform:rotate(20deg);background:#ffffff38;transition:left .35s ease}.run-button:hover:after{left:115%}.connection-button.active{box-shadow:0 4px 10px #91581f26}.desktop-app.simulating .objective-strip{opacity:.62}.result-card{box-shadow:0 30px 90px #47341f47,0 0 0 6px #ca9b570f}