CSS Battle #138 – Lotus

[Narigo]

Link to battle:

Let's battle! ⚔️

Copy the code block below to format your comment on the discussion thread:

<details>
<summary>Code Source – <strong>score {characters}</strong></summary>
<!-- have to be followed by an empty line! -->

```html
your cssbattles code here!
```

</details>

What others will see:

This will result in a nice hidden bit like so:

Code Source – score {characters}

your cssbattles code here!

[Arvind644]

Code Source – 607.88 {412}

<div></div>
<div r></div>
<div m></div>

<style>
  body {
    display: flex;
    background: #926927;
    align-items: center;
    justify-content: center;
  }
  div {
    width: 100;
    height: 100;
    background: #6D480A;
    border-radius: 0 100%;
    margin-top: 40;
  }
  [r] {
    rotate: 90deg;
  }
  [m] {
    position: absolute;
    background: #FFF;
    rotate: 45deg;
    margin-top: 0;
  }
</style>

[Narigo]

Code Source – 608.03 {410}

<div></div>
<style>
  *{background:#926927}
  div,div:after,div:before {
    position:absolute;
    content:'';
    width:100;
    height:100;
    border-radius: 100% 0;
    background:#6D480A;
    transform-origin:0 100%;
    transform:translate(192px, 112px);
  }
  div:after {
    background: #fff;
    transform:translateY(1px) rotate(-45deg);
  }
  div:before {
    transform:rotate(-90deg);
  }
</style>

[missatrox44]

Code Source – 609.63{391}

<p/>
<p r/>
<p w/>
<style>
  body {
    background: #926927;
    display: flex;
    justify-content: center;
    align-items: center; 
  }
  p {
    width: 100;
    height: 100;
    border-radius: 0% 100%;
    background: #6D480A;
    margin: 40 0 0 0;
  }
  [w] {
    background: #FFF;
    rotate:45deg;
    position: absolute;
    margin-top: 0;
  }
  [r] {
    rotate: 90deg;
  }
</style>

[will-rosenberg]

Starting from @missatrox44's solution & trying to further reduce number of characters. First just removing whitespace gets us here:

Code Source – 629.65{273}

<p/><p r/><p w/><style>body{background:#926927;display:flex;justify-content:center;align-items:center;}p{width:100;height:100;border-radius:0%100%;background:#6D480A;margin:40 0 0 0;}[w]{background:#FFF;rotate:45deg;position:absolute;margin-top:0;}[r]{rotate:90deg}</style>

[will-rosenberg]

Removed last curly bracket, closing style tag, one zero from margin. Replaced body with *+*

Code Source – 633.24{261}

<p/><p r/><p w/><style>*+*{background:#926927;display:flex;justify-content:center;align-items:center;}p{width:100;height:100;border-radius:0%100%;background:#6D480A;margin:40 0 0;}[w]{background:#FFF;rotate:45deg;position:absolute;margin-top:0;}[r]{rotate:90deg