html – The solution to the CSS battle is not the same.

I am currently playing a CSS battle, a game where the goal is to copy a given image using HTML / css in minimal characters. I was trying this challenge, and got the following result:

They both look alike to me, and yet I got 58% of the match. Is there anything I miss here? Or is it a problem with the site?

This is my code (spacing added for explanation):

<p><p b><p c>
<style>
  *+*{
    display:grid;
    grid:1fr/repeat(3,50px);
    place-items:center;
    justify-content:center;
    background:#0B2429
  }
  p{
    margin:-100px;
    width:150;
    height:150;
    background:#1A4341;
    border-radius:100px 0
  }
  p[b]{
    background:#998235
  }
  p[c]{
    background:#F3AC3C