html {
    background-color: #111111;
}

body {
    height: calc(100dvh - 2px);
    box-sizing: border-box;
    padding: 25px;
    margin: 0;
}

#wrapper {
    --positionX: 0;
    --positionY: 0;
    --zoom: 50px;

    height: calc(100% - 2px);
    background-color: #181818;
    border: 1px solid #FFFFFF20;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    touch-action: none;

    &::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url(assets/images/grid.png);
        background-position: calc(var(--positionX) * var(--zoom) + (50vw - 26px)) calc(var(--positionY) * var(--zoom) + (50vh - 26px));
        background-size: var(--zoom);
        opacity: 0.1;
    }
}