#halloween-animations-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}#halloween-bats{position:absolute;width:100%;height:100%;overflow:hidden}.halloween-bat-sprite{position:absolute;pointer-events:none;opacity:.9}.halloween-bat{position:absolute;font-size:24px;color:#2c1810;pointer-events:none;animation:fly-bat 15s linear infinite;opacity:.8;text-shadow:2px 2px 4px rgb(0 0 0 / .5)}@keyframes fly-bat{0%{transform:translateX(-100px) translateY(50vh) rotate(0deg);opacity:0}5%{opacity:.8}95%{opacity:.8}100%{transform:translateX(calc(100vw + 100px)) translateY(20vh) rotate(360deg);opacity:0}}#halloween-ghosts{position:absolute;width:100%;height:100%}.halloween-ghost{position:absolute;font-size:32px;color:rgb(255 255 255 / .9);pointer-events:none;animation:float-ghost 20s ease-in-out infinite;filter:drop-shadow(0 0 10px rgb(255 255 255 / .3))}@keyframes float-ghost{0%,100%{transform:translateY(0) translateX(0) rotate(-5deg);opacity:.7}25%{transform:translateY(-20px) translateX(10px) rotate(5deg);opacity:.9}50%{transform:translateY(-40px) translateX(-5px) rotate(-3deg);opacity:.8}75%{transform:translateY(-10px) translateX(15px) rotate(3deg);opacity:.9}}#halloween-pumpkin{position:absolute;bottom:10px;width:100%;height:60px}.halloween-pumpkin{position:absolute;font-size:40px;bottom:0;animation:run-pumpkin 12s linear infinite;filter:drop-shadow(0 4px 8px rgb(255 165 0 / .4))}@keyframes run-pumpkin{0%{transform:translateX(-80px) rotate(0deg);opacity:0}5%{opacity:1}95%{opacity:1}100%{transform:translateX(calc(100vw + 80px)) rotate(720deg);opacity:0}}#halloween-leaves{position:absolute;width:100%;height:100%}.halloween-leaf{position:absolute;font-size:20px;color:#8B4513;pointer-events:none;animation:fall-leaf 8s linear infinite;opacity:.8}@keyframes fall-leaf{0%{transform:translateY(-100px) rotate(0deg);opacity:0}10%{opacity:.8}90%{opacity:.6}100%{transform:translateY(calc(100vh + 100px)) rotate(360deg);opacity:0}}#halloween-spiders{position:absolute;width:100%;height:100%;overflow:hidden}.halloween-spider{position:absolute;font-size:18px;color:#2c1810;pointer-events:none;opacity:.9;text-shadow:1px 1px 2px rgb(0 0 0 / .3);transform:rotate(0deg);transition:transform 0.5s ease}.halloween-spider.spider-dropping{transform:rotate(180deg);animation:spider-swing-inverted 4s ease-in-out infinite}.halloween-spider.spider-climbing{transform:rotate(0deg);animation:spider-crawl-up 2s ease-in-out infinite}.spider-web-line{position:absolute;background:linear-gradient(to bottom,rgb(200 200 200 / .8) 0%,rgb(200 200 200 / .4) 50%,rgb(200 200 200 / .8) 100%);box-shadow:0 0 1px rgb(255 255 255 / .5),inset 0 0 1px rgb(255 255 255 / .3);pointer-events:none}@keyframes spider-swing-inverted{0%,100%{transform:rotate(180deg) translateX(-2px)}50%{transform:rotate(180deg) translateX(2px)}}@keyframes spider-crawl-up{0%,100%{transform:rotate(0deg) translateY(0)}25%{transform:rotate(-1deg) translateY(-1px)}50%{transform:rotate(0deg) translateY(0)}75%{transform:rotate(1deg) translateY(-1px)}}@keyframes crawl-spider{0%{transform:translateX(-50px) translateY(0);opacity:0}5%{opacity:.9}25%{transform:translateX(20vw) translateY(10vh)}50%{transform:translateX(40vw) translateY(5vh)}75%{transform:translateX(70vw) translateY(15vh)}95%{opacity:.9}100%{transform:translateX(calc(100vw + 50px)) translateY(8vh);opacity:0}}#halloween-fog{position:fixed;bottom:0;left:0;width:100%;height:300px;overflow:hidden;pointer-events:none;z-index:9998;animation:fog-atmosphere 12s ease-in-out infinite}.fog-particle{position:absolute;border-radius:50%;filter:blur(40px);opacity:.8;animation:fog-drift 20s infinite linear;will-change:transform;mix-blend-mode:screen}.fog-particle-1{width:300px;height:100px;background:radial-gradient(ellipse,rgb(120 120 120 / .9) 0%,rgb(160 160 160 / .6) 50%,transparent 70%);bottom:-20px;left:-150px;animation-duration:25s;animation-delay:0s}.fog-particle-2{width:400px;height:120px;background:radial-gradient(ellipse,rgb(100 100 100 / .8) 0%,rgb(140 140 140 / .5) 50%,transparent 70%);bottom:10px;left:-200px;animation-duration:30s;animation-delay:-5s;animation-direction:reverse}.fog-particle-3{width:250px;height:80px;background:radial-gradient(ellipse,rgb(110 110 110 / .85) 0%,rgb(150 150 150 / .6) 50%,transparent 70%);bottom:40px;left:-125px;animation-duration:35s;animation-delay:-10s}.fog-particle-4{width:350px;height:110px;background:radial-gradient(ellipse,rgb(90 90 90 / .75) 0%,rgb(130 130 130 / .5) 50%,transparent 70%);bottom:-10px;left:-175px;animation-duration:28s;animation-delay:-15s;animation-direction:reverse}.fog-particle-5{width:280px;height:90px;background:radial-gradient(ellipse,rgb(105 105 105 / .8) 0%,rgb(145 145 145 / .55) 50%,transparent 70%);bottom:60px;left:-140px;animation-duration:32s;animation-delay:-8s}.fog-particle-6{width:320px;height:100px;background:radial-gradient(ellipse,rgb(95 95 95 / .7) 0%,rgb(135 135 135 / .45) 50%,transparent 70%);bottom:20px;left:-160px;animation-duration:26s;animation-delay:-12s;animation-direction:reverse}.fog-particle-7{width:200px;height:70px;background:radial-gradient(ellipse,rgb(115 115 115 / .85) 0%,rgb(155 155 155 / .6) 50%,transparent 70%);bottom:80px;left:-100px;animation-duration:38s;animation-delay:-20s}.fog-particle-8{width:450px;height:130px;background:radial-gradient(ellipse,rgb(85 85 85 / .65) 0%,rgb(125 125 125 / .4) 50%,transparent 70%);bottom:-30px;left:-225px;animation-duration:24s;animation-delay:-3s;animation-direction:reverse}@keyframes fog-drift{0%{transform:translateX(0) translateY(0) scale(1);opacity:0}10%{opacity:.9}90%{opacity:.9}100%{transform:translateX(calc(100vw + 400px)) translateY(-20px) scale(1.1);opacity:0}}@keyframes fog-atmosphere{0%,100%{filter:brightness(1) contrast(1)}50%{filter:brightness(1.1) contrast(1.05)}}@media (prefers-color-scheme:dark){.fog-particle{filter:blur(35px)}.fog-particle-1{background:radial-gradient(ellipse,rgb(180 180 180 / .95) 0%,rgb(200 200 200 / .7) 50%,transparent 70%)}.fog-particle-2{background:radial-gradient(ellipse,rgb(160 160 160 / .85) 0%,rgb(180 180 180 / .6) 50%,transparent 70%)}.fog-particle-3{background:radial-gradient(ellipse,rgb(170 170 170 / .9) 0%,rgb(190 190 190 / .65) 50%,transparent 70%)}.fog-particle-4{background:radial-gradient(ellipse,rgb(150 150 150 / .8) 0%,rgb(170 170 170 / .55) 50%,transparent 70%)}.fog-particle-5{background:radial-gradient(ellipse,rgb(140 140 140 / .85) 0%,rgb(160 160 160 / .6) 50%,transparent 70%)}.fog-particle-6{background:radial-gradient(ellipse,rgb(130 130 130 / .75) 0%,rgb(150 150 150 / .5) 50%,transparent 70%)}.fog-particle-7{background:radial-gradient(ellipse,rgb(145 145 145 / .9) 0%,rgb(165 165 165 / .65) 50%,transparent 70%)}.fog-particle-8{background:radial-gradient(ellipse,rgb(125 125 125 / .7) 0%,rgb(145 145 145 / .45) 50%,transparent 70%)}}.speed-slow .halloween-bat{animation-duration:25s}.speed-fast .halloween-bat{animation-duration:8s}.speed-slow .halloween-ghost{animation-duration:35s}.speed-fast .halloween-ghost{animation-duration:12s}.speed-slow .halloween-pumpkin{animation-duration:20s}.speed-fast .halloween-pumpkin{animation-duration:6s}@media (max-width:768px){.halloween-bat,.halloween-ghost{font-size:18px}.halloween-pumpkin{font-size:28px}.halloween-leaf{font-size:16px}.halloween-spider{font-size:14px}#halloween-fog{height:120px;z-index:9997}.fog-layer{background:linear-gradient(to top,rgb(169 169 169 / .5) 0%,rgb(169 169 169 / .2) 40%,transparent 100%)}}@media (prefers-reduced-motion:reduce){.halloween-bat,.halloween-ghost,.halloween-pumpkin,.halloween-leaf,.halloween-spider{animation-duration:0.01ms!important;animation-iteration-count:1!important;opacity:0.3!important}.fog-layer{animation:none!important;transform:translateX(-25%);opacity:0.4!important}}@media (prefers-contrast:high){.halloween-bat,.halloween-spider{color:#000;text-shadow:1px 1px 2px #fff}.halloween-ghost{color:#fff;text-shadow:1px 1px 2px #000}}@media print{#halloween-animations-container{display:none!important}}