.mode.spatial{grid-column:1/-1;background:linear-gradient(145deg,#7749db,#b240c7)}.spatial-scene{position:relative;width:min(100%,330px);height:165px;margin:2px auto;border-radius:22px;background:linear-gradient(#ccefff 0 68%,#b8df9c 69%);box-shadow:inset 0 0 0 3px #fff,0 6px 16px #214a7a33;overflow:hidden}.spatial-scene:after{content:'';position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:74px;height:57px;border:5px solid #855326;border-radius:8px;background:#d99551;box-shadow:inset 0 0 0 5px #efb66f}.spatial-object{position:absolute;z-index:2;font-size:45px;line-height:1;transition:.3s}.spatial-object.above{left:50%;top:5px;transform:translateX(-50%)}.spatial-object.below{left:50%;bottom:0;transform:translateX(-50%)}.spatial-object.left{left:32px;bottom:30px}.spatial-object.right{right:28px;bottom:30px}.spatial-object.inside{left:50%;bottom:30px;transform:translateX(-50%);font-size:36px;z-index:3}.spatial-object.outside{right:26px;bottom:19px}.spatial-object.on{left:50%;bottom:82px;transform:translateX(-50%)}.spatial-object.under{left:50%;bottom:7px;transform:translateX(-50%);font-size:34px}.spatial-label{position:absolute;z-index:4;left:9px;top:8px;padding:5px 9px;border-radius:11px;background:#ffffffd9;color:#29436b;font-size:12px}.spatial-answer{font-size:20px!important;line-height:1.25}.spatial-answer small{display:block;color:#59709c;font-size:14px;margin-top:4px}@media(max-width:520px){.mode.spatial{grid-column:1/-1}.spatial-scene{height:150px}.spatial-object{font-size:39px}}