      z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .modal.active {
        opacity: 1;
    }

    .modal-content {
        background: #111;
        border-radius: 4px;
        width: 80%;
        max-width: 900px;
        aspect-ratio: 16 / 9;
        box-shadow: 0 0 20px #000;
        positio