function showPointer(targetId) {
    let target = document.getElementById(targetId);
    if (!target) return;

    let rect = target.getBoundingClientRect();

    // Create pointer (⬇)
    let pointer = document.createElement("div");
    pointer.className = "notice-pointer";
    pointer.innerHTML = "⬇"; // Down arrow (⬇)

    let pointerTop = rect.top - 40;
    let pointerLeft = rect.left + rect.width / 2 - 15;

    // Prevent it from going off-screen
    if (pointerTop < 10) pointerTop = rect.bottom + 10;
    if (pointerLeft < 10) pointerLeft = 10;
    if (pointerLeft + 30 > window.innerWidth) pointerLeft = window.innerWidth - 30;

    pointer.style.top = pointerTop + "px";
    pointer.style.left = pointerLeft + "px";
    pointer.style.position = "fixed";

    document.body.appendChild(pointer);

    setTimeout(() => pointer.remove(), 3000);
}
document.addEventListener("DOMContentLoaded", () => {
    setTimeout(() => {
        showPointer("hide-menu");
    }, 1000); // Delay for effect
});