/* MABNI Spark Workshop © 2026. Original offline interface. */
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#21354a;background:#f3f6f7}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #e7a629;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:#173c45;color:white;gap:14px}.brand{display:flex;gap:12px;align-items:center}.brand img{height:40px;width:40px;border-radius:10px;background:white}.brand strong{display:block;font-size:20px;letter-spacing:-.5px}.brand span{display:block;color:#b7d5d5;font-size:12px;margin-top:4px}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b5cece66;padding:9px 12px;border-radius:8px;color:white;background:#ffffff0a;text-decoration:none;font-size:12px;font-weight:650}.btn:hover{background:#ffffff20}.btn.good{background:#e7b840;color:#19343e;border-color:#e7b840}.app{display:grid;grid-template-columns:180px minmax(430px,1fr) 174px;gap:16px;padding:16px;max-width:1680px;margin:auto;min-height:calc(100dvh - 72px)}.panel{background:white;border:1px solid #dfe8e9;border-radius:14px;min-width:0;overflow:hidden}.panelHead{padding:18px 15px;border-bottom:1px solid #e7edef}.panelHead strong{font-size:15px;display:block}.panelHead span{font-size:12px;color:#69808a;display:block;line-height:1.6;margin-top:6px}.leftBody{padding:14px}.bigStatus{display:flex;justify-content:space-between;border-bottom:1px solid #edf1f1;padding-bottom:16px;gap:8px}.bigStatus span{display:block;color:#788c95;font-size:10px}.bigStatus strong{display:block;font-size:15px;margin-top:5px;max-width:95px}.helpBox{margin:20px 0}.helpBox strong{font-size:13px;color:#007e78}.helpBox p{font-size:12px;line-height:1.75;color:#687c89;margin:7px 0}.center{display:flex;flex-direction:column}.pathWrap{padding:14px 18px;border-bottom:1px solid #e7edef}.pathTitle{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;font-weight:750;color:#70828b;margin-bottom:10px}.pathBar{display:flex;justify-content:space-between;gap:4px}.step{border:1px solid #d5e3e4;background:#f4f8f8;border-radius:50%;width:29px;height:29px;position:relative;flex:0 0 29px;color:#536f7b;font-size:12px;font-weight:700}.step.active{background:#087d77;color:white;border-color:#087d77;box-shadow:0 0 0 3px #d8f0e9}.step.done{background:#c9eee0;color:#176b52}.step small{position:absolute;right:-3px;top:-4px;background:#138b67;color:white;border-radius:50%;font-size:8px;width:12px}.step.free span{font-size:9px}.mission{padding:15px 20px 12px}.mission h1{font-size:23px;letter-spacing:-.7px;margin:0 0 5px}.mission p{font-size:13px;line-height:1.6;margin:0;color:#56717f}.chips{display:flex;gap:6px;margin-top:8px}.chip{font-size:10px;border-radius:4px;padding:3px 6px;background:#eef5f5;color:#56747b}.worldWrap{flex:1;display:flex;flex-direction:column;padding:0 14px 14px;min-height:0}.boardShell{position:relative;min-height:260px;flex:1;border-radius:12px;background-color:#f9f6ec;background-image:radial-gradient(#d6d9cf 1.1px,transparent 1.1px);background-size:20px 20px;border:1px solid #e3e1d2;overflow:hidden}.board{position:absolute;inset:0;z-index:2;pointer-events:none}.board.drop-ready{box-shadow:inset 0 0 0 4px #22a187;border-radius:12px}.wireLayer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.sceneDecor,.mascotBubble,.freeHint{display:none}.partCard{position:absolute;width:116px;height:112px;pointer-events:auto;touch-action:none;border-radius:12px;background:#fff;border:1px solid #dbe2df;box-shadow:0 5px 14px #35473b13;user-select:none}.part-name{position:absolute;left:3px;right:3px;bottom:8px;text-align:center;font-size:11px;font-weight:700;color:#425d65;pointer-events:none}.partImageHandle{display:block;position:absolute;left:18px;top:13px;width:80px;height:65px;object-fit:contain;cursor:grab;touch-action:none}.partCard.dragging-part{z-index:8;box-shadow:0 14px 24px #1d493b33}.removePart{position:absolute;right:2px;top:1px;background:transparent;border:0;color:#869f9f;width:23px;height:23px;z-index:4}.terminal{position:absolute;border:2px solid white;box-shadow:0 1px 3px #203d5355;width:25px;height:25px;border-radius:50%;font-size:9px;font-weight:750;background:#1277b3;color:white;z-index:5;touch-action:none}.terminal.plus{background:#d95351}.terminal.minus{background:#315475}.terminal.selected{outline:4px solid #f3b63d;outline-offset:3px}.switchRow{position:absolute;top:53px;left:23px;z-index:4}.toggleBtn{padding:3px 9px;border:0;background:#eaeced;border-radius:5px;font-size:10px}.toggleBtn.closed{background:#c4edce;color:#276246}.partCard.is-lit{background:#fffce8;box-shadow:0 0 24px #f5ce5770;border-color:#e1bd52}.board-instructions{text-align:center;color:#6d807f;font-size:11px;margin:10px 0 4px}.legend{display:flex;justify-content:center;gap:13px;font-size:10px;color:#78918f;margin-bottom:12px}.legend span{display:flex;align-items:center;gap:4px}.legend span:nth-child(n+3){display:none}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.red{background:#d95351}.dot.blue{background:#315475}.bottomRow{display:grid;grid-template-columns:1fr auto;gap:10px}.resultCard,.meterCard{padding:10px 12px;background:#f3f8f7;border:1px solid #e0ebe6;border-radius:9px}.bottomRow strong{font-size:10px;letter-spacing:.5px;color:#607f7f}.resultText{font-size:12px;line-height:1.6;margin-top:5px;color:#657a87}.resultText.good{color:#087453}.resultText.bad{color:#b43c43}.meters{display:flex;gap:15px;margin-top:5px}.meter small{display:block;font-size:9px;color:#7c8e94}.meter span{font-size:12px;font-weight:750}.trayBody{padding:10px}.trayGrid{display:grid;gap:8px}.trayItem{border:1px solid #e4ebeb;border-radius:9px;padding:10px 5px;background:#fafcfc;display:flex;align-items:center;gap:7px;cursor:grab;touch-action:none;min-height:64px;transition:background .15s}.trayItem:hover{background:#eaf6f2;border-color:#94cbbb}.trayItem img{height:42px;width:46px;object-fit:contain;pointer-events:none}.trayItem strong{font-size:11px}.part-drag-ghost{position:fixed;width:80px;height:80px;object-fit:contain;pointer-events:none;z-index:9999;filter:drop-shadow(0 8px 10px #22394455)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#193f48;color:white;border-radius:9px;padding:12px 20px;opacity:0;pointer-events:none;z-index:100;font-size:13px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.flow{stroke-dasharray:5 15;animation:flow 1.1s linear infinite;pointer-events:none}.wirePreview{stroke-dasharray:8 9}@keyframes flow{to{stroke-dashoffset:-40}}@media(min-height:850px){.boardShell{min-height:420px}}@media(max-width:1050px){.app{grid-template-columns:minmax(420px,1fr) 165px}.app>aside:first-child{display:none}.top{padding:10px 16px}}@media(max-width:700px){.top{height:auto;align-items:flex-start;flex-direction:column}.app{padding:10px;display:flex;flex-direction:column}.app>aside:last-child{order:-1}.panelHead{padding:10px}.trayGrid{display:flex;flex-wrap:wrap}.trayItem{width:115px;min-height:55px}.trayItem img{width:34px}.pathBar{overflow:auto;justify-content:flex-start;gap:7px}.boardShell{min-height:330px}.bottomRow{grid-template-columns:1fr}.meterCard{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.trayItem,.trayBody,.boardShell{user-select:none}.partCard.is-lit.load .partImageHandle{filter:drop-shadow(0 0 8px #f0c74d60)}
.parts-note{font-size:12px;line-height:1.8;color:#67858b;padding:10px 4px;margin:0}