#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-season-label{position:absolute;top:112px;left:50%;transform:translateX(-50%);padding:7px 14px;border:1px solid #d4aa6577;border-radius:24px;background:#11141bef;color:#e8d4ac;font:11px Arial,sans-serif;letter-spacing:2px;white-space:nowrap}