#warning-screen {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #121212;
            color: #ffffff;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            transition: opacity 0.6s ease, visibility 0.6s ease;
        }

        .warning-content {
            text-align: center;
        }

        .warning-icon {
            font-size: 5rem;
            color: #ffcc00;
            margin-bottom: 20px;
            animation: shrinkWarning 1s ease-in forwards;
            animation-delay: 0.5s;
        }

        @keyframes shrinkWarning {
            0% { transform: scale(1); opacity: 1; }
            100% { transform: scale(0); opacity: 0; }
        }

        .hide-screen {
            opacity: 0;
            visibility: hidden;
        }

        .custom-app-icon {
            width: 50px;
            height: 50px;
            object-fit: contain;
            margin-bottom: 10px;
        }