#lobby .dropdown-menu-dark {
    background: linear-gradient(180deg,
            #7b5a35 0%,
            var(--skytower-secondary) 100%);

    border: 2px solid var(--skytower-primary);
    border-radius: 10px;

    box-shadow:
        0 0 10px rgba(0, 0, 0, 0.45),
        0 0 20px rgba(200, 169, 119, 0.15);

    padding: 6px;
    overflow: hidden;
}

#lobby .dropdown-menu-dark .dropdown-item {
    color: #f4e7d3;

    border-radius: 6px;

    transition:
        background-color 0.15s ease,
        transform 0.15s ease;

    padding: 8px 12px;
}

#lobby .dropdown-menu-dark .dropdown-item:hover {
    background-color: rgba(200, 169, 119, 0.18);

    color: white;

    transform: translateX(2px);
}

#lobby .dropdown-menu-dark .dropdown-item.disabled,
#lobby .dropdown-menu-dark .dropdown-item:disabled {
    color: var(--skytower-primary);

    opacity: 1;

    background: rgba(0, 0, 0, 0.15);

    margin-bottom: 4px;

    font-weight: bold;

    border-bottom: 1px solid rgba(200, 169, 119, 0.2);
}

#lobby .dropdown-menu-dark::before {
    content: '';

    position: absolute;
    inset: 0;

    background:
        linear-gradient(rgba(255, 255, 255, 0.03),
            rgba(0, 0, 0, 0.04));

    pointer-events: none;
}