/* ==========================================================================
   LAZZYSTUDIO - 3D ISOMETRIC MOSAIC TRANSITION ENGINE (Canvas 120 FPS)
   ========================================================================== */

.page-transition-overlay {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  pointer-events: none;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.page-transition-overlay.active {
  pointer-events: auto;
}

/* 3D Angled Matrix Canvas Plane matching Spatial Angle */
.transition-matrix-canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1450px;
  height: 1450px;
  transform-origin: center center;
  transform: translate(-50%, -50%) skewX(-48deg) skewY(14deg) scaleX(2) scale(0.9);
  pointer-events: none;
  backface-visibility: hidden;
  will-change: transform;
}