.halloween-hero-shell{position:relative;width:100%;height:100vh;height:100svh;min-height:560px;max-height:1000px;overflow:hidden;background:#07040b}
.halloween-hero-shell iframe{display:block;width:100%;height:100%;border:0;background:#07040b}
.halloween-hand-toggle{position:fixed;z-index:50;right:-18px;top:51%;width:clamp(245px,29vw,430px);padding:0;border:0;background:transparent;color:#fff;cursor:pointer;transform:translate(0,-48%) rotate(6deg);transform-origin:92% 94%;filter:drop-shadow(0 10px 9px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(230,0,126,.22));animation:halloween-arm-enter .9s cubic-bezier(.18,.82,.25,1) both,halloween-arm-wave 3s .9s ease-in-out infinite;-webkit-tap-highlight-color:transparent}
.halloween-hand-toggle svg{display:block;width:100%;height:auto}
.halloween-hand-toggle span{position:absolute;right:18%;bottom:7%;padding:.45rem .7rem;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:rgba(22,14,19,.86);font:800 clamp(.58rem,1vw,.72rem)/1 Arial,Helvetica,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transform:rotate(-5deg)}
.halloween-hand-toggle:hover{filter:drop-shadow(0 12px 10px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(230,0,126,.55))}
.halloween-hand-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:35%}
.halloween-hand-toggle.is-active{filter:drop-shadow(0 12px 10px rgba(0,0,0,.65)) drop-shadow(0 0 24px rgba(255,122,26,.7))}
.halloween-hand-toggle.is-leaving{pointer-events:none;animation:halloween-arm-leave .45s ease-in both}
.ht-hand{transform-box:view-box;transform-origin:202px 248px;animation:halloween-wrist-wave 1.45s .95s ease-in-out infinite}
.ht-thumb{transform-box:view-box;transform-origin:194px 235px;animation:halloween-thumb-wave 1.45s .95s ease-in-out infinite}
.ht-index{transform-box:view-box;transform-origin:169px 161px;animation:halloween-finger-one 1.45s .95s ease-in-out infinite}
.ht-middle{transform-box:view-box;transform-origin:195px 151px;animation:halloween-finger-two 1.45s 1.02s ease-in-out infinite}
.ht-ring{transform-box:view-box;transform-origin:221px 151px;animation:halloween-finger-one 1.45s 1.09s ease-in-out infinite}
.ht-little{transform-box:view-box;transform-origin:246px 166px;animation:halloween-finger-two 1.45s 1.16s ease-in-out infinite}
@keyframes halloween-arm-enter{from{transform:translate(92%,-38%) rotate(18deg)}to{transform:translate(0,-48%) rotate(6deg)}}
@keyframes halloween-arm-wave{0%,100%{transform:translate(0,-48%) rotate(5deg)}50%{transform:translate(-2%,-50%) rotate(8deg)}}
@keyframes halloween-arm-leave{to{opacity:0;transform:translate(82%,-42%) rotate(16deg)}}
@keyframes halloween-wrist-wave{0%,100%{transform:rotate(-11deg)}50%{transform:rotate(13deg)}}
@keyframes halloween-thumb-wave{0%,100%{transform:rotate(2deg)}50%{transform:rotate(-9deg)}}
@keyframes halloween-finger-one{0%,100%{transform:rotate(1deg)}45%{transform:rotate(-4deg)}70%{transform:rotate(3deg)}}
@keyframes halloween-finger-two{0%,100%{transform:rotate(-1deg)}40%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}
@media(max-width:700px){.halloween-hand-toggle{right:-46px;top:55%;width:clamp(245px,58vw,330px)}.halloween-hand-toggle span{right:22%;bottom:8%;font-size:.54rem}}
@media(prefers-reduced-motion:reduce){.halloween-hand-toggle,.ht-hand,.ht-thumb,.ht-finger{animation:none}.halloween-hand-toggle{transform:translate(0,-48%) rotate(6deg)}}