div>

<!-- 404 NOT COMPATIBLE VIEW -->
<div id="error-view" class="view">
    <h1 class="error-code">404</h1>
    <div class="glitch-text">NOT COMPATIBLE</div>
    <div class="error-card">
        <h3 style="color:var(--error-red);">CRITICAL KERNEL MISMATCH</h3>
        <p style="opacity:0.7; line-height:1.6;">
            The requested module is not authorized for AeroOS v14.66.<br>
            Hardware ID: #789-REV-UD6<br>
            System status: UNAUTHORIZED ACCESS DETECTED.
        </p>
    </div>
    <div style="margin-top:50px; font-size:12px; opacity:0.5;">PRESS [B] TO REBOOT SYSTEM</div>
</div>

<script>
    const xmbMenu = [
        { name: "Settings", icon: "settings" },
        { name: "Games", icon: "sports_esports" },
        { name: "Store", icon: "shopping_cart" },
        { name: "BostonPlus", icon: "add_circle" }
    ];

    let state = { xmbIdx: 2, view: 'xmb' };
    
    // CHEAT CODE LOGIC
    const secretCode = ["arrowleft", "arrowleft", "arrowright", "arrowright", "arrowright", "a", "b"];
    let inputSequence = [];

    function renderXMB() {
        const row = document.getElementById('xmb-row');
        row.innerHTML = xmbMenu.map((m, i) => `
            <div class="xmb-item ${i===state.xmbIdx?'active':''}">
                <span class="material-icons">${m.icon}</span>
                <div style="font-size:10px; margin-top:10px; font-weight:900;">${m.name.toUpperCase()}</div>
            </div>
        `).join('');
    }

    window.addEventListener('keydown', (e) => {
        const key = e.key.toLowerCase();
        
        // Track Sequence
        inputSequence.push(key);
        if (inputSequence.length > secretCode.length) inputSequence.shift();

        // Check Sequence
        if (JSON.stringify(inputSequence) === JSON.stringify(secretCode)) {
            document.getElementById('xmb-view').classList.remove('active');
            document.getElementById('error-view').classList.add('active');
            state.view = 'error';
            return;
        }

        if (state.view === 'xmb') {
            if (key === 'arrowright' && state.xmbIdx < 3) state.xmbIdx++;
            if (key === 'arrowleft' && state.xmbIdx > 0) state.xmbIdx--;
            renderXMB();
        } 
        else if (state.view === 'error' && key === 'b') {
            location.reload(); // Hard reboot
        }
    });