.haunt-webs{height:calc(var(--nav-h, 3.5rem) + 365px);left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.haunt-roost.is-paused,.haunt-webs.is-paused *{animation-play-state:paused!important}.haunt-web{animation:haunt-in 1.6s ease both,haunt-sway 9s ease-in-out infinite alternate;aspect-ratio:1;pointer-events:none;position:absolute;top:calc(var(--nav-h, 3.5rem) + 45px);transform:rotate(var(--tilt,0deg));transform-origin:0 0;transition:transform .9s cubic-bezier(.22,1,.36,1);width:clamp(88px,11vw,176px)}.haunt-web--left{left:0}.haunt-web--right{right:0;transform-origin:100% 0}.haunt-web__svg{height:100%;-webkit-mask-image:radial-gradient(circle at 0 0,#000 45%,transparent 100%);mask-image:radial-gradient(circle at 0 0,#000 45%,transparent 100%);overflow:visible;width:100%}.haunt-web--right .haunt-web__svg{scale:-1 1;transform-origin:50% 0}.haunt-web__threads{fill:none;stroke:#e2deff4d;stroke-width:.8px;vector-effect:non-scaling-stroke}.haunt-web__dew{opacity:.7}.haunt-web__dew--violet{fill:#d8c8ff}.haunt-web__dew--orange{fill:#ffba78}@keyframes haunt-sway{0%{rotate:-.6deg}to{rotate:.8deg}}.haunt-spider{animation:haunt-descend 16s ease-in-out infinite alternate;left:40%;position:absolute;top:34%;width:14px}.haunt-spider__thread{background:linear-gradient(180deg,transparent,rgba(226,222,255,.35));bottom:100%;height:140px;left:50%;position:absolute;width:1px}.haunt-spider__body{fill:#0a0916;height:auto;overflow:visible;stroke:#a78bfa73;stroke-width:.5;width:14px}.haunt-spider__body .legs path{fill:none;stroke:#a78bfa8c;stroke-width:.8}.haunt-spider__body .eye{fill:#ff8a3d;stroke:none}@keyframes haunt-descend{0%,30%{transform:translateY(0)}to{transform:translateY(46px)}}.haunt-roost{animation:haunt-in 1.6s ease both,haunt-dangle 5s ease-in-out infinite alternate;cursor:pointer;height:34px;position:absolute;right:clamp(24px,3.4vw,56px);top:calc(var(--nav-h, 3.5rem) + 45px + clamp(28px,3.6vw,58px));transform-origin:50% 0;width:26px;z-index:1}.haunt-roost:hover:not(.is-flying){animation:haunt-wiggle .6s ease-in-out}.haunt-roost__thread{background:#e2deff4d;bottom:100%;height:26px;left:50%;position:absolute;width:1px}.haunt-roost.is-flying .haunt-roost__thread{display:none}.haunt-roost__bat{height:100%;inset:0;overflow:visible;position:absolute;width:100%}.haunt-roost__bat--folded path{fill:#06060e;stroke:#a78bfa73;stroke-width:.6}.haunt-roost__bat .eye{fill:#ff8a3dd9}.haunt-roost__bat--open{height:27px;inset:6px auto auto -14px;max-width:none;opacity:0;width:54px}.haunt-roost.is-flying .haunt-roost__bat--folded{opacity:0}.haunt-roost.is-flying .haunt-roost__bat--open{opacity:1}@keyframes haunt-dangle{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes haunt-wiggle{25%{transform:rotate(-9deg)}75%{transform:rotate(8deg)}}@media(max-width:767px){.haunt-web{width:68px}.haunt-spider__thread{height:90px}}@media(prefers-reduced-motion:reduce){.haunt-roost,.haunt-spider,.haunt-web{animation:none!important;transition:none}}.haunt-ghost{height:48px;left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:44px;will-change:transform,opacity;z-index:-1}.haunt-ghost svg{filter:drop-shadow(0 0 10px rgb(196 168 255/.55));height:100%;overflow:visible;width:100%}.haunt-ghost.is-mirrored svg{scale:-1 1}.haunt-fog{animation:haunt-in 2.4s ease both;bottom:calc(100% - 48px);height:190px;left:0;pointer-events:none;position:absolute;right:0}.haunt-fog.is-paused .haunt-fog__layer{animation-play-state:paused}.haunt-fog__clip{inset:0;overflow:hidden;position:absolute}.haunt-fog__layer{background-repeat:repeat-x;background-size:50% 100%;bottom:0;height:100%;left:0;-webkit-mask-image:linear-gradient(0deg,#000 35%,transparent);mask-image:linear-gradient(0deg,#000 35%,transparent);position:absolute;width:200%;will-change:transform}.haunt-fog__layer--back{animation:haunt-drift 70s linear infinite;background-image:radial-gradient(40% 60% at 20% 75%,rgba(124,58,237,.2),transparent 70%),radial-gradient(35% 50% at 65% 80%,rgba(59,130,246,.14),transparent 70%),radial-gradient(30% 45% at 90% 70%,rgba(147,51,234,.16),transparent 70%)}.haunt-fog__layer--front{animation:haunt-drift 46s linear infinite reverse;background-image:radial-gradient(38% 70% at 30% 90%,rgba(167,139,250,.16),transparent 70%),radial-gradient(30% 60% at 80% 95%,rgba(96,165,250,.12),transparent 70%);height:70%}@keyframes haunt-drift{to{transform:translate3d(-50%,0,0)}}.haunt-pumpkin{bottom:44px;cursor:pointer;height:40px;pointer-events:auto;position:absolute;right:max(.75rem,calc(50% - 39rem));width:44px;-webkit-tap-highlight-color:transparent}.haunt-pumpkin svg{height:100%;overflow:visible;transition:filter .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1);width:100%}.haunt-pumpkin .stem{fill:#4d5b2a}.haunt-pumpkin .rib{fill:none;stroke:#7c2d128c;stroke-width:.8}.haunt-pumpkin .face{fill:#3c1406;transition:fill .5s ease}.haunt-pumpkin.is-lit svg{filter:drop-shadow(0 0 10px rgb(255 138 61/.75)) drop-shadow(0 0 26px rgb(255 120 30/.35));transform:translateY(-2px) scale(1.06)}.haunt-pumpkin.is-lit .face{animation:haunt-candle 1.6s ease-in-out infinite;fill:#ffd678}@keyframes haunt-candle{0%,to{opacity:1}40%{opacity:.82}60%{opacity:.95}}.haunt-pumpkin__tip{background:rgb(var(--c-elev)/.95);border:1px solid rgb(var(--c-haunt-orange)/.35);border-radius:.75rem;bottom:calc(100% + 10px);box-shadow:0 10px 30px -12px #0009,0 0 18px -8px rgb(var(--c-haunt-orange)/.5);color:rgb(var(--c-ink));font-size:.75rem;font-weight:500;line-height:1.4;max-width:min(15rem,calc(100vw - 2rem));opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;right:-6px;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease;width:-moz-max-content;width:max-content}.haunt-pumpkin__tip.is-visible{opacity:1;transform:translateY(0)}@media(max-width:767px){.haunt-fog{height:130px}.haunt-fog__layer--front{display:none}.haunt-pumpkin{height:35px;width:38px}}@media(prefers-reduced-motion:reduce){.haunt-fog,.haunt-fog__layer,.haunt-pumpkin.is-lit .face{animation:none!important}}@keyframes haunt-in{0%{opacity:0}}.haunt-stage{contain:strict;inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:-1}.haunt-stage>*{pointer-events:none;position:absolute}.haunt-sky{animation:haunt-in 1.2s ease both;background:radial-gradient(120% 70% at 50% -12%,rgba(76,29,149,.34),transparent 62%),radial-gradient(80% 55% at 100% 100%,rgba(30,58,138,.26),transparent 62%),radial-gradient(60% 45% at 0 85%,rgba(91,33,182,.16),transparent 65%),linear-gradient(180deg,#0a0a19,#06070f);inset:0}.haunt-moon{animation:haunt-in 2s ease both;aspect-ratio:1;background:radial-gradient(circle at 66% 34%,rgba(120,100,190,.12) 0 8%,transparent 9%),radial-gradient(circle at 38% 70%,rgba(120,100,190,.1) 0 5%,transparent 6%),radial-gradient(circle at 72% 70%,rgba(120,100,190,.09) 0 3%,transparent 4%),radial-gradient(circle at 40% 36%,#cdc0ff33,#a78bfa1f 55%,#8b5cf60d 70%);border-radius:50%;box-shadow:0 0 90px 24px #7c3aed1f;right:8vw;top:11vh;width:clamp(84px,10vw,160px)}.haunt-flash{background:radial-gradient(70% 55% at var(--bolt-x,70%) 0,rgba(168,85,247,.2),rgba(124,58,237,.07) 45%,transparent 72%);inset:0;opacity:0}.haunt-bolt{height:100%;inset:0;max-width:none;opacity:0;width:100%}.haunt-bolt path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.haunt-bolt__glow{stroke:#a855f738;stroke-width:7px}.haunt-bolt__core{stroke:#ddd6fe80;stroke-width:1.2px}.haunt-embers{animation:haunt-in 2s ease both;inset:0;-webkit-mask-image:linear-gradient(0deg,#000 30%,transparent 85%);mask-image:linear-gradient(0deg,#000 30%,transparent 85%);overflow:hidden}.haunt-embers__field{animation:haunt-rise 70s linear infinite;background-repeat:repeat-y;background-size:100% 50%;height:200%;inset:0 0 auto;position:absolute;will-change:transform}.haunt-embers__field+.haunt-embers__field{animation-duration:110s;opacity:.55}@keyframes haunt-rise{to{transform:translate3d(0,-50%,0)}}.haunt-bats{inset:0}.haunt-bat{height:22px;left:0;opacity:.85;position:absolute;top:0;width:44px;will-change:transform}.haunt-bat svg{height:100%;overflow:visible;width:100%}.haunt-bat__body,.haunt-bat__wing{fill:#04040a;stroke:#a78bfa66;stroke-width:.7}.haunt-bat__wing{animation:haunt-flap var(--flap,.26s) ease-in-out infinite alternate;transform-box:view-box;transform-origin:32px 14px}.haunt-bat__wing--r{animation-name:haunt-flap-r}@keyframes haunt-flap{0%{transform:rotate(-22deg) scaleY(.9)}to{transform:rotate(18deg) scaleY(.55)}}@keyframes haunt-flap-r{0%{transform:rotate(22deg) scaleY(.9)}to{transform:rotate(-18deg) scaleY(.55)}}@media(prefers-reduced-motion:reduce){.haunt-embers,.haunt-embers__field,.haunt-moon,.haunt-sky{animation:none!important}}
