/**
 * ALGA ARENA — Depth and Layering System
 * Controls perspective, Z-indexes, and 3D overlaps
 */

.depth-container {
    perspective: 1200px;
    transform-style: preserve-3d;
    position: relative;
}

/* Layer 1: Background Arena Details */
.depth-layer-back {
    transform: translateZ(-150px) scale(1.15);
    z-index: 1;
    pointer-events: none;
    opacity: 0.45;
}

/* Layer 2: Core Readable Text & Content */
.depth-layer-mid {
    transform: translateZ(0);
    z-index: 5;
    position: relative;
}

/* Layer 3: Foreground Objects & Elements Extending Outward */
.depth-layer-front {
    transform: translateZ(100px) scale(0.9);
    z-index: 10;
    pointer-events: none;
    position: absolute;
    filter: drop-shadow(0 15px 30px rgba(0,0,0,0.7));
}

/* Pop out animation hooks */
.pop-out-object {
    transition: transform var(--dur-slow) var(--ease-out-expo);
    will-change: transform;
}

.pop-out-object:hover {
    transform: translateZ(120px) scale(1.05) translateY(-5px);
}
