<!--

Generated by DrawGPT.
Free, open source, AI generated images in SVG, PNG, and HTML Canvas format.
https://drawgpt.ai

Created: 2025-05-16T23:21:01+00:00
-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512">
  <title>Epic Celestial Altar: Artful Sacrifice Demanded</title>
  <desc>When the gods want a sacrifice, they hope for dramatic lighting and a lumpy goat—offering accepted*! (*just JOKING, no goats harmed)</desc>
  <metadata type="keywords">altar, gods, sacrifice, celestial, ritual</metadata>
  <!-- Mystical swirling night sky background -->
  <defs>
    <radialGradient id="bgGrad" cx="50%" cy="40%" r="70%">
      <stop offset="0%" stop-color="#ffeecf" id="id_bg_stop1" />
      <stop offset="60%" stop-color="#993bff" stop-opacity="0.8" id="id_bg_stop2"/>
      <stop offset="100%" stop-color="#211144" stop-opacity="1" id="id_bg_stop3" />
    </radialGradient>
    <linearGradient id="flame1Grad" x1="50%" y1="80%" x2="50%" y2="40%">
      <stop offset="0%" stop-color="#ffff60" />
      <stop offset="30%" stop-color="#ffa553" />
      <stop offset="100%" stop-color="#ee4422"/>
    </linearGradient>
    <radialGradient id="glowGrad" cx="50%" cy="50%" r="70%">
      <stop offset="0%" stop-color="#ffd86b" stop-opacity="0.7"/>
      <stop offset="100%" stop-color="white" stop-opacity="0"/>
    </radialGradient>
    <linearGradient id="moonGrad" x1="50%" y1="0%" x2="90%" y2="100%">
      <stop offset="0%" stop-color="#fffef0"/>
      <stop offset="80%" stop-color="#ffd8a6"/>
      <stop offset="100%" stop-color="#e6d0cd"/>
    </linearGradient>
    <radialGradient id="altarGrad" cx="50%" cy="10%" r="100%">
      <stop offset="0%" stop-color="#dfe2e2"/>
      <stop offset="100%" stop-color="#7f848a"/>
    </radialGradient>
    <linearGradient id="glowBeam" x1="50%" y1="0%" x2="50%" y2="100%">
      <stop offset="0%" stop-color="#fffd96" stop-opacity="0.9"/>
      <stop offset="95%" stop-color="#fffbd0" stop-opacity="0"/>
    </linearGradient>
    <radialGradient id="beamAura" cx="50%" cy="20%" r="85%">
      <stop offset="0%" stop-color="#fff7d5" stop-opacity="0.5"/>
      <stop offset="100%" stop-color="#fffba0" stop-opacity="0"/>
    </radialGradient>
  </defs>
  <rect id="bg_rect" class="background" width="512" height="512" fill="url(#bgGrad)"/>
  <!-- Twinkling stars -->
  <g id="stars_group" class="stars">
    <circle id="star1" class="star" cx="150" cy="70" r="2.4" fill="#fff9d3" opacity="0.8" />
    <circle id="star2" class="star" cx="325" cy="60" r="1.7" fill="#fffce2" opacity="0.75" />
    <circle id="star3" class="star" cx="410" cy="110" r="2" fill="#fffbdc" opacity="0.85" />
    <circle id="star4" class="star" cx="60" cy="130" r="3" fill="#fff" opacity="1" />
    <circle id="star5" class="star" cx="241" cy="48" r="2.7" fill="#ffe9b6" opacity="0.85" />
    <circle id="star6" class="star" cx="488" cy="189" r="1.9" fill="#f9fafb" opacity="0.8" />
    <circle id="star7" class="star" cx="390" cy="220" r="1.5" fill="#f7fbef" opacity="0.7" />
    <circle id="star8" class="star" cx="87" cy="193" r="1.9" fill="#fffefb" opacity="0.74" />
    <circle id="star9" class="star" cx="465" cy="55" r="1" fill="#fcedba" opacity="0.85"/>
    <circle id="star10" class="star" cx="40" cy="60" r="1" fill="#fffcea" opacity="0.72"/>
    <animate id="twinkle_anim_star" xlink:href="#star1" attributeName="opacity" values="0.7;1;0.7" dur="2s" repeatCount="indefinite" keyTimes="0;0.5;1" begin="0s" />
    <animate id="twinkle_anim_star2" xlink:href="#star2" attributeName="opacity" values="0.75;0.98;0.75" dur="1.7s" repeatCount="indefinite" keyTimes="0;0.5;1" begin="0.3s"/>
    <animate id="twinkle_anim_star3" xlink:href="#star3" attributeName="opacity" values="0.85;0.6;0.85" dur="1.6s" repeatCount="indefinite" keyTimes="0;0.5;1" begin="0.6s"/>
    <animate id="twinkle_anim_star4" xlink:href="#star4" attributeName="opacity" values="1;0.6;1" dur="2.2s" repeatCount="indefinite" keyTimes="0;0.5;1" begin="1s"/>
    <animate id="twinkle_anim_star5" xlink:href="#star5" attributeName="opacity" values="0.85;1;0.7;0.85" dur="2s" repeatCount="indefinite" keyTimes="0;0.25;0.7;1" begin="0.5s"/>
  </g>
  <!-- Celestial full moon with a dramatic aura -->
  <g id="moon_group" class="moon">
    <circle id="moon_glow" class="moon-glow" cx="256" cy="100" r="52" fill="url(#glowGrad)" opacity="0.5"/>
    <circle id="moon_circle" class="moon-main" cx="256" cy="100" r="40" fill="url(#moonGrad)" stroke="#ffe090" stroke-width="6" />
    <ellipse id="moon_crater1" class="moon-crater" cx="250" cy="85" rx="6" ry="4" fill="#ede6bb" opacity="0.5"/>
    <ellipse id="moon_crater2" class="moon-crater" cx="264" cy="108" rx="4" ry="3" fill="#efe8ca" opacity="0.3"/>
    <ellipse id="moon_crater3" class="moon-crater" cx="239" cy="98" rx="2.4" ry="1.3" fill="#dacce2" opacity="0.2"/>
    <ellipse id="moon_crater4" class="moon-crater" cx="265" cy="92" rx="1.9" ry="1.1" fill="#e4dac3" opacity="0.2"/>
    <animateTransform id="moon_anim" xlink:href="#moon_group" attributeName="transform" type="rotate" values="0 256 100;1.3 256 100;0 256 100" dur="5s" repeatCount="indefinite"/>
  </g>
  <!-- Ancient altar: central pedestal shape like an eye -->
  <g id="altar_group" class="altar">
    <ellipse id="altar_base_shadow" class="altar-shadow" cx="256" cy="390" rx="105" ry="27" fill="#4d4741" opacity="0.23"/>
    <rect id="altar_mid" class="altar-pedestal" x="146" y="254" width="220" height="107" rx="32" fill="url(#altarGrad)" stroke="#b9c4df" stroke-width="8"/>
    <ellipse id="altar_top" class="altar-top" cx="256" cy="254" rx="94" ry="34" fill="#e3dec8" stroke="#99989b" stroke-width="5"/>
    <ellipse id="altar_top_shade" class="altar-top-shade" cx="256" cy="254" rx="64" ry="14" fill="#c4b490" opacity="0.37"/>
  </g>
  <!-- Glowing golden beam from moon onto altar: divine approval! -->
  <g id="beam_group" class="beam">
    <polygon id="beam_poly" class="beam-light" points="246,141 268,141 325,261 187,261"
      fill="url(#glowBeam)" opacity="0.90"/>
    <ellipse id="beam_aura" class="beam-aura" cx="256" cy="180" rx="91" ry="39"
      fill="url(#beamAura)" opacity="0.33"/>
    <animate id="beam_light_anim" xlink:href="#beam_poly"
      attributeName="opacity" values="0.70;1;0.70" dur="5s"
      keyTimes="0;0.4;1" repeatCount="indefinite"/>
    <animate id="beam_aura_anim" xlink:href="#beam_aura"
      attributeName="rx" values="91;104;80;91" dur="5s"
      keyTimes="0;0.23;0.75;1" repeatCount="indefinite"/>
  </g>
  <!-- Dramatic sacrificial offering: a golden rubber chicken on silken cloth -->
  <g id="chicken_group" class="sacrifice">
    <!-- Silken red cloth, pooling and folding -->
    <path id="offering_cloth" class="offering-cloth"
      d="M198,257 Q210,280 205,322 Q230,344 260,338 Q285,342 307,328 Q302,298 314,263 Q297,257 257,267 Q210,243 198,257Z"
      fill="#e03e46"
      stroke="#bd2731" stroke-width="3"/>
    <path id="offering_cloth_hl" class="offering-cloth" d="M220,320 Q233,334 255,331 Q275,339 294,323"
      fill="none" stroke="#ef7676" stroke-width="6" opacity="0.5"/>
    <!-- Chicken body (dazzling gold!) -->
    <ellipse id="chicken_body" class="sacrifice-body" cx="255" cy="303" rx="31" ry="16.2"
      fill="#edd529" stroke="#ecb228" stroke-width="3"/>
    <!-- Chicken head -->
    <ellipse id="chicken_head" class="sacrifice-head" cx="240" cy="291" rx="10" ry="7"
      fill="#f6db60" stroke="#ecb228" stroke-width="2"/>
    <!-- Chicken eye -->
    <circle id="chicken_eye" class="sacrifice-eye" cx="237" cy="291" r="1.4" fill="#55391a"/>
    <!-- Chicken beak -->
    <polygon id="chicken_beak" class="sacrifice-beak" points="231,291 228,293 232,293"
      fill="#e68708" />
    <!-- Chicken crest -->
    <ellipse id="chicken_crest" class="sacrifice-crest" cx="235.3" cy="282.9" rx="2.15" ry="1.1" fill="#c11e16"/>
    <!-- Chicken wings -->
    <ellipse id="chicken_wing_left" class="sacrifice-wing wing" cx="244" cy="303" rx="7.7" ry="5.8" fill="#fce96a"
      stroke="#eed740" stroke-width="1.6" />
    <ellipse id="chicken_wing_right" class="sacrifice-wing wing" cx="265" cy="304.5" rx="7.7" ry="5.1" fill="#fce76b"
      stroke="#edd544" stroke-width="1.3" />
    <!-- Chicken dramatic tail -->
    <path id="chicken_tail" class="sacrifice-tail" d="M284,308 Q293,309 285,321 Q287,315 279,312" fill="#ecca3c" stroke="#e1b23a" stroke-width="1.6"/>
    <!-- Chicken legs -->
    <rect id="chicken_leg1" class="sacrifice-leg" x="254" y="317" width="2.8" height="13" rx="1"
      fill="#f3c31e"/>
    <rect id="chicken_leg2" class="sacrifice-leg altleg" x="247" y="317.5" width="2.8" height="10" rx="1"
      fill="#f0bc1a"/>
    <polygon id="chicken_foot1" class="sacrifice-foot" points="256,330 259,334 254,333" fill="#daa503"/>
    <polygon id="chicken_foot2" class="sacrifice-foot" points="248,327.7 251,333 245,331.5" fill="#bf9518"/>
    <!-- Animate the chicken bobbing up and down like a ritual dance -->
    <animateTransform id="chicken_anim" xlink:href="#chicken_group" attributeName="transform" type="translate"
      values="0,0; 0,-7; 0,0;0,7;0,0" keyTimes="0;0.20;0.55;0.85;1" dur="5s"
      repeatCount="indefinite"/>
    <!-- Chicken go BUCKAWK: Beak opens and closes -->
    <animate xlink:href="#chicken_beak" attributeName="points"
      values="231,291 228,293 232,293;231,292 228,297 232,297;231,291 228,293 232,293"
      keyTimes="0;0.5;1" dur="5s" repeatCount="indefinite"/>
    <!-- Chicken eye twitches for surprise comic horror -->
    <animate xlink:href="#chicken_eye" attributeName="r"
      values="1.4;2.2;1.4" keyTimes="0;0.24;1" dur="5s" repeatCount="indefinite"/>
  </g>
  <!-- Animated golden ethereal flames: ritual candlelight -->
  <g id="fire_flames" class="flame-group">
    <!-- Center flame -->
    <path id="flame_central" class="flame" d="M253,238 Q256,233 261,238 Q260,241 256,250 Q252,241 253,238Z"
      fill="url(#flame1Grad)" opacity="0.78"/>
    <!-- Left flame -->
    <path id="flame_left" class="flame" d="M230,248 Q233,242 237,247 Q236.5,250 233,257 Q229.7,251.7 230,248Z"
      fill="url(#flame1Grad)" opacity="0.7"/>
    <!-- Right flame -->
    <path id="flame_right" class="flame" d="M277,248 Q273,242.5 270.2,247.7 Q271,251 275,258 Q279,251 277,248Z"
      fill="url(#flame1Grad)" opacity="0.7"/>
    <animateTransform id="flame_anim_center" xlink:href="#flame_central" attributeName="transform"
      type="translate" values="0,0;0,-10;0,0; 0,8;0,0" keyTimes="0;0.15;0.4;0.7;1"
      dur="5s" repeatCount="indefinite"/>
    <animate xlink:href="#flame_central" attributeName="opacity"
      values="0.78;1;0.5;0.78" keyTimes="0;0.38;0.7;1" dur="5s" repeatCount="indefinite"/>
    <animateTransform id="flame_anim_left" xlink:href="#flame_left" attributeName="transform"
      type="translate" values="0,0;0,-7;0,0;0,7;0,0"
      keyTimes="0;0.25;0.42;0.7;1" dur="5s" repeatCount="indefinite"/>
    <animateTransform id="flame_anim_right" xlink:href="#flame_right" attributeName="transform"
      type="translate" values="0,0;0,-9;0,0;0,6;0,0"
      keyTimes="0;0.12;0.40;0.71;1" dur="5s" repeatCount="indefinite"/>
  </g>
  <!-- Spectators (cloak-wrapped, proudly vague cultists): in shadows but sharing awe  -->
  <g id="viewer_group" class="cultists" opacity="0.8">
    <ellipse id="cultist_shadow1" class="cultist-shadow" cx="92" cy="389" rx="24" ry="11" fill="#342619" opacity="0.45"/>
    <ellipse id="cultist_shadow2" class="cultist-shadow" cx="415" cy="399" rx="25" ry="12" fill="#342619" opacity="0.43"/>
    <!-- Left cult (hooded) -->
    <path id="cultist_body1" class="cultist-body" d="M78,306 Q85,326 90,388 Q118,392 129,349 Q131,310 94,306Z"
        fill="#221927" stroke="#553137" stroke-width="3"/>
    <ellipse id="cultist_head1" class="cultist-head" cx="93" cy="304" rx="14" ry="16"
        fill="#362232" stroke="#553147" stroke-width="1.2"/>
    <!-- Animate left cultist bowing -->
    <animateTransform id="cultist1_anim" xlink:href="#cultist_body1" attributeName="transform"
        type="translate" values="0,0; 0,16;0,0;-1,0;0,0" keyTimes="0;0.28;0.55;0.88;1" dur="5s" repeatCount="indefinite"/>
    <animateTransform id="cultist1_head_anim" xlink:href="#cultist_head1" attributeName="transform"
        type="translate" values="0,0;0,10;0,0;-1,0;0,0" keyTimes="0;0.25;0.57;0.83;1" dur="5s" repeatCount="indefinite"/>
    <!-- Right cult (arms raised!!) -->
    <path id="cultist_body2" class="cultist-body" d="M410,325 Q416,345 419,393 Q464,392 408,384 Q383,353 401,326Z"
      fill="#1d0d20" stroke="#624058" stroke-width="3"/>
    <ellipse id="cultist_head2" class="cultist-head" cx="410" cy="320" rx="13.1" ry="12"
      fill="#44184c" stroke="#9c6ca0" stroke-width="1.2"/>
    <rect id="cultist_arm" class="cultist-arm" x="420" y="328" width="28" height="8.9" rx="4" fill="#72347c" opacity="0.75"/>
    <!-- Animate arms raising -->
    <animateTransform id="cultist2arm_anim" xlink:href="#cultist_arm" attributeName="transform"
      type="rotate" values="0 420 330; 30 420 330; 0 420 330" keyTimes="0;0.4;1" dur="5s" repeatCount="indefinite"/>
    <animateTransform id="cultist2_anim" xlink:href="#cultist_body2" attributeName="transform" type="translate"
      values="0,0;0,-10;0,0" keyTimes="0;0.38;1" dur="5s" repeatCount="indefinite"/>
    <animateTransform id="cultist2_head_anim" xlink:href="#cultist_head2" attributeName="transform" type="translate"
      values="0,0;0,-9;0,0" keyTimes="0;0.37;1" dur="5s" repeatCount="indefinite"/>
  </g>
  <!-- Ritual stone path: leading to altar from bottom, lava-glow cracks -->
  <g id="path_section" class="lava-path">
    <path id="ritual_path" class="stone-path"
      d="M251,511 Q236,463 256,407 Q274,463 263,511Z"
      fill="#60573c" stroke="#eeb048" stroke-width="3"/>
    <path id="lava_crack1" class="stone-path-lava"
      d="M252,432 Q258,445 253,470"
      fill="none" stroke="#ffce5b" stroke-width="3.2" opacity="0.54"/>
      <path id="lava_crack2" class="stone-path-lava"
      d="M254,456 Q263,479 261,489"
      fill="none" stroke="#fe982c" stroke-width="2.8" opacity="0.46"/>
  </g>
  <!-- Weird ritual flowers on the sides (background anchors) -->
  <g id="flowers_background" class="flowers">
    <ellipse id="flower_l1" class="flower" cx="51" cy="475" rx="7" ry="18" fill="#9bffa6" opacity="0.32" />
    <ellipse id="flower_l2" class="flower" cx="91" cy="488" rx="11" ry="7" fill="#e1b3ff" opacity="0.28" />
    <ellipse id="flower_r1" class="flower" cx="471" cy="497" rx="6" ry="13" fill="#fc93bf" opacity="0.31" />
    <ellipse id="flower_r2" class="flower" cx="457" cy="477" rx="15" ry="10" fill="#eee37c" opacity="0.22" />
  </g>
</svg>