.robot-atmosphere{--scene-x:50%;z-index:2;pointer-events:none;opacity:var(--scene-opacity,1);position:fixed;inset:0;overflow:hidden}.robot-atmosphere-host{left:var(--scene-x);width:86vw;height:calc(100svh - 96px);transition:height .35s,top .35s;position:absolute;top:96px;transform:translate(-50%)}.robot-atmosphere-host canvas{width:100%;height:100%;display:block}.robot-atmosphere-fallback{left:var(--scene-x);width:min(44vw,620px);height:70svh;color:var(--signal);place-items:center;display:grid;position:absolute;top:15svh;transform:translate(-50%)}.robot-atmosphere-fallback .explore-sketch{width:100%;height:auto;max-height:100%;display:block}.robot-atmosphere-interface{z-index:6;pointer-events:none;height:100svh;opacity:var(--scene-opacity,1);position:absolute;inset:0 0 auto}.robot-atmosphere[data-hidden=true],.robot-atmosphere-interface[data-hidden=true]{visibility:hidden}.scene-controls{color:var(--signal);pointer-events:auto;align-items:center;gap:6px;display:flex;position:absolute;top:110px;right:max(48px,50% - 590px)}.scene-controls button{border:1px solid var(--border);cursor:pointer;min-height:38px;font:9px/1.5 var(--font-mono);background:#fafbf9ed;border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;display:inline-flex}.scene-controls button:hover:not(:disabled),.scene-controls button[aria-pressed=true]{color:var(--primary);background:var(--secondary)}.scene-controls button:disabled{opacity:.4;cursor:default}.scene-controls button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media(min-width:761px){.robot-atmosphere[data-chapter="0"] .robot-atmosphere-host{height:55svh;top:105px}}@media(max-width:760px){.robot-atmosphere-host{width:145vw;height:50svh;top:88px}.robot-atmosphere-fallback{width:85vw;height:45svh;top:12svh}.scene-controls{gap:5px;top:100px;right:22px}.scene-controls button{min-height:34px;padding-inline:7px;font-size:8px}}@media(prefers-reduced-motion:reduce){.robot-atmosphere-host{transition:none}}