.dragon-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(2,4,12,.92);
    backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
}

    .dragon-lightbox.active {
        pointer-events: auto;
    }

    .dragon-lightbox img,
    .dragon-lightbox video {
        max-width: 90%;
        max-height: 85vh;
        border-radius: 18px;
        box-shadow: 0 0 40px rgba(56,253,253,.6), 0 0 120px rgba(168,85,247,.5);
    }

.close-lightbox {
    position: absolute;
    top: 25px;
    right: 35px;
    font-size: 3rem;
    color: #38fdfd;
    cursor: pointer;
    text-shadow: 0 0 20px #38fdfd;
}

.nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 3.2rem;
    color: #38fdfd;
    cursor: pointer;
    text-shadow: 0 0 15px #38fdfd, 0 0 40px rgba(168,85,247,.8);
    transition: transform .2s ease, filter .2s ease;
}

    .nav-arrow:hover {
        transform: translateY(-50%) scale(1.15);
        filter: brightness(1.4);
    }

.left-arrow {
    left: 35px;
}

.right-arrow {
    right: 35px;
}