@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/Robotics-Lab-3D/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/Robotics-Lab-3D/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/Robotics-Lab-3D/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Space Grotesk Variable,Arial,sans-serif;color:#293c30;background:#eeeee4;font-synthesis:none;font-size:14px;--ink: #203c2d;--muted: #65715f;--line: #c7ccbc;--paper: #f7f7ed;--surface: #e5e8db;--accent: #355f3d;--citron: #d6e67a;--warning: #a34329;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,select{border-radius:0}button{font:inherit;color:var(--ink);border:1px solid var(--line);background:var(--paper);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .16s,color .16s,border-color .16s}button:hover:not(:disabled){background:var(--surface);border-color:var(--accent)}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button.active{color:var(--ink);border-color:var(--accent);background:var(--citron)}a{color:inherit;text-decoration:none}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:500;color:var(--ink)}.app{max-width:1900px;margin:auto;padding:0 40px}.topbar{min-height:88px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--ink)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand>svg{width:41px;height:44px;color:var(--ink)}.brand>span{font-size:16px;font-weight:600;letter-spacing:.4px}.brand b{font-weight:400}.brand small{display:block;font:8px monospace;letter-spacing:1.8px;margin-top:5px;color:var(--muted)}.topbar nav{display:flex;align-items:stretch;align-self:stretch;margin:0 auto;gap:24px}.topbar nav button{font-size:11px;border:0;background:none;position:relative;padding:0;white-space:nowrap;color:var(--muted)}.topbar nav button.active{color:var(--ink)}.topbar nav button.active:after{content:"";position:absolute;height:4px;bottom:-1px;left:0;right:0;background:var(--ink)}.topbar nav button:hover:not(:disabled){background:none;color:var(--ink)}.top-status{font:9px monospace;display:flex;align-items:center;gap:8px;white-space:nowrap}.top-status small{margin-left:8px;padding-left:12px;border-left:1px solid var(--line);color:var(--muted)}.live-dot{width:6px;height:6px;background:#638443;display:inline-block;flex-shrink:0}.live-dot.red{background:#e07655}.eyebrow{font:9px/1.5 monospace;letter-spacing:1.3px;color:var(--muted);display:flex;align-items:center;gap:8px}.eyebrow>span{width:5px;height:5px;background:var(--accent)}.workspace-heading{display:flex;align-items:center;gap:50px;padding:32px 0 34px}.workspace-heading h1{font-size:clamp(42px,4.6vw,76px);line-height:.98;letter-spacing:-3.2px;margin-top:13px}.workspace-heading h1 em{font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-3px}.workspace-intro{margin-left:auto;padding-top:14px}.edition-tag{font:9px monospace;letter-spacing:1.6px;display:inline-block;background:var(--citron);padding:7px 9px;color:var(--ink)}.workspace-intro p{font-size:13px;line-height:1.7;color:var(--muted);margin:14px 0 17px}.academy-link{background:none;border:0;border-bottom:1px solid var(--ink);font-size:11px;padding:0 0 7px;justify-content:space-between;min-width:190px}.workspace-stamp{height:132px;width:132px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:repeating-linear-gradient(135deg,transparent,transparent 6px,#203c2d05 6px,#203c2d05 7px)}.workspace-stamp svg{width:54px;height:54px}.workspace-stamp span{font:8px/1.5 monospace;letter-spacing:2px;text-align:center}.system-selector{margin-bottom:22px}.selector-caption{display:flex;align-items:center;justify-content:space-between;font:8px monospace;letter-spacing:1.4px;padding-bottom:12px;color:var(--muted)}.robot-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #bfc6b4}.robot-select{min-height:101px;padding:18px 16px 17px;position:relative;justify-content:flex-start;gap:12px;background:#f5f5eb;border:0;border-right:1px solid #bfc6b4;text-align:left}.robot-select:last-child{border-right:0}.robot-select.selected{background:var(--citron);box-shadow:inset 0 -4px var(--ink)}.robot-select.selected:hover{background:#cbdc69}.robot-number{position:absolute;top:8px;left:13px;font:8px monospace;color:#5b6d46}.robot-icon{margin-top:7px;color:#425d39}.robot-caption{min-width:0;margin-top:9px}.robot-select strong{font-size:11px;font-weight:500;display:block}.robot-select small{display:block;color:#6a765c;font:8px monospace;letter-spacing:.5px;margin-top:5px}.robot-arrow{position:absolute;right:9px;top:8px;opacity:.35}.selected .robot-arrow{opacity:1}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.panel{border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#9ca98f transparent;background:var(--paper)}.panel-header{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 22px;border-bottom:1px solid var(--line)}.panel-header .eyebrow{color:var(--ink)}.left-panel{grid-column:2;grid-row:1;height:640px;overflow-y:auto;background:#264b39;color:#d8e0c5;--ink: #f0f2db;--muted: #b4c4a6;--line: #4a6951;--paper: #31563f;--surface: #3c6346;--accent: #d6e67a;--citron: #d6e67a;--warning: #ffb79b;color-scheme:dark}.left-panel button.active{color:#213a29;background:#d6e67a}.control-identity{padding:23px 22px 19px}.control-identity>span:first-child{display:block;font-size:10px;color:#bacaa9}.control-identity h3{font-size:24px;letter-spacing:-.8px;margin:4px 0 13px}.control-code{display:flex;justify-content:space-between;align-items:center;font:8px monospace;letter-spacing:1px;color:#bfd09f}.control-code .live-dot{background:#d6e67a}.control-code .live-dot.red{background:#ff9b79}.left-controls{padding:0 22px 22px}.section-heading{display:flex;align-items:center;justify-content:space-between;font:9px/1.4 monospace;letter-spacing:.7px;color:var(--ink);margin-bottom:14px;gap:8px}.section-heading>span{font-size:8px;letter-spacing:.4px;color:var(--muted)}.segmented{display:flex;border:1px solid var(--line);padding:3px;gap:3px;margin-bottom:23px}.segmented button{flex:1;background:transparent;border-color:transparent;text-transform:capitalize;font-size:10px;padding:8px 2px;color:var(--muted)}.control-block{border-top:1px solid var(--line);padding-top:18px;margin-top:19px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.action-grid button{min-height:36px;font-size:11px;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}.action-grid .wide{grid-column:span 2;justify-content:flex-start;padding:0 12px}.action-grid .wide svg:last-child:not(:first-child){margin-left:auto}.micro-copy{font-size:9px;line-height:1.7;color:var(--muted);margin:9px 0}.slider{display:block;margin:15px 0 20px}.slider>span{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);text-transform:capitalize}.slider output{font:11px monospace;color:var(--ink)}.slider output em{font-style:normal;color:var(--muted);padding-left:3px}.slider input{display:block;width:100%;appearance:none;-webkit-appearance:none;height:4px;border:0;border-radius:0;background:linear-gradient(to right,var(--accent) var(--progress),var(--line) var(--progress));margin:15px 0 0;cursor:pointer}.slider input::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:15px;background:var(--accent);border:2px solid var(--paper);box-shadow:0 0 0 1px var(--accent)}.slider input::-moz-range-thumb{width:7px;height:13px;background:var(--accent);border:2px solid var(--paper);border-radius:0}.slider input:disabled{opacity:.35;cursor:not-allowed}.joint-controls{margin-top:22px}.text-button{padding:0;background:none;border:0;font-size:10px;color:var(--accent)}.estop{width:100%;background:#603b2d;color:#ffcfb4;border-color:#99634c;padding:13px 11px;margin-top:24px;justify-content:flex-start}.estop>span{font:10px monospace;text-align:left;letter-spacing:.4px}.estop small{display:block;color:#d8a78b;font:7px monospace;letter-spacing:1.1px;margin-top:5px}.estop .stop-square{width:11px;height:11px;border:1px solid #ffbe9c;margin-left:auto}.estop.engaged{background:#8d3926;border-color:#ffc5a2}.estop.engaged .stop-square{background:#ffbe9c}.stage{grid-column:1;grid-row:1;position:relative;height:640px;min-width:0;overflow:hidden;border:1px solid #bfc6b4;background:#e7e8dc}.stage-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#5376440b 1px,transparent 1px),linear-gradient(90deg,#5376440b 1px,transparent 1px);background-size:28px 28px}.stage:after{content:"";position:absolute;top:0;left:0;height:4px;width:50px;background:#35593a}.stage-heading{position:absolute;top:27px;left:28px;z-index:2;pointer-events:none}.stage-heading .eyebrow{font-size:8px;letter-spacing:1.4px;color:#566849}.stage-heading h2{font-size:36px;letter-spacing:-1.6px;margin:9px 0 5px}.stage-heading h2>span{font:11px monospace;letter-spacing:0;margin-left:13px;color:#68775c}.stage-heading p{font-size:11px;color:#627157}.stage-index{position:absolute;top:25px;right:22px;font:160px/.85 Space Grotesk Variable,sans-serif;font-weight:500;letter-spacing:-14px;color:#62785810;-webkit-text-stroke:1px #677f4a25;pointer-events:none;z-index:1}.stage-status{position:absolute;top:27px;right:24px;display:flex;align-items:center;gap:7px;font:8px monospace;letter-spacing:.7px;color:#47633b;z-index:2}.stage-status small{display:none}.canvas-wrap{position:absolute;inset:0;touch-action:none}.canvas-wrap canvas{touch-action:none}.stage-side-label{position:absolute;right:13px;top:40%;writing-mode:vertical-rl;font:7px monospace;letter-spacing:1.7px;color:#6d7d61;pointer-events:none}.coordinate-tag{position:absolute;left:27px;bottom:108px;display:flex;align-items:center;gap:8px;color:#60784e;pointer-events:none}.coordinate-tag span{font:7px/1.6 monospace;letter-spacing:1px}.view-tag{position:absolute;right:25px;bottom:113px;font:8px monospace;color:#536b41;display:flex;align-items:center;gap:7px;pointer-events:none}.view-tag>span:last-child{border:1px solid #a4b191;padding:3px 4px;font-size:6px}.stage-hint{position:absolute;bottom:85px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#657354;font:7px monospace;letter-spacing:.6px;pointer-events:none}.stage-hint i{width:2px;height:2px;background:#6c8154}.bottom-hud{position:absolute;bottom:17px;left:18px;right:18px;display:flex;align-items:center;gap:9px;height:54px;padding:0 11px;border:1px solid #b7c1a4;background:#f3f4e7;box-shadow:3px 3px #83927122;z-index:3}.motion-buttons{display:flex;align-items:center;gap:3px}.play-button{width:36px;height:34px;background:#d6e67a;color:#29462e;border:1px solid #bacd5d}.play-button.active{background:#35593a;color:#eff3db}.icon-button{width:32px;height:34px;background:transparent;border:1px solid transparent;padding:0;color:var(--muted)}.hud-divider{height:22px;width:1px;background:#c6ceb5;margin:0 4px}.camera-picker{position:relative}.camera-button,.hud-action{height:34px;border:0;background:none;padding:0 8px;font-size:10px;color:#3e5735;white-space:nowrap}.hud-action.active{background:#d6e67a}.hud-axis{margin-left:auto;display:flex;gap:8px;font:9px monospace}.hud-axis span:nth-child(1){color:#aa5a38}.hud-axis span:nth-child(2){color:#44733e}.hud-axis span:nth-child(3){color:#4d7779}.camera-menu{position:absolute;bottom:44px;left:0;width:164px;padding:6px;background:#f8f9ee;border:1px solid #91a47a;box-shadow:4px 4px #34503522}.camera-menu button{width:100%;border:0;background:transparent;justify-content:space-between;padding:10px 8px;font-size:11px;text-transform:capitalize}.camera-menu button.active{background:#d6e67a}.estop-banner{position:absolute;top:150px;left:25px;right:25px;background:#f5dbc6;border:1px solid #c58059;color:#833c25;padding:11px;font:11px monospace;display:flex;align-items:center;gap:10px;z-index:3}.estop-banner button{margin-left:auto;font-size:8px;background:#f9eee0;color:#833c25;border-color:#c58059;padding:8px}.right-panel{grid-column:1 / -1;position:relative}.right-panel .panel-header{margin:0;padding:0 22px;min-height:48px;background:#e2e7d5}.insights-grid{display:grid;grid-template-columns:.85fr 1.25fr 1fr 1fr}.insights-grid>div{padding:22px;min-width:0;border-right:1px solid var(--line)}.insights-grid>div:last-child{border-right:0}.system-summary{display:flex;align-items:center;gap:12px;margin:0 0 23px}.summary-icon{width:43px;height:43px;display:grid;place-items:center;color:#3a5c32;background:#dbe3c7}.system-summary h3{font-size:16px;letter-spacing:-.4px}.system-summary small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.status-dot{width:5px;height:5px;background:#62883f;margin-left:auto}.status-dot.halted{background:#b76b35}.telemetry-strip{display:grid;grid-template-columns:1fr 1fr;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.telemetry-strip>div+div{padding-left:17px;border-left:1px solid var(--line)}.telemetry-strip span{display:block;font:7px monospace;letter-spacing:1px;color:var(--muted);margin-bottom:8px}.telemetry-strip strong{font:31px monospace;color:var(--ink)}.telemetry-strip strong.small{font-size:9px;display:block;margin-top:17px;color:#4f6c3c}.inspector-section{min-width:0}.inspector-section select,.select-label select{width:100%;font:11px Space Grotesk Variable,sans-serif;padding:10px;color:var(--ink);border:1px solid var(--line);background:var(--paper)}.inspect-empty{padding-top:15px}.empty-target{float:left;margin:4px 12px 8px 0;color:#718554}.inspect-empty h4{font-size:12px;margin:3px 0 7px}.inspect-empty p{font-size:10px;color:var(--muted);line-height:1.7}.inspect-empty>span{font:7px monospace;display:flex;gap:5px;align-items:center;clear:both;padding-top:12px;color:#677949;letter-spacing:1px}.component-illustration{height:70px;margin:13px 0;background:#e6ebd8;border:1px solid #c1cdb0;display:flex;align-items:center;justify-content:center;color:#597c42;position:relative}.component-illustration>span{position:absolute;left:7px;bottom:6px;font:7px monospace;letter-spacing:1px}.component-illustration i{position:absolute;inset:8px;border:1px dashed #b0bf98}.inspector-section h4{font-size:12px;text-transform:capitalize}.inspector-section>p{font-size:11px;color:var(--muted);line-height:1.7;margin:8px 0}.material{font-size:10px;line-height:1.6;margin-top:10px}.material>span{display:block;font:7px monospace;letter-spacing:1px;color:var(--muted);margin-bottom:5px}.component-actions{display:flex;gap:7px;margin-top:13px}.component-actions button{flex:1;height:32px}.xyz{display:flex;justify-content:space-between;gap:8px}.xyz>div{display:flex;align-items:center;gap:5px;font:12px monospace}.xyz strong{font-weight:400}.xyz small{font:8px monospace;color:var(--muted)}.xyz span{font:8px monospace}.axis-x{color:#a35334}.axis-y{color:#4c7839}.axis-z{color:#3d7477}.signal-plot{height:54px;margin:14px 0 10px;background:#e9eddf}.signal-plot svg{width:100%;height:100%}.readout-line{display:flex;justify-content:space-between;color:var(--muted);font:9px monospace}.readout-line b{font-weight:400;color:var(--ink)}.telemetry-status{font-size:10px!important;line-height:1.6!important}.toggle-row{width:100%;justify-content:space-between;background:none;border:0;padding:9px 0;font-size:11px;color:var(--muted)}.toggle-row:hover:not(:disabled){background:none;color:var(--ink)}.switch{width:28px;height:15px;border:1px solid var(--line);padding:2px;display:flex;align-items:center;background:var(--surface)}.switch i{height:9px;width:9px;background:var(--muted)}.switch.on{justify-content:flex-end;background:var(--accent);border-color:var(--accent)}.switch.on i{background:var(--paper)}.quality-label{margin-top:13px;display:flex;justify-content:space-between;align-items:center;gap:8px;font:7px monospace;letter-spacing:.4px;color:var(--muted)}.quality-label select{width:116px;padding:7px;font-size:9px}.engineering-note{display:flex;gap:8px;margin-top:17px;font-size:9px;color:var(--muted);line-height:1.6}.lab-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:53px;font:8px monospace;color:var(--muted)}.lab-footer>div,.lab-footer>span{display:flex;align-items:center;gap:7px}.lab-footer>div{min-width:0}.lab-footer>span{white-space:nowrap}.lab-footer b{color:var(--ink);font-weight:400}.status-message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:600px}.explore-strip{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink);padding:28px 0 40px}.explore-strip h3{font-size:32px;line-height:1.07;letter-spacing:-1.2px;margin-top:12px}.explore-strip em{font-family:Georgia,serif;font-weight:400}.explore-strip button{min-height:45px;background:var(--ink);color:#eef2dc;font-size:11px;padding:12px 17px;border-color:var(--ink)}.explore-strip button:hover:not(:disabled){background:#355d40}.primary{background:#d6e67a;color:#233d2a;border:1px solid #b5c760;padding:11px 15px;font-size:11px;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}.primary:hover:not(:disabled){background:#c9dc66;color:#233d2a;border-color:#a2b445}.secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:10px 12px;font-size:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.full{width:100%}.rearm{margin-top:10px;font-size:10px}.accent{color:var(--accent)!important}.warning{color:var(--warning)!important}.select-label{display:block;font:8px monospace;letter-spacing:1px;color:var(--muted)}.select-label select{display:block;text-transform:capitalize;margin-top:9px}.drive-pad{display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:38px 38px;justify-content:center;gap:6px;margin:16px auto 10px}.drive-pad button{touch-action:none}.drive-0{grid-area:1/2}.drive-1{grid-area:2/1}.drive-2{grid-area:2/2}.drive-3{grid-area:2/3}.waypoint-row{display:flex;gap:7px;margin-top:8px}.waypoint-row button{flex:1;font:10px monospace;padding:9px}.sensor-options{display:grid;gap:6px;margin-bottom:12px}.sensor-options button{justify-content:space-between;font-size:11px;padding:10px}.sensor-options span{color:var(--muted);font:8px monospace}.sensor-options button.active span{color:#526a3d}.sensor-options svg{margin-left:auto}.sensor-readout{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.sensor-readout p{font-size:10px;color:var(--muted);line-height:1.7;margin-top:12px}.range-value{display:flex;align-items:center;justify-content:center;gap:12px}.range-value svg{width:80px}.range-value strong{font:26px monospace;color:var(--ink)}.range-value small{font-size:11px;margin-left:4px;color:var(--muted)}.attitude{height:100px;overflow:hidden;position:relative;border:1px solid #8e9e7f;margin-bottom:12px}.horizon{position:absolute;top:-70px;left:-40px;right:-40px;height:240px;background:linear-gradient(#cfdbc1 50%,#6c7957 50%)}.attitude>span{position:absolute;top:30px;left:47%;font-size:24px;color:#244c31;z-index:2}.depth-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.depth-grid>span{height:17px}.sensor-readout>small{display:flex;justify-content:space-between;font:7px monospace;margin-top:8px;color:#506939}.rgb-demo{height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#e0e8d2;position:relative;color:#537342}.rgb-demo p{font-size:10px;text-align:center;margin:0}.rgb-demo>small{font:6px monospace;padding-top:8px}.force-value{display:flex;align-items:center;gap:15px}.force-value strong{font:25px monospace;color:#8e5e2d}.force-value small{font-size:12px;margin-left:4px}.force-value span{font-size:8px;line-height:1.8}.component-label{white-space:nowrap;background:#f3f5e8f5;border:1px solid #8c9f73;border-left:3px solid #4e7437;padding:9px 13px;color:#2e4b2d;font-size:11px;text-transform:capitalize;transform:translateY(-40px);box-shadow:3px 3px #34503522}.component-label span{display:block;font:6px monospace;letter-spacing:1px;margin-top:5px;color:#60764c}.target-label{white-space:nowrap;color:#2c5e2b;font:8px monospace;letter-spacing:.7px;background:#eef2ddca;padding:3px}.camera-inset-label{position:absolute;left:18px;bottom:255px;pointer-events:none;font:7px monospace;color:#32562f;letter-spacing:1px;background:#f1f4e6;padding:4px}.loader,.fallback{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;padding:50px;text-align:center;font:11px monospace;color:#526d40}.fallback h2{font-size:22px}.fallback p{line-height:1.8;max-width:440px}.fallback button{padding:12px}.loader-ring{width:42px;height:42px;border:2px solid #c2cfa9;border-top-color:#355d35;animation:rotate 1.4s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.mobile-tools,.mobile-close,.drawer-backdrop{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#1d3428b8;display:flex;justify-content:center;align-items:center;padding:30px}.modal{width:100%;max-width:1120px;max-height:90svh;overflow-y:auto;background:#f3f4e8;border:1px solid #8e9d7a;padding:40px;position:relative;box-shadow:10px 10px #142b2040;scrollbar-width:thin;scrollbar-color:#a7b393 transparent}.modal .close{position:absolute;right:18px;top:18px;border:1px solid #bcc9a7;background:#e4ebd3;color:#345135}.modal>h2{font-size:42px;letter-spacing:-1.8px;margin:16px 0 10px}.modal-intro{color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:30px}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.system-card{position:relative;flex-direction:column;align-items:flex-start;text-align:left;padding:24px;min-height:285px;border-color:#b9c8a3;background:#e7eddb}.system-card>svg{color:#416837;margin:17px auto}.card-number{font:8px monospace;letter-spacing:1.5px;color:#6b8054}.system-card h3{font-size:22px;letter-spacing:-.8px}.system-card p{font-size:12px}.system-card small{font-size:11px;color:var(--muted);line-height:1.7}.card-link{margin-top:auto;padding-top:13px;display:flex;align-items:center;gap:8px;color:#376136;font-size:10px}.academy-layout{display:grid;grid-template-columns:280px 1fr;border-top:1px solid var(--line)}.academy-layout nav{max-height:460px;overflow-y:auto;padding:15px 16px 0 0;scrollbar-width:thin}.academy-layout nav button{width:100%;justify-content:flex-start;text-align:left;background:none;border-color:transparent;padding:11px 10px;font-size:11px;color:var(--muted)}.academy-layout nav button small{font:8px monospace;margin-right:7px;color:#70865b}.academy-layout nav button svg{margin-left:auto}.academy-layout nav button.active{background:#d6e67a;color:#28452b;border-color:#b8c970}.academy-layout article{padding:25px 0 0 35px;border-left:1px solid var(--line)}.academy-layout article h3{font-size:27px;letter-spacing:-.7px;margin:12px 0}.academy-layout article p{font-size:13px;line-height:1.9;color:var(--muted)}.academy-layout article .primary{margin-top:23px}.lesson-figure{height:185px;background:#dfe7ce;border:1px solid #bfcca9;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:24px}.lesson-figure svg{color:#54763c}.diagram-orbit{position:absolute;width:150px;height:150px;border:1px solid #a7bc8e;border-radius:50%}.orbit-a{width:220px;height:220px;transform:rotateX(65deg) rotate(-20deg)}.orbit-b{width:220px;height:220px;transform:rotateX(50deg) rotate(45deg)}.lesson-figure>span{position:absolute;left:12px;bottom:10px;font:7px monospace;letter-spacing:1px;color:#647e4a}.formula{background:#e5ebd7;border-left:3px solid #809a50;color:#3b5a2e;padding:15px;margin-top:15px;font:12px/1.7 monospace}.pipeline{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.pipeline button{padding:15px 8px;font-size:10px;position:relative;flex-direction:column;align-items:flex-start;background:#e3e9d7;border-color:#c0cdae}.pipeline button>span{font:8px monospace;color:#74875e;margin-bottom:4px}.pipeline button svg{position:absolute;right:9px;top:26px;color:#7c945f}.pipeline button.active{background:#d6e67a;border-color:#7e9648;color:#29482b}.stage-description{display:flex;align-items:center;gap:23px;background:#e9eddc;border-left:3px solid #8ba34e;padding:18px;margin:16px 0 27px}.stage-description strong{width:145px;flex-shrink:0;font-size:12px;font-weight:500}.stage-description p{font-size:11px;line-height:1.8;color:var(--muted)}.intelligence-layout{display:grid;grid-template-columns:1fr 370px;gap:35px}.topic-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:27px}.topic-tabs button{justify-content:flex-start;padding:10px 8px;font-size:10px;background:#e5ebd8}.topic-tabs button.active{background:#d6e67a;border-color:#9dad6a}.intelligence-layout h3{font-size:25px;letter-spacing:-.6px}.intelligence-layout p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:12px}.learning-note{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#e2e9d3;color:#5e704b;font-size:10px;line-height:1.8;margin:20px 0}.navigation-demo{background:#e2e8d4;border:1px solid #b3c29a;padding:17px}.nav-map{width:100%;touch-action:manipulation;cursor:crosshair}.demo-controls{display:flex;gap:8px;margin:12px 0}.demo-controls .primary,.demo-controls .secondary{font-size:10px;padding:8px 10px}.navigation-demo>small{font-size:9px;line-height:1.8;color:#677a51}.map-status{margin-top:13px;border-top:1px solid #b7c89a;padding-top:12px;display:flex;align-items:center;gap:7px;font:9px monospace;color:#53763d}.reward-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.reward-grid>div{border:1px solid var(--line);padding:10px;display:flex;flex-direction:column;gap:8px;font:9px monospace}.reward-grid strong{font-size:15px;font-weight:400}.about-content{max-width:600px;margin:auto;text-align:center}.about-mark{width:80px;height:85px;margin:30px auto;color:#3e6036}.about-content h3{font-size:24px;letter-spacing:2px}.about-content p{font-size:13px;line-height:1.9;color:var(--muted);margin:15px 0}.about-stats{display:flex;justify-content:center;gap:55px;margin:33px 0}.about-stats strong{display:block;font-size:38px;font-weight:400}.about-stats span{font:8px monospace;color:var(--muted);display:block;margin-top:8px}.author{font-size:11px;margin:25px 0;color:var(--muted)}.author strong{color:var(--ink);font-weight:500}.immersive .topbar,.immersive .workspace-heading,.immersive .system-selector,.immersive .lab-footer,.immersive .explore-strip,.immersive .right-panel{display:none}.immersive .lab-grid{margin:15px 0}.immersive .stage,.immersive .left-panel{height:calc(100svh - 30px)}@media(min-width:1700px){.lab-grid{grid-template-columns:minmax(0,1fr) 330px}.stage,.left-panel{height:710px}.robot-select{min-height:112px;padding-left:23px}.robot-select strong{font-size:13px}.robot-select small{font-size:9px}.stage-heading h2{font-size:43px}}@media(max-width:1280px){.app{padding:0 25px}.topbar{gap:23px}.topbar nav{gap:15px}.topbar nav button{font-size:10px}.top-status small{display:none}.brand>span{font-size:14px}.brand small{font-size:7px}.brand>svg{width:33px}.workspace-heading{gap:32px}.workspace-stamp{width:110px;height:120px}.robot-select{padding-left:12px;gap:8px}.robot-icon svg{width:26px}.robot-select strong{font-size:10px}.robot-select small{font-size:7px}.lab-grid{grid-template-columns:minmax(0,1fr) 276px;gap:16px}.insights-grid{grid-template-columns:1fr 1.15fr 1fr}.insights-grid>div:last-child{grid-column:1 / -1;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px 20px}.insights-grid>div:last-child>.section-heading{grid-column:1 / -1;margin-bottom:2px}.quality-label{margin:0}.insights-grid>div:nth-child(3){border-right:0}.insights-grid>div{padding:20px}.lab-footer>span:nth-child(2){display:none}.status-message{max-width:600px}.stage-heading h2{font-size:32px}.stage-status{font-size:7px}.stage-index{font-size:130px}.bottom-hud{gap:3px}.hud-axis{display:none}}@media(max-width:999px){.topbar{min-height:77px}.top-status,.workspace-stamp{display:none}.topbar nav{gap:14px;overflow-x:auto;margin-right:0;scrollbar-width:none}.workspace-heading h1{font-size:54px}.workspace-heading{padding:30px 0}.lab-grid{grid-template-columns:minmax(0,1fr) 250px}.left-controls,.control-identity{padding-left:18px;padding-right:18px}.panel-header{margin-left:18px;margin-right:18px}.right-panel{display:none;position:fixed;right:16px;top:16px;bottom:16px;width:330px;max-width:calc(100vw - 32px);z-index:40;overflow-y:auto}.right-panel.drawer-open{display:block}.right-panel .panel-header{padding-right:48px}.insights-grid{display:block}.insights-grid>div,.insights-grid>div:last-child{display:block;border:0;border-bottom:1px solid var(--line);padding:20px}.insights-grid>div:last-child>.section-heading{margin-bottom:14px}.quality-label{margin-top:14px}.mobile-close{display:flex}.left-panel .mobile-close{display:none}.right-close{position:absolute;right:9px;top:7px;z-index:2}.mobile-tools{position:absolute;right:18px;top:19px;display:flex;gap:6px;z-index:3}.mobile-tools button{padding:8px;font-size:9px;background:#f3f5e6;gap:5px;border-color:#acbc92}.mobile-tools button:first-child{display:none}.stage-heading{top:73px;left:22px}.stage-heading h2{font-size:30px}.stage-status{display:none}.stage-index{top:110px;font-size:105px;right:16px}.stage-hint{font-size:6px;gap:8px}.bottom-hud{left:12px;right:12px;padding:0 7px;gap:2px}.hud-action span{font-size:8px}.camera-button,.hud-action{padding:0 4px;gap:5px}.bottom-hud>.icon-button:nth-last-child(2){display:none}.view-tag>span:last-child{display:none}.coordinate-tag{left:20px}.estop-banner{top:181px;left:17px;right:17px;font-size:9px}.drawer-backdrop{display:block;position:fixed;inset:0;z-index:35;background:#172c1fa1;border:0}.robot-select{flex-direction:column;align-items:flex-start;gap:5px;min-height:115px;padding:23px 11px 13px}.robot-icon{margin-top:0}.robot-icon svg{width:24px;height:24px}.robot-caption{margin-top:0}.robot-number{top:7px;left:11px;font-size:7px}.robot-arrow{width:14px}.robot-select strong{font-size:10px}.modal{padding:30px}.intelligence-layout{grid-template-columns:1fr 310px;gap:20px}.pipeline button svg{display:none}}@media(max-width:740px){.app{padding:0 16px}.topbar{min-height:92px;flex-wrap:wrap;gap:9px;padding:15px 0 0}.brand>svg{width:31px;height:31px}.brand>span{font-size:14px}.brand small{font-size:6px}.topbar nav{width:100%;height:35px;gap:23px;order:2;margin:0}.topbar nav button{height:35px;font-size:10px}.workspace-heading{padding:25px 0;gap:20px}.workspace-heading .eyebrow{font-size:7px;letter-spacing:1px}.workspace-heading h1{font-size:clamp(36px,7.5vw,54px);letter-spacing:-2px;margin-top:12px}.workspace-heading h1 em{letter-spacing:-1.8px}.workspace-intro{padding:0;max-width:160px}.edition-tag{font-size:7px;letter-spacing:.7px;padding:6px}.workspace-intro p{font-size:10px;margin:10px 0}.academy-link{min-width:0;font-size:9px;gap:8px;padding-bottom:5px}.academy-link svg{width:14px}.selector-caption{font-size:7px;letter-spacing:.6px;padding-bottom:9px}.selector-caption>span:last-child{display:none}.system-selector{margin-bottom:14px}.robot-list{overflow-x:auto;grid-template-columns:repeat(5,minmax(126px,1fr));scrollbar-width:thin;scrollbar-color:#8a9e68 #dfe6cb;padding-bottom:0}.robot-select{min-height:106px}.robot-select strong{font-size:10px}.lab-grid{display:block}.stage{height:590px}.left-panel{display:none;position:fixed;inset:15px 15px 15px auto;width:290px;max-width:calc(100vw - 30px);height:auto;z-index:40}.left-panel.drawer-open{display:block}.left-panel .mobile-close{display:flex}.left-panel .panel-header>svg{display:none}.mobile-tools{left:17px;right:17px;top:17px;justify-content:flex-end}.mobile-tools button{font-size:10px;padding:9px}.mobile-tools button:first-child{display:flex;margin-right:auto}.stage-heading{top:80px;left:22px}.stage-heading h2{font-size:33px}.stage-heading p{font-size:10px}.stage-index{top:110px;font-size:106px}.canvas-wrap{top:32px}.coordinate-tag{bottom:110px}.coordinate-tag span{font-size:6px}.view-tag{bottom:115px;right:21px;font-size:7px}.stage-hint{bottom:84px;font-size:6px;letter-spacing:.2px}.bottom-hud{left:14px;right:14px;bottom:16px;gap:4px;justify-content:space-between}.hud-divider{margin:0}.camera-button{font-size:9px}.hud-action span{display:none}.stage-side-label{font-size:6px;right:8px}.lab-footer{flex-wrap:wrap;gap:8px;padding:14px 0;font-size:7px}.lab-footer>div{width:100%}.lab-footer>span:last-child{margin-left:auto;font-size:7px}.status-message{max-width:100%}.explore-strip{padding:24px 0 30px;gap:20px}.explore-strip h3{font-size:25px}.explore-strip button{font-size:9px;padding:10px 12px;min-height:42px;max-width:170px;text-align:left}.explore-strip .eyebrow{font-size:7px}.modal-backdrop{padding:14px}.modal{max-height:94svh;padding:30px 22px}.modal>h2{font-size:31px;letter-spacing:-1px;max-width:90%;margin-top:22px}.modal-intro{font-size:11px}.system-grid{grid-template-columns:1fr 1fr;gap:10px}.system-card{padding:18px;min-height:270px}.system-card h3{font-size:18px}.system-card>svg{width:44px;height:44px}.system-card p{font-size:10px}.system-card small{font-size:9px}.academy-layout{grid-template-columns:1fr}.academy-layout nav{display:flex;flex-wrap:wrap;gap:5px;max-height:150px;padding:10px 0}.academy-layout nav button{width:auto;padding:8px;font-size:9px;border-color:var(--line);background:#e6ecd9}.academy-layout nav button small,.academy-layout nav button svg{display:none}.academy-layout article{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.academy-layout article p{font-size:12px}.lesson-figure{height:140px}.intelligence-layout{grid-template-columns:1fr}.pipeline{grid-template-columns:repeat(3,1fr)}.pipeline button{padding:10px}.stage-description{display:block}.stage-description strong{width:auto;display:block;margin-bottom:8px}.topic-tabs{margin-bottom:20px}.navigation-demo{max-width:420px;width:100%;margin:auto}.about-stats{gap:28px}.about-stats strong{font-size:30px}.about-content p{font-size:12px}.immersive .lab-grid{margin:10px 0}.immersive .stage{height:calc(100svh - 20px)}.immersive .left-panel{height:auto}.immersive .right-panel.drawer-open{display:block}}@media(max-width:430px){.app{padding:0 12px}.workspace-heading{padding:24px 0 21px;gap:16px}.workspace-heading h1{font-size:42px}.workspace-intro{display:none}.stage{height:560px}.stage-heading h2{font-size:30px}.stage-heading{left:18px}.stage-heading .eyebrow{font-size:7px}.bottom-hud{left:10px;right:10px;padding:0 7px;gap:2px}.camera-button{gap:4px}.coordinate-tag{display:none}.view-tag{left:18px;right:auto;bottom:112px;font-size:7px}.stage-hint{font-size:5.5px;gap:8px}.mobile-tools{left:13px;right:13px}.mobile-tools button{padding:9px 7px;font-size:9px}.estop-banner{left:12px;right:12px;font-size:8px;padding:8px}.estop-banner button{padding:6px;font-size:7px}.explore-strip{align-items:flex-start;flex-direction:column;gap:18px}.explore-strip button{max-width:none;font-size:10px}.modal{padding:27px 17px}.system-grid{grid-template-columns:1fr}.system-card{min-height:240px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}