<!DOCTYPE html>
<html lang="en">
<head>
    <script>if (typeof require !== "undefined") {native = true;try{global.native = true;}catch(e){}} else {native = false;try{global.native = false;}catch(e){}}if (!native){global = window;}if (native){kresources=require('@electron/remote').getCurrentWindow().resources;trackEvent=require('@electron/remote').getCurrentWindow().trackEvent;}info=(_a,b)=>{console.info(b);};warn=(_a,b)=>{console.warn(b);};error=(_a,b)=>{console.error(b);};const Nest = require("../nest/abi");currentNest = require('@electron/remote').getCurrentWindow().nest;</script>
    <script src="../lang/loader.js"></script>
    <script src="../scenario/client.js"></script>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="common/fonts.css">
    <link rel="stylesheet" href="common/blur.css">
    <link rel="stylesheet" href="game.css">
    <title>Kartik</title>
    <script src="../crash/client.js"></script>
    <script src="./script/global_compatlayer.js"></script><script src="../typescript/mainloader.js"></script>
    <script src="../sfx/sfx.js"></script>
    <script>
        require('@electron/remote').getCurrentWindow().dstate = lang.discord.game[0];
        if (location.search === "?sp") {
            require('@electron/remote').getCurrentWindow().ddetails = lang.discord.game[1];
        } else if (location.search === "?online") {
            require('@electron/remote').getCurrentWindow().ddetails = lang.discord.game[2];
        } else {
            require('@electron/remote').getCurrentWindow().ddetails = lang.online.discord;
        }

        global.online = false;
        global.paused = false;
        global.keysEnabled = true;
        global.started = false;
        global.startHooks = [];
    </script>
    <script>
        _sfx = false;

        if (!require('@electron/remote').getCurrentWindow().debug) {
            document.write('<link rel="stylesheet" href="common/mouse.css">');
        }
    </script>
</head>
<body>
    <script>info("MainWindow", "Rendering initial frame...");
    
    if (native) {
        scale=require('@electron/remote').getCurrentWindow().scale;document.body.style.zoom=scale;
    }
    
    </script>
    <div id="bg" style="display: none;background:black;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;">
    <div id="box" style="display: none;background-color: #545454;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;">

        <div id="online-login" style="display: none;position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: transparent;z-index: 99999;padding: 50px;color: white;text-align: center;background:#111;">
            <p id="connecting"><script id="pf1">document.write(lang.online.connecting);document.getElementById('pf1').outerHTML='';</script></p>
            <p id="loading" style="display:none;"><script id="pf2">document.write(lang.online.loading);document.getElementById('pf2').outerHTML='';</script></p>
            <div id="intro" style="display:none;">
                <h2><script>document.write(lang.online.intro.create);</script></h2>
                <p><script>document.write(lang.online.intro.pcreate);</script></p>
                <span id="yourid" style="font-family:monospace;font-size:48px;">########</span>

                <hr style="border-bottom: 0;">

                <h2><script>document.write(lang.online.intro.join);</script></h2>
                <p><script>document.write(lang.online.intro.pjoin);</script></p>
                <input onchange="checkOnlineLogin();" onkeyup="checkOnlineLogin();" onkeydown="checkOnlineLogin();" id="theirid" style="font-family:monospace;font-size:48px;border:1px solid black;width: 5em;padding: 0;margin: 0;background: transparent;color: white;outline: none;" maxlength="8" placeholder="--------" length="8" spellcheck="false">
                <script>document.getElementById('theirid').focus(); global.focuser = setInterval(() => { document.getElementById('theirid').focus(); }, 1);</script>
            </div>
        </div>

        <div id="ping-chart" style="position: fixed;top: 4px;left: 4px;z-index: 9999999998;display: flex;width: 70px;height: 50px;justify-content: flex-end;align-items: flex-end;"></div>
        <div id="ping-outer" style="position: fixed;top: 4px;left: 4px;z-index: 9999999999;display: flex;width: 70px;height: 50px;align-items: center;justify-content: center;">
            <div id="ping" style="font-family:monospace;color: white;text-shadow: 1px 1px 5px black;font-size: 8px;">- ms</div>
        </div>

        <script>
            if (!require('@electron/remote').getCurrentWindow().online || require('@electron/remote').getCurrentWindow().update === "stable") {
                document.getElementById('ping-chart').style.display = "none";
                document.getElementById('ping-outer').style.display = "none";
            }
        </script>

        <div id="laps">
            <span id="laps-inner-car0"><span id="laps-car0">0</span><hr class="laps-inner-sep">5</span>
            <span id="laps-inner-car1"><span id="laps-car1">0</span><hr class="laps-inner-sep">5</span>
        </div>
        <div id="credits"><div id="credits-inner">
            <div id="credits-race" style="
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
"><div id="race">
                <img src="common/race.svg" style="vertical-align: middle;">
                <div class="cbox"><span><span class="big" id="race-title">...</span><br><script>document.write(lang.game.credits.by);</script> <span id="race-author">...</span></span></div>
            </div>
            </div><div id="credits-cars" style="
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 16px;
    text-align: center;
"><div id="cars-p1" style="
    display: grid;
    grid-template-columns: 48px 1fr;
">
            <img src="../icons/gamepad.svg" style="vertical-align: middle;filter: brightness(0) invert(1) !important;width: 24px;">
            <div class="cbox"><span><span class="big" id="cars-n1">1</span><br><img src="/" style="
    width: 72px;
    filter: none !important;
" id="cars-p1-inner"></span></div>
        </div><div style="
    display: grid;
    grid-template-columns: 48px 1fr;
">
            <img src="../icons/gamepad.svg" style="vertical-align: middle;filter: brightness(0) invert(1) !important;width: 24px;">
            <div class="cbox"><span><span class="big" id="cars-n2">2</span><br><img src="/" style="
    width: 72px;
    filter: none !important;
" id="cars-p2-inner"></span></div>
        </div></div></div></div>
        <div id="circuit" style="background-size: cover;background-position: center center;position: fixed;inset: 0;z-index: 2;background-color: rgb(255, 255, 255);width: 720px;height: 540px;">
            ...
            </div>

        <script src="./script/game_select.js"></script>
    </div>

    <div id="paused" style="z-index:5;display:none;">
        <div>
            <h2 style="text-align:center;"><!--<script>document.write(lang.game.gpause.title);</script>--><img alt="full-logo" src="../logo/full.png" style="height: 96px;"></h2>
            <div class="services">
                <div class="items">
                    <ul style="padding:0;">
                        <li class="selected"><a href="#" id="continue"><script>document.write(lang.game.gpause.continueg);</script></a></li>
                        <li><a href="#" id="hitboxes"><script>document.write(lang.game.gpause.showhb);</script></a></li>
                        <li><a href="#" id="quit"><script>document.write(lang.game.gpause.quit);</script></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <script src="../race/pause.js"></script>

    <div id="debug" style="z-index:99999999999999999;position: fixed;display:none;font-family: 'Source Code Pro', 'JetBrains Mono', 'Ubuntu Mono', 'Consolas', 'Lucida Console', 'Courier New', monospace;">
        <span id="debug-left" style="position:fixed;left:2px;top:2px;text-align:left;color:white;font-size:10px;">
            Kartik
        </span>
        <span id="debug-right" style="position:fixed;right:2px;top:2px;text-align:right;color:white;font-size:10px;">
            Kartik
        </span>
    </div>

    <script src="./script/game_music.js"></script>
    <script>info("GameWindow", "Game started");</script>

    </div>
</body>
<script src="../race/cars/car0.js"></script>
<script src="../race/cars/car1.js"></script>
<script src="../race/cars/car1ai.js"></script>
<script src="../race/cars/keymap.js"></script>

<script src="./script/game_global.js"></script>
<script src="./script/game_debug.js"></script>
<script src="./script/game_online.js"></script>

<script src="./script/client_fullscreen.js"></script>

</html>