back to battles

Battle #256 — 256th

606.58{431}·100% match
targetJUL 11
256th
approach
multi-element
radial
border-radius
transform
margin positioning
clip-path
view on cssbattle.dev
golf code — would get you fired in a real codebase{431} chars
solution.css
<p a><p b><p b c><style>&{background:#4C455B}[b]{height:60;border-radius:50%50%0;margin:0 192-60 132;background:radial-gradient(1q,#0000 10px,#8AB8B6);rotate:-43deg}[c]{translate:60px;scale:-1}[a]{margin:30 72-190;height:240;background:#F5E3B5;clip-path:polygon(5ch 0,50vw 0,50vw 5ch,100%5ch,100%50%,50vw 50%,50vw 40vw,5ch 40vw,5ch 50vw,50vw 50vw,50vw 100%,5ch 100%,5ch 50vw,0%50vw,0%40vw,5ch 40vw,5ch 50%,50vw 50%,50vw 5ch,5ch 5ch