/* css/loader.css - THE BEAM SPLIT (TURBO MODE) */

.alien-loader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
}

.loader-panel {
    width: 50%;
    height: 100%;
    background: #000;
    position: relative;
    /* Speed up the door slide to 0.5s */
    transition: transform 0.5s cubic-bezier(0.8, 0, 0.2, 1);
    z-index: 2;
}

.panel-left { transform-origin: left; }
.panel-right { transform-origin: right; }

/* The Cutting Beam */
.loader-beam {
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: 0;
    background: #fff;
    box-shadow: 0 0 20px var(--primary), 0 0 40px var(--primary);
    z-index: 3;
    transform: translateX(-50%);
    /* Speed up the beam cut to 0.8s */
    animation: beamCut 0.8s ease-in-out forwards;
}

/* The Animation State */
.loader-complete .panel-left {
    transform: translateX(-100%);
}
.loader-complete .panel-right {
    transform: translateX(100%);
}
.loader-complete .loader-beam {
    opacity: 0;
    transition: opacity 0.1s; /* Faster fade out */
}

@keyframes beamCut {
    0% { height: 0; top: 0; }
    50% { height: 100%; top: 0; }
    90% { height: 100%; opacity: 1; width: 2px; }
    100% { height: 100%; opacity: 0; width: 50px; }
}