CSS Battle Solutions

*{background:linear-GRAdient(#F4DA64 60%,#E25C57 0)0/1%50px;box-SHadow:inSet 50vw 0#E25C57;*{scale:-1;margin:150 0 0
</style>

&{background:radial-gradient(1q at 5pc,#0000 50vh,#FFFFCD 0 50vw,#0000),radial-gradient(1q at 50vw,#0000 50vh,#FFFFCD 0 50vw,#0000),linear-gradient(90deg,#5DBCF9 41%,#FFFFCD 0 59%,#5DBCF9 0);border:15vw solid#5DBCF9

*{margin:30 80;background:linear-gradient(#0000 41%,#243d83 0 60%,#0000 0),radial-gradient(1q,#fff 7.5ch,#243d83 0 25vw,#fff 0 15ch,#243d83)fixed;*{margin:0 96 0 98;font:0'
</style>


<stYle>*{margin:30 80;background:radial-gradient(1q,#fff 7.5ch,#243d83 0 25vw,#fff 0 15ch,#243d83)fixed;*{p{rotate:90deg;width:278}margin:98-9;height:46;font:0'
</style>


<stYle>*{margin:30;background:radial-gradient(1q,#fff 7.5ch,#243d83 0 25vw,#fff 0 15ch,#243d83)fixed;*{p{rotate:90deg;width:378}margin:98-9;height:46;font:0'
</style>

*{background:#51A495;p{height:100;background:#fff;rotate:45deg;margin:60 252 0 32;--t:60q;box-shadow:var(--t)var(--t)#fff;+p{rotate:-45deg;translate:130%-120%;--t:67q

&{color:FEFF58;margin:30%40%;rotate:15deg;box-shadow:0 0 0 74q,0 0 0 2in#CA8E75}p{rotate:-30deg;scale:1.849 1;box-shadow:-6px 19px 0 60px#414B81}dt{box-shadow:0-22px 0 32q;scale:.645-1

*{background:#142932;border:4ch solid#00D47E;border-radius:4em;margin:35 45;height:56;+*{p{+p{width:30}position:fixed;margin:60 80;border-width:0 31 30 29;height:110}margin:-2-1;width:250;height:60;font:0'

*{background:#2D3464;border-inline:5pc solid#D95362;height:5pc;*{zoom:.999.99;margin:80-40}p{zoom:.5;translate:0 10pc;+p{zoom:.25;margin:80;border-width:240

&{zoom:10;background:#FAE29E}p{+p{margin:-29 1;+p{margin:16 4}}background:#4A9A86;width:3;height:10;margin:16-2;box-shadow:19px -2vh#4A9A86

*{background:#142032;color:0B1D4;*{margin:10%90;border:32q solid}img{zoom:10;outline:5px solid#142032;border:1vh double;margin:-3;+*{margin:-3 13;+*{margin:13-3-10

*{background:#B0C1F0;*{margin:var(--t,100);color:#3E5AA9}dl{+dl{+dl{transform:skew(0);box-shadow:0 9ch;height:20;--t:-132 0}--t:-100 32}--t:0-187}p{--t:0 80;width:42;height:50;transform:skew(45deg);box-shadow:35vh 0,3em 0}[b]{scale:1}[a]{scale:1-1

*{background:#23384B}p{margin:80 222-270  82;height:120;border:solid#F0CD48;border-width:var(--t,20 20) 0 20;border-radius:1in 1in 0 0}[a]{margin:-80 142;scale:-1;height:0;--t:50 50;box-shadow:0-5ch 0 5ch#23384B}[b]{margin:130 82 0 222

[b]{--t:135deg}[c]{--t:45deg}[d]{--t:90deg}[e]{width:60;height:60;margin:45 105;border-width:0 0 5vw 5vw}body{border-radius:50%}&{margin:7 57;background:#D24444;*{color:F3DA7A;border:5vw solid;p{width:20;height:190;margin:0 105-230;border-width:5vw 0;rotate:var(--t,0

&{background:linear-gradient(90deg,#240D29 35vh,#0000 0 312q,#240D29 0)0 35vw/80%5vw repeat-x#F1E1BE}p{margin:25 177 140;height:50;color:240D29;box-shadow:74q 10vh,-74q 10vh,inset 1in 0;+p{height:20vh;scale:-1

*{background:var(--t,#FFD)}dl,dt{--t:#D96C7B;border-radius:1in}dl{+dl{--r:-80;--t:#30383F;color:D96C7B;+dl{--r:-260}}color:30383F;padding:10;margin:var(--r,120)12}dt{margin:0 150;border:5vw solid;box-shadow:-50vh 0,50vh 0

&{background:#FFF1F1;border-inline:53q solid#F2A3AB;margin: 60;*{margin:0 45 0 35;background:radial-gradient(1q at 25vw,#0000 5ch,#84B9C7 0 5lh,#0000

*{background:#152844}p{margin:var(--m,-48 122);height:135;border:solid var(--r,#A34F46);border-width:var(--t,70 30 0);+p{--t:30 0;--m:18 12;+[a]{height:60;--m:-183 12;--t:0 30;--r:#fff;+p{--m:93 177;--t:15

*{background:radial-gradient(1q,#4A9A86 70vh,#FAE29E);+&{-webkit-box-reflect:left -4in;background:129q radial-gradient(1q at 0 50%,#0000,110px,#FAE29E 0 35vw,#0000

*{background:repeating-conic-gradient(#00D47E 0 25%,#23384B 0 var(--t,0))0/5pc;p{--t:50%;width:360;height:80;margin:20 12;+p{margin:100 12;scale:-1

&{background:conic-gradient(at 10%50%,#0000 75%,#3E4071 0)45vw 10vh,linear-gradient(#3E4071 5ch,#0000 0)50%230px/70%repeat-y#EDDF5A;p{margin:52 122;height:100;rotate:315deg;border:solid#3E4071;border-width:0 0 5ch 5ch

*{background:radial-gradient(1q,#DB5EAD 53q var(--t,,#492FB0 0))50%/34%}p{--t:;margin:75 37;width:50;height:150;+p{rotate:15deg;margin:-225 167;+p{rotate:30deg;margin:75 297

&{background:linear-gradient(#0000 33vw,#FFF 0 42vw,#0000 0),radial-gradient(1q,#FFF 30px,#5AA4B7 0 50px,#30383F)}dl,p{height:36}dl{border-inline:5pc solid#FFF;width:200;margin:132 9}p{width:36;border-radius:50%;border:8vw solid#5AA4B7;margin:100 42;+p{margin:-200 242

*{background:#161E44;color:FEF6E2;border:solid;border-width:40 var(--t,65);*{--t:35 30 0;margin:100 0 0 150;box-shadow:0-180q;-webkit-box-reflect:left 10vh

*{background:#F7FCDC;border:2.5ch solid#9F6766;border-bottom:0;margin:20 60;*{margin:40 30;p{background:#8AB8B6;margin:-20-70;height:150;font:0'

*{margin:35 40;background:#7DDDEB;p{color:9A5DCB;width:30;height:30;box-shadow:inset 5ch 0,5ch 0,0 5ch,5vw 5ch,5ch 5ch;+p{margin:60 80;rotate:attr(t deg);+p{margin:-50 170;+p{margin:-120 130

&{background:#3E5AA9;border:solid#B0C1F0;border-width:50 100;box-shadow:inset 0 0 0 60px#FAE29E}h3{background:conic-gradient(at 35vh 74q,#0000 0,#3E5AA9 0 135deg,#0000 0),conic-gradient(at 58q 96q,#0000 180deg,#3E5AA9 0 315deg,#0000 0);height:160;border-radius:50%;margin:20 12

*{background:#4763B1;margin:29 54;p{+p+p{margin:-248 112 288}margin:-8-8 48;border:5ch solid#fff;width:0;box-shadow:attr(x vw,0)attr(y vw,0

*{*{margin:80 90;box-shadow:-35vw -5pc,0-5pc,35vw -5pc,-35vw 5pc,0 5pc,35vw 5pc}color:EDDF5A}&{border:solid;border-width:50 70;background:linear-gradient(#E8625E 50%,#333 0

&{background:#6255AA;margin:-50 0;border:35vw solid#EA9A52;p{+p{margin:-120 32;scale:-1}width:160;height:120;margin:-8-88;clip-path:polygon(50%0,0 50%,50%100%,100%50%);background:linear-gradient(90deg,#6255AA 50%,#fff 0

*{background:var(--t,#F9FAFD);*{p{+p{margin:185 162;scale:2}position:fixed;--t:#4F73D9;border-radius:attr(r px);width:60;height:60;margin:82 162}--t:#A7C2FA;clip-path:circle(5pc at 50%

body{background:#9382E4}p{margin:30 attr(y q,234)-30 52;height:60;mask:conic-gradient(at 7vw 8vw,#0000 25%,#000 0);background:linear-gradient(90deg,#B6EBE7 74q,#3F595E 0);transform:translate(attr(x px