#dark-zone {
    /*background: radial-gradient(40% 40% at 50% 50%,rgb(107, 100, 200),black);*/
    /*background: radial-gradient(circle,rgba(255, 149, 0, 0) 0%, rgba(255, 149, 0, 0.15) 20%, rgba(0, 0, 0, 1) 90%);*/
    background: radial-gradient(circle,rgba(168, 98, 0, 0.25) 0%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
    opacity: 0.9;
    pointer-events: none;
}

section {
    position: relative;
}

#pfp {
    width: 50px;
    height: 50px;
    background: url(/index/icon_ame.png);
    position: relative;
}

#friend-inside-me {
    width: 56px;
    height: 46px;
    background: url(/index/halloween/Friend_overworld.png);
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    animation: sneaky-cat 120s;
    animation-iteration-count: infinite;
    animation-delay: -10s;
}

@keyframes sneaky-cat {
    0% { opacity: 0; }
    24.5% { opacity: 0; }
    25% { opacity: 1; }
    26% { opacity: 0; }
    100% { opacity: 0; }
}

.candle {
    /*height: 28px;
    width: 8px;*/
    width: calc(8px*2);
    height: calc(28px*2);
    background: url("/index/halloween/purple_candle.png");
    background-size: 100%;
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    image-rendering: pixelated;
}

:root {
    --lilith-inactive-color: #9f8aab;
    --lilith-outer-color: #983bcd;
    --lilith-inner-color: #b89ad7;
    --lilith-window-text-back: #f4dbf4;
}