PeakeCoin Games - JavaScript Balance Showing Error

I've been working on a PeakeCoin Poker game to gain some traction with grasping how to utilize Hive Tokens. So I'm working on the JavaScript files to find out how these transactions work out exactly in JavaScript after being schooled by @thecrazygm on the proper order of things in Python. Finding out you've been asking the blockchain to do something while asking with the wrong permissions is like beating your head into the wall.

So here's my fetch balance function is below here... and the game is on https://geocities.ws/peakecoin/games/Peaker/poker.html

I still can't figure out why I can't get the balance to show. I have to be sooooo dag'um close. I need one of you young whipper snappers to put your eyes upon my writings and find the error in my ways.

As I'm writing this, I'm also working on a keychain backup. That's why the message states 'Trying fallback...' so it could work while allowing me to fix the problems, while the game itself functions. Opposed to this, if I can't figure this out or I get no help, I'll muddle through it for sure. If you can help me out, I'd appreciate it.

async function fetchBalance() {
    const url = 'https://api.hive-engine.com/rpc/contracts';
    const symbol = 'PEK';
    const account = user.address ? user.address.toLowerCase() : '';
    const payload = {
        jsonrpc: '2.0',
        method: 'find',
        params: {
            contract: 'tokens',
            table: 'balances',
            query: { account, symbol }
        },
        id: 1
    };
    showMessage('Loading PEK balance...');
    let gotBalance = false;
    try {
        const r = await fetch(url, {
            method: 'POST',
            body: JSON.stringify(payload)
        });
        const data = await r.json();
        console.log('[DEBUG] Hive Engine balance response:', data);
        if (data.result && Array.isArray(data.result) && data.result.length > 0 && data.result[0].balance) {
            user.balance = parseFloat(data.result[0].balance);
            gotBalance = true;
            showMessage('PEK balance loaded.');
        } else {
            user.balance = 0;
            showMessage('No PEK balance found for this account. Trying fallback...');
        }
        user.token = symbol;
        updateWalletUI();
    } catch (e) {
        user.balance = 0;
        user.token = symbol;
        showMessage('Error fetching PEK balance. Trying fallback...');
        updateWalletUI();
        console.error('[DEBUG] fetchBalance error:', e);
    }