/* =====================================================================
   CYBERX original cursor — restored
   Original project style: red point + white ring + red crosshair.
===================================================================== */

.cursor-dot,
.cursor-ring{
  display:none;
}

@media (min-width:901px) and (hover:hover) and (pointer:fine){
  body,
  body *{
    cursor:none !important;
  }

  .cursor-dot,
  .cursor-ring{
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    display:block;
    pointer-events:none;
    border-radius:50%;
    transform:translate(-50%,-50%);
    mix-blend-mode:normal;
  }

  .cursor-dot{
    width:5px;
    height:5px;
    background:var(--red, #ff0033);
    box-shadow:0 0 12px rgba(255,0,51,.9);
  }

  .cursor-ring{
    width:42px;
    height:42px;
    border:2px solid rgba(255,255,255,.92);
    box-shadow:
      0 0 18px rgba(255,255,255,.35),
      inset 0 0 18px rgba(255,0,51,.18);
    transition:
      width .2s,
      height .2s,
      background .2s,
      border-color .2s;
  }

  .cursor-ring::before,
  .cursor-ring::after{
    content:"";
    position:absolute;
    background:var(--red, #ff0033);
    box-shadow:0 0 18px rgba(255,0,51,.75);
  }

  .cursor-ring::before{
    width:58px;
    height:2px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
  }

  .cursor-ring::after{
    width:2px;
    height:58px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
  }

  .cursor-ring.hover{
    width:56px;
    height:56px;
    background:rgba(255,0,51,.08);
    border-color:var(--red, #ff0033);
  }
}

@media (max-width:900px), (prefers-reduced-motion: reduce){
  body,
  body *{
    cursor:auto !important;
  }

  .cursor-dot,
  .cursor-ring{
    display:none !important;
  }
}