.haunt-controls{position:fixed;bottom:18px;right:18px;z-index:40;display:flex;gap:7px;padding:7px;border:1px solid #b186ce66;border-radius:8px;background:#130a20e8;backdrop-filter:blur(10px);box-shadow:0 5px 25px #0006}.haunt-controls button{background:transparent;color:#dfcfea;border:0;font-size:10px;font-weight:800;letter-spacing:1px;padding:10px}.haunt-controls button[aria-pressed=true]{color:#d6ff69}.screen-haunt{position:fixed;pointer-events:none;z-index:30;filter:drop-shadow(0 0 10px #aa6fbb55)}.crawler{width:95px;left:-120px;animation:screen-crawl 10s linear forwards;animation-direction:var(--crawl-direction,normal)}.crawler svg{width:100%;animation:spider-scuttle .22s ease-in-out infinite alternate}.ghost-face{width:125px;opacity:0;animation:face-visit 7s ease-in-out forwards;filter:drop-shadow(0 0 35px #9e61bf88)}.screen-haunt svg{display:block;width:100%}@keyframes screen-crawl{from{left:-120px;transform:translateY(0) rotate(90deg)}to{left:calc(100vw + 120px);transform:translateY(var(--crawl-y)) rotate(90deg)}}@keyframes spider-scuttle{from{transform:rotate(-4deg) scaleX(.94)}to{transform:rotate(4deg) scaleX(1.04)}}@keyframes face-visit{0%,100%{opacity:0;transform:translateY(18px) scale(.9)}35%,65%{opacity:.65;transform:translateY(-12px) scale(1)}}@media(max-width:760px){.haunt-controls{bottom:10px;right:10px;padding:4px}.haunt-controls button{font-size:8px;padding:9px}.crawler{width:65px}.ghost-face{width:85px}footer{padding-bottom:90px}}@media(prefers-reduced-motion:reduce){.screen-haunt,.crawler svg{animation:none}.screen-haunt{display:none}}
.crawler{top:-110px;left:auto;width:90px;animation:spider-descent 14s ease-in-out forwards;transform-origin:top center}.crawler::before{content:'';position:absolute;bottom:calc(100% - 10px);left:50%;width:1px;height:110vh;background:linear-gradient(#dbc9ec66,#eee0ffbb);box-shadow:0 0 3px #e1c7ff66}.crawler svg{animation:spider-dangle 2.5s ease-in-out infinite alternate;transform-origin:50% 0}@keyframes spider-descent{0%,100%{transform:translateY(0);opacity:0}7%{opacity:1}40%,65%{transform:translateY(calc(var(--drop-distance) + 110px));opacity:1}92%{opacity:1}}@keyframes spider-dangle{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}@media(max-width:760px){.crawler{width:65px}}@media(prefers-reduced-motion:reduce){.crawler,.crawler svg{animation:none}}