CSS Battle #107 – Sealing Wand

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

Took way too long for 100% again... :(

Code Source – 600.04 {959}

<div s></div>
<div h></div>
<div r></div>
<div t></div>
<div w a></div>
<div w b></div>
<div w c></div>
<style>
  *{position:absolute}
  [h]{
    height: 150;
    width: 20;
    top:150;
    left: 181.5;
    background: #E96A23;
  }
  [t]{
    top: 0;
    left: 0;
    width: 384px;
    height: 284px;
    background:
      radial-gradient(1q, #161616 10px, #A22015 0 15px, #fff 0 25px,#A22015 0 30px, #0000 0);
  }
  [r]{
    height: 40;
    width: 30;
    left:177;
    top:155;
    border-radius: 10px;
    background:#A22015;
  }
  [w]{
    left: 121.5;
    top: 124;
    height:12px;
    width:53px;
    border-radius:0 0 0 15px;
    background:#fff;
    &[b]{
      width: 33px;
      left:137;
      top:136;
    }
    &[c]{
      width: 23px;
      left:152;
      top:148;
    }
  }
  [s]{
    left:192;
    top:121;
    height: 40px;
    width: 80px;
    border-radius: 0 60px 6px 0;
    background:#E96A23;
  }
&{
  background:
  #161616
}
</style>