body {
    padding: 0;
    margin: 0;
    /* Add Flexbox centering */
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: #231F20;
    overflow: hidden;
  }
  
  #unity-container {
    position: relative; /* Change from absolute */
    width: 100%;
    height: 100%;
    /* Add max dimensions to maintain aspect ratio */
    max-width: 960px;
    max-height: 600px;
  }
  
  /* Remove these desktop/mobile positioning rules */
  /* #unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) } */
  /* #unity-container.unity-mobile { width: 100%; height: 100% } */
  
  #unity-canvas {
    background: #231F20;
    /* Add responsive canvas sizing */
    width: 100% !important;
    height: 100% !important;
  }
  
  /* Remove all footer-related styles */
  /* #unity-footer { position: relative } */
  /* .unity-mobile #unity-footer { display: none } */
  /* #unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center } */
  /* #unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px } */
  /* #unity-fullscreen-button { float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center } */
  
  /* Modify loading bar positioning */
  #unity-loading-bar {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 2;
  }
  
  /* Add mobile responsiveness */
  @media (max-aspect-ratio: 960/600) {
    #unity-container {
      width: 100vw;
      height: calc(100vw * 600/960);
    }
  }
  
  @media (min-aspect-ratio: 960/600) {
    #unity-container {
      width: calc(100vh * 960/600);
      height: 100vh;
    }
  }