:root{color:#e8edf7;font-synthesis:none;--line:#222936;--muted:#7e899b;background:#090c11;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 82% 5%,#182235 0,#0000 30%),linear-gradient(135deg,#080b10,#0d1118 55%,#090d13);min-width:320px;min-height:100vh;margin:0}button{font:inherit}.shell{width:min(1500px,100%);margin:auto;padding:34px 42px 26px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;padding:10px 0 34px;display:flex}.eyebrow{color:#7f8da2;letter-spacing:.18em;font:700 11px/1.2 ui-monospace,SFMono-Regular,monospace}.pulse{background:#32e7a7;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #32e7a7}h1{letter-spacing:-.055em;margin:17px 0 0;font-size:clamp(36px,5vw,76px);font-weight:520;line-height:.92}h1 em{color:#a7b4c9;font-style:normal}.runtime{text-align:right;border-right:2px solid #32e7a7;padding-right:14px}.runtime span,.runtime strong{display:block}.runtime span{color:#758399;letter-spacing:.15em;font:700 10px ui-monospace,monospace}.runtime strong{margin-top:8px;font-size:16px}.stage{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:center;padding:35px 0 27px;display:grid}.panel{border:1px solid var(--line);background:#10151d;box-shadow:0 28px 60px #0005}.panel-top{border-bottom:1px solid var(--line);align-items:center;height:58px;padding:0 18px;display:flex}.panel-top>span{color:#627087;margin-right:14px;font:600 11px ui-monospace,monospace}.panel-top h2{margin:0;font-size:15px;font-weight:650}.panel-top small{color:#657187;letter-spacing:.12em;margin-left:auto;font:700 9px ui-monospace,monospace}.viewport{aspect-ratio:16/10;background:#0a0e14;position:relative;overflow:hidden}.viewport video,.viewport>canvas{width:100%;height:100%;position:absolute;inset:0}.viewport video{object-fit:cover;filter:saturate(.7)contrast(1.08)brightness(.75);transform:scaleX(-1)}.robot{background:radial-gradient(circle at 50% 35%,#1b2638,#0b1018 66%)}.start{color:#07100e;cursor:pointer;background:#42e6ac;border:1px solid #7be7c0;padding:14px 19px;font-weight:750;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #27d99a4a}.start:hover{background:#75f0c4}.start span{margin-left:30px}.bridge{text-align:center;color:#566479}.bridge span{color:#b5c0d1;font:700 21px ui-monospace,monospace;display:block}.bridge i{margin:5px;font-size:28px;font-style:normal;display:block}.bridge small{letter-spacing:.14em;font:700 8px/1.5 ui-monospace,monospace}.status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090d13db;border:1px solid #2a3341;align-items:center;gap:10px;padding:10px 12px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.status>span{background:#8792a3;border-radius:50%;width:8px;height:8px}.status.running>span,.status.ready>span{background:#32e7a7;box-shadow:0 0 9px #32e7a7}.status.calibrating>span{background:#ffd166}.status.error>span,.status.lost>span{background:#ff4d6d}.status div{flex-direction:column;display:flex}.status strong{text-transform:uppercase;letter-spacing:.14em;font:750 9px ui-monospace,monospace}.status small{color:#8995a7;margin-top:3px;font-size:10px}.status b{margin-left:auto;font:600 11px ui-monospace,monospace}.axes{color:#6e7d92;font:700 9px/1.9 ui-monospace,monospace;position:absolute;top:18px;right:18px}.synthetic-label{color:#83ead0;letter-spacing:.14em;font:700 9px ui-monospace,monospace;position:absolute;top:15px;left:15px}.mapping{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0 27px}.mapping-head{justify-content:space-between;align-items:flex-end;margin-bottom:17px;display:flex}.mapping h2{letter-spacing:-.03em;margin:5px 0 0;font-size:25px}.seed{color:#6e7a8d;letter-spacing:.13em;font:700 9px ui-monospace,monospace}.seed code{color:#b8c4d5;margin-left:10px}.mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 22px;display:grid}.map-row{background:#0d1219;border:1px solid #1e2632;grid-template-columns:27px 8px minmax(0,1fr) 30px minmax(0,.7fr);align-items:center;gap:10px;min-height:52px;padding:8px 10px;display:grid}.map-number{color:#4f5d72;font:600 9px ui-monospace,monospace}.swatch{background:var(--signal);width:5px;height:28px;box-shadow:0 0 12px color-mix(in srgb,var(--signal) 35%,transparent)}.map-row div{flex-direction:column;min-width:0;display:flex}.map-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.map-row small{color:#657187;margin-top:3px;font:500 9px ui-monospace,monospace}.direction{color:var(--signal);font-size:16px}.controls{gap:8px;display:flex}.guide{border-bottom:1px solid var(--line);padding:20px 0 6px}.guide summary{cursor:pointer;color:#9ba8bb;align-items:center;gap:9px;font-size:13px;font-weight:650;list-style:none;display:flex}.guide summary::-webkit-details-marker{display:none}.guide summary:before{content:"+";color:#42e6ac;font:700 13px ui-monospace,monospace}.guide[open] summary:before{content:"−"}.guide summary:hover{color:#e8edf7}.guide[open] summary{margin-bottom:16px}.guide div{columns:2;column-gap:44px}.guide p{break-inside:avoid;color:#9ba8bb;margin:0 0 12px;font-size:13px;line-height:1.6}.guide strong{color:#c9d2df}@media (width<=800px){.guide div{columns:1}}footer{justify-content:space-between;align-items:center;padding-top:20px;display:flex}footer button{color:#c9d2df;cursor:pointer;background:#111720;border:1px solid #273140;padding:9px 12px;font-size:11px}footer button:hover{border-color:#4d5c72}kbd{color:#fff;background:#1b2330;border:1px solid #465268;margin-right:7px;padding:2px 5px;font:600 9px ui-monospace,monospace}footer p{color:#5f6c80;font-size:10px}footer p a{color:#42e6ac;text-decoration:none}footer p a:hover{text-decoration:underline}.error{color:inherit}@media (width<=800px){.shell{padding:22px 16px}.runtime{display:none}.stage{grid-template-columns:1fr;gap:18px}.bridge{display:none}.mapping-grid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:20px}.controls{flex-wrap:wrap}h1{font-size:43px}}.camera-gate{background:radial-gradient(circle at 50% 42%,#131c28,#090d13 66%);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.camera-gate p{color:#aeb9ca;letter-spacing:.14em;text-transform:uppercase;margin:0;font:700 10px ui-monospace,monospace}.camera-gate small{color:#59677b;font-size:10px}.camera-gate .start{position:static;transform:none}.start:disabled{cursor:wait;opacity:.7}.intro{align-items:center}.intro>div:first-child{max-width:760px}.intro h1{letter-spacing:-.045em;margin:0;font-size:clamp(32px,4vw,58px);line-height:1}.lede{color:#9ba8bb;max-width:700px;margin:15px 0 0;font-size:15px;line-height:1.55}.byline{color:#6e7c90;max-width:700px;margin:10px 0 0;font-size:12px;font-style:italic;line-height:1.5}.mapping-head h2{margin-top:0}.mapping-head p{color:#718096;margin:6px 0 0;font-size:11px}.source-chip,.target-chip{border:1px solid #0000;border-radius:2px;padding:8px}.source-chip{cursor:grab;background:#121923}.source-chip:active{cursor:grabbing}.map-row.drag-source{border-color:var(--signal);background:#121a24}.map-row.drag-source .source-chip{box-shadow:inset 3px 0 var(--signal),0 0 18px color-mix(in srgb,var(--signal) 18%,transparent)}.target-chip{transition:border-color .12s,background .12s,box-shadow .12s}.target-chip.drop-target{border-color:var(--signal);background:color-mix(in srgb,var(--signal) 12%,#101720);box-shadow:0 0 20px color-mix(in srgb,var(--signal) 22%,transparent)}.embodiment-picker{z-index:2;color:#718096;letter-spacing:.1em;text-transform:uppercase;background:#090d13d9;border:1px solid #2a3341;align-items:center;gap:9px;padding:7px 9px;font:700 9px ui-monospace,monospace;display:flex;position:absolute;top:14px;left:14px}.embodiment-picker select{color:#dce4ef;text-transform:none;letter-spacing:0;cursor:pointer;background:#151d28;border:0;outline:0;padding:5px 24px 5px 7px;font:650 10px ui-sans-serif,-apple-system,sans-serif}