<div></div>

body {
  --bg: #fff;
  background: var(--bg);
}

div {
  
  width: 80vmin;
  height: 80vmin;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background:
    radial-gradient(closest-side, orange 90%, transparent 0) 20% 65% / 30% 30%,
    radial-gradient(closest-side, darkorange 90%, transparent 0) 45% 56% / 30% 30%;
  background-repeat: no-repeat;
}

div::before {
  content: "";
  display: block;
  position: absolute;
  top: 17%;
  left: 15%;
  width: 60%;
  height: 60%;
  border-radius: 50%;
  background: 
    
    radial-gradient(closest-side, #0c0 99.9%, transparent 0) 50% 70% / 13.5% 13%,
    radial-gradient(closest-side, #5d6 99.9%, transparent 0) 63% 65% / 14% 14%,
    radial-gradient(closest-side, #0c0 99.9%, transparent 0) 50% 50% / 15% 15%,
    radial-gradient(closest-side, #0b0 99.9%, transparent 0) 62% 55% / 14% 14%,
    radial-gradient(closest-side, #0b0 99.9%, transparent 0) 64% 80% / 14% 14%,
    radial-gradient(closest-side, #0b0 99.9%, transparent 0) 36% 55% / 15% 15%,
    radial-gradient(closest-side, #3d5 99.9%, transparent 0) 46% 80% / 13% 13%,
    radial-gradient(closest-side, #5e5 99.9%, transparent 0) 56% 78% / 14% 14%,
    radial-gradient(closest-side, #5c6 99.9%, transparent 0) 36% 75% / 14% 14%,
    radial-gradient(closest-side, #5d6 99.9%, transparent 0) 30% 65% / 14% 14%,
    radial-gradient(closest-side, #3a5 99.9%, transparent 0) 46% 63% / 17% 17%,
/*     radial-gradient(closest-side, var(--bg) 99.9%, transparent 0) 40% 40% / 20% 30%, */
    radial-gradient(farthest-side at 0% 50%, transparent 80%, brown 0 99.9%, transparent 0) 46% 38% / 10% 20%
    ;
  background-repeat: no-repeat;
  box-shadow: 
    inset -10vmin 8vmin var(--bg),
    inset 3vmin -3vmin #ee0,
    inset 3vmin -4vmin,
    inset 8vmin -8vmin #ee0;
}

div::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    
    linear-gradient(75deg, transparent 42%, brown 0 50%, transparent 0) 65% 45.5% / 12% 6%,
    linear-gradient(95deg, transparent 42%, brown 0 50%, transparent 0) 84% 38% / 12% 6%,
    linear-gradient(120deg, transparent 43%, green 0 68.5%, transparent 0) 21% 20% / 15% 12%,
    radial-gradient(farthest-side at 50% -20%, #d0d8dd 70%, transparent ) 50% 100% / 80% 5%,
    radial-gradient(99.9% 250% at 50% 0%, #79c 50%, transparent 0) 50% 93% / 75% 30%,
    radial-gradient(closest-side, orange 90%, transparent 0) 70% 65% / 30% 30%,
    radial-gradient(farthest-side at 50% 150%, green 80%, transparent 0) 71% 43% / 15% 4%,
    linear-gradient(#bc7, #bc7) 82% 55% / 4% 10%,
    radial-gradient(closest-side, #bc7 50%, transparent 0) 90.5% 45% / 30% 30%,
    radial-gradient(closest-side, #bc7 90%, transparent 0) 80% 71% / 30% 30%,
    radial-gradient(100% 80% at 140% 60%, #0000 80%, #bc7 81%) 84.5% 56.5% / 5% 13%
    ;
  background-repeat: no-repeat;
}