/* The Haunt (docs/44): the whole site, for its one week a year — warmer glows, and bats over the homepage. */
.nx-topbar { border-bottom-color: #ff7a00; box-shadow: 0 0 22px rgba(160, 60, 255, .5), 0 2px 18px rgba(255, 122, 0, .35); }
.nx-console > header { color: #ffb84d; }
.nx-console h1 { text-shadow: 0 0 14px rgba(255, 122, 0, .55), 0 0 30px rgba(160, 60, 255, .4); }
.nx-haunt-badge { color: #ffb84d !important; border-color: #ffb84d !important; text-shadow: 0 0 6px #ff7a00; animation: nx-haunt-glow 2.4s ease-in-out infinite; }
@keyframes nx-haunt-glow { 50% { text-shadow: 0 0 14px #ff7a00, 0 0 24px rgba(160, 60, 255, .8); } }
.nx-bats { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 39; } /* over the art, under the cursor */
.nx-bat { position: absolute; left: 0; width: 5cqw; min-width: 30px; animation: nx-bat-fly 22s linear infinite; opacity: .9; }
.nx-bat svg { display: block; width: 100%; height: auto; animation: nx-bat-flap .28s ease-in-out infinite alternate; transform-origin: 50% 40%; filter: drop-shadow(0 0 3px rgba(255, 122, 0, .9)) drop-shadow(0 0 8px rgba(160, 60, 255, .6)); }
.nx-bat:nth-child(1) { top: 14%; animation-duration: 24s; animation-delay: -3s; }
.nx-bat:nth-child(2) { top: 26%; animation-duration: 19s; animation-delay: -11s; width: 3.8cqw; }
.nx-bat:nth-child(3) { top: 8%; animation-duration: 28s; animation-delay: -17s; width: 3cqw; }
.nx-bat:nth-child(4) { top: 40%; animation-duration: 21s; animation-delay: -6s; width: 3.4cqw; }
.nx-bat:nth-child(5) { top: 20%; animation-duration: 31s; animation-delay: -24s; width: 2.4cqw; }
@keyframes nx-bat-fly { 0% { transform: translate(-8cqw, 0); } 20% { transform: translate(20cqw, -3cqw); } 45% { transform: translate(48cqw, 2cqw); } 70% { transform: translate(74cqw, -2.5cqw); } 100% { transform: translate(108cqw, 1cqw); } }
@keyframes nx-bat-flap { from { transform: scaleY(1); } to { transform: scaleY(.4); } }
@media (max-width: 900px) { .nx-bats { position: fixed; } .nx-bat, .nx-bat:nth-child(n) { width: 36px; } @keyframes nx-bat-fly { 0% { transform: translate(-10vw, 0); } 50% { transform: translate(50vw, 3vh); } 100% { transform: translate(110vw, -2vh); } } }