CSS Battle #94 – Ripples

[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!

[Narigo]

Code Source – 677.64 {172}

<style>&{background:radial-gradient(1q,#F3AC3C 21q,#0000 0 30q,#F3AC3C 0 42q,#0000 0 53q,#998235 0 63q,#0000 0 76q,#F3AC3C 0 85q,#0000 0 99q,#F3AC3C 0 106q,#0000 0),#0E2E2C

[meg-gutshall]

First attempt – 659.46 {200}

<style>*>*{background:radial-gradient(circle at center,#F3AC3C 0 20px,#0E2E2C 0 28px,#F3AC3C 0 40px,#0E2E2C 0 50px,#998235 0 60px,#0E2E2C 0 72px,#F3AC3C 0 80px,#0E2E2C 0 94px,#F3AC3C 0 100px,#0E2E2C 0

Second attempt – 675.45 {175}

<style>*{background:radial-gradient(1q,#F3AC3C 0 5vw,#0E2E2C 0 7vw,#F3AC3C 0 5ch,#0E2E2C 0 53q,#998235 0 60px,#0E2E2C 0 9ch,#F3AC3C 0 5pc,#0E2E2C 0 94px,#F3AC3C 0 25vw,#0E2E2C

Third attempt (with tips from @Narigo) – 678.39 {171}

<style>*{background:radial-gradient(1q,#F3AC3C 5vw,#0000 0 7vw,#F3AC3C 0 5ch,#0000 0 53q,#998235 0 60px,#0000 0 9ch,#F3AC3C 0 5pc,#0000 0 94px,#F3AC3C 0 25vw,#0000)#0E2E2C