/* Reset default margins and paddings */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  :root {
    --safe-area-inset-top: env(safe-area-inset-top, 0px);
    --safe-area-inset-right: env(safe-area-inset-right, 0px);
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
    --safe-area-inset-left: env(safe-area-inset-left, 0px);
  }

  /* HTML and body take up full height */
  html, body {
    height: 100%;
    overflow: hidden; /* Prevent scrolling */
    background-image: linear-gradient(#120738, #0A041F);
    /* Set background color to match canvas */
  }
  
  /* Unity container styles */
  #unity-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Prevent overflow */
    background-color: black; /* Match the canvas background color */
  }
  
  /* Unity canvas styles */
  #unity-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#120738, #0A041F);    /* Set background color as needed */
  }
  
  /* Custom loader styles */
  #loader {
    position: absolute;
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%);
    width:50%;
    z-index: 10;
    display: none;
  }

  #touchIndicator{
    position:absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10%;
    z-index: 11;
    display: none;
  }
  
#orientationModal{
  display: none;
}

  @media (max-width: 768px){
    /* Orientation modal styles */
    #orientationModal {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      transform: translate(-50%, -50%);
      background-color: rgba(0, 0, 0, 0.95);
      z-index: 20;
      text-align: center;
      color: white;
      padding: 10%;
      font-size: 18pt;
      font-family: Arial, Helvetica, sans-serif;
      display: block;
    }
  }


  /* Unity warning message styles */
  #unity-warning {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 30;
  }
  
  /* Unity footer styles */
  #unity-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 5;
  }
  
  /* Hide default Unity loading bar */
  #unity-loading-bar {
    display: none;
  }
  
  /* Ensure full-screen button is visible */
  #unity-fullscreen-button {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 15;
  }
  
  /* Prevent text selection */
  body {
    -webkit-user-select: none; /* Safari and older versions of Chrome */
    -moz-user-select: none;    /* Older versions of Firefox */
    -ms-user-select: none;     /* Internet Explorer 10+ */
    user-select: none;         /* Standard syntax */
  }

#unity-loading-bar { 
  position: absolute; 
  left: 50%; 
  bottom: 10%; 
  transform: translate(-50%, -50%); 
  display: none; 
  z-index:11}
#unity-progress-bar-empty { 
  width: 70vw; 
  height: 2.5vh; 
  border: white solid 1px;
  border-radius: 10px; 
}
#unity-progress-bar-full { 
  width: 0%; 
  height: 100%; 
  border-radius: 10px;
  background: linear-gradient(-15deg, rgba(45,57,74,1) 0%, rgba(104,119,141,1) 100%);
}