body{background:linear-gradient(135deg,#fff 0% 49%,#000 49% 51%,#fff 51% 100%) 0 0/20px 20px}main,body{background-color:#000;border:0;width:100dvw;height:100dvh;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}canvas#the-canvas{background-color:#0000;margin:0;padding:0}.canvas-parent{--resolution:50;--scale:calc(100/var(--resolution));top:calc(100dvh*(1 - var(--resolution)/100)/2);left:calc(100dvw*(1 - var(--resolution)/100)/2);width:calc(100dvw*var(--resolution)/100);height:calc(100dvh*var(--resolution)/100);transform:scale(var(--scale));position:absolute}.canvas-container{width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}#loading-screen{z-index:1000;background-color:#ffffff7d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#loading-screen-text{color:#fff;text-shadow:0 0 20px #000;font-weight:700}