// ==UserScript==
// @name         Always Show ELO Ratings
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  Always displays ELO ratings on Teaspill
// @author       chud
// @match        https://spill.info.gf/index.php
// @grant        none
// ==/UserScript==

(function () {
    'use strict';

    function ready(callback) {
        if (document.readyState !== 'loading') callback();
        else document.addEventListener('DOMContentLoaded', callback);
    }

    ready(() => {
        const leftElo = document.getElementById('elo-left');
        const rightElo = document.getElementById('elo-right');

        if (leftElo && rightElo) {
            leftElo.classList.add('show');
            rightElo.classList.add('show');
        }

        const observer = new MutationObserver(() => {
            leftElo?.classList.add('show');
            rightElo?.classList.add('show');
        });

        observer.observe(document.body, { childList: true, subtree: true });

        // Add black outline without changing color
        const style = document.createElement('style');
        style.textContent = `
            .elo-display, .elo-number {
                text-shadow:
                    -1px -1px 0 black,
                    1px -1px 0 black,
                    -1px 1px 0 black,
                    1px 1px 0 black;
            }
        `;
        document.head.appendChild(style);
    });
})();