:root{--ink:#1d2938;--muted:#7a8390;--line:#e4e7eb;--orange:#f46a3c;--teal:#218b7d;--navy:#121c2b;--bg:#f5f6f8;--font:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:var(--font);color:var(--ink);font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}button,select,input,textarea,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:3px solid #f6a78a;outline-offset:3px}button{border:0}button:disabled{opacity:.5;cursor:not-allowed}button svg,span svg{width:18px;height:18px;display:block;flex-shrink:0}button{transition:background .16s,color .16s,box-shadow .16s}button:hover{filter:brightness(.97)}.topbar{height:80px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 30px;gap:45px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-size:21px;letter-spacing:3px;font-weight:760}.brand-mark{font-size:38px;line-height:42px;width:42px;height:44px;border-radius:11px;background:var(--orange);letter-spacing:-5px;padding-left:10px;font-weight:650}.brand-mark span{font-size:34px}.brand small{display:block;font-size:8px;letter-spacing:2.2px;color:#acb5c2;font-weight:500;margin-top:5px}.project-title{border-left:1px solid #33404f;padding-left:28px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:550;line-height:1.4}.project-icon{color:#9cabbc}.project-title small{display:block;color:#8794a5;font-size:8px;letter-spacing:1.5px;margin-top:4px}.project-title small span{margin:0 9px}.header-actions{margin-left:auto;display:flex;gap:20px;align-items:center}.save-status{font-size:10px;color:#9ca9b8}
.language-select{background:#1d2a3c;color:#dfe6ee;border:1px solid #3a4a60;border-radius:7px;padding:6px 22px 6px 9px;font-size:10px;font-weight:600;cursor:pointer}
.language-select option{background:#fff;color:#1d2938}
.parameter-section h3 b{font-weight:inherit}.save-status:before{content:"";display:inline-block;width:5px;height:5px;background:#87b59f;border-radius:50%;margin-right:7px}.avatar{background:#344053;color:#e4e9ee;border:1px solid #506077;border-radius:50%;width:32px;height:32px;font-size:12px}.app-layout{display:flex;min-height:calc(100vh - 80px)}.rail{width:80px;background:white;border-right:1px solid var(--line);padding:26px 12px 18px;display:flex;flex-direction:column;gap:17px;flex-shrink:0}.rail-item{width:54px;height:59px;border-radius:9px;background:transparent;color:#919aa8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.rail-item small{font-size:8px;letter-spacing:1px;font-weight:700}.rail-item.active{background:#fff0e9;color:var(--orange)}.rail-item svg{width:21px;height:21px}.rail-spacer{flex:1}.rail-version{text-align:center;color:#a8afb7;font-size:9px}main{width:100%;min-width:0;max-width:1640px;margin:auto;padding:30px 34px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 25px}.eyebrow{font-size:9px;font-weight:750;letter-spacing:1.8px;color:#7f8895}.orange-dot{background:var(--orange);width:5px;height:5px;display:inline-block;border-radius:50%;margin-right:5px;vertical-align:2px}h1{font-size:27px;letter-spacing:-.9px;margin:10px 0 8px;font-weight:650}.page-heading p{color:var(--muted);font-size:12px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border-radius:7px;font-size:11px;font-weight:650;white-space:nowrap}.secondary{background:white;border:1px solid var(--line);color:#4f5a69;box-shadow:0 1px 2px #162c4010}.key-hint{border:1px solid var(--line);padding:1px 5px;border-radius:3px;font-size:10px;color:#9aa1ab;margin-left:9px}.primary{background:var(--orange);color:white;box-shadow:0 3px 6px #e66c3020}.primary:hover{background:#e85b2b}.lesson-strip{display:flex;align-items:center;gap:17px;border:1px solid #e4e6e9;border-radius:11px;padding:19px 22px;background:#fff;margin-bottom:23px;box-shadow:0 2px 4px #182c4210}.lesson-number{font-size:19px;letter-spacing:-1px;color:#db673d;background:#fff0e8;width:46px;height:48px;border-radius:8px;display:grid;place-items:center;font-weight:600}.lesson-copy .eyebrow{font-size:8px;letter-spacing:1.3px}.lesson-copy #lesson-time{color:#a4aab3;font-weight:500;letter-spacing:.6px;margin-left:5px}.lesson-copy h2{font-size:16px;font-weight:650;margin:6px 0 4px;letter-spacing:-.25px}.lesson-copy p{font-size:11px;color:var(--muted);margin:0}.lesson-concept{margin-left:auto;display:flex;align-items:center;gap:11px;border-left:1px solid var(--line);padding-left:25px;margin-right:20px;font-size:10px;font-weight:600}.lesson-concept>span{color:#84948d}.lesson-concept small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}.text-button{background:none;color:#7a8390;font-size:10px;font-weight:550;padding:5px 0;white-space:nowrap}.lesson-strip .text-button span:last-child{margin-left:8px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:20px;align-items:start}.workbench,.inspector{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:0 3px 7px #162c4005}.bench-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 19px;height:57px;border-bottom:1px solid var(--line)}.tabs{height:100%;display:flex;gap:24px}.tab{display:flex;align-items:center;gap:7px;position:relative;padding:0 1px;background:none;color:#8a939e;font-size:11px;font-weight:600}.tab.active{color:var(--orange)}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--orange)}.tab svg{width:15px;height:15px}.count{font-size:8px;background:#f0f2f4;color:#9099a3;border-radius:4px;min-width:15px;padding:2px 4px}.scene-status{font-size:9px;color:#86958f;white-space:nowrap}.scene-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#5b9b7d;margin-right:5px}.stage-wrap{height:536px;position:relative;background:#f4f5f3;overflow:hidden}#scene{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.stage-heading{position:absolute;top:23px;left:25px;pointer-events:none}.live-badge{font-size:7px;letter-spacing:1.3px;color:#84948c;background:#e8ede8;border:1px solid #dce3db;border-radius:4px;padding:4px 6px;font-weight:700}.stage-heading h3{font-size:14px;font-weight:600;letter-spacing:-.3px;margin:12px 0 5px}.stage-heading p{font-size:10px;color:#8d9698;margin:0}.view-tools{position:absolute;top:22px;right:18px;display:flex;flex-direction:column;border:1px solid #e0e4e4;border-radius:7px;background:#fffffff0;box-shadow:0 2px 5px #20333d07;overflow:hidden}.icon-btn{background:#fff;color:#7d8793;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px}.icon-btn:hover{background:#edf0f3}.view-tools .icon-btn{border-radius:0;width:31px;height:31px}.view-tools .icon-btn svg{width:15px;height:15px}.dark{background:none;color:#9ca9b8}.dark:hover{background:#263246}.canvas-label{position:absolute;font-size:9px;color:#535e64;background:#ffffffed;border:1px solid #e1e6e3;box-shadow:0 2px 3px #17272206;padding:7px 9px;border-radius:5px;pointer-events:none;white-space:nowrap;opacity:0}.canvas-label i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.label-com i{background:var(--orange)}.label-support i{background:#269781}.stage-scale{position:absolute;left:24px;bottom:98px;font-size:8px;color:#929b9a;display:flex;align-items:center;gap:7px}.stage-scale>span{display:block;width:32px;height:5px;border:1px solid #9ea9a6;border-top:0}.orbit-hint{position:absolute;right:19px;bottom:97px;display:flex;align-items:center;gap:5px;font-size:8px;color:#919a9b}.orbit-hint svg{width:12px;height:12px}.telemetry{position:absolute;bottom:16px;left:18px;right:18px;height:65px;background:#ffffffed;border:1px solid #e2e7e4;border-radius:8px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;backdrop-filter:blur(6px)}.telemetry>div{padding-left:18px;border-right:1px solid #e9edeb;min-width:0}.telemetry>div:last-child{border:0}.telemetry span{display:flex;align-items:center;gap:4px;font-size:7px;color:#939ca4;letter-spacing:1px;font-weight:600;white-space:nowrap}.telemetry strong{display:block;margin-top:6px;font-size:19px;font-weight:550;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.telemetry small{font-size:10px;color:#8a9399;font-weight:400;letter-spacing:0}.tiny-help{font-size:7px;border:1px solid #ccd2d8;color:#929aa5;background:transparent;border-radius:50%;width:10px;height:10px;padding:0;display:inline-grid;place-items:center}.stage-outcome{position:absolute;bottom:116px;left:50%;transform:translateX(-50%);padding:9px 15px;border:1px solid #d1e4dc;border-radius:20px;background:#f5fffaef;color:#378369;font-size:10px;font-weight:600;white-space:nowrap}.stage-outcome.failed{border-color:#f2d4c6;background:#fff6f0ef;color:#c3653e}.experiment-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 19px;border-top:1px solid var(--line)}.control-label{display:block;font-size:7px;letter-spacing:1.2px;color:#9bA2ab;margin-bottom:5px;font-weight:650}select{color:#4d5865;border:1px solid var(--line);border-radius:5px;background:#fff;padding:7px 25px 7px 8px;font-size:10px;max-width:100%}.experiment-mode select{border:none;padding:0 20px 0 0;font-size:11px;font-weight:550}.play-controls{display:flex;align-items:center;gap:12px}.reset-btn{border:1px solid var(--line);height:35px;width:35px}.experiment-controls .button{min-width:150px;padding:11px 14px}.experiment-controls .button svg{width:14px;height:14px}.model-note{background:#fafbfc;border-top:1px solid #edf0f3;display:flex;align-items:center;gap:6px;font-size:8px;color:#9aa2ab;padding:10px 18px}.model-note>span:first-child svg{width:11px;height:11px}.model-note .text-button{margin-left:auto;font-size:8px;color:#89939e}.inspector{padding:20px 19px 16px}.inspector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.inspector-header .eyebrow{font-size:7px;letter-spacing:1.4px}.inspector-header h2{font-size:16px;margin:6px 0 0;font-weight:600;letter-spacing:-.4px}.inspector-header>span{color:#8d96a0}.robot-picker{display:flex;align-items:center;gap:10px;text-align:left;padding:11px 10px;width:100%;background:#fafbfc;border:1px solid var(--line);border-radius:7px;font-size:11px;font-weight:600;color:#43505e}.robot-mini{width:32px;height:33px;background:#ecf0f1;border-radius:6px;display:grid;place-items:center;color:#798b90}.robot-mini svg{width:23px;height:23px}.robot-picker small{display:block;font-size:6px;color:#99a1aa;letter-spacing:1px;margin-top:5px}.chevron{margin-left:auto;font-size:14px;color:#9da6af}.preset-row{display:flex;gap:5px;margin:10px 0 18px}.preset{font-size:8px;color:#929ba4;border-radius:5px;border:1px solid #e7ebef;background:white;padding:6px 7px;flex:1}.preset.active{border-color:#f5c7b6;color:#cf6a46;background:#fff6f1}.parameter-section{border-top:1px solid #edf0f2;padding-top:15px;margin-top:16px}.parameter-section h3{display:flex;gap:8px;align-items:center;font-size:10px;font-weight:650;margin:0 0 15px}.parameter-section h3>span{font-size:7px;color:#9ba4ac;font-weight:500;font-family:monospace}.range-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#76818c;line-height:1.4}.range-label output{font-size:10px;color:#4f5b68;font-weight:650;font-variant-numeric:tabular-nums}.range-label output small{color:#a4aab2;font-size:8px;font-weight:400}.range-label.spaced{margin-top:16px}input[type=range]{appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--orange) 40%,#e9ecef 40%);width:100%;height:3px;border-radius:4px;margin:13px 0 8px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid var(--orange);width:12px;height:12px;border-radius:50%;box-shadow:0 1px 2px #0001}input[type=range]::-moz-range-thumb{background:#fff;border:2px solid var(--orange);width:9px;height:9px;border-radius:50%}.range-ticks{display:flex;justify-content:space-between;font-size:7px;color:#afb5bd}.overlay-settings{border-top:1px solid #edf0f2;margin-top:16px;padding-top:15px}.overlay-settings h3{font-size:9px;font-weight:600;margin:0 0 12px;color:#73808b}.overlay-settings label{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:9px;color:#7e8992;cursor:pointer}.legend-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:6px}.orange{background:var(--orange)}.teal{background:var(--teal)}input[role=switch]{appearance:none;width:25px;height:14px;border-radius:9px;background:#ced5db;margin:0;position:relative;cursor:pointer}input[role=switch]:checked{background:#269581}input[role=switch]:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff;transition:transform .15s}input[role=switch]:checked:after{transform:translateX(11px)}.prediction-card{background:#f7f8fa;border:1px solid #edf0f2;border-radius:7px;padding:12px;margin-top:18px}.prediction-card .eyebrow{font-size:6px;letter-spacing:1.2px}.prediction-card h3{font-size:11px;font-weight:600;margin:6px 0 10px}.prediction-options{display:flex;gap:6px}.prediction-options button{flex:1;display:flex;justify-content:space-between;background:white;border:1px solid #e0e5e9;border-radius:5px;padding:7px 8px;font-size:9px;color:#79848f}.prediction-options button[aria-pressed=true]{border-color:var(--orange);background:#fff3ec;color:#cb653d}.prediction-card p{font-size:7px;color:#a5adb6;margin:10px 0 0}.discovery{display:flex;align-items:center;gap:13px;padding:19px 20px;margin-top:20px;border:1px solid #e3e7e6;border-radius:9px;background:#eef3f0}.discovery-icon{width:32px;height:35px;background:#e0eae4;color:#6a8f7c;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.discovery strong{font-size:11px;font-weight:550;color:#4c675b}.discovery p{font-size:10px;color:#8a9b92;margin:5px 0 0;line-height:1.5}.discovery-tag{margin-left:auto;font-size:7px;letter-spacing:1.3px;color:#8ca294;white-space:nowrap}footer{display:flex;justify-content:space-between;color:#a9b0b9;font-size:8px;padding:23px 1px}footer>span:first-child{letter-spacing:.2px}footer i{font-style:normal;margin:0 10px;color:#c0c5cc}dialog{max-width:570px;width:calc(100% - 32px);border:1px solid #e4e8eb;border-radius:15px;padding:25px 28px;color:var(--ink);box-shadow:0 20px 100px #0f1b3640}dialog::backdrop{background:#14203380;backdrop-filter:blur(4px)}.modal-top{display:flex;align-items:center;justify-content:space-between}.modal-top .eyebrow{color:var(--orange)}#modal-content h2{font-size:25px;letter-spacing:-.8px;line-height:1.2;margin:18px 0 14px}#modal-content h3{font-size:13px;margin:20px 0 8px}#modal-content p,#modal-content li{font-size:12px;color:#78838f;line-height:1.8}#modal-content strong{color:#465766;font-weight:600}#modal-content ol{padding-left:20px}#modal-content code{font-size:11px;background:#f0f3f5;padding:3px 5px;border-radius:3px;white-space:nowrap}#modal-content pre{background:#152233;color:#b6d8d3;padding:18px;border-radius:8px;font-size:11px;line-height:1.9;overflow:auto}#modal-content pre code{background:none;padding:0;color:inherit}#modal-content .roadmap-item{padding:13px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}#modal-content .roadmap-item strong{display:block;font-size:12px}#modal-content .roadmap-item small{display:block;font-size:10px;color:#99a2ac;margin-top:5px}#modal-content .roadmap-item b{margin-left:auto;font-size:8px;border-radius:4px;padding:5px 6px;color:#82968d;background:#eff5f1;white-space:nowrap}#modal-content .roadmap-item b.later{background:#f3f4f6;color:#a4aab2}.modal-done{margin-top:19px;width:100%}.small-note{font-size:10px;color:var(--muted);line-height:1.7}.code-panel{padding:20px 24px;background:#f9fafb;border-top:1px solid var(--line)}.code-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.code-heading h3{font-size:13px;font-weight:550;margin:7px 0 15px}.code-heading .eyebrow{font-size:7px}.editor-wrap{background:#162334;border-radius:8px;display:flex;overflow:hidden;min-height:220px;border:1px solid #253447}.line-numbers{color:#586a80;font:11px/22px monospace;min-width:38px;padding:15px 9px;text-align:right;user-select:none;white-space:pre;overflow:hidden}#code-editor{width:100%;min-height:220px;resize:vertical;display:block;color:#c6ded8;background:none;border:none;outline:none;tab-size:2;font:11px/22px "SFMono-Regular",Consolas,monospace;padding:15px 15px 15px 5px;white-space:pre;overflow:auto}.code-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;color:#93a0ac;margin-top:10px}.code-error{padding:9px 11px;background:#fff1eb;color:#bd603c;font-size:10px;margin-top:9px;border-radius:5px}.results-panel{padding:26px;background:#fafbfc;border-top:1px solid var(--line);max-height:450px;overflow:auto}.results-heading h3{font-size:19px;letter-spacing:-.5px;margin:9px 0}.results-heading p{font-size:11px;color:#919aa5}.empty-state{border:1px dashed #dce2e7;padding:28px 20px;border-radius:8px;margin-top:20px;text-align:center;color:#95a0aa;font-size:11px;line-height:1.9}.result-card{border:1px solid #e2e7eb;background:white;border-radius:8px;padding:16px;margin-top:13px}.result-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.result-card h4{font-size:12px;font-weight:600;margin:0}.result-badge{font-size:8px;background:#edf5ef;color:#55836c;border-radius:4px;padding:4px 6px}.result-badge.fail{background:#fff1e9;color:#c27350}.result-card p{font-size:10px;color:#8b97a2;line-height:1.7;margin:10px 0 0}.result-specs{font-size:8px;color:#9da6af;line-height:1.8;margin-top:10px}.result-card .text-button{color:var(--orange);margin-top:7px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90%;padding:13px 18px;background:#1b2b3e;color:#e9eef2;font-size:11px;border-radius:8px;box-shadow:0 6px 30px #0002;z-index:20}.hidden,[hidden]{display:none!important}body[data-tab=code] .stage-wrap{height:320px}body[data-tab=code] .stage-heading{top:16px}body[data-tab=code] .stage-heading p{display:none}body[data-tab=code] .telemetry{height:52px;bottom:10px}body[data-tab=code] .telemetry strong{font-size:15px}body[data-tab=code] .stage-scale,body[data-tab=code] .orbit-hint{bottom:73px}body[data-tab=results] .stage-wrap{height:260px}body[data-tab=results] .stage-heading p{display:none}body[data-tab=results] .stage-scale,body[data-tab=results] .orbit-hint{display:none}
@media(min-width:1550px){main{padding:36px 42px 0}.workspace{grid-template-columns:minmax(0,1fr) 310px}.stage-wrap{height:610px}.inspector{padding:24px}.parameter-section{padding-top:19px;margin-top:20px}.prediction-card{margin-top:22px;padding:15px}.page-heading{margin-bottom:30px}.lesson-strip{margin-bottom:26px}}
@media(max-width:1120px){main{padding:24px 22px 0}.rail{width:65px;padding:23px 6px}.rail-item{width:51px}.workspace{grid-template-columns:minmax(0,1fr) 255px;gap:14px}.inspector{padding:18px 15px}.lesson-concept{display:none}.lesson-strip .text-button{margin-left:auto}.telemetry>div{padding-left:11px}.telemetry span{font-size:6px;letter-spacing:.7px}.scene-status{font-size:8px}.tabs{gap:16px}.stage-heading{left:20px}.stage-heading p{font-size:9px}.discovery-tag{display:none}.stage-wrap{height:534px}.topbar{padding:0 23px;gap:30px}.brand{font-size:19px}.save-status{display:none}}
@media(max-width:850px){.rail{display:none}.topbar{height:68px;padding:0 20px}.brand{font-size:17px}.brand small{font-size:7px}.brand-mark{width:37px;height:38px;line-height:37px;font-size:33px;padding-left:8px}.brand-mark span{font-size:30px}.project-title{padding-left:20px;font-size:10px}.header-actions{gap:10px}main{padding:24px 18px 0}.workspace{grid-template-columns:minmax(0,1fr) 240px;gap:12px}.page-heading h1{font-size:23px}.page-heading p{font-size:10px}.guide-button{font-size:10px;padding:9px}.key-hint{display:none}.lesson-strip{padding:15px;gap:12px}.lesson-copy p{font-size:10px}.stage-heading p{max-width:200px;line-height:1.6}.bench-toolbar{padding:0 13px}.scene-status{display:none}.model-note .text-button{display:none}.model-note{font-size:7px;padding:10px}.telemetry{left:10px;right:10px}.telemetry>div{padding-left:9px}.telemetry strong{font-size:16px}.telemetry span{font-size:5px;letter-spacing:.4px}.tiny-help{display:none}.experiment-controls{padding:13px 12px}.experiment-controls .button{min-width:0;padding:11px;font-size:9px}.play-controls{gap:8px}.experiment-mode select{font-size:9px;max-width:135px}.stage-wrap{height:540px}.orbit-hint{display:none}.canvas-label{font-size:8px;padding:6px}.stage-scale{bottom:96px}.inspector{padding:17px 13px}.view-tools{right:11px}.code-heading{align-items:flex-start;flex-direction:column}.code-heading select{margin-bottom:12px}}
@media(max-width:650px){.project-title{display:none}.topbar{height:66px}.topbar .header-actions{gap:14px}main{padding:23px 14px 0}.page-heading{margin-bottom:20px}.page-heading h1{font-size:21px;letter-spacing:-.6px;margin-top:9px}.page-heading p{max-width:215px;line-height:1.5}.eyebrow{font-size:8px}.guide-button{padding:8px;font-size:0;gap:0}.guide-button svg{width:17px;height:17px}.lesson-strip{margin-bottom:15px;padding:14px 12px;gap:11px}.lesson-number{width:35px;height:40px;font-size:16px;flex-shrink:0}.lesson-copy h2{font-size:14px}.lesson-copy p{font-size:9px;line-height:1.6}.lesson-copy .eyebrow{font-size:6px;letter-spacing:1px}.lesson-strip .text-button{font-size:0}.lesson-strip .text-button span:last-child{font-size:15px;margin:0}.workspace{display:flex;flex-direction:column;gap:15px}.workbench,.inspector{width:100%}.stage-wrap{height:440px}.stage-heading p{max-width:none;font-size:9px}.stage-heading{top:22px;left:17px}.telemetry{height:60px;bottom:12px}.telemetry span{font-size:6px}.telemetry strong{font-size:16px}.telemetry small{font-size:9px}.stage-scale{bottom:90px}.inspector{padding:20px}.inspector-header{margin-bottom:14px}.preset-row{margin-bottom:15px}.preset{font-size:9px;padding:8px}.parameter-section{padding-top:16px;margin-top:18px}.range-label{font-size:11px}.range-label output{font-size:11px}.range-ticks{font-size:8px}input[type=range]{height:4px;margin:16px 0 12px}input[type=range]::-webkit-slider-thumb{width:17px;height:17px}.parameter-section h3{font-size:11px}.parameter-section h3>span{font-size:8px}.robot-picker{font-size:12px;padding:12px}.robot-picker small{font-size:7px}.overlay-settings label{font-size:11px}.overlay-settings h3{font-size:11px}input[role=switch]{width:30px;height:17px}input[role=switch]:after{width:13px;height:13px}input[role=switch]:checked:after{transform:translateX(13px)}.prediction-card{padding:15px}.prediction-card .eyebrow{font-size:8px}.prediction-card h3{font-size:13px}.prediction-options button{font-size:11px;padding:10px}.prediction-card p{font-size:9px}.model-note{font-size:7px}.experiment-controls .button{font-size:11px;padding:12px 14px}.experiment-mode select{font-size:10px;max-width:155px}.discovery{padding:14px;gap:10px;margin-top:15px}.discovery strong{font-size:10px;line-height:1.5}.discovery p{font-size:9px}.discovery-icon{width:28px;height:32px}footer{font-size:7px;line-height:1.7;padding:19px 0}footer>span:last-child{display:none}.code-panel,.results-panel{padding:20px 15px}.code-heading{flex-direction:row;gap:8px}.code-heading h3{font-size:11px}.code-heading select{max-width:135px;font-size:9px}.code-footer{flex-direction:column;align-items:flex-start}.stage-outcome{font-size:9px;max-width:90%;white-space:normal;text-align:center;bottom:101px}.code-error{line-height:1.7}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.terrain-row{display:flex;gap:5px;margin:8px 0 4px}
.terrain-row .preset{transition:transform .16s ease-out,background .16s,color .16s,border-color .16s}
.terrain-row .preset:active{transform:scale(.97)}
.blue{background:#5b9bd0}
.result-actions{display:flex;gap:16px;flex-wrap:wrap}
.plots-panel{padding:22px 24px 26px;background:#fafbfc;border-top:1px solid var(--line)}
.plots-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}
.plots-heading h3{font-size:19px;letter-spacing:-.5px;margin:9px 0}
.plots-heading p{font-size:11px;color:#919aa5;margin:0}
.plots-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.plots-actions .button{padding:8px 12px;font-size:10px}
.plots-actions .button svg{width:14px;height:14px}
.plots-meta{font-size:9px;color:#8b95a0;line-height:1.9;margin:14px 0 0}
.plots-meta strong{color:#4f5b68;font-weight:600}
.plots-meta code{font:10px "SFMono-Regular",Consolas,monospace;background:#eef1f4;color:#4f5b68;padding:2px 5px;border-radius:3px;white-space:normal;overflow-wrap:anywhere}
.plot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.plot{position:relative;margin:0;background:#fff;border:1px solid #e2e7eb;border-radius:8px;overflow:hidden}
.plot canvas{display:block;width:100%;height:240px;cursor:crosshair;touch-action:pan-y}
.plot canvas:focus-visible{outline-offset:-3px}
.plot-tip{position:absolute;z-index:2;pointer-events:none;background:#fff;border:1px solid #262626;padding:6px 8px;font:10px/1.6 Helvetica,Arial,sans-serif;color:#262626;white-space:nowrap;box-shadow:0 2px 6px #0000001a}
.plot-tip-head{color:#6b6b6b;margin-bottom:2px}
.plot-tip b{font-weight:700;font-variant-numeric:tabular-nums}
.plot-tip span{color:#6b6b6b;margin-left:6px}
.plot-tip i{display:inline-block;width:12px;border-top:2px solid;margin-right:6px;vertical-align:middle}
.plot-tip i.dash{border-top-style:dashed}
body[data-tab=plots] .stage-wrap{height:300px}
body[data-tab=plots] .stage-heading p{display:none}
body[data-tab=plots] .stage-scale,body[data-tab=plots] .orbit-hint{display:none}
@media(max-width:1120px){.plot-grid{grid-template-columns:1fr}}
@media(max-width:650px){.plots-panel{padding:20px 15px}.plot canvas{height:220px}.result-actions{gap:10px}}
.plot-tip i.dot{border-top-style:dotted}
.robot-option{width:100%;background:none;color:inherit;text-align:left;border-radius:6px;transition:background .16s,transform .16s ease-out}
.robot-option:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){.robot-option:hover{background:#fafbfc}}
.robot-note{margin:12px 0 0;padding:10px 11px;background:#f7f8fa;border:1px solid #edf0f2;border-radius:6px}
.lesson-switch{display:flex;gap:6px;flex-shrink:0}
button.lesson-number{background:#f3f4f6;color:#a4aab2;transition:background .16s,color .16s,transform .16s ease-out}
button.lesson-number[aria-pressed=true]{background:#fff0e8;color:#db673d}
button.lesson-number:active{transform:scale(.97)}
.mission-card{background:#f7f8fa;border:1px solid #edf0f2;border-radius:7px;padding:12px;margin-top:18px}
.mission-card .eyebrow{font-size:6px;letter-spacing:1.2px}
.mission-card h3{font-size:11px;font-weight:600;margin:6px 0 8px}
.mission{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:#fff;border:1px solid #e0e5e9;border-radius:6px;padding:8px 9px;margin-top:6px;color:#4f5b68;font-size:9px;font-weight:600;transition:transform .16s ease-out,border-color .16s,background .16s}
.mission:active{transform:scale(.98)}
.mission[aria-pressed=true]{border-color:var(--orange);background:#fff3ec}
.mission small{display:block;color:#99a1aa;font-size:7px;font-weight:500;margin-top:3px;letter-spacing:.4px}
.mission-status{margin-left:auto;font-size:7px;font-weight:700;letter-spacing:.8px;color:#a4aab2;white-space:nowrap}
.mission-status.done{color:#308574}
.mission-goal{font-size:8px;color:#8b95a0;line-height:1.7;margin:10px 0 0}
@media(max-width:650px){.lesson-switch{gap:4px}.lesson-switch .lesson-number{width:32px}.mission-card{padding:15px}.mission-card .eyebrow{font-size:8px}.mission-card h3{font-size:13px}.mission{font-size:11px;padding:10px}.mission small{font-size:9px}.mission-status{font-size:8px}.mission-goal{font-size:10px}}
.purple{background:#7E2F8E}
.green{background:#77AC30}
.wind-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0 4px;font-size:11px;color:#7e8992;cursor:pointer}
.night-sky .stage-heading h3{color:#f4f6fb}.night-sky .stage-heading p{color:#c4ccda}
.watch{position:absolute;top:22px;right:62px;z-index:2;width:206px;background:#fffffff2;border:1px solid #e0e4e4;border-radius:8px;padding:9px 11px;box-shadow:0 2px 6px #20333d0d;pointer-events:none}
.watch .eyebrow{font-size:7px;letter-spacing:1.2px}
.watch table{width:100%;border-collapse:collapse;margin:6px 0 4px;font:10px/1.6 ui-monospace,monospace;font-variant-numeric:tabular-nums}
.watch th{text-align:left;font-weight:600;color:#4f5b68}.watch thead th{font:600 8px system-ui,sans-serif;color:#8d9698;text-align:right}
.watch td{text-align:right;color:#1e2a36}.watch td.truth{color:#c06a43}
.watch small{display:block;font-size:8px;line-height:1.4;color:#8d9698}
.line-numbers span.active{color:#fff;background:#e8743f;border-radius:3px;padding:0 3px}
.line-numbers span.error{color:#fff;background:#d64545;border-radius:3px;padding:0 3px}
@media(max-width:650px){.watch{top:104px;left:12px;right:auto;width:150px;padding:6px 8px}.watch small{display:none}.watch table{font-size:9px;margin:3px 0 0}}
.mission-verdict{padding:12px 19px 14px;border-top:1px solid var(--line);background:#fafbfb}
.mission-verdict .eyebrow{font-size:7px;letter-spacing:1.2px}
.mission-verdict p{margin:6px 0;font-size:11px;line-height:1.5;color:#4f5b68}
.mission-verdict .verdict-result strong{margin-right:4px}.mission-verdict .verdict-result.pass strong{color:#2f8a6c}.mission-verdict .verdict-result.fail strong{color:#c3653e}
.mission-verdict .verdict-guess{color:#6b7682;font-style:italic}
.mission-verdict .verdict-hint{background:#fff;border:1px solid #edf0f2;border-radius:6px;padding:8px 10px}
.verdict-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.verdict-actions .preset{flex:0 0 auto;padding:6px 10px}
.snippets{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:0 0 8px}
.snippets .control-label{margin-right:3px}
.snippet{font:10px ui-monospace,monospace;color:#344053;background:#fff;border:1px solid #dfe4e8;border-radius:5px;padding:4px 7px;cursor:pointer;transition:transform .12s ease-out,background .12s}
.snippet:active{transform:scale(.97)}@media(hover:hover) and (pointer:fine){.snippet:hover{background:#f4f6f8}}
#snippet-sensor{font:10px ui-monospace,monospace;padding:3px 4px;border:1px solid #dfe4e8;border-radius:5px;background:#fff;color:#344053}
.mission-verdict .verdict-goal b,.mission-verdict .verdict-hint b{color:#344053}
.mission-verdict .verdict-note{font-size:10px;color:#8d6a3a}
.mission-verdict .verdict-sub{margin:8px 0 2px;font-weight:600;color:#344053}
.mission-verdict .verdict-why{margin:0 0 6px;padding-left:18px;font-size:11px;line-height:1.5;color:#4f5b68}
.mission-verdict .verdict-hint{background:#fff;border:1px solid #edf0f2;border-radius:6px;padding:8px 10px;margin:6px 0;font-size:11px;line-height:1.5;color:#4f5b68}
.mission-verdict .verdict-hint pre{margin:6px 0 0;padding:8px 10px;background:#162334;color:#dfe7f1;border-radius:6px;font:10px/1.6 ui-monospace,monospace;white-space:pre-wrap}
.results-export{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.results-export label{font-size:10px;color:#73808b}
.results-export input{font:12px system-ui,sans-serif;padding:6px 8px;border:1px solid #dfe4e8;border-radius:6px;min-width:150px}
.results-export small{flex-basis:100%;font-size:9px;color:#8d9698}