/* Loading Screen Overlay */
    #loading-screen {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
      transition: opacity 0.5s ease;
    }

    #loading-screen.hidden {
      opacity: 0;
      pointer-events: none;
    }

    /* Maze Loader */
    .loader {
      width: 60px;
      height: 60px;
      border: 5px solid #333;
      border-top-color: #00ff00;
      border-radius: 50%;
      animation: spin 1s linear infinite;
    }

    @keyframes spin {
      to { transform: rotate(360deg); }
    }



    .content {
      max-width: 800px;
      margin: 0 auto;
    }

    h1 {
      color: #00ff00;
      margin-bottom: 20px;
    }

    button {
      background: #00ff00;
      color: #000;
      border: none;
      padding: 12px 24px;
      font-size: 16px;
      cursor: pointer;
      border-radius: 5px;
      margin-top: 20px;
    }

.loaderr {
  width: 40px;
  aspect-ratio: 1;
  background:
    radial-gradient(farthest-side,#000 90%,#0000) 50%/8px 8px no-repeat,
    conic-gradient(from -90deg at 15px 15px,#0000 90deg,#fff 0) 0 0/25px 25px;
  animation: l7 1s infinite;
}
@keyframes l7 {
  0%   {background-position:50%,0 0}
  50%  {background-position:50%,25px 0}
  100% {background-position:50%,25px 25px}
}