/* The approved animation is a transparent foreground, with real depth behind it. */
.space-depth{perspective:850px;perspective-origin:52% 43%;transform:none!important}
.space-world{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:52% 43%;will-change:transform}
.space-world .space-layer,.space-world .space-pilot{will-change:transform;transition:none}
.space-world .space-stars{opacity:.3}
.space-world .space-flight{z-index:auto;transform:translateZ(-160px) scale(1.18824)}
.space-world .space-pilot{z-index:auto}
.space-world .space-layer{z-index:auto}
.panda-motion-video,.panda-motion-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.layered-art .space-figure>.panda-motion-fallback{object-fit:cover;clip-path:none;border:0}
.space-figure>.panda-motion-video,.space-figure>.panda-motion-fallback{opacity:0}
.space-figure.motion-ready>.panda-motion-video,.space-figure.motion-ready>.panda-motion-fallback{opacity:1}
.space-figure.motion-ready>img:not(.panda-motion-fallback){opacity:0}
.space-world .space-figure{animation:none!important;transform:none!important;filter:none;cursor:pointer}
.space-world .space-figure:active{cursor:pointer}
.space-world .space-figure:focus-visible{outline:2px dashed #c5f367;outline-offset:-12px}
@media(prefers-reduced-motion:reduce){.space-world,.space-world .space-layer,.space-world .space-pilot{transform:none!important;will-change:auto}.space-flight{display:none}.space-figure.motion-ready>img:not(.panda-motion-fallback){opacity:1}.space-figure.motion-ready>.panda-motion-video,.space-figure.motion-ready>.panda-motion-fallback{opacity:0}}
/* Keep both boots inside the narrow mobile viewport without stretching the drawing. */
@media(max-width:800px){.layered-art .space-figure>.panda-motion-video,.layered-art .space-figure>.panda-motion-fallback{inset:auto;left:54%;top:50%;height:92%;width:auto;max-width:none;aspect-ratio:1240/742;object-fit:contain;transform:translate(-50%,-50%)}}