.watermark-dev::after {
    font-family: Arial, sans-serif;
    content: "TEST SITE";
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    font-size: 10rem;
    color: var(--watermark-text);
    z-index: 1000;
    pointer-events: none;
    user-select: none;
    white-space: nowrap;
}
.watermark-paused::before {
    font-family: Arial, sans-serif;
    content: "APP PAUSED";
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 6rem;
    color: var(--watermark-text-paused); /* red text */
    z-index: 1000;
    pointer-events: none;
    user-select: none;
    white-space: nowrap;
}