/* Optional: Custom cursor to indicate protected content */
.protected-content {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    cursor: default;
}

/* Optional: Style for warning message */
#warning-message {
    position: fixed;
    top: 50%; 
        left: 50%;
    transform: translate(-50%, -50%); 
        background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 20px;
    border-radius: 8px;
    display: none;
    z-index: 100;  
    text-align: center;
    animation: fadeOut 2s forwards;
}

@keyframes fadeOut {
    0% { opacity: 1; transform: translate(-50%, 0); }
    70% { opacity: 1; transform: translate(-50%, 0); }
    100% { opacity: 0; transform: translate(-50%, -20px); }
}