* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Courier New', monospace;
            background: #000;
            color: #fff;
            overflow: hidden;
            cursor: none;
        }

        #canvas {
            display: block;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 1;
        }

        .ui-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10;
            pointer-events: none;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .error-code {
            font-size: clamp(4rem, 15vw, 12rem);
            font-weight: bold;
            color: #ff0040;
            text-shadow: 0 0 20px #ff0040, 0 0 40px #ff0040, 0 0 60px #ff0040;
            margin-bottom: 1rem;
            animation: glitch 2s infinite;
        }

        .error-message {
            font-size: clamp(1.2rem, 4vw, 2.5rem);
            color: #00ffff;
            text-shadow: 0 0 10px #00ffff;
            margin-bottom: 2rem;
            text-align: center;
            animation: flicker 3s infinite;
        }

        .status-bar {
            background: rgba(0, 255, 255, 0.1);
            border: 1px solid #00ffff;
            padding: 1rem 2rem;
            margin: 1rem;
            font-size: 1rem;
            text-align: center;
            backdrop-filter: blur(10px);
            animation: pulse 2s infinite;
        }

        .custom-cursor {
            position: fixed;
            width: 20px;
            height: 20px;
            border: 2px solid #ff0040;
            border-radius: 50%;
            pointer-events: none;
            z-index: 100;
            mix-blend-mode: difference;
            transition: transform 0.1s ease;
            box-shadow: 0 0 10px #ff0040;
        }

        @keyframes glitch {
            0%, 100% { transform: translateX(0); }
            10% { transform: translateX(-2px) skew(-2deg); }
            20% { transform: translateX(2px) skew(2deg); }
            30% { transform: translateX(-1px) skew(1deg); }
            40% { transform: translateX(1px) skew(-1deg); }
            50% { transform: translateX(-2px) skew(2deg); }
            60% { transform: translateX(2px) skew(-2deg); }
            70% { transform: translateX(-1px) skew(-1deg); }
            80% { transform: translateX(1px) skew(1deg); }
            90% { transform: translateX(-2px) skew(-2deg); }
        }

        @keyframes flicker {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.8; }
            75% { opacity: 0.9; }
        }

        @keyframes pulse {
            0%, 100% { opacity: 0.8; transform: scale(1); }
            50% { opacity: 1; transform: scale(1.02); }
        }

        .loading-bar {
            width: 300px;
            height: 4px;
            border: 1px solid #00ffff;
            margin: 2rem auto;
            position: relative;
            overflow: hidden;
        }

        .loading-fill {
            height: 100%;
            background: linear-gradient(90deg, transparent, #00ffff, transparent);
            width: 30%;
            animation: loading 2s ease-in-out infinite;
        }

        @keyframes loading {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(400%); }
        }