We can start with the right element because of the stacking context. After much trial and error, I finally found the correct border-radius.
We repeat the same for the other element but with a different background-color.
We can fill the remaining with bordered rectangles.
I am not sure why this was not perfect 100% but 99.9. There is a slight border visible but that is negligible. Here is the minified code: