#vd-haunted{--hn-gold:#d4aa65;--hn-mint:#a6ffe3;position:relative;z-index:2147480000;pointer-events:none;font-family:Arial,sans-serif;color:#e8dcc6}
#vd-haunted *{box-sizing:border-box}
#vd-haunted .hn-world{position:fixed;inset:0;overflow:hidden;pointer-events:none;isolation:isolate}
#vd-haunted.hn-contained .hn-world{position:absolute}
#vd-haunted .hn-moon{position:absolute;right:7%;top:130px;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 33% 33%,#e3ffe1,#87b29e 65%,#4d6b60);box-shadow:0 0 65px #9bffd42b;opacity:.65}
#vd-haunted .hn-fog{position:absolute;bottom:0;left:-20%;width:140%;height:28%;background:radial-gradient(ellipse at 30% 100%,#aaffda22,transparent 62%),radial-gradient(ellipse at 80% 70%,#aaffda17,transparent 60%);animation:hn-mist 18s ease-in-out infinite alternate}
#vd-haunted .hn-lantern{position:absolute;top:120px;width:43px;height:56px;border:1px solid #c4a26a;border-radius:9px 9px 12px 12px;background:linear-gradient(90deg,#161e1a88,#ffcb7738,#161e1a88);box-shadow:0 0 28px #ffb65122;left:24px;transform-origin:50% -100px;animation:hn-sway 5s ease-in-out infinite alternate}
#vd-haunted .hn-lantern:before{content:"";position:absolute;left:20px;bottom:55px;width:1px;height:140px;background:#9b845b}
#vd-haunted .hn-lantern:after{content:"";position:absolute;left:17px;top:19px;width:9px;height:23px;border-radius:90% 15% 70% 30%;background:#ffdb8c;box-shadow:0 0 16px #ffbf61;transform:rotate(12deg)}
#vd-haunted .hn-lantern.right{left:auto;right:25px;top:170px;animation-delay:-2s}
#vd-haunted .hn-pumpkins{position:absolute;bottom:28px;left:25px;width:145px;height:85px}
#vd-haunted .hn-pumpkin{position:absolute;bottom:0;left:20px;width:76px;height:58px;border-radius:44%;background:repeating-linear-gradient(90deg,#602817,#dc852f 18%,#a54c21 35%,#e4a347 50%);box-shadow:inset 0 -10px 13px #301d1bb0,0 0 28px #db94352b;transform:rotate(-8deg)}
#vd-haunted .hn-pumpkin:before{content:"";position:absolute;left:35px;top:-13px;width:9px;height:16px;background:#85794d;border-radius:5px;transform:rotate(18deg)}
#vd-haunted .hn-pumpkin:after{content:"";position:absolute;inset:18px 14px 10px;background:#fff1b0;clip-path:polygon(0 28%,22% 0,34% 31%,0 28%,66% 31%,80% 0,100% 28%,66% 31%,50% 38%,61% 56%,39% 56%,50% 38%,4% 70%,30% 80%,40% 69%,51% 85%,63% 69%,76% 80%,96% 68%,80% 100%,22% 100%,4% 70%);filter:drop-shadow(0 0 4px #ffcf72)}
#vd-haunted .hn-pumpkin.small{left:82px;transform:scale(.66) rotate(12deg);transform-origin:left bottom}
#vd-haunted .hn-spider{position:absolute;width:165px;height:165px;left:64%;top:150px;filter:drop-shadow(0 7px 5px #0009);will-change:transform}
#vd-haunted .hn-thread{position:absolute;top:0;left:64%;width:1px;height:160px;background:linear-gradient(#cde8d566,#adcbb43b)}
#vd-haunted .hn-wisp{position:absolute;width:36px;height:46px;border-radius:48% 48% 8% 8%;background:radial-gradient(ellipse at 35% 20%,#ebfff2,#b0d7c6 65%,#729c8c);opacity:.56;clip-path:polygon(0 0,100% 0,100% 100%,80% 83%,65% 100%,49% 83%,32% 100%,16% 83%,0 100%);animation:hn-wander 23s ease-in-out infinite alternate;top:33%;left:0;filter:drop-shadow(0 0 13px #a6ffe32b)}
#vd-haunted .hn-wisp:before{content:"";position:absolute;left:9px;top:15px;width:5px;height:8px;border-radius:50%;background:#183b33;box-shadow:12px 0 #183b33}
#vd-haunted .hn-wisp:after{content:"";position:absolute;left:16px;top:28px;width:5px;height:8px;background:#183b33;border-radius:50%}
#vd-haunted .hn-wisp.second{top:60%;animation-duration:31s;animation-delay:-17s;opacity:.4;scale:.75}
#vd-haunted .hn-scare{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;background:radial-gradient(ellipse,#041a1199,transparent 65%)}
#vd-haunted .hn-scare.is-scare{animation:hn-reveal 1.8s ease-out both;visibility:visible}
#vd-haunted .hn-apparition{position:relative;width:min(230px,55%);height:280px;border-radius:47% 47% 12% 12%;background:radial-gradient(ellipse at 42% 14%,#f0fff1,#c4e5d3 45%,#52796c 90%);box-shadow:0 0 70px #b2ffd53b;clip-path:polygon(0 0,100% 0,100% 100%,82% 85%,67% 100%,50% 86%,34% 100%,17% 85%,0 100%)}
#vd-haunted .hn-eyes{position:absolute;left:22%;top:31%;width:17%;height:14%;background:#102a22;border-radius:12% 70% 30% 60%;box-shadow:90px 0 #102a22}
#vd-haunted .hn-mouth{position:absolute;left:39%;top:55%;width:24%;height:29%;border-radius:50% 50% 42% 42%;background:#0c201b;box-shadow:inset 0 4px 0 #9bc9a7}
#vd-haunted .hn-caption{position:absolute;bottom:16%;left:0;right:0;text-align:center;color:#e4ffe9;letter-spacing:9px;font:24px Georgia,serif;text-shadow:0 0 20px #71ffbd}
#vd-haunted .hn-controls{position:fixed;right:14px;bottom:calc(22px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;max-width:calc(100% - 28px);pointer-events:auto;z-index:2}
#vd-haunted.hn-contained .hn-controls{position:absolute;bottom:18px}
#vd-haunted .hn-controls button{font:11px Arial,sans-serif;letter-spacing:.35px;border:1px solid #a78b564d;border-radius:24px;padding:11px 14px;min-height:40px;background:#10221df2;color:#dfd1b3;box-shadow:0 5px 20px #0002;cursor:pointer;margin:0;width:auto}
#vd-haunted .hn-controls button:focus-visible{outline:2px solid #d4aa65;outline-offset:3px}
#vd-haunted .hn-controls button[data-action="scare"]{background:#c6a268;color:#17251e}
#vd-haunted.is-off .hn-world{visibility:hidden}
@keyframes hn-sway{from{rotate:-4deg}to{rotate:5deg}}
@keyframes hn-mist{to{transform:translate(12%,-10px)}}
@keyframes hn-wander{0%{transform:translate(15vw,15px) rotate(-8deg)}35%{transform:translate(42vw,-35px) rotate(8deg)}70%{transform:translate(63vw,40px) rotate(-7deg)}100%{transform:translate(80vw,-10px) rotate(10deg)}}
@keyframes hn-reveal{0%{opacity:0;transform:translateY(100px) scale(.15)}18%{opacity:1;transform:translateY(-10px) scale(1.2)}32%{opacity:1;transform:translateY(0) scale(1.04)}70%{opacity:.95;transform:scale(1.08)}100%{opacity:0;transform:translateY(-40px) scale(.95)}}
@media(max-width:540px){#vd-haunted .hn-spider{width:130px;height:130px}#vd-haunted .hn-lantern{scale:.75;left:12px}#vd-haunted .hn-lantern.right{right:12px}#vd-haunted .hn-moon{right:20%;width:42px;height:42px}#vd-haunted .hn-controls button{padding:10px;min-height:44px}#vd-haunted .hn-pumpkins{scale:.72;transform-origin:left bottom;bottom:85px;left:12px}#vd-haunted .hn-apparition{width:180px;height:240px}#vd-haunted .hn-eyes{box-shadow:70px 0 #102a22}}
@media(prefers-reduced-motion:reduce){#vd-haunted .hn-world *{animation:none!important}#vd-haunted .hn-scare.is-scare{opacity:1;visibility:visible;transform:none}#vd-haunted .hn-wisp.second{left:75%}}
@media print{#vd-haunted{display:none}}
/* Long ivory scream mask inside a black hood, inspired by the supplied reference. */
#vd-haunted .hn-scare{background:radial-gradient(ellipse,#030403e6,#03040355 65%,transparent);}
#vd-haunted .hn-apparition{width:min(340px,82%);height:420px;max-height:76%;background:radial-gradient(ellipse at 50% 30%,#282927 0%,#0c0d0c 55%,#030403 79%);border-radius:47% 47% 18% 18%;clip-path:polygon(8% 100%,0 88%,7% 25%,16% 10%,33% 0,67% 0,84% 10%,93% 25%,100% 88%,73% 100%,50% 94%,28% 100%);box-shadow:none;}
#vd-haunted .hn-mask{position:absolute;left:19%;top:7%;width:62%;height:80%;border-radius:48% 48% 42% 42% / 28% 28% 72% 72%;background:radial-gradient(ellipse at 30% 18%,#fffefa,#e7e6dd 54%,#a5a79c 100%);box-shadow:inset 7px 0 12px #85887c,inset -7px 0 12px #85887c,0 0 0 7px #0b0d0a;}
#vd-haunted .hn-eyes,#vd-haunted .hn-eye-right{position:absolute;top:21%;left:14%;width:28%;height:21%;background:radial-gradient(ellipse,#030404 60%,#272923);box-shadow:0 0 4px 3px #8e9385;border-radius:70% 25% 65% 25%;transform:rotate(25deg);}
#vd-haunted .hn-eye-right{left:auto;right:14%;transform:rotate(-25deg);border-radius:25% 70% 25% 65%;}
#vd-haunted .hn-nose{position:absolute;left:42%;top:42%;width:17%;height:9%;background:#151812;clip-path:polygon(50% 0,100% 100%,55% 83%,45% 100%,0 100%);}
#vd-haunted .hn-mouth{left:33%;top:55%;width:34%;height:39%;border-radius:48% 48% 40% 40% / 22% 22% 78% 78%;background:radial-gradient(ellipse at 50% 5%,#1a1c17,#020402 70%);box-shadow:0 0 0 4px #c3c7b7,inset 0 4px 12px #000;}
/* Moonlight Edition: obsidian, brushed silver and a restrained warm accent. */
#vd-haunted{--hn-gold:#c9bb9d;--hn-mint:#d9e9ff;}
#vd-haunted .hn-moon{top:118px;right:6%;width:115px;height:115px;opacity:.83;background:radial-gradient(circle at 30% 34%,#a4b2c288 0 6%,transparent 7%),radial-gradient(circle at 64% 61%,#8193a155 0 12%,transparent 13%),radial-gradient(circle at 44% 76%,#a2afbd66 0 7%,transparent 8%),radial-gradient(circle at 35% 30%,#f4f3e7,#c4d1df 61%,#8297b3);box-shadow:0 0 45px #bacfe522,0 0 130px #a0bbdc1a;}
#vd-haunted .hn-lantern{border-color:#d0c5ad88;background:linear-gradient(90deg,#11151caa,#e9dfbb26,#11151caa);box-shadow:0 0 35px #c7d7e51a;}
#vd-haunted .hn-lantern:before{background:#c5bca077;}
#vd-haunted .hn-lantern:after{background:#f2e9ce;box-shadow:0 0 18px #f3dda866;}
#vd-haunted .hn-fog{background:radial-gradient(ellipse at 30% 100%,#afc5de22,transparent 62%),radial-gradient(ellipse at 80% 70%,#d9d5c717,transparent 60%);}
#vd-haunted .hn-wisp{background:radial-gradient(ellipse at 35% 20%,#fffbed,#d1dbe6 65%,#718698);opacity:.42;filter:drop-shadow(0 0 14px #b7c8e233);}
#vd-haunted .hn-controls{gap:5px;}
#vd-haunted .hn-controls button{background:#11141bf2;border-color:#d8c9a347;color:#dfd9cc;box-shadow:0 5px 20px #0004;}
#vd-haunted .hn-controls button[data-action="scare"],#vd-haunted .hn-controls button[data-action="wolf"]{background:linear-gradient(110deg,#d7ccb6,#b0a38c);color:#17181b;}
#vd-haunted .hn-thread{background:linear-gradient(#d8e3f066,#bac6d23b);}
#vd-haunted .hn-wolf{position:absolute;left:0;bottom:105px;width:285px;height:180px;opacity:0;filter:drop-shadow(0 4px 9px #0009);will-change:transform;}
#vd-haunted .hn-scare{background:radial-gradient(ellipse,#080b13e6,#03040355 65%,transparent);}
@media(max-width:540px){#vd-haunted .hn-moon{width:78px;height:78px;top:120px;right:12%;}#vd-haunted .hn-controls{left:8px;right:8px;justify-content:center;max-width:none;}#vd-haunted .hn-controls button{padding:9px;font-size:10px;min-height:44px;}#vd-haunted .hn-wolf{width:230px;height:146px;bottom:105px;}}
#vd-haunted .hn-wolf{width:300px;height:300px;bottom:85px;}
#vd-haunted .hn-world.hn-wolf-active .hn-moon{right:auto;left:53%;top:auto;bottom:170px;width:260px;height:260px;transform:translateX(-50%);opacity:.7;box-shadow:0 0 75px #bdcfe433,0 0 160px #6b98bc22;}
@media(max-width:540px){#vd-haunted .hn-wolf{width:240px;height:240px;bottom:100px;}#vd-haunted .hn-world.hn-wolf-active .hn-moon{width:205px;height:205px;bottom:175px;}}

#vd-haunted{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;z-index:2147480000!important;pointer-events:none!important}#vd-haunted[hidden]{display:none!important}#vd-haunted .hn-world{position:absolute!important;inset:0!important;width:100%;height:100%}

#vd-haunted .hn-light{position:absolute;inset:0;background:radial-gradient(circle 125px at var(--hn-x,220px) var(--hn-y,160px),#fff1c927,transparent 75%);mix-blend-mode:screen;pointer-events:none}
#vd-haunted .hn-web{position:absolute;top:0;left:0;width:140px;height:140px;color:#cfbb8c;opacity:.28;filter:drop-shadow(0 0 3px #dfbf6444)}
#vd-haunted .hn-web.right{left:auto;right:0;transform:scaleX(-1)}
#vd-haunted .hn-bats{position:absolute;inset:0;overflow:hidden}
#vd-haunted .hn-bat{position:absolute;left:-15%;top:var(--top);width:44px;height:20px;animation:hn-bat-flight var(--duration) linear var(--delay) infinite;filter:drop-shadow(0 2px 1px #d3af7b33)}
#vd-haunted .hn-bat:before{content:"";position:absolute;width:8px;height:16px;border-radius:55%;left:18px;top:4px;background:#0c0b12;box-shadow:0 -3px 0 -1px #0c0b12}
#vd-haunted .hn-bat span{position:absolute;width:21px;height:19px;background:#18131f;clip-path:polygon(100% 67%,81% 100%,63% 62%,39% 76%,24% 37%,0 21%,38% 0,82% 19%);transform-origin:right center;animation:hn-flap .36s ease-in-out infinite alternate}
#vd-haunted .hn-bat span+span{left:23px;transform-origin:left center;clip-path:polygon(0 67%,19% 100%,37% 62%,61% 76%,76% 37%,100% 21%,62% 0,18% 19%);animation-name:hn-flap-right}
#vd-haunted .hn-embers{position:absolute;inset:0;overflow:hidden}
#vd-haunted .hn-ember{position:absolute;left:var(--left);bottom:-12px;width:3px;height:3px;background:#edc68a;border-radius:50%;box-shadow:0 0 9px #e8a342;opacity:0;animation:hn-ember-rise var(--duration) ease-in-out var(--delay) infinite}
#vd-haunted .hn-wisp.third{top:19%;animation-duration:37s;animation-delay:-12s;opacity:.3;scale:.6}
#vd-haunted .hn-pumpkin:after{animation:hn-candle 3.5s ease-in-out infinite alternate}
#vd-haunted .hn-pumpkins.extra{left:auto;right:20px;transform:scale(.78);transform-origin:right bottom;bottom:85px}
#vd-haunted.is-off .hn-world *{animation-play-state:paused!important}
@keyframes hn-bat-flight{0%{transform:translateX(-5vw) translateY(0) scale(.72);opacity:0}5%{opacity:.8}45%{transform:translateX(60vw) translateY(-25px) scale(.95);opacity:.8}68%,100%{transform:translateX(135vw) translateY(30px) scale(.65);opacity:0}}
@keyframes hn-flap{from{transform:rotate(-18deg) scaleY(.4)}to{transform:rotate(15deg) scaleY(1)}}
@keyframes hn-flap-right{from{transform:rotate(18deg) scaleY(.4)}to{transform:rotate(-15deg) scaleY(1)}}
@keyframes hn-ember-rise{0%{transform:translate(0,0);opacity:0}15%{opacity:.65}70%{opacity:.35}100%{transform:translate(30px,-75vh);opacity:0}}
@keyframes hn-candle{0%,100%{opacity:.72}24%{opacity:1}48%{opacity:.85}75%{opacity:.98}}
@media(max-width:540px){#vd-haunted .hn-web{width:95px;height:95px}#vd-haunted .hn-bat{scale:.7}#vd-haunted .hn-pumpkins.extra{scale:.6;right:10px;bottom:100px}#vd-haunted .hn-ember:nth-child(n+13){display:none}}
@media(prefers-reduced-motion:reduce){#vd-haunted .hn-bats,#vd-haunted .hn-embers{display:none}#vd-haunted .hn-light{display:none}}

#vd-haunted .hn-bat:nth-child(3n){filter:drop-shadow(0 0 4px #aa744755);scale:.8}
#vd-haunted .hn-bat:nth-child(4n){scale:1.25}
#vd-haunted .hn-bat:nth-child(even){animation-direction:reverse}
#vd-haunted .hn-surprise .hn-bat{left:50%;top:45%;animation:hn-bat-dive 1.4s ease-out both;animation-direction:normal;animation-delay:calc(var(--burst-index)*.018s);z-index:3}
#vd-haunted .hn-scare.is-scare{background:radial-gradient(ellipse,#29111bd9,#03040988 65%,transparent)}
#vd-haunted .hn-surprise .hn-fog{background:radial-gradient(ellipse at 50% 100%,#9f3a3e44,transparent 65%)}
@keyframes hn-bat-dive{0%{transform:translate(-50%,-50%) rotate(var(--burst-angle)) translateX(0) scale(.2);opacity:0}20%{opacity:.95}65%{opacity:.9}100%{transform:translate(-50%,-50%) rotate(var(--burst-angle)) translateX(85vmax) scale(4);opacity:0}}
@media(max-width:540px){#vd-haunted .hn-bat:nth-child(n+11){display:none}}