/* Fullscreen splash screen */
      .pc-bg-transparent {


        background: #222222b9;

        backdrop-filter: blur(1px); 

      }


      .pc-bg-white {

        /* Radial Grey */
        background: radial-gradient( circle at center, #fdfdfd 0%, #bbbbbb 50%, #9d9d9d 100%);

      }

      .pc-bg-green {

        /* Radial Green */
        background: radial-gradient(circle farthest-corner at center, #607742 0%, #2f322a 100%);

      }

      .bg-splash {
        position: absolute;
        inset: 0;
        z-index: 99999;

        display: flex;
        align-items: center;
        justify-content: center;
      }
      

      /* Static logo centered */
      .logo-static {
        position: absolute;
        width: 120px;
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 12px;
      }

      .logo-static img {
        width: 100%;
        height: auto;
        filter: drop-shadow(0px 10px 6px rgba(0, 0, 0, 0.329))
      }

      /* Minimal, elegant arc spinner */
      .spinner-ring {
        position: relative;
        width: 180px;
        height: 180px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .spinner-ring::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 50%;

        /* Thin arc using conic gradient */
        background: conic-gradient(
          from 240deg,
          rgba(255, 122, 0, 0) 0deg,
          rgba(255, 122, 0, 0) 260deg,
          rgba(255, 122, 0, 0.35) 300deg,
          #ff7a00 340deg,
          rgba(255, 195, 138, 0.9) 360deg
        );

        /* Hollow center so it's just a ring */
        -webkit-mask: radial-gradient(
          farthest-side,
          transparent calc(100% - 6px),
          #000 calc(100% - 2px)
        );
        mask: radial-gradient(
          farthest-side,
          transparent calc(100% - 6px),
          #000 calc(100% - 2px)
        );

        /* Soft glow, subtle */
        filter: drop-shadow(0 0 10px rgba(255, 122, 0, 0.35));
        animation: spin 1.4s linear infinite;
      }

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