.sacred-candle{
    --remaining-ratio:1;
    --consumed-ratio:0;
    --wax-light:#f8ffff;
    --wax-mid:#d9eef2;
    --wax-dark:#8eb9ca;
    --wax-shadow:rgba(38,91,121,.28);
    --flame-light:#fffbd9;
    --flame-mid:#ffbe4d;
    --flame-dark:#ee6f31;
    --flame-glow:rgba(255,163,55,.58);
    --flame-scale:1;
    position:relative;
    width:112px;
    height:224px;
    flex:0 0 auto;
    filter:drop-shadow(0 18px 18px rgba(0,0,0,.24));
}

.sacred-candle__aura{
    position:absolute;
    z-index:0;
    left:50%;
    bottom:calc(46px + 24px + (126px * var(--remaining-ratio)));
    width:104px;
    height:104px;
    border-radius:50%;
    background:radial-gradient(circle, var(--flame-glow), transparent 68%);
    filter:blur(9px);
    opacity:.78;
    transform:translateX(-50%);
    animation:sacred-candle-glow 2.8s ease-in-out infinite alternate;
}

.sacred-candle__flame{
    position:absolute;
    z-index:6;
    left:50%;
    bottom:calc(52px + 25px + (126px * var(--remaining-ratio)));
    width:24px;
    height:39px;
    transform:translateX(-50%) scale(var(--flame-scale));
    transform-origin:50% 100%;
    animation:sacred-candle-flicker 2.1s ease-in-out infinite alternate;
}

.sacred-candle__flame span{position:absolute;display:block;transform:rotate(45deg)}
.sacred-candle__flame-outer{inset:2px 1px 1px;border-radius:58% 42% 60% 40%/72% 66% 34% 28%;background:linear-gradient(145deg,var(--flame-light) 3%,var(--flame-mid) 52%,var(--flame-dark));box-shadow:0 0 12px var(--flame-glow),0 0 28px var(--flame-glow)}
.sacred-candle__flame-inner{inset:11px 6px 4px 7px;border-radius:58% 42% 62% 38%;background:linear-gradient(145deg,#fff,var(--flame-light) 72%)}
.sacred-candle__flame-core{inset:22px 10px 4px 10px;border-radius:60% 40%;background:#fff;box-shadow:0 0 5px #fff}

.sacred-candle__wick{
    position:absolute;
    z-index:5;
    left:calc(50% - 2px);
    bottom:calc(42px + 23px + (126px * var(--remaining-ratio)));
    width:4px;
    height:17px;
    border-radius:70% 30% 45% 55%;
    background:linear-gradient(90deg,#111821,#544034 62%,#14171b);
    box-shadow:0 -2px 3px var(--flame-glow);
    transform:rotate(-4deg);
}

.sacred-candle__wax{
    position:absolute;
    z-index:3;
    left:22px;
    bottom:39px;
    width:68px;
    height:calc(25px + (126px * var(--remaining-ratio)));
    min-height:25px;
    overflow:visible;
    border-radius:9px 11px 7px 9px/7px 9px 5px 6px;
    background:
        linear-gradient(92deg,var(--wax-shadow),transparent 20%,rgba(255,255,255,.42) 46%,transparent 67%,var(--wax-shadow)),
        linear-gradient(180deg,var(--wax-light),var(--wax-mid) 55%,var(--wax-dark));
    box-shadow:inset -10px 0 14px var(--wax-shadow),inset 7px 0 10px rgba(255,255,255,.15),0 0 15px rgba(118,218,255,.12);
    transition:height .8s linear;
}

.sacred-candle__highlight{position:absolute;inset:10px auto 14px 12px;width:6px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.65),transparent);opacity:.5}
.sacred-candle__rim{position:absolute;z-index:3;top:-6px;left:1px;width:66px;height:14px;border-radius:49% 51% 44% 56%/64% 58% 42% 36%;background:linear-gradient(180deg,var(--wax-light),var(--wax-mid));box-shadow:inset 0 4px 4px var(--wax-shadow),0 -2px 4px rgba(255,255,255,.2);transform:rotate(-1deg)}
.sacred-candle__pool{position:absolute;z-index:4;top:-2px;left:18px;width:32px;height:9px;border-radius:50%;background:radial-gradient(ellipse,var(--wax-dark) 0 24%,var(--wax-mid) 52%,var(--wax-light) 74%);box-shadow:inset 0 1px 3px var(--wax-shadow),0 0 7px var(--flame-glow);transform:scale(calc(.72 + (.28 * var(--consumed-ratio))))}
.sacred-candle__drip{position:absolute;z-index:4;top:3px;width:8px;border-radius:3px 3px 8px 8px;background:linear-gradient(90deg,var(--wax-light),var(--wax-mid));box-shadow:1px 1px 3px var(--wax-shadow);opacity:calc(.15 + (.85 * var(--consumed-ratio)));transform-origin:50% 0}
.sacred-candle__drip--one{left:7px;height:24px;transform:scaleY(calc(.25 + (.75 * var(--consumed-ratio))))}
.sacred-candle__drip--two{right:9px;height:16px;transform:scaleY(calc(.2 + (.8 * var(--consumed-ratio))))}

.sacred-candle__base{
    position:absolute;
    z-index:2;
    left:4px;
    bottom:23px;
    width:104px;
    height:24px;
    border:1px solid rgba(189,232,255,.42);
    border-radius:50%;
    background:linear-gradient(180deg,#6f9bb3,#183f59 60%,#0d2b42);
    box-shadow:0 10px 16px rgba(0,0,0,.38),inset 0 4px 5px rgba(255,255,255,.18);
}
.sacred-candle__base span{position:absolute;inset:4px 16px 7px;border-radius:50%;background:rgba(3,16,27,.4);box-shadow:inset 0 2px 4px rgba(0,0,0,.42)}
.sacred-candle__reflection{position:absolute;z-index:1;left:19px;bottom:5px;width:74px;height:25px;border-radius:50%;background:radial-gradient(ellipse,var(--flame-glow),transparent 67%);filter:blur(8px);opacity:.26}

.sacred-candle--wax-blue{--wax-light:#b9e0ff;--wax-mid:#589ed6;--wax-dark:#205581;--wax-shadow:rgba(7,42,78,.4)}
.sacred-candle--wax-cyan{--wax-light:#d4ffff;--wax-mid:#55d5dc;--wax-dark:#167b91;--wax-shadow:rgba(3,75,92,.36)}
.sacred-candle--wax-pink{--wax-light:#ffe3f3;--wax-mid:#e98bbd;--wax-dark:#9c3e78;--wax-shadow:rgba(89,20,65,.34)}
.sacred-candle--wax-purple{--wax-light:#eadcff;--wax-mid:#9b72d7;--wax-dark:#4f2e86;--wax-shadow:rgba(38,16,73,.4)}
.sacred-candle--wax-black{--wax-light:#66717f;--wax-mid:#252e3a;--wax-dark:#090e16;--wax-shadow:rgba(0,0,0,.55)}
.sacred-candle--wax-gold{--wax-light:#fff1ac;--wax-mid:#d6a63f;--wax-dark:#7d5014;--wax-shadow:rgba(86,49,4,.4)}

.sacred-candle--base-silver .sacred-candle__base{background:linear-gradient(180deg,#eff9ff,#7d9bac 48%,#263d4d 78%)}
.sacred-candle--base-gold .sacred-candle__base{border-color:rgba(255,226,139,.6);background:linear-gradient(180deg,#fff0a7,#bd7b22 52%,#56300d)}
.sacred-candle--base-crystal .sacred-candle__base{border-color:rgba(162,243,255,.72);background:linear-gradient(135deg,rgba(224,255,255,.7),rgba(67,177,206,.55) 45%,rgba(21,67,103,.8));box-shadow:0 10px 18px rgba(0,0,0,.32),inset 12px 0 16px rgba(255,255,255,.2),0 0 16px rgba(91,224,255,.22)}
.sacred-candle--base-stone .sacred-candle__base{border-color:rgba(177,188,192,.35);background:linear-gradient(160deg,#879294,#59666a 44%,#2c383e 45%,#18242b)}
.sacred-candle--base-marble .sacred-candle__base{background:linear-gradient(155deg,#dbe8eb 0 25%,#7290a0 26% 30%,#edf5f6 31% 52%,#658291 53% 57%,#bccdd1 58% 72%,#334d5d 73%)}

.sacred-candle--flame-blue{--flame-light:#eef8ff;--flame-mid:#64a9ff;--flame-dark:#2454d8;--flame-glow:rgba(65,142,255,.62)}
.sacred-candle--flame-cyan{--flame-light:#f0ffff;--flame-mid:#51f0ef;--flame-dark:#098bab;--flame-glow:rgba(44,232,255,.62)}
.sacred-candle--flame-purple{--flame-light:#fff0ff;--flame-mid:#d074ff;--flame-dark:#7331c7;--flame-glow:rgba(183,85,255,.64)}
.sacred-candle--flame-white{--flame-light:#fff;--flame-mid:#e6f7ff;--flame-dark:#9bcfff;--flame-glow:rgba(221,247,255,.7)}
.sacred-candle--flame-small{--flame-scale:.78}
.sacred-candle--flame-large{--flame-scale:1.28}
.sacred-candle--preview{transform:scale(1.08);transform-origin:50% 100%}
.sacred-candle--extinguished .sacred-candle__aura,.sacred-candle--extinguished .sacred-candle__flame{display:none}
.sacred-candle--extinguished .sacred-candle__wick{height:9px;box-shadow:none;background:#10151b}
.sacred-candle--extinguished .sacred-candle__wax{filter:saturate(.55) brightness(.76)}

@keyframes sacred-candle-flicker{
    0%{transform:translateX(-50%) rotate(-3deg) skewX(-1deg) scale(calc(var(--flame-scale) * .97),calc(var(--flame-scale) * 1.04))}
    45%{transform:translateX(-50%) rotate(2deg) skewX(1deg) scale(calc(var(--flame-scale) * 1.04),calc(var(--flame-scale) * .97))}
    100%{transform:translateX(-50%) rotate(-1deg) scale(calc(var(--flame-scale) * .99),calc(var(--flame-scale) * 1.03))}
}
@keyframes sacred-candle-glow{from{opacity:.66;transform:translateX(-50%) scale(.94)}to{opacity:.92;transform:translateX(-50%) scale(1.06)}}