@import"https://fonts.googleapis.com/css2?family=Nunito:wght@600;800;900&display=swap";:root{--bg: #fff8ef;--card: #ffffff;--ink: #4a3b33;--soft: #8a7a70;--orange: #ff8a65;--green: #5ccf8a;--blue: #6ec6ff;--purple: #b388ff;--yellow: #ffd166;--red: #ff6b6b;--radius: 18px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Nunito,"Baloo 2",system-ui,-apple-system,sans-serif;font-weight:700}.app{display:flex;flex-direction:column;height:100vh;min-height:640px}header{display:flex;align-items:center;gap:10px;padding:8px 14px;background:linear-gradient(90deg,#ffe3d3,#fff1c9 50%,#d9f2ff);box-shadow:0 2px 10px #0001;flex-wrap:wrap}.logo{font-size:38px;animation:bob 2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-4px) rotate(-6deg)}}.titles h1{margin:0;font-size:22px;font-weight:900;color:#e8613c}.titles span{font-size:13px;color:var(--soft)}.spacer{flex:1}select{font:inherit;padding:9px 12px;border-radius:14px;border:2px solid #ffd6a5;background:#fff;color:var(--ink);cursor:pointer}.btn{font:inherit;border:0;border-radius:14px;padding:9px 14px;cursor:pointer;box-shadow:0 3px #0002;transition:transform .08s;color:#fff;background:var(--blue)}.btn:active{transform:translateY(2px);box-shadow:0 1px #0002}.btn:disabled{opacity:.5}.btn.big{font-size:18px;padding:10px 22px}.btn.small{padding:5px 10px;font-size:13px;border-radius:10px}.btn.green{background:var(--green)}.btn.red{background:var(--red)}.btn.yellow{background:var(--yellow);color:var(--ink)}.btn.blue{background:var(--blue)}.btn.purple{background:var(--purple)}.btn.orange{background:var(--orange)}.btn.gray{background:#b0a8a2}.btn.white{background:#fff;color:var(--ink);border:2px solid #f1e3d3}.btn.lang{font-weight:900}.btn.estop{background:#ff3b3b;font-size:20px;padding:14px;width:100%;margin:10px 0;border:4px solid #ffd1d1}.seg{display:flex;background:#fff;border-radius:14px;padding:3px;border:2px solid #f1e3d3}.seg button{font:inherit;border:0;background:none;padding:6px 10px;border-radius:11px;cursor:pointer;color:var(--soft)}.seg .on{background:#ffe0b2;color:var(--ink)}main{flex:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,1fr);gap:12px;padding:12px;min-height:0}.stage{position:relative;border-radius:24px;overflow:hidden;background:#dff3ff;box-shadow:0 6px 20px #0001}.side{display:flex;flex-direction:column;background:var(--card);border-radius:24px;box-shadow:0 6px 20px #0001;overflow:hidden;min-height:0}.tabs{display:flex;gap:4px;padding:8px 8px 0;background:#fff4e6}.tabs button{font:inherit;flex:1;border:0;padding:8px 4px;border-radius:14px 14px 0 0;background:#ffe8cc;cursor:pointer;color:var(--soft);font-size:13px;display:flex;flex-direction:column;align-items:center}.tabs button span{font-size:20px}.tabs button.on{background:#fff;color:var(--ink)}.projbar{display:flex;gap:6px;align-items:center;padding:6px 10px;border-bottom:2px dashed #f6e6d4;flex-wrap:wrap}.ptitle{flex:1;min-width:160px;font-size:14px}.ptitle small{color:var(--soft);font-weight:600}.projects{padding:8px 10px;background:#fffaf2;display:flex;flex-direction:column;gap:6px}.proj{display:flex;gap:6px}.panel{flex:1;min-height:0;display:flex;flex-direction:column}.panel.scroll{overflow:auto;padding:12px}.blockly{flex:1;min-height:300px}.toast{position:fixed;z-index:2147483000;pointer-events:none;text-align:center;width:max-content;max-width:calc(100vw - 24px);top:16px;left:50%;color:var(--ink, #333);font-family:Nunito,"Baloo 2",system-ui,-apple-system,sans-serif;font-weight:700;line-height:1.3;transform:translate(-50%);background:#fff;padding:12px 24px;border-radius:30px;font-size:20px;box-shadow:0 6px 20px #0002;animation:pop .3s}@keyframes pop{0%{transform:translate(-50%) scale(.6);opacity:0}}.live-badge{position:absolute;top:60px;right:14px;background:#ff5252;color:#fff;padding:6px 12px;border-radius:20px}.bubble{background:#fff;padding:8px 14px;border-radius:18px;font:800 16px Nunito,sans-serif;color:var(--ink);white-space:nowrap;box-shadow:0 3px 10px #0002;position:relative}.bubble:after{content:"";position:absolute;bottom:-8px;left:50%;margin-left:-8px;border:8px solid transparent;border-top-color:#fff;border-bottom:0}.bubble.friend{background:#f3e9ff}.bubble.friend:after{border-top-color:#f3e9ff}.tag{font-size:26px}.code{background:#fffdf5;border:2px solid #f6e6d4;border-radius:14px;padding:12px;font:600 12.5px/1.45 ui-monospace,Menlo,monospace;white-space:pre;overflow:auto;color:#39424e}.hint{color:var(--soft);font-size:14px;line-height:1.4}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.status{padding:6px 12px;border-radius:12px;background:#f1ece7}.status.on{background:#dcf8e5}.warn{background:#fff3cd;padding:16px;border-radius:14px;font-size:16px}.log{background:#2b2d42;color:#c8f7c5;border-radius:12px;padding:10px;font:12px ui-monospace,monospace;max-height:220px;overflow:auto}.check{display:flex;gap:8px;align-items:center;margin:6px 0}.check input{width:22px;height:22px}.help p{font-size:18px;background:#fff8e1;padding:12px 16px;border-radius:14px}.blocklyToolboxDiv{padding-top:6px}.blocklyTreeRow{height:34px!important;line-height:34px!important;border-radius:0 12px 12px 0;margin-bottom:4px!important}.blocklyTreeLabel{font:800 14px Nunito,sans-serif!important}@media (max-width: 1100px){main{grid-template-columns:1fr;grid-template-rows:55vh auto}.side{min-height:600px}}path.blocklyPath[filter*=mboss]{filter:drop-shadow(0 0 5px #ffe066) drop-shadow(0 0 3px #ff8a00)!important}.mission-card{position:absolute;right:12px;top:calc(var(--vt-h, 80px) + 22px);pointer-events:none;opacity:.93;max-width:min(360px,calc(100% - 250px));background:#ffffffe6;border-radius:16px;padding:8px 12px;box-shadow:0 3px 12px #0002;display:flex;flex-direction:column;gap:2px;font-size:13px;z-index:3}.mission-card b{font-size:15px;color:#e8613c}.mission-card small{color:var(--soft)}.mission-card .best{font-size:12px}.result{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);background:#fff;border-radius:22px;padding:18px 26px;text-align:center;box-shadow:0 8px 30px #0003;z-index:10;animation:popc .3s}.result .stars{font-size:40px}.result h3{margin:4px 0;color:#2e7d32}.result .row{justify-content:center}@keyframes popc{0%{transform:translate(-50%,-50%) scale(.6)}}.sensor.sim{background:#f1f1f1;border:2px dashed #bbb}header select{max-width:210px;text-overflow:ellipsis}:root{--bg: #f3f6fa;--ink: #26323f;--soft: #6b7a89;--navy: #1d2733;--hazard: #f9c80e }header{background:linear-gradient(90deg,#dfe9f3,#fff6d6 55%,#e3f4ff);border-bottom:4px solid var(--hazard)}.titles h1{color:#1e5aa8}select{border-color:#c8d6e5}.stage{background:#c9d3db}.seg .on{background:#ffe9a8}.tabs{background:#eef3f8}.tabs button{background:#dde7f1}.projbar{border-bottom-color:#e3ebf3}.robot-tag-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;transform:translateY(-50%)}.robot-tag{background:#1d2733e6;color:#fff;padding:2px 8px;border-radius:9px;font:800 12px Nunito,sans-serif;white-space:nowrap;border:2px solid transparent}.robot-tag.on{border-color:var(--hazard)}.robots-seg button{font-size:18px;padding:3px 8px}.factory h4{margin:14px 0 6px;font-size:15px}.factory h4:first-child{margin-top:0}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpi{background:#f4f8fc;border-radius:14px;padding:8px 10px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.kpi span{font-size:22px;grid-row:span 2}.kpi b{font-size:20px}.kpi small{color:var(--soft);font-size:12px}.robots{display:flex;flex-direction:column;gap:6px}.robot-row{font:inherit;display:flex;align-items:center;gap:8px;border:2px solid #e3ebf3;background:#fff;border-radius:12px;padding:6px 10px;cursor:pointer;text-align:left}.robot-row .nm{flex:1;font-size:14px}.robot-row .role{font-size:12px;border-radius:8px;padding:2px 8px;background:#eceff1;color:var(--soft)}.robot-row .role.you{background:#dcf8e5;color:#2e7d32}.robot-row .role.auto{background:#e3f2fd;color:#1565c0}.tw{width:12px;height:12px;border-radius:50%;background:#ffc400}.tw.green{background:#00e676}.tw.red{background:#ff1744}.boxes{display:flex;flex-direction:column;gap:4px}.boxrow{display:grid;grid-template-columns:18px 1fr 90px 40px;align-items:center;gap:6px;font-size:13px}.boxrow .n{text-align:right}.mission-card{left:12px;right:auto;top:12px;max-width:min(380px,calc(100% - 24px))}.mission-card b{color:#1e5aa8}.view-toggles{top:auto;bottom:12px;right:12px;max-width:calc(100% - 24px)}header select{max-width:230px;text-overflow:ellipsis}@media (max-width: 1500px){.titles span{display:none}}@media (max-width: 600px){header{gap:6px;padding:6px 8px}.logo{font-size:28px}.titles h1{font-size:18px}header select{max-width:calc(50vw - 20px);padding:7px 8px}main{padding:8px;gap:8px}.mission-card{left:8px;top:8px;max-width:calc(100% - 16px);font-size:11px}.mission-card b{font-size:13px}.view-toggles{left:8px;right:8px;bottom:8px;justify-content:flex-start;gap:4px}.view-toggles .seg,.view-toggles .btn.small,.tabs button{font-size:11px}.tabs button span{font-size:17px}.kpis{grid-template-columns:repeat(2,1fr)}}