:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#07111f;font-family:Inter,system-ui,sans-serif}button{font:inherit}.sim{color:#f8fafc;background:#0b1524;flex-direction:column;width:100%;height:100dvh;display:flex}.topbar{z-index:30;background:linear-gradient(#152238,#0a1424);border-bottom:1px solid #ffffff17;padding:8px}.topline{align-items:center;gap:7px;display:flex}.mission{flex:1;min-width:0}.step{color:#f6b51b;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:950}.mission-title{white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:13px;font-weight:950;overflow:hidden}.primary{color:#111827;background:#f6b51b;border:0;border-radius:10px;height:38px;padding:0 10px;font-size:10px;font-weight:950}.session-meta{align-items:center;gap:6px;min-width:0;margin-top:6px;display:flex}.session-meta span{white-space:nowrap;border-radius:999px;align-items:center;height:24px;padding:0 8px;font-size:8px;font-weight:950;display:flex}.session-life{color:#f8fafc;background:#0f172ad6;border:1px solid #ef444452}.session-life b{color:#ef4444;margin-right:5px;font-size:11px}.session-reward{text-overflow:ellipsis;color:#fcd34d;background:#f6b51b1f;border:1px solid #f6b51b61;min-width:0;overflow:hidden}.quickbar{gap:5px;margin-top:7px;display:flex}.tool-btn{color:#dbe6f3;background:#111d30;border:1px solid #ffffff1a;border-radius:9px;min-width:52px;height:34px;padding:0 8px;font-size:9px;font-weight:900}.tool-btn.active{color:#fff;background:#24354f;border-color:#64748b}.tool-btn.danger{color:#fecaca;background:#ef44441f}.tool-btn:disabled{opacity:.28}.drawer{border-top:1px solid #ffffff14;margin-top:6px;padding-top:6px}.exercise-tabs{scrollbar-width:none;gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.exercise-tabs::-webkit-scrollbar{display:none}.exercise-tab{color:#91a3b9;background:#111d30;border:1px solid #ffffff14;border-radius:9px;flex:0 0 56px;height:38px;font-size:9px;font-weight:950}.exercise-tab.active{color:#111827;background:#f6b51b;border-color:#f6b51b}.exercise-tab span{opacity:.82;font-size:7px;display:block}.legend{scrollbar-width:none;gap:5px;display:flex;overflow-x:auto}.legend-item{background:#ffffff08;border:1px solid #ffffff12;border-radius:9px;align-items:center;gap:5px;min-width:88px;height:35px;padding:3px 6px;display:flex}.swatch{border:2px solid #fff;border-radius:50%;flex:0 0 19px;width:19px;height:19px}.swatch.pe{background:repeating-linear-gradient(135deg,#facc15 0 4px,#65a30d 4px 8px)!important}.legend-name{font-size:8px;font-weight:900;display:block}.legend-short{color:#91a3b9;font-size:7px;font-weight:900;display:block}.norm-note{color:#aebdd0;margin-top:5px;font-size:8px;font-weight:800;line-height:1.25}.statusbar{min-height:31px;padding:7px 10px;font-size:10px;font-weight:950}.status-neutral{color:#dbe6f3;background:#162238}.status-success{color:#bbf7d0;background:#123825}.status-warning{color:#fde68a;background:#4a3411}.status-danger{color:#fecaca;background:#4a1717}.board{background:linear-gradient(#dec7a1,#cba87a);flex:1;min-height:0;position:relative;overflow:hidden}.react-flow{background:0 0!important}.react-flow__attribution{display:none!important}.react-flow__controls{border-radius:12px;overflow:hidden}.react-flow__controls-button{fill:#fff;background:#0c1727ed;border:0;width:40px;height:40px}.device{color:#0f172a;-webkit-user-select:none;user-select:none;width:210px;height:210px;box-shadow:none;background:0 0;border:0;position:relative;overflow:visible}.device-panelDual{width:270px}.device-head{z-index:30;background:#f8fafcf0;border:1px solid #94a3b8d9;border-radius:9px;min-height:35px;padding:6px 8px;position:absolute;top:0;left:4px;right:4px;box-shadow:0 4px 10px #4d301626}.device-head strong{font-size:11px;font-weight:950;display:block}.device-head small{color:#64748b;margin-top:1px;font-size:8px;font-weight:850;line-height:1.12;display:block}.device-body{filter:drop-shadow(0 8px 7px #4d30162e);place-items:center;height:119px;display:grid;position:absolute;top:40px;left:0;right:0}.test-target .device-head{box-shadow:0 0 0 3px #f6b51b80,0 4px 10px #4d301626}.powered .device-body{filter:drop-shadow(0 0 16px #facc159e)}.terminal-strip{background:linear-gradient(#dbe1e6,#c5ccd4);border:1px solid #9aa6b2;border-radius:10px;height:49px;position:absolute;bottom:0;left:5px;right:5px;box-shadow:0 5px 10px #4d301624}.terminal-strip em{color:#64748b;font-size:7px;font-style:normal;font-weight:950;position:absolute;top:3px;left:8px}.terminal-hit{z-index:10!important;background:0 0!important;border:0!important;place-items:center!important;width:52px!important;height:52px!important;display:grid!important;top:29px!important;transform:translate(-50%,-50%)!important}.terminal-dot{pointer-events:none;border:3px solid #f8fafc;border-radius:50%;place-items:center;width:32px;height:32px;transition:all .12s;display:grid;position:relative;box-shadow:0 1px 4px #0f172a3d}.terminal-dot.pe{width:36px;height:36px;background:repeating-linear-gradient(135deg,#facc15 0 5px,#65a30d 5px 10px)!important}.terminal-dot .screw{background:linear-gradient(135deg,#d9dde2,#8994a0);border:1px solid #59636e;border-radius:50%;position:absolute;inset:7px}.terminal-dot b{color:#172033;white-space:nowrap;font-size:8px;position:absolute;top:31px;left:50%;transform:translate(-50%)}.terminal-hit.compatible .terminal-dot{transform:scale(1.08);box-shadow:0 0 0 6px #22c55e4d,0 0 18px #22c55ea6}.terminal-hit.dimmed .terminal-dot{opacity:.32}.dual-port{gap:3px;display:flex}.dual-port i{background:#e8edf1;border:1px solid #59636e;border-radius:4px;width:8px;height:11px;box-shadow:inset 0 0 0 2px #9aa4ae}.tap{color:#111827;z-index:4;background:#f6b51b;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:950;position:absolute;top:41px;right:4px}.panel-face{background:linear-gradient(#e5e7eb,#cbd5df);border:1px solid #9ca7b2;border-radius:9px;align-items:center;height:108px;display:flex;position:relative}.single-panel{justify-content:space-between;width:205px;padding:7px 9px 7px 52px}.dual-panel{gap:7px;width:250px;padding:7px 7px 7px 51px}.ddr-badge{z-index:2;background:linear-gradient(#fff,#e8edf1);border:1px solid #9ba5af;border-radius:4px;flex-direction:column;align-items:center;width:39px;height:84px;padding-top:8px;display:flex;position:absolute;top:11px;left:7px}.ddr-badge b{font-size:7px}.ddr-badge span{margin-top:7px;font-size:7px;font-weight:950}.ddr-badge small{color:#64748b;margin-top:15px;font-size:5px;font-weight:900}.din-rail{background:linear-gradient(#aeb8c2,#d8dee4 48%,#89939e 50%,#cbd2d8);height:13px;position:absolute;top:51px;left:5px;right:5px}.breaker{z-index:2;background:linear-gradient(#fff,#e9edf0);border:1px solid #9ba5af;border-radius:3px;width:62px;height:91px;padding:5px;position:relative}.breaker-top{justify-content:space-between;font-size:7px;font-weight:900;display:flex}.breaker-top span{color:#fff;background:#173454;border-radius:3px;padding:1px 3px}.breaker-poles{color:#334155;justify-content:space-around;margin-top:4px;font-size:7px;font-weight:950;display:flex}.breaker-slot{background:#cbd2d8;border-radius:3px;width:31px;height:35px;margin:3px auto 0;padding:4px 6px}.breaker-lever{color:#fff;background:#111827;border-radius:2px;place-items:center;height:26px;font-size:7px;font-weight:950;display:grid}.breaker:not(.active) .breaker-lever{transform:translateY(4px)}.breaker-dot{background:#94a3b8;border-radius:50%;width:7px;height:7px;position:absolute;bottom:4px;right:4px}.breaker-dot.on{background:#22c55e}.earth-bar{z-index:2;background:#e5e7eb;border:1px solid #9ca3af;border-radius:5px;align-items:center;gap:5px;height:29px;padding:0 5px;display:flex}.earth-bar b{font-size:6px}.earth-bar i{background:repeating-linear-gradient(135deg,#65a30d 0 3px,#facc15 3px 6px);border:2px solid #fff;border-radius:50%;width:14px;height:14px}.single-panel>.earth-bar{width:68px}.dual-panel>.earth-bar{width:76px;position:absolute;bottom:6px;right:7px}.dual-panel .breaker{width:57px;height:91px}.wall-plate{background:linear-gradient(145deg,#fff,#e8edf1);border:1px solid #aeb7c0;border-radius:12px;place-items:center;width:108px;height:108px;display:grid;position:relative;box-shadow:0 6px 12px #0f172a2e,inset 0 0 0 6px #f7f8f9}.rocker{background:linear-gradient(165deg,#fff,#d7dde3);border-radius:6px;width:48px;height:55px;box-shadow:0 5px 8px #0f172a3b}.rocker.pressed{transform:perspective(120px)rotateX(12deg);box-shadow:0 2px 4px #0f172a33}.wall-plate.double{grid-template-columns:1fr 1fr;gap:4px;padding:21px 14px}.rocker.half{place-items:center;width:32px;height:56px;font-size:9px;font-weight:950;display:grid}.vv-tag{color:#fff;background:#7c3aed;border-radius:5px;padding:2px 4px;font-size:7px;font-weight:950;position:absolute;top:9px;right:9px}.vv small{color:#64748b;font-size:7px;font-weight:950;position:absolute;bottom:7px}.dcl{background:linear-gradient(145deg,#fff,#e5eaf0);border:2px solid #aab4be;border-radius:50%;place-items:center;width:98px;height:98px;display:grid;position:relative}.dcl-ring{background:#d8dee5;border:1px solid #a9b3bd;border-radius:50%;place-items:center;width:61px;height:61px;display:grid}.dcl-core{background:#edf1f5;border:2px solid #a8b2bd;border-radius:50%;width:38px;height:38px}.dcl>b{color:#64748b;font-size:7px;position:absolute;bottom:11px}.dcl small{color:#64748b;font-size:7px;font-weight:950;position:absolute;bottom:-17px}.halo{opacity:0;background:radial-gradient(circle,#fde0479e,#0000 70%);border-radius:50%;position:absolute;inset:-23px}.dcl.on{background:#fef3c7;border-color:#eab308}.dcl.on .halo{opacity:1}.dcl.on .dcl-core{background:#fde047;box-shadow:0 0 20px 8px #facc15e6}.socket{background:linear-gradient(145deg,#fff,#e5e9ed);border:1px solid #aab3bc;border-radius:18px;width:104px;height:104px;position:relative;box-shadow:0 6px 12px #0f172a2e}.earth-pin{background:#9aa4ae;border:2px solid #eef2f5;border-radius:8px 8px 4px 4px;width:14px;height:19px;position:absolute;top:19px;left:45px}.socket-holes{justify-content:space-between;display:flex;position:absolute;top:49px;left:25px;right:25px}.socket-holes i{background:#111827;border-radius:8px;width:15px;height:25px;box-shadow:inset 0 0 0 3px #374151}.socket small{color:#64748b;white-space:nowrap;font-size:7px;font-weight:950;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.socket.on{border-color:#22c55e;box-shadow:0 0 0 5px #22c55e2e,0 0 24px #22c55e59}.push-button{background:linear-gradient(145deg,#fff,#e7ebef);border:1px solid #aeb7c0;border-radius:15px;place-items:center;width:100px;height:100px;display:grid;position:relative}.push-center{background:linear-gradient(#fff,#d6dce2);border-radius:50%;width:54px;height:54px;box-shadow:0 5px 8px #0f172a33}.push-button.pressed .push-center{transform:translateY(3px);box-shadow:0 2px 4px #0f172a2e}.push-button small{color:#64748b;font-size:8px;font-weight:950;position:absolute;bottom:8px}.module{background:linear-gradient(#fff,#e8edf1);border:1px solid #9ba5af;border-radius:5px;width:88px;height:116px;padding:9px;position:relative}.module-title{font-size:7px;font-weight:950}.module-schema{color:#64748b;margin-top:19px;font-size:9px;line-height:17px}.module-schema b{color:#334155}.module-led{background:#94a3b8;border-radius:50%;width:9px;height:9px;position:absolute;bottom:8px;right:8px}.module.on .module-led{background:#22c55e;box-shadow:0 0 7px #22c55e}@media (width<=480px){.device{width:202px;height:204px}.device-panelDual{width:258px}.device-body{height:114px}.panel-face,.wall-plate,.dcl,.socket,.push-button,.module{transform:scale(.95)}.mission-title{font-size:12px}.quickbar{scrollbar-width:none;overflow-x:auto}.tool-btn{min-width:48px}}