Как вы делаете эту границу и игру для самоконтроля вроде bonk2.io/beta?

Question

Я видел игру https://bonk2.io/beta/, но я не знаю, как сделать границу и размер игры внутри нее. Я сделал Ctrl-Shift-I и увидел следующее:

<canvas width="920" height="626" class="gamecanvas" style="touch-action: none; width: 736px; height: 500.959px; visibility: inherit; cursor: inherit;"></canvas>

Ширина (920) и высота (626) продолжали изменяться, чтобы граница подходила таким образом. Я хочу попытаться повторить это. Как вы это делаете?

В настоящее время я вижу код css bonkio2 и пытаюсь его переделать:

    #bgreplay{
        width:100%;
        height:100%;
        overflow: hidden;
        position: absolute;
        top:0;
    }

    #gamerenderer{

        width: 100%;
        height: 100%;
        position: absolute;
        top:0px;
        left:0px;

        margin: auto;
        overflow: hidden;
        visibility: hidden;
    }

    #r3dcanvas{
        position : absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

до сих пор не понимаю этого.