< Back to Frontend Friday Folks Index

Amegakure

Visit the official puzzle page (affiliate link!) to play it yourself. If you buy a course from CSSBattle through my affiliate link, I receive a share of it!

Highlighted solution (1446 characters)
1 
<div></div>
2 
<style>
3 
  body {
4 
    display: grid;
5 
    background:#000000;
6 
    place-items:center;
7 
  }
8 
  div {
9 
    background: #37385A;
10 
    border-radius: 20px;
11 
    box-sizing: border-box;
12 
    width: 240px;
13 
    height: 120px;
14 
    position:relative;
15 
  }
16 
  div::after {
17 
    position: absolute;
18 
    top:21q;
19 
    left:21q;
20 
    width:212q;
21 
    height:85q;
22 
    content: '';
23 
    border-radius: 10px;
24 
    background:
25 
      linear-gradient(to right,#0000 10px, #000 0 20px,#0000 0 30px, #000 0 40px,#0000 0 50px, #000 0 60px,#0000 0 70px, #000 0 80px,#0000 0) 55px 20q / 100px 45q no-repeat,
26 
      radial-gradient(1q at 70px 20px,#000 5q,#0000 0),
27 
      radial-gradient(1q at 90px 20px,#000 5q,#0000 0),
28 
      radial-gradient(1q at 110px 20px,#000 5q,#0000 0),
29 
      radial-gradient(1q at 130px 20px,#000 5q,#0000 0),
30 
      radial-gradient(1q at 70px 64q,#000 5q,#0000 0),
31 
      radial-gradient(1q at 90px 64q,#000 5q,#0000 0),
32 
      radial-gradient(1q at 110px 64q,#000 5q,#0000 0),
33 
      radial-gradient(1q at 130px 64q,#000 5q,#0000 0),
34 
      radial-gradient(1q at 180px 20px,#000 5q,#0000 0),
35 
      radial-gradient(1q at 180px 40px,#000 5q,#0000 0),
36 
      radial-gradient(1q at 180px 60px,#000 5q,#0000 0),
37 
      radial-gradient(1q at 20px 20px,#000 5q,#0000 0),
38 
      radial-gradient(1q at 20px 40px,#000 5q,#0000 0),
39 
      radial-gradient(1q at 20px 60px,#000 5q,#0000 0),
40 
    linear-gradient(105deg,#9897AE 87q,#C0C3DB 0 140q,#9897AE 0);
41 
  }
42 
</style>

This time, there was only Meg and me and since Meg didn't have time, we decided to make it a challenge: Use a timer and see how long I take. I've solved it to 99.9% in a little over 15 minutes but getting it to 100% took until the timer was at 30 minutes 33 seconds. Oof!

< Back to Frontend Friday Folks Index