body {
	padding: 0;
	margin: 0
}

/* Ensure the body and html take up the full size of the window */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
  }

/* Style for the game container */
#unity-container {
    width: 100%;
    height: 100%;
    position: absolute;
  }

/* Ensure the canvas fits its container */
#unity-canvas {
    width: 100%;
    height: 100%;
    background-color: #231F20; /* Same as the background color of the container */
  }

#unity-container {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
  }

#unity-container.unity-desktop {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

#unity-container.unity-mobile {
	position: fixed;
	width: 100%;
	height: 100%;
}

#unity-canvas {
    width: 100%;
    height: 100%;
    background-color: #502929;
  }

.unity-mobile #unity-canvas {
	width: 100%;
	height: 100%
}

#unity-loading-container {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 40px;

    opacity: 1;
    visibility: visible;
    transition: 800ms linear;
  }

  #unity-loading-bar-empty {
    position: absolute;
    width: 70%;
    max-width: 400px;
    height: auto;
    
    clip-path: inset(0% 0 0 0);
  }

  #unity-loading-bar-full {
    position: absolute;
    width: 70%;
    max-width: 400px;
    height: auto;

    clip-path: inset(100% 0 0 0);
}