.candle-field{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 15%,#183336 0,transparent 65%),radial-gradient(ellipse at 2% 70%,#68472420,transparent 40%),#08171c}.warm-haze{position:absolute;inset:0;background:radial-gradient(ellipse at 5% 25%,#e6ac5520,transparent 25%),radial-gradient(ellipse at 93% 60%,#d99f4920,transparent 30%);animation:candle-haze 7s ease-in-out infinite alternate}.drawn-candle{position:absolute;left:var(--cx);top:var(--cy);height:var(--ch);width:calc(var(--ch)*.324);transform:translate(-50%,-50%);opacity:var(--co);filter:drop-shadow(4px 8px 7px #0007)}.drawn-candle svg{height:100%;width:100%;overflow:visible}.candle-flame{transform-box:fill-box;transform-origin:50% 100%;animation:flame-dance var(--f) ease-in-out var(--fd) infinite alternate}.candle-glow{animation:flame-glow calc(var(--f)*1.25) ease-in-out var(--fd) infinite alternate;transform-origin:center}
@keyframes flame-dance{0%{transform:rotate(-4deg) scale(.94,1.02)}25%{transform:rotate(3deg) scale(1.04,.94)}55%{transform:rotate(-2deg) scale(.9,1.09)}80%{transform:rotate(4deg) scale(1.05,.98)}100%{transform:rotate(-1deg) scale(.97,1.04)}}
@keyframes flame-glow{from{opacity:.48;transform:scale(.95)}to{opacity:1;transform:scale(1.09)}}
@keyframes candle-haze{to{opacity:.6}}
.candle-field{z-index:-2}.ambient{background:none!important}
@media(max-width:650px){.drawn-candle{height:calc(var(--ch)*.8);width:calc(var(--ch)*.26);opacity:calc(var(--co)*.85)}.candle-1{left:28%;top:5%}.candle-3{left:80%;top:45%}.candle-6{left:12%;top:90%}.candle-8{left:59%;top:96%}}
@media(prefers-reduced-motion:reduce){.candle-field *{animation:none!important}}