html,
      body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        background: #000;
        overflow: hidden;
      }

      #unity-container {
        position: fixed;
        inset: 0;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: stretch;
        background: #000;
      }

      #unity-canvas {
        width: 100%;
        height: 100%;
        background: #000;
        outline: none;
      }

      #unity-loading-bar {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: none;
        width: 40%;
        max-width: 320px;
      }

      #unity-progress-bar-empty {
        width: 100%;
        height: 18px;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 9px;
        overflow: hidden;
      }

      #unity-progress-bar-full {
        width: 0%;
        height: 100%;
        background: #46c3ff;
        border-radius: 9px;
        transition: width 0.1s linear;
      }

      #unity-warning {
        position: absolute;
        left: 50%;
        top: 10px;
        transform: translateX(-50%);
        background: #f66;
        color: #fff;
        padding: 6px 10px;
        border-radius: 4px;
        font-family: sans-serif;
        font-size: 12px;
        display: none;
        z-index: 100;
      }