/*
 * Copyright (c) 2026. All Rights Reserved.
 * Written by Jonathan Castillo for the University of the Cordilleras
 * Modified by JonathanCastillo with last update on 09/29/2026, 12:31 AM
 */

/* Ember Overlay Container */
.ember-container {
  position: absolute;
  top: 48px;
  left: 32px;
  width: 72px;
  height: 100px;
  pointer-events: none;
  overflow: hidden;
}

/* Individual Ember Particles */
.ember-container span {
  position: absolute;
  bottom: 10%;
  left: var(--left);
  width: var(--size);
  height: var(--size);
  background: #ffaa00;
  border-radius: 50%;
  box-shadow:
    0 0 8px #ff4500,
    0 0 12px #ff0000;
  opacity: 0;
  animation: riseEmber var(--duration) infinite linear;
  animation-delay: var(--delay);
}

/* Rising Ember Animation */
@keyframes riseEmber {
  0% {
    opacity: 0;
    transform: translateY(0) scale(1) translateX(0);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    transform: translateY(-98px) scale(0.3) translateX(25px);
  }
}